.CampaignType--popup {
opacity: 0 !important; /* DEL */
}
.lbc-agenda-error {
color: #ffffff !important;
text-align: center;
}
/* legacy */
.icon-hover-circle a,.icon-hover-circle a:hover {
text-decoration: none
}
.icon-controls-right {
float: right
}
.icon-controls {
margin: 0 10px
}
.icon-controls a {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
text-decoration: none
}
.icon-controls a:hover,.icon-controls a:focus,.icon-controls a:active {
color: var(--rf-brand-color-primary)
}
.icon-controls:first-of-type {
margin-left: 0
}
.icon-controls:last-of-type {
margin-right: 0
}
.input-icon {
position: absolute;
right: 0;
top: 20px;
background: rgba(0,0,0,0);
border: none
}
.input-icon-left {
position: absolute;
left: 0;
top: 5px;
background: rgba(0,0,0,0);
border: none
}
.rfSI {
display: inline-block;
fill: var(--rf-brand-color-primary);
height: 24px;
width: 24px;
max-height: 24px;
max-width: 24px;
vertical-align: middle
}
.rfSI.rfSI-xsm {
height: 12px;
width: 12px;
max-height: 12px;
max-width: 12px
}
.rfSI.rfSI-sm {
height: 16px;
width: 16px;
max-height: 16px;
max-width: 16px
}
.rfSI.rfSI-sm+.rfSI.rfSI-sm {
margin-left: 8px
}
.rfSI.rfSI-md {
height: 20px;
width: 20px;
max-height: 20px;
max-width: 20px
}
.rfSI.rfSI-md+.rfSI.rfSI-md {
margin-left: 8px
}
.rfSI.rfSI-lg {
height: 28px;
width: 28px;
max-height: 28px;
max-width: 28px
}
.rfSI.rfSI-lg+.rfSI.rfSI-lg {
margin-left: 12px
}
.rfSI.rfSI-xlg {
height: 32px;
width: 32px;
max-height: 32px;
max-width: 32px
}
.rfSI.rfSI-xlg+.rfSI.rfSI-xlg {
margin-left: 12px
}
.rfSI+span+.rfSI {
margin-left: 12px;
margin-right: 0
}
.rfSI svg {
display: block;
fill: var(--rf-brand-color-primary);
height: 100%;
opacity: 1;
width: 100%
}
.rfSI svg:hover,.rfSI svg:active,.rfSI svg:focus {
fill: var(--rf-brand-color-primary-hover)
}
.rfSI.disabled {
cursor: not-allowed
}
.rfSI.disabled svg {
cursor: not-allowed;
fill: var(--rf-brand-color-status-disabled)
}
.rfSI.disabled svg:hover,.rfSI.disabled svg:active,.rfSI.disabled svg:focus {
opacity: .5;
cursor: not-allowed
}
.rfSI.rfSI-default svg {
cursor: default
}
.rfSI.rfSI-default svg:hover,.rfSI.rfSI-default svg:active,.rfSI.rfSI-default svg:focus {
fill: inherit;
cursor: default
}
.rfSI.rfSI-input {
right: 4px
}
.rfSI.rfSI-left-input {
left: 4px
}
.rfSI.rfSI-input,.rfSI.rfSI-left-input {
position: absolute;
top: 37px;
fill: var(--rf-brand-color-primary)
}
.rfSI.rfSI-input.rfSI-sm,.rfSI.rfSI-left-input.rfSI-sm {
top: 41px
}
.rfSI.rfSI-input.rfSI-xsm,.rfSI.rfSI-left-input.rfSI-xsm {
top: 43px
}
.rfSI.rfSI-input-no-label {
position: absolute;
right: 0;
top: 13px;
fill: var(--rf-brand-color-primary)
}
.rfSI.rfSI-input-no-label.rfSI-sm {
top: 16px
}
.rfSI.rfSI-input-no-label.rfSI-xsm {
top: 19px
}
.rfSI.rfSI-form-row-item {
margin-top: 36px
}
.rfSI.rfSI-form-input-item {
margin-top: 16px
}
.rfSI.rfSI-form-no-label-input {
margin-top: 12px
}
.rfSI.rfSI-util-gray svg {
fill: var(--rf-system-color-neutral-30)
}
.rfSI.rfSI-util-gray svg:hover,.rfSI.rfSI-util-gray svg:active,.rfSI.rfSI-util-gray svg:focus {
fill: var(--rf-system-color-neutral-30)
}
.rfSI.rfSI-gray svg {
fill: var(--rf-system-color-neutral-50)
}
.rfSI.rfSI-gray svg:hover,.rfSI.rfSI-gray svg:active,.rfSI.rfSI-gray svg:focus {
fill: var(--rf-system-color-neutral-50)
}
.rfSI.rfSI-light-gray svg {
fill: var(--rf-brand-color-status-disabled)
}
.rfSI.rfSI-light-gray svg:hover,.rfSI.rfSI-light-gray svg:active,.rfSI.rfSI-light-gray svg:focus {
fill: var(--rf-brand-color-status-disabled)
}
.rfSI.g5 svg {
fill: var(--rf-system-color-neutral-30)
}
.rfSI.g5 svg:hover,.rfSI.g5 svg:active,.rfSI.g5 svg:focus {
fill: #1570ef
}
.rfSI.g6 svg {
fill: var(--rf-system-color-neutral-60)
}
.rfSI.g6 svg:hover,.rfSI.g6 svg:active,.rfSI.g6 svg:focus {
fill: var(--rf-system-color-neutral-60)
}
.rfSI.g7 svg {
fill: var(--rf-system-color-neutral-30)
}
.rfSI.g7 svg:hover,.rfSI.g7 svg:active,.rfSI.g7 svg:focus {
fill: #1570ef
}
.rfSI.g8 svg {
fill: var(--rf-system-color-neutral-30)
}
.rfSI.g8 svg:hover,.rfSI.g8 svg:active,.rfSI.g8 svg:focus {
fill: #1570ef
}
.rfSI.g9 svg {
fill: var(--rf-system-color-neutral-30)
}
.rfSI.g9 svg:hover,.rfSI.g9 svg:active,.rfSI.g9 svg:focus {
fill: #1570ef
}
.rfSI.rfSI-primary svg {
fill: var(--rf-brand-color-primary)
}
.rfSI.rfSI-primary svg:hover,.rfSI.rfSI-primary svg:active,.rfSI.rfSI-primary svg:focus {
fill: var(--rf-brand-color-primary)
}
.rfSI.rfSI-incomplete svg {
fill: var(--rf-system-color-neutral-50)
}
.rfSI.rfSI-incomplete svg:hover,.rfSI.rfSI-incomplete svg:active,.rfSI.rfSI-incomplete svg:focus {
fill: var(--rf-system-color-neutral-50)
}
.rfSI.rfSI-incomplete-success svg {
fill: var(--rf-system-color-neutral-50)
}
.rfSI.rfSI-incomplete-success svg:hover,.rfSI.rfSI-incomplete-success svg:active,.rfSI.rfSI-incomplete-success svg:focus {
fill: var(--rf-brand-color-status-success)
}
.rfSI.rfSI-info svg {
fill: var(--rf-brand-color-status-info)
}
.rfSI.rfSI-info svg:hover,.rfSI.rfSI-info svg:active,.rfSI.rfSI-info svg:focus {
fill: var(--rf-brand-color-status-info)
}
.rfSI.rfSI-warning svg {
fill: var(--rf-brand-color-status-warning)
}
.rfSI.rfSI-warning svg:hover,.rfSI.rfSI-warning svg:active,.rfSI.rfSI-warning svg:focus {
fill: var(--rf-brand-color-status-warning)
}
.rfSI.rfSI-disabled svg {
fill: var(--rf-brand-color-status-disabled)
}
.rfSI.rfSI-disabled svg:hover,.rfSI.rfSI-disabled svg:active,.rfSI.rfSI-disabled svg:focus {
fill: var(--rf-brand-color-status-disabled)
}
.rfSI.rfSI-pink svg {
fill: #e71356
}
.rfSI.rfSI-pink svg:hover,.rfSI.rfSI-pink svg:active,.rfSI.rfSI-pink svg:focus {
fill: #e71356
}
.rfSI.rfSI-text svg {
fill: var(--rf-brand-color-text-body)
}
.rfSI.rfSI-text svg:hover,.rfSI.rfSI-text svg:active,.rfSI.rfSI-text svg:focus {
fill: var(--rf-brand-color-text-body)
}
.rfSI.rfSI-radio svg,.rfSI.rfSI-radio svg:hover,.rfSI.rfSI-radio svg:active,.rfSI.rfSI-radio svg:focus {
fill: var(--rf-comp-radio-color)
}
.rfSI.rfSI-checkbox svg,.rfSI.rfSI-checkbox svg:hover,.rfSI.rfSI-checkbox svg:active,.rfSI.rfSI-checkbox svg:focus {
fill: var(--rf-comp-checkbox-color)
}
.rfSI.rfSI-current-color svg,.rfSI.rfSI-current-color svg:hover,.rfSI.rfSI-current-color svg:active,.rfSI.rfSI-current-color svg:focus {
fill: currentColor
}
.rfSI.disabled.rfSI-radio svg,.rfSI.disabled.rfSI-radio svg:hover,.rfSI.disabled.rfSI-radio svg:active,.rfSI.disabled.rfSI-radio svg:focus,.rfSI.disabled.rfSI-checkbox svg,.rfSI.disabled.rfSI-checkbox svg:hover,.rfSI.disabled.rfSI-checkbox svg:active,.rfSI.disabled.rfSI-checkbox svg:focus {
fill: var(--rf-brand-color-status-disabled)
}
.rfSI.rfSI-danger svg {
fill: var(--rf-brand-color-status-error)
}
.rfSI.rfSI-danger svg:hover,.rfSI.rfSI-danger svg:active,.rfSI.rfSI-danger svg:focus {
fill: var(--rf-brand-color-status-error)
}
.rfSI.rfSI-success svg {
fill: var(--rf-brand-color-status-success)
}
.rfSI.rfSI-success svg:hover,.rfSI.rfSI-success svg:active,.rfSI.rfSI-success svg:focus {
fill: var(--rf-brand-color-status-success)
}
.rfSI.rfSI-white svg {
fill: var(--rf-system-color-neutral-100)
}
.rfSI.rfSI-white svg:hover,.rfSI.rfSI-white svg:active,.rfSI.rfSI-white svg:focus {
fill: var(--rf-system-color-neutral-100)
}
.rfSI+sub {
margin-left: 4px
}
.rfSI.can-favorite svg {
fill: var(--rf-system-color-neutral-70)
}
.rfSI.can-favorite.favorited svg {
fill: #ffc107
}
button.rfSI {
background-color: rgba(0,0,0,0);
border: none;
padding: 0;
margin: 0
}
.rfSI-stroke {
display: inline-block;
height: 40px;
width: 40px;
max-height: 40px;
max-width: 40px;
stroke-linecap: round;
stroke-linejoin: round
}
.rfSI-stroke svg * {
stroke-width: 1
}
.rfSI-stroke.rfSI-xs,.rfSI-stroke.rfSI-xsm {
height: 16px;
width: 16px;
max-height: 16px;
max-width: 16px
}
.rfSI-stroke.rfSI-sm {
height: 24px;
width: 24px;
max-height: 24px;
max-width: 24px
}
.rfSI-stroke.rfSI-lg {
height: 60px;
width: 60px;
max-height: 60px;
max-width: 60px
}
.rfSI-stroke.rfSI-xl {
height: 80px;
width: 80px;
max-height: 80px;
max-width: 80px
}
.rfSI-stroke.stroke-width-xs svg * {
stroke-width: .75
}
.rfSI-stroke.stroke-width-sm svg * {
stroke-width: 1
}
.rfSI-stroke.stroke-width-regular svg * {
stroke-width: 1.25
}
.rfSI-stroke.stroke-width-lg svg * {
stroke-width: 1.5
}
.rfSI-stroke.stroke-width-xl svg * {
stroke-width: 2
}
.rfSI-stroke+.rfSI-stroke {
margin-left: 8px
}
.rfSI-stroke * {
fill: none
}
.rfSI-stroke svg {
width: 100%;
height: 100%
}
.rfSI-stroke svg * {
stroke: var(--rf-brand-color-primary);
fill: none
}
.rfSI-stroke.rfSI-white svg * {
stroke: var(--rf-system-color-neutral-100)
}
.rfSI-stroke.rfSI-gray svg * {
stroke: var(--rf-system-color-neutral-40)
}
.rfSI-stroke.rfSI-primary polygon,.rfSI-stroke.rfSI-primary polyline,.rfSI-stroke.rfSI-primary circle,.rfSI-stroke.rfSI-primary line,.rfSI-stroke.rfSI-primary path,.rfSI-stroke.rfSI-primary rect {
stroke: var(--rf-brand-color-primary)
}
.rfSI-stroke.rfSI-white polygon,.rfSI-stroke.rfSI-white polyline,.rfSI-stroke.rfSI-white circle,.rfSI-stroke.rfSI-white line,.rfSI-stroke.rfSI-white path,.rfSI-stroke.rfSI-white rect {
stroke: var(--rf-system-color-neutral-100)
}
.rfSI-stroke.rfSI-util-gray polygon,.rfSI-stroke.rfSI-util-gray polyline,.rfSI-stroke.rfSI-util-gray circle,.rfSI-stroke.rfSI-util-gray line,.rfSI-stroke.rfSI-util-gray path,.rfSI-stroke.rfSI-util-gray rect {
stroke: var(--rf-system-color-neutral-30)
}
.rfSI-stroke.rfSI-gray polygon,.rfSI-stroke.rfSI-gray polyline,.rfSI-stroke.rfSI-gray circle,.rfSI-stroke.rfSI-gray line,.rfSI-stroke.rfSI-gray path,.rfSI-stroke.rfSI-gray rect {
stroke: var(--rf-system-color-neutral-50)
}
.rfSI-stroke.rfSI-disabled polygon,.rfSI-stroke.rfSI-disabled polyline,.rfSI-stroke.rfSI-disabled circle,.rfSI-stroke.rfSI-disabled line,.rfSI-stroke.rfSI-disabled path,.rfSI-stroke.rfSI-disabled rect {
stroke: var(--rf-brand-color-status-disabled)
}
.rfSI-stroke.rfSI-darkgray polygon,.rfSI-stroke.rfSI-darkgray polyline,.rfSI-stroke.rfSI-darkgray circle,.rfSI-stroke.rfSI-darkgray line,.rfSI-stroke.rfSI-darkgray path,.rfSI-stroke.rfSI-darkgray rect {
stroke: var(--rf-system-color-neutral-40)
}
.rfSI-stroke.rfSI-error polygon,.rfSI-stroke.rfSI-error polyline,.rfSI-stroke.rfSI-error circle,.rfSI-stroke.rfSI-error line,.rfSI-stroke.rfSI-error path,.rfSI-stroke.rfSI-error rect,.rfSI-stroke.rfSI-red polygon,.rfSI-stroke.rfSI-red polyline,.rfSI-stroke.rfSI-red circle,.rfSI-stroke.rfSI-red line,.rfSI-stroke.rfSI-red path,.rfSI-stroke.rfSI-red rect,.rfSI-stroke.rfSI-danger polygon,.rfSI-stroke.rfSI-danger polyline,.rfSI-stroke.rfSI-danger circle,.rfSI-stroke.rfSI-danger line,.rfSI-stroke.rfSI-danger path,.rfSI-stroke.rfSI-danger rect {
stroke: var(--rf-brand-color-status-error)
}
.rfSI-stroke.rfSI-warning polygon,.rfSI-stroke.rfSI-warning polyline,.rfSI-stroke.rfSI-warning circle,.rfSI-stroke.rfSI-warning line,.rfSI-stroke.rfSI-warning path,.rfSI-stroke.rfSI-warning rect {
stroke: var(--rf-brand-color-status-warning)
}
.rfSI-stroke.rfSI-info polygon,.rfSI-stroke.rfSI-info polyline,.rfSI-stroke.rfSI-info circle,.rfSI-stroke.rfSI-info line,.rfSI-stroke.rfSI-info path,.rfSI-stroke.rfSI-info rect {
stroke: var(--rf-brand-color-status-info)
}
.rfSI-stroke.rfSI-success polygon,.rfSI-stroke.rfSI-success polyline,.rfSI-stroke.rfSI-success circle,.rfSI-stroke.rfSI-success line,.rfSI-stroke.rfSI-success path,.rfSI-stroke.rfSI-success rect,.rfSI-stroke.rfSI-green polygon,.rfSI-stroke.rfSI-green polyline,.rfSI-stroke.rfSI-green circle,.rfSI-stroke.rfSI-green line,.rfSI-stroke.rfSI-green path,.rfSI-stroke.rfSI-green rect {
stroke: var(--rf-brand-color-status-success)
}
.rfSI-stroke.rfSI-text polygon,.rfSI-stroke.rfSI-text polyline,.rfSI-stroke.rfSI-text circle,.rfSI-stroke.rfSI-text line,.rfSI-stroke.rfSI-text path,.rfSI-stroke.rfSI-text rect {
stroke: var(--rf-brand-color-text-body)
}
.rfSI-stroke.rfSI-pink polygon,.rfSI-stroke.rfSI-pink polyline,.rfSI-stroke.rfSI-pink circle,.rfSI-stroke.rfSI-pink line,.rfSI-stroke.rfSI-pink path,.rfSI-stroke.rfSI-pink rect {
stroke: #e71356
}
.rfSI-stroke.rfSI-radio polygon,.rfSI-stroke.rfSI-radio polyline,.rfSI-stroke.rfSI-radio circle,.rfSI-stroke.rfSI-radio line,.rfSI-stroke.rfSI-radio path,.rfSI-stroke.rfSI-radio rect {
stroke: var(--rf-comp-radio-color)
}
.rfSI-stroke.rfSI-checkbox polygon,.rfSI-stroke.rfSI-checkbox polyline,.rfSI-stroke.rfSI-checkbox circle,.rfSI-stroke.rfSI-checkbox line,.rfSI-stroke.rfSI-checkbox path,.rfSI-stroke.rfSI-checkbox rect {
stroke: var(--rf-comp-checkbox-color)
}
.rfSI-stroke.rfSI-current-color polygon,.rfSI-stroke.rfSI-current-color polyline,.rfSI-stroke.rfSI-current-color circle,.rfSI-stroke.rfSI-current-color line,.rfSI-stroke.rfSI-current-color path,.rfSI-stroke.rfSI-current-color rect {
stroke: currentColor
}
.row-controls {
float: right
}
.control-icon-text {
vertical-align: middle
}
.control-icon-text+.rfSI {
margin-left: 12px
}
.rfSI .svg-loading {
width: 100%
}
.app-store-badges {
display: flex;
flex-wrap: wrap;
gap: 8px
}
.rfSI.no-shrink,.rfSI-stroke.no-shrink {
flex-shrink: 0
}
.rfG-container,.rfG-fluid-container {
padding-left: 16px;
padding-right: 16px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box
}
.rfG-container {
max-width: 1200px
}
.rfG-fluid-container {
width: 100%
}
.rfG-row {
margin-left: -8px;
margin-right: -8px;
font-size: 0;
clear: both
}
.rfG-row.mbtm-10 {
margin-bottom: 10px
}
.rfG-row.mbtm-20 {
margin-bottom: 20px
}
.rfG-row.mbtm-40 {
margin-bottom: 40px
}
.rfG-row:before,.rfG-row:after {
content: "";
display: table;
clear: both
}
[class*=rfG-xs],[class*=rfG-sm],[class*=rfG-md],[class*=rfG-lg],[class*=rfG-xl] {
float: left;
padding-left: 8px;
padding-right: 8px;
box-sizing: border-box;
font-size: var(--rf-brand-font-size);
position: relative
}
.align-center [class*=rfG-] {
display: inline-block;
float: none
}
.align-right {
text-align: right
}
.align-right [class*=rfG-] {
display: inline-block;
float: none
}
[class*=rfG-xs],[class*=rfG-sm],[class*=rfG-md],[class*=rfG-lg],[class*=rfG-xl] {
width: 100%
}
.rfG-xs-5 {
width: 5%
}
.rfG-xs-10 {
width: 10%
}
.rfG-xs-15 {
width: 15%
}
.rfG-xs-20 {
width: 20%
}
.rfG-xs-25 {
width: 25%
}
.rfG-xs-30 {
width: 30%
}
.rfG-xs-33 {
width: 33.33%
}
.rfG-xs-35 {
width: 35%
}
.rfG-xs-40 {
width: 40%
}
.rfG-xs-45 {
width: 45%
}
.rfG-xs-50 {
width: 50%
}
.rfG-xs-55 {
width: 55%
}
.rfG-xs-60 {
width: 60%
}
.rfG-xs-65 {
width: 65%
}
.rfG-xs-66 {
width: 66.66%
}
.rfG-xs-70 {
width: 70%
}
.rfG-xs-75 {
width: 75%
}
.rfG-xs-80 {
width: 80%
}
.rfG-xs-85 {
width: 85%
}
.rfG-xs-90 {
width: 90%
}
.rfG-xs-95 {
width: 95%
}
.rfG-xs-100 {
width: 100%
}
.rfG-xs-off-0 {
margin-left: 0
}
.rfG-xs-off-5 {
margin-left: 5%
}
.rfG-xs-off-10 {
margin-left: 10%
}
.rfG-xs-off-15 {
margin-left: 15%
}
.rfG-xs-off-20 {
margin-left: 20%
}
.rfG-xs-off-25 {
margin-left: 25%
}
.rfG-xs-off-30 {
margin-left: 30%
}
.rfG-xs-off-33 {
margin-left: 33.33%
}
.rfG-xs-off-35 {
margin-left: 35%
}
.rfG-xs-off-40 {
margin-left: 40%
}
.rfG-xs-off-45 {
margin-left: 45%
}
.rfG-xs-off-50 {
margin-left: 50%
}
.rfG-xs-off-55 {
margin-left: 55%
}
.rfG-xs-off-60 {
margin-left: 60%
}
.rfG-xs-off-65 {
margin-left: 65%
}
.rfG-xs-off-66 {
margin-left: 66.66%
}
.rfG-xs-off-70 {
margin-left: 70%
}
.rfG-xs-off-75 {
margin-left: 75%
}
.rfG-xs-off-80 {
margin-left: 80%
}
.rfG-xs-off-85 {
margin-left: 85%
}
.rfG-xs-off-90 {
margin-left: 90%
}
.rfG-xs-off-95 {
margin-left: 95%
}
@media(min-width: 400px) {
.rfG-sm-5 {
width:5%
}
.rfG-sm-10 {
width: 10%
}
.rfG-sm-15 {
width: 15%
}
.rfG-sm-20 {
width: 20%
}
.rfG-sm-25 {
width: 25%
}
.rfG-sm-30 {
width: 30%
}
.rfG-sm-33 {
width: 33.33%
}
.rfG-sm-35 {
width: 35%
}
.rfG-sm-40 {
width: 40%
}
.rfG-sm-45 {
width: 45%
}
.rfG-sm-50 {
width: 50%
}
.rfG-sm-55 {
width: 55%
}
.rfG-sm-60 {
width: 60%
}
.rfG-sm-65 {
width: 65%
}
.rfG-sm-66 {
width: 66.66%
}
.rfG-sm-70 {
width: 70%
}
.rfG-sm-75 {
width: 75%
}
.rfG-sm-80 {
width: 80%
}
.rfG-sm-85 {
width: 85%
}
.rfG-sm-90 {
width: 90%
}
.rfG-sm-95 {
width: 95%
}
.rfG-sm-100 {
width: 100%
}
.rfG-sm-off-0 {
margin-left: 0
}
.rfG-sm-off-5 {
margin-left: 5%
}
.rfG-sm-off-10 {
margin-left: 10%
}
.rfG-sm-off-15 {
margin-left: 15%
}
.rfG-sm-off-20 {
margin-left: 20%
}
.rfG-sm-off-25 {
margin-left: 25%
}
.rfG-sm-off-30 {
margin-left: 30%
}
.rfG-sm-off-33 {
margin-left: 33.33%
}
.rfG-sm-off-35 {
margin-left: 35%
}
.rfG-sm-off-40 {
margin-left: 40%
}
.rfG-sm-off-45 {
margin-left: 45%
}
.rfG-sm-off-50 {
margin-left: 50%
}
.rfG-sm-off-55 {
margin-left: 55%
}
.rfG-sm-off-60 {
margin-left: 60%
}
.rfG-sm-off-65 {
margin-left: 65%
}
.rfG-sm-off-66 {
margin-left: 66.66%
}
.rfG-sm-off-70 {
margin-left: 70%
}
.rfG-sm-off-75 {
margin-left: 75%
}
.rfG-sm-off-80 {
margin-left: 80%
}
.rfG-sm-off-85 {
margin-left: 85%
}
.rfG-sm-off-90 {
margin-left: 90%
}
.rfG-sm-off-95 {
margin-left: 95%
}
}
@media(min-width: 769px) {
.rfG-md-5 {
width:5%
}
.rfG-md-10 {
width: 10%
}
.rfG-md-15 {
width: 15%
}
.rfG-md-20 {
width: 20%
}
.rfG-md-25 {
width: 25%
}
.rfG-md-30 {
width: 30%
}
.rfG-md-33 {
width: 33.33%
}
.rfG-md-35 {
width: 35%
}
.rfG-md-40 {
width: 40%
}
.rfG-md-45 {
width: 45%
}
.rfG-md-50 {
width: 50%
}
.rfG-md-55 {
width: 55%
}
.rfG-md-60 {
width: 60%
}
.rfG-md-65 {
width: 65%
}
.rfG-md-66 {
width: 66.66%
}
.rfG-md-70 {
width: 70%
}
.rfG-md-75 {
width: 75%
}
.rfG-md-80 {
width: 80%
}
.rfG-md-85 {
width: 85%
}
.rfG-md-90 {
width: 90%
}
.rfG-md-95 {
width: 95%
}
.rfG-md-100 {
width: 100%
}
.rfG-md-off-0 {
margin-left: 0
}
.rfG-md-off-5 {
margin-left: 5%
}
.rfG-md-off-10 {
margin-left: 10%
}
.rfG-md-off-15 {
margin-left: 15%
}
.rfG-md-off-20 {
margin-left: 20%
}
.rfG-md-off-25 {
margin-left: 25%
}
.rfG-md-off-30 {
margin-left: 30%
}
.rfG-md-off-33 {
margin-left: 33.33%
}
.rfG-md-off-35 {
margin-left: 35%
}
.rfG-md-off-40 {
margin-left: 40%
}
.rfG-md-off-45 {
margin-left: 45%
}
.rfG-md-off-50 {
margin-left: 50%
}
.rfG-md-off-55 {
margin-left: 55%
}
.rfG-md-off-60 {
margin-left: 60%
}
.rfG-md-off-65 {
margin-left: 65%
}
.rfG-md-off-66 {
margin-left: 66.66%
}
.rfG-md-off-70 {
margin-left: 70%
}
.rfG-md-off-75 {
margin-left: 75%
}
.rfG-md-off-80 {
margin-left: 80%
}
.rfG-md-off-85 {
margin-left: 85%
}
.rfG-md-off-90 {
margin-left: 90%
}
.rfG-md-off-95 {
margin-left: 95%
}
}
@media(min-width: 991px) {
.rfG-lg-5 {
width:5%
}
.rfG-lg-10 {
width: 10%
}
.rfG-lg-15 {
width: 15%
}
.rfG-lg-20 {
width: 20%
}
.rfG-lg-25 {
width: 25%
}
.rfG-lg-30 {
width: 30%
}
.rfG-lg-33 {
width: 33.33%
}
.rfG-lg-35 {
width: 35%
}
.rfG-lg-40 {
width: 40%
}
.rfG-lg-45 {
width: 45%
}
.rfG-lg-50 {
width: 50%
}
.rfG-lg-55 {
width: 55%
}
.rfG-lg-60 {
width: 60%
}
.rfG-lg-65 {
width: 65%
}
.rfG-lg-66 {
width: 66.66%
}
.rfG-lg-70 {
width: 70%
}
.rfG-lg-75 {
width: 75%
}
.rfG-lg-80 {
width: 80%
}
.rfG-lg-85 {
width: 85%
}
.rfG-lg-90 {
width: 90%
}
.rfG-lg-95 {
width: 95%
}
.rfG-lg-100 {
width: 100%
}
.rfG-lg-off-0 {
margin-left: 0
}
.rfG-lg-off-5 {
margin-left: 5%
}
.rfG-lg-off-10 {
margin-left: 10%
}
.rfG-lg-off-15 {
margin-left: 15%
}
.rfG-lg-off-20 {
margin-left: 20%
}
.rfG-lg-off-25 {
margin-left: 25%
}
.rfG-lg-off-30 {
margin-left: 30%
}
.rfG-lg-off-33 {
margin-left: 33.33%
}
.rfG-lg-off-35 {
margin-left: 35%
}
.rfG-lg-off-40 {
margin-left: 40%
}
.rfG-lg-off-45 {
margin-left: 45%
}
.rfG-lg-off-50 {
margin-left: 50%
}
.rfG-lg-off-55 {
margin-left: 55%
}
.rfG-lg-off-60 {
margin-left: 60%
}
.rfG-lg-off-65 {
margin-left: 65%
}
.rfG-lg-off-66 {
margin-left: 66.66%
}
.rfG-lg-off-70 {
margin-left: 70%
}
.rfG-lg-off-75 {
margin-left: 75%
}
.rfG-lg-off-80 {
margin-left: 80%
}
.rfG-lg-off-85 {
margin-left: 85%
}
.rfG-lg-off-90 {
margin-left: 90%
}
.rfG-lg-off-95 {
margin-left: 95%
}
}
@media(min-width: 1200px) {
.rfG-xl-5 {
width:5%
}
.rfG-xl-10 {
width: 10%
}
.rfG-xl-15 {
width: 15%
}
.rfG-xl-20 {
width: 20%
}
.rfG-xl-25 {
width: 25%
}
.rfG-xl-30 {
width: 30%
}
.rfG-xl-33 {
width: 33.33%
}
.rfG-xl-35 {
width: 35%
}
.rfG-xl-40 {
width: 40%
}
.rfG-xl-45 {
width: 45%
}
.rfG-xl-50 {
width: 50%
}
.rfG-xl-55 {
width: 55%
}
.rfG-xl-60 {
width: 60%
}
.rfG-xl-65 {
width: 65%
}
.rfG-xl-66 {
width: 66.66%
}
.rfG-xl-70 {
width: 70%
}
.rfG-xl-75 {
width: 75%
}
.rfG-xl-80 {
width: 80%
}
.rfG-xl-85 {
width: 85%
}
.rfG-xl-90 {
width: 90%
}
.rfG-xl-95 {
width: 95%
}
.rfG-xl-100 {
width: 100%
}
.rfG-md-xl-0 {
margin-left: 0
}
.rfG-xl-off-5 {
margin-left: 5%
}
.rfG-xl-off-10 {
margin-left: 10%
}
.rfG-xl-off-15 {
margin-left: 15%
}
.rfG-xl-off-20 {
margin-left: 20%
}
.rfG-xl-off-25 {
margin-left: 25%
}
.rfG-xl-off-30 {
margin-left: 30%
}
.rfG-xl-off-33 {
margin-left: 33.33%
}
.rfG-xl-off-35 {
margin-left: 35%
}
.rfG-xl-off-40 {
margin-left: 40%
}
.rfG-xl-off-45 {
margin-left: 45%
}
.rfG-xl-off-50 {
margin-left: 50%
}
.rfG-xl-off-55 {
margin-left: 55%
}
.rfG-xl-off-60 {
margin-left: 60%
}
.rfG-xl-off-65 {
margin-left: 65%
}
.rfG-xl-off-66 {
margin-left: 66.66%
}
.rfG-xl-off-70 {
margin-left: 70%
}
.rfG-xl-off-75 {
margin-left: 75%
}
.rfG-xl-off-80 {
margin-left: 80%
}
.rfG-xl-off-85 {
margin-left: 85%
}
.rfG-xl-off-90 {
margin-left: 90%
}
.rfG-xl-off-95 {
margin-left: 95%
}
}
.raG-5,.raG-10,.raG-15,.raG-20,.raG-22-5,.raG-25,.raG-30,.raG-33,.raG-35,.raG-40,.raG-45,.raG-50,.raG-55,.raG-60,.raG-65,.raG-66,.raG-70,.raG-75,.raG-80,.raG-85,.raG-90,.raG-95,.raG-100 {
width: 100%
}
@media screen and (min-width: 769px) {
.raG-5,.raG-10,.raG-15,.raG-20,.raG-22-5,.raG-25,.raG-30,.raG-33,.raG-35,.raG-40,.raG-45,.raG-50,.raG-55,.raG-60,.raG-65,.raG-66,.raG-70,.raG-75,.raG-80,.raG-85,.raG-90,.raG-95,.raG-100 {
float:left
}
.raG-5 {
width: 5%
}
.raG-10 {
width: 10%
}
.raG-15 {
width: 15%
}
.raG-20 {
width: 20%
}
.raG-22-5 {
width: 22.5%
}
.raG-25 {
width: 25%
}
.raG-30 {
width: 30%
}
.raG-33 {
width: 33.33%
}
.raG-35 {
width: 35%
}
.raG-40 {
width: 40%
}
.raG-50 {
width: 50%
}
.raG-55 {
width: 55%
}
.raG-60 {
width: 60%
}
.raG-66 {
width: 66.65%
}
.raG-70 {
width: 70%
}
.raG-80 {
width: 80%
}
.raG-90 {
width: 90%
}
}
.split-input {
clear: both;
overflow: hidden
}
.split-input .split-input-left-10,.split-input .split-input-left-20,.split-input .split-input-left-30,.split-input .split-input-left-33,.split-input .split-input-left-40,.split-input .split-input-left-45,.split-input .split-input-left-50,.split-input .split-input-right-10,.split-input .split-input-right-20,.split-input .split-input-right-33,.split-input .split-input-right-40,.split-input .split-input-right-45,.split-input .split-input-right-50 {
width: 100%
}
@media screen and (min-width: 769px) {
.split-input .split-input-left-10,.split-input .split-input-left-20,.split-input .split-input-left-30,.split-input .split-input-left-40,.split-input .split-input-left-45,.split-input .split-input-left-50 {
float:left;
padding-right: 10px
}
.split-input .split-input-left-33 {
float: left;
padding: 10px
}
.split-input .split-input-left-33:first-of-type {
padding-left: 0
}
.split-input .split-input-left-10 {
width: 10%
}
.split-input .split-input-left-20 {
width: 20%
}
.split-input .split-input-left-30 {
width: 30%
}
.split-input .split-input-left-33 {
width: 33.33%
}
.split-input .split-input-left-40 {
width: 40%
}
.split-input .split-input-left-45 {
width: 45%
}
.split-input .split-input-left-50 {
width: 50%
}
.split-input .split-input-right-10,.split-input .split-input-right-20,.split-input .split-input-right-33,.split-input .split-input-right-40,.split-input .split-input-right-45,.split-input .split-input-right-50 {
float: right;
padding-left: 10px
}
.split-input .split-input-right-33 {
float: right;
padding: 10px
}
.split-input .split-input-right-33:last-of-type {
padding-right: 0
}
.split-input .split-input-right-10 {
width: 10%
}
.split-input .split-input-right-20 {
width: 20%
}
.split-input .split-input-right-33 {
width: 33.33%
}
.split-input .split-input-right-40 {
width: 40%
}
.split-input .split-input-right-45 {
width: 45%
}
.split-input .split-input-right-50 {
width: 50%
}
}
.md-input-group.md-col-1 section.rf-input,.md-input-group.md-col-1 section.rf-textarea,.md-input-group.md-col-1 section.rf-checkbox,.md-input-group.md-col-1 section.md-select {
width: 100%
}
.md-input-group.md-col-2 section.rf-input,.md-input-group.md-col-2 section.rf-textarea,.md-input-group.md-col-2 section.rf-checkbox,.md-input-group.md-col-2 section.md-select {
width: 100%
}
@media screen and (min-width: 769px) {
.md-input-group.md-col-2 section.rf-input,.md-input-group.md-col-2 section.rf-textarea,.md-input-group.md-col-2 section.rf-checkbox,.md-input-group.md-col-2 section.md-select {
width:46%
}
}
.md-input-group.md-col-3 section.rf-input,.md-input-group.md-col-3 section.rf-textarea,.md-input-group.md-col-3 section.rf-checkbox,.md-input-group.md-col-3 section.md-select {
width: 100%
}
@media screen and (min-width: 769px) {
.md-input-group.md-col-3 section.rf-input,.md-input-group.md-col-3 section.rf-textarea,.md-input-group.md-col-3 section.rf-checkbox,.md-input-group.md-col-3 section.md-select {
width:30.5%
}
}
.md-input-group.md-col-4 section.rf-input,.md-input-group.md-col-4 section.rf-textarea,.md-input-group.md-col-4 section.rf-checkbox,.md-input-group.md-col-4 section.md-select {
width: 100%
}
@media screen and (min-width: 769px) {
.md-input-group.md-col-4 section.rf-input,.md-input-group.md-col-4 section.rf-textarea,.md-input-group.md-col-4 section.rf-checkbox,.md-input-group.md-col-4 section.md-select {
width:22%
}
}
.md-input-group.md-col-5 section.rf-input,.md-input-group.md-col-5 section.rf-textarea,.md-input-group.md-col-5 section.rf-checkbox,.md-input-group.md-col-5 section.md-select {
width: 100%
}
@media screen and (min-width: 769px) {
.md-input-group.md-col-5 section.rf-input,.md-input-group.md-col-5 section.rf-textarea,.md-input-group.md-col-5 section.rf-checkbox,.md-input-group.md-col-5 section.md-select {
width:19%
}
}
.md-input-group.md-col-1 section.md-input,.md-input-group.md-col-1 section.md-textarea,.md-input-group.md-col-1 section.md-checkbox,.md-input-group.md-col-1 section.md-select {
width: 100%
}
.md-input-group.md-col-2 section.md-input,.md-input-group.md-col-2 section.md-textarea,.md-input-group.md-col-2 section.md-checkbox,.md-input-group.md-col-2 section.md-select {
width: 100%
}
@media screen and (min-width: 769px) {
.md-input-group.md-col-2 section.md-input,.md-input-group.md-col-2 section.md-textarea,.md-input-group.md-col-2 section.md-checkbox,.md-input-group.md-col-2 section.md-select {
width:46%
}
}
.md-input-group.md-col-3 section.md-input,.md-input-group.md-col-3 section.md-textarea,.md-input-group.md-col-3 section.md-checkbox,.md-input-group.md-col-3 section.md-select {
width: 100%
}
@media screen and (min-width: 769px) {
.md-input-group.md-col-3 section.md-input,.md-input-group.md-col-3 section.md-textarea,.md-input-group.md-col-3 section.md-checkbox,.md-input-group.md-col-3 section.md-select {
width:30.5%
}
}
.md-input-group.md-col-4 section.md-input,.md-input-group.md-col-4 section.md-textarea,.md-input-group.md-col-4 section.md-checkbox,.md-input-group.md-col-4 section.md-select {
width: 100%
}
@media screen and (min-width: 769px) {
.md-input-group.md-col-4 section.md-input,.md-input-group.md-col-4 section.md-textarea,.md-input-group.md-col-4 section.md-checkbox,.md-input-group.md-col-4 section.md-select {
width:22%
}
}
.rf-container {
width: 100%
}
.rf-container-xs {
width: 100%;
max-width: 550px
}
.rf-container-sm {
width: 100%;
max-width: 769px
}
.rf-container-md {
width: 100%;
max-width: 1024px
}
.rf-container-lg {
width: 100%;
max-width: 1200px
}
.rf-container-xl {
width: 100%;
max-width: 1400px
}
.rf-flex-frame,.rf-simple-flex-grid {
display: flex
}
.rf-flex-frame.rf-flex-direction-column,.rf-simple-flex-grid.rf-flex-direction-column {
flex-direction: column
}
.rf-flex-frame.rf-flex-wrap,.rf-simple-flex-grid.rf-flex-wrap {
flex-wrap: wrap
}
.rf-flex-frame.rf-flex-no-wrap,.rf-simple-flex-grid.rf-flex-no-wrap {
flex-wrap: nowrap
}
.rf-flex-frame.rf-flex-space-between,.rf-simple-flex-grid.rf-flex-space-between {
justify-content: space-between
}
.rf-flex-frame.rf-flex-vertical-center,.rf-simple-flex-grid.rf-flex-vertical-center {
align-items: center
}
.rf-flex-frame.rf-flex-align-start,.rf-simple-flex-grid.rf-flex-align-start {
justify-content: flex-start
}
.rf-flex-frame.rf-flex-align-end,.rf-simple-flex-grid.rf-flex-align-end {
justify-content: flex-end
}
.rf-flex-frame.rf-flex-horizontal-center,.rf-simple-flex-grid.rf-flex-horizontal-center {
justify-content: center
}
.rf-flex-frame .rf-flex-grow,.rf-simple-flex-grid .rf-flex-grow {
flex-grow: 1
}
.rf-flex-frame.rf-flex-items-align-start,.rf-simple-flex-grid.rf-flex-items-align-start {
align-items: flex-start
}
.rf-flex-frame.rf-flex-items-align-end,.rf-simple-flex-grid.rf-flex-items-align-end {
align-items: flex-end
}
.rf-flex-frame.rf-flex-one,.rf-simple-flex-grid.rf-flex-one {
flex: 1
}
.rf-flex-frame.no-margin,.rf-simple-flex-grid.no-margin {
margin: 0
}
.rf-flex-frame.rf-children-flex>div,.rf-simple-flex-grid.rf-children-flex>div {
display: flex
}
.rf-flex-frame .flex-shrink-0,.rf-simple-flex-grid .flex-shrink-0 {
flex-shrink: 0
}
.rf-flex-frame .rf-flex-vertical-self-center,.rf-simple-flex-grid .rf-flex-vertical-self-center {
align-self: center
}
.rf-simple-flex-grid {
margin: 0 -8px;
flex-wrap: wrap
}
.rf-simple-flex-grid .flex-vertical-divider {
width: 1px;
background: var(--rf-brand-color-border);
flex: 0 1 1px;
padding: 0;
margin: 0 12px
}
.rf-simple-flex-grid.rf-flex-direction-column {
margin: 0
}
.rf-simple-flex-grid.rf-flex-direction-column.flex-column-margin-bottom .rf-flex-column,.rf-simple-flex-grid.rf-flex-direction-column.flex-column-margin-bottom>div {
margin-bottom: 16px
}
.rf-simple-flex-grid.rf-flex-direction-column .rf-flex-column,.rf-simple-flex-grid.rf-flex-direction-column>div {
padding: 0
}
.rf-simple-flex-grid.rf-flex-auto-width,.rf-simple-flex-grid[class*=rf-flex-layout-] {
flex-wrap: wrap
}
.rf-simple-flex-grid.rf-flex-auto-width .rf-flex-column,.rf-simple-flex-grid.rf-flex-auto-width>div,.rf-simple-flex-grid[class*=rf-flex-layout-] .rf-flex-column,.rf-simple-flex-grid[class*=rf-flex-layout-]>div {
flex: initial
}
.rf-simple-flex-grid.rf-flex-layout-2 .rf-flex-column,.rf-simple-flex-grid.rf-flex-layout-2>div {
width: 50%
}
.rf-simple-flex-grid.rf-flex-layout-3 .rf-flex-column,.rf-simple-flex-grid.rf-flex-layout-3>div {
width: 33.3333%
}
.rf-simple-flex-grid.rf-flex-layout-4 .rf-flex-column,.rf-simple-flex-grid.rf-flex-layout-4>div {
width: 25%
}
.rf-simple-flex-grid.rf-flex-layout-5 .rf-flex-column,.rf-simple-flex-grid.rf-flex-layout-5>div {
width: 20%
}
.rf-simple-flex-grid .rf-flex-column,.rf-simple-flex-grid>div {
flex: 1 1 0px;
padding-left: 8px;
padding-right: 8px
}
.rf-simple-flex-grid .flex-line-break {
display: block;
width: 100%;
height: 0;
padding: 0;
margin: 0;
opacity: 0;
flex: auto
}
.rf-simple-flex-grid .rf-flex-initial {
flex: initial
}
.rf-simple-flex-grid .rf-flex-grow-2 {
flex: 2 2 32px
}
.rf-simple-flex-grid .rf-flex-grow-3 {
flex: 3 3 48px
}
.rf-simple-flex-grid .rf-flex-grow-4 {
flex: 4 4 64px
}
.rf-simple-flex-grid .rf-flex-grow-5 {
flex: 5 5 80px
}
.rf-simple-flex-grid [class*=rf-flex-column-] {
flex: inherit
}
.rf-simple-flex-grid .rf-flex-column-5 {
width: 5%
}
.rf-simple-flex-grid .rf-flex-column-10 {
width: 10%
}
.rf-simple-flex-grid .rf-flex-column-15 {
width: 15%
}
.rf-simple-flex-grid .rf-flex-column-20 {
width: 20%
}
.rf-simple-flex-grid .rf-flex-column-25 {
width: 25%
}
.rf-simple-flex-grid .rf-flex-column-30 {
width: 30%
}
.rf-simple-flex-grid .rf-flex-column-33 {
width: 33.33%
}
.rf-simple-flex-grid .rf-flex-column-35 {
width: 35%
}
.rf-simple-flex-grid .rf-flex-column-40 {
width: 40%
}
.rf-simple-flex-grid .rf-flex-column-45 {
width: 45%
}
.rf-simple-flex-grid .rf-flex-column-50 {
width: 50%
}
.rf-simple-flex-grid .rf-flex-column-55 {
width: 55%
}
.rf-simple-flex-grid .rf-flex-column-60 {
width: 60%
}
.rf-simple-flex-grid .rf-flex-column-65 {
width: 65%
}
.rf-simple-flex-grid .rf-flex-column-66 {
width: 66.66%
}
.rf-simple-flex-grid .rf-flex-column-70 {
width: 70%
}
.rf-simple-flex-grid .rf-flex-column-75 {
width: 75%
}
.rf-simple-flex-grid .rf-flex-column-80 {
width: 80%
}
.rf-simple-flex-grid .rf-flex-column-85 {
width: 85%
}
.rf-simple-flex-grid .rf-flex-column-90 {
width: 90%
}
.rf-simple-flex-grid .rf-flex-column-95 {
width: 95%
}
.rf-simple-flex-grid .rf-flex-column-100 {
width: 100%
}
@media all and (max-width: 549px) {
.hidden-xs {
display:none !important
}
}
@media all and (max-width: 768px) {
.hidden-sm {
display:none !important
}
}
@media all and (max-width: 1023px) {
.hidden-md {
display:none !important
}
}
@media all and (max-width: 1199px) {
.hidden-lg {
display:none !important
}
}
@media all and (max-width: 768px) {
.rf-simple-flex-grid:not(.mobile-flex) {
display:block;
margin: 0
}
.rf-simple-flex-grid:not(.mobile-flex) .rf-flex-column,.rf-simple-flex-grid:not(.mobile-flex)>div {
padding: 0;
width: 100%
}
}
.simple-wizard-controls,.simple-wizard-controls-row {
display: flex;
column-gap: 16px
}
.simple-wizard-controls-row {
flex-grow: 1;
flex-wrap: wrap
}
.simple-wizard-controls-column {
flex: 1;
min-width: 200px
}
.simple-wizard-controls-remove {
flex-shrink: 0;
margin-block-start:36px}
.simple-wizard-controls-remove--position-top {
display: flex;
justify-content: flex-end
}
.simple-wizard-controls--large-first-row {
display: grid;
grid-template-columns: repeat(var(--rf-comp-swc-lfr-columns, 4), 1fr)
}
@media all and (min-width: 1024px) {
.simple-wizard-controls--large-first-row {
--rf-comp-swc-lfr-columns: var(--rf-comp-swc-lfr-desktop-columns, 4)
}
}
@media all and (max-width: 1023px) {
.simple-wizard-controls--large-first-row {
--rf-comp-swc-lfr-columns: 2
}
}
@media all and (max-width: 768px) {
.simple-wizard-controls--large-first-row {
--rf-comp-swc-lfr-columns: 1
}
}
.simple-wizard-controls--large-first-row .simple-wizard-controls-row {
display: contents
}
@media all and (max-width: 1023px) {
.simple-wizard-controls--large-first-row .simple-wizard-controls-column {
grid-column:span 2
}
}
.simple-wizard-controls--large-first-row .simple-wizard-controls-column:first-child {
grid-row: 1;
grid-column: 1/span calc(var(--rf-comp-swc-lfr-columns, 4) - 1);
max-width: 676px
}
@media all and (max-width: 1023px) {
.simple-wizard-controls--large-first-row .simple-wizard-controls-column:first-child {
grid-column:1
}
}
.simple-wizard-controls--large-first-row .simple-wizard-controls-remove {
grid-row: 1;
grid-column: var(--rf-comp-swc-lfr-columns, 4);
margin-inline-start:auto}
@media all and (max-width: 1023px) {
.simple-wizard-controls--large-first-row .simple-wizard-controls-remove {
grid-column:2
}
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-start {
text-align: start
}
.text-end {
text-align: end
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.text-light.text-light {
font-weight: var(--rf-system-font-weight-300)
}
.text-regular.text-regular {
font-weight: var(--rf-system-font-weight-400)
}
.text-semibold.text-semibold {
font-weight: var(--rf-system-font-weight-600)
}
.text-bold.text-bold {
font-weight: var(--rf-system-font-weight-700)
}
.md-frame-cap {
max-width: 1200px;
margin: 0 auto
}
.md-frame {
background-color: var(--rf-brand-color-surface);
border: none;
color: var(--rf-brand-color-text-body);
margin-bottom: 30px;
font-weight: var(--rf-system-font-weight-300);
position: relative;
overflow: visible;
border-radius: var(--rf-brand-shape-radius);
display: block;
clear: both;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.md-frame:before,.md-frame:after {
content: "";
display: table;
clear: both
}
.md-frame.bordered-frame {
border: 1px solid rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.md-frame.gray-frame {
border: 1px solid var(--rf-brand-color-border);
margin-bottom: 28px
}
.md-frame.gray-frame .md-frame-header,.md-frame.gray-frame .md-frame-body,.md-frame.gray-frame .md-frame-footer {
padding: 12px
}
.md-frame.gray-frame .md-frame-header {
background-color: var(--rf-brand-color-surface-2)
}
.md-frame.gray-frame .md-frame-header h2 {
font-size: 16px
}
.md-frame .md-frame-pre-body.has-padding {
padding: 8px 16px;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.md-frame .md-frame-pre-body.has-border {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.md-frame .md-frame-header,.md-frame .md-frame-body,.md-frame .md-frame-footer {
clear: both
}
.md-frame .md-frame-header:before,.md-frame .md-frame-header:after,.md-frame .md-frame-body:before,.md-frame .md-frame-body:after,.md-frame .md-frame-footer:before,.md-frame .md-frame-footer:after {
content: "";
display: table;
clear: both
}
.md-frame .md-frame-body.no-padding {
padding: 0
}
.md-frame .md-frame-body.margin-top {
margin-top: 24px
}
.md-frame .md-frame-header {
border: none;
position: relative;
padding: 16px 0;
display: flex;
align-items: center
}
.md-frame .md-frame-header.no-padding {
padding: 0
}
@media all and (max-width: 768px) {
.md-frame .md-frame-header {
display:block
}
.md-frame .md-frame-header .md-headline {
margin-bottom: 12px
}
.md-frame .md-frame-header .header-controls>div:first-of-type {
margin-left: 0
}
}
.md-frame .md-frame-header .md-headline-auto {
width: auto
}
.md-frame .md-frame-header .md-headline {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center
}
.md-frame .md-frame-header .md-headline.md-headline-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: start
}
.md-frame .md-frame-header .md-headline h4 {
display: inline-block
}
.md-frame .md-frame-header h1,.md-frame .md-frame-header h2 {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-size: 24px;
line-height: 1.4em;
padding: 0;
margin: 0;
display: inline-block;
font-weight: var(--rf-system-font-weight-600);
vertical-align: middle;
width: 100%;
display: flex;
align-items: center
}
.md-frame .md-frame-header h1 .header-tagline,.md-frame .md-frame-header h2 .header-tagline {
font-size: 12px;
display: block;
color: var(--rf-brand-color-text-body);
font-weight: var(--rf-system-font-weight-300);
padding: 0;
margin: 4px 0 0 8px
}
.md-frame .md-frame-header h1 {
font-family: var(--rf-brand-font-style-heading-1-family);
font-size: var(--rf-brand-font-style-heading-1-size);
font-weight: var(--rf-brand-font-style-heading-1-weight)
}
.md-frame .md-frame-header .md-headline {
flex-grow: 1
}
.md-frame .md-frame-header .md-headline h4 {
display: inline-block
}
.md-frame .md-frame-header .header-controls {
display: flex
}
.md-frame .md-frame-header .header-controls .icon-action-text {
display: none
}
.md-frame .md-frame-header .header-controls .menu-right {
margin-left: 12px
}
.md-frame .md-frame-header .header-controls .header-control-icon+.rf-select {
margin-left: 12px
}
.md-frame .md-frame-header .md-headline-icon {
display: inline-block
}
.md-frame .md-frame-header .header-controls .rfSI+.mdBtnR {
margin-left: 12px
}
.md-frame .md-frame-header .header-controls ul li {
margin-bottom: 8px
}
.md-frame .md-frame-header .header-controls ul li:last-child {
margin-bottom: 0
}
.md-frame .md-frame-header .header-controls ul li a {
color: var(--rf-brand-color-text-body)
}
.md-frame .md-frame-header .header-controls ul li a:hover {
text-decoration: none
}
.md-frame.md-frame-primary .md-frame-header {
background-color: var(--rf-brand-color-primary);
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
border-bottom-color: var(--rf-brand-color-primary)
}
.md-frame.md-frame-primary .md-frame-header h2 {
color: var(--rf-brand-color-on-primary)
}
.md-frame .md-frame-tabs {
background: var(--rf-brand-color-surface-3);
overflow: auto
}
.md-frame .md-frame-tabs ul {
padding: 0
}
.md-frame .md-frame-tabs ul li {
float: left
}
.md-frame .md-frame-tabs ul li button {
background: none;
border: none;
width: 100%;
height: 36px;
line-height: 36px;
text-transform: uppercase;
text-align: center;
color: var(--rf-brand-color-primary);
border-bottom: 2px solid rgba(0,0,0,0);
padding: 0;
font-size: 12px
}
.md-frame .md-frame-tabs ul li button:hover {
font-weight: var(--rf-system-font-weight-700);
border-color: var(--rf-brand-color-primary)
}
.md-frame .md-frame-body {
padding: 0 0 40px
}
.md-frame .md-frame-body.divided-sections .md-frame-body-section+.md-frame-body-section {
border-top: 1px solid var(--rf-brand-color-border)
}
.md-frame .md-frame-body.divided-sub-sections .md-frame-body-sub-section+.md-frame-body-sub-section {
border-top: 1px solid var(--rf-brand-color-border)
}
.md-frame .md-frame-body-section {
padding-top: 20px;
margin-bottom: 20px
}
.md-frame .md-frame-body-section.no-padding {
padding: 0
}
.md-frame .md-frame-body-sub-section {
margin-bottom: 20px;
padding-top: 20px
}
.md-frame .md-frame-body-sub-section .title-action-wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start
}
.md-frame .md-frame-body-sub-section .title-action-wrapper.header-action-alignment-left {
align-items: baseline;
justify-content: flex-start;
column-gap: 12px;
margin-bottom: 16px
}
.md-frame .md-frame-body-sub-section .title-action-wrapper.header-action-alignment-left h3 {
padding: 0;
margin: 0
}
.md-frame .md-frame-body-sub-section .title-action-wrapper>div {
display: flex;
justify-content: flex-end
}
.md-frame .md-frame-body-sub-section:last-of-type {
margin-bottom: 0
}
.md-frame .md-frame-footer {
text-align: right;
padding: 16px 0;
border-top: 1px solid var(--rf-brand-color-border);
z-index: 10
}
.md-frame .md-frame-footer.is-sticky {
position: sticky;
bottom: 0;
left: 0;
right: 0;
background-color: var(--rf-brand-color-surface)
}
.md-frame .frame-body-interior {
padding: 16px 0
}
.md-frame .md-frame-accordion a:hover {
text-decoration: none
}
.md-frame .frame-body-interior {
padding: 16px 0
}
.rf-basic-frame {
padding: 32px;
background: var(--rf-brand-color-surface);
border-radius: var(--rf-brand-shape-radius);
border: 1px solid var(--rf-brand-color-border);
margin: 0 0 32px
}
.rf-basic-frame.gray-bg {
background-color: var(--rf-brand-color-surface-2)
}
.rf-basic-frame.planner-admin {
border-radius: var(--rf-brand-shape-radius-lg);
padding: 24px;
margin-bottom: 24px
}
.rf-basic-frame.radius-lg {
border-radius: var(--rf-brand-shape-radius-lg)
}
.rf-basic-frame.basic-frame-sm {
padding: 20px 16px;
margin-bottom: 12px
}
.rf-gray-content-box {
border: 1px solid var(--rf-brand-color-border);
margin-bottom: 28px
}
.rf-gray-content-box * {
font-size: 14px
}
.rf-gray-content-box.white-header {
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.rf-gray-content-box.white-header .rf-content-box-header {
border-bottom: 1px solid var(--rf-brand-color-border);
background-color: var(--rf-brand-color-surface)
}
.rf-gray-content-box .rf-content-box-header,.rf-gray-content-box .rf-content-box-body {
padding: 12px
}
.rf-gray-content-box .rf-content-box-header {
background-color: var(--rf-brand-color-surface-2);
border-bottom: 1px solid var(--rf-brand-color-border)
}
.rf-gray-content-box .rf-content-box-header.spaced-headings {
width: 100%;
display: flex
}
.rf-gray-content-box .rf-content-box-header.spaced-headings>div:not(.header-actions) {
margin-right: 28px;
flex: initial
}
.rf-gray-content-box .rf-content-box-header h2,.rf-gray-content-box .rf-content-box-header h3 {
text-transform: none;
margin: 0
}
.rf-gray-content-box .rf-content-box-header h3 {
font-size: 18px
}
.rf-gray-content-box .rf-content-box-header .header-actions {
align-self: center;
margin-left: auto
}
.rf-gray-content-box .list-item-header,.rf-gray-content-box .list-item-row {
display: flex
}
.rf-gray-content-box .list-item-header .list-item-checkbox,.rf-gray-content-box .list-item-row .list-item-checkbox {
width: 28px;
flex: initial
}
.rf-gray-content-box .list-item-header .list-item-container,.rf-gray-content-box .list-item-row .list-item-container {
flex: 1;
display: flex
}
.rf-gray-content-box .rf-content-box-body {
clear: both
}
.rf-gray-content-box .rf-content-box-body:before,.rf-gray-content-box .rf-content-box-body:after {
content: "";
display: table;
clear: both
}
.rf-gray-content-box .rf-content-box-body.no-padding {
padding: 0
}
.rf-gray-content-box .rf-content-box-body+.rf-content-box-body {
border-top: 1px solid var(--rf-brand-color-border)
}
.rf-gray-content-box .rf-content-box-footer {
padding: 12px
}
.rf-gray-content-box .rf-content-box-footer.no-padding {
padding: 0
}
.gc-clearfix {
clear: both;
overflow: hidden
}
.grayBG {
background-color: var(--rf-brand-color-status-disabled);
color: var(--rf-brand-color-text-body)
}
.well .nav-tabs {
margin-top: 15px
}
.tab-pane-container *,.tab-pane-container:after,.tab-pane-container:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.tab-pane-container {
border: 1px solid rgba(0,0,0,0);
border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
margin-bottom: 20px;
min-height: 50px;
padding: 10px;
position: relative;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
clear: both
}
@media all and (min-width: 769px) {
.tab-pane-container {
padding:30px
}
}
.tab-pane-container:before,.tab-pane-container:after {
content: "";
display: table;
clear: both
}
.tab-pane-container .tab-pane-interior {
padding: 20px;
clear: both
}
.tab-pane-container .tab-pane-interior:before,.tab-pane-container .tab-pane-interior:after {
content: "";
display: table;
clear: both
}
.tab-pane-container.pane-light {
background: var(--rf-brand-color-surface);
border: 1px solid var(--rf-brand-color-border);
border-top: none
}
.gray-shell {
background-color: var(--rf-system-color-neutral-50);
border: 1px solid var(--rf-system-color-neutral-50);
border-radius: var(--rf-brand-shape-radius);
margin-bottom: 20px;
min-height: 50px;
margin: 5px;
padding: 30px;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
clear: both;
overflow: hidden
}
.gray-shell-inner {
background-color: var(--rf-brand-color-surface);
border: 1px solid var(--rf-system-color-neutral-50);
border-radius: var(--rf-brand-shape-radius);
min-height: 50px;
padding: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
clear: both;
overflow: hidden
}
@media all and (min-width: 769px) {
.gray-shell-inner {
padding:50px
}
}
.grayNB-container {
background-color: var(--rf-brand-color-status-disabled);
color: var(--rf-system-color-neutral-50);
margin-bottom: 15px;
padding: 20px 15px;
width: 100%;
clear: both;
overflow: hidden
}
.grayNB-container-inner,.grayNB-container-inner-white {
width: 100%;
clear: both
}
.grayNB-container-inner:before,.grayNB-container-inner-white:before,.grayNB-container-inner:after,.grayNB-container-inner-white:after {
content: "";
display: table;
clear: both
}
.grayNB-container-inner-white {
background-color: var(--rf-system-color-neutral-100);
margin-top: 10px;
position: relative;
padding: 15px
}
.grayNB-no-padding {
padding: 0
}
.rfBC-container {
clear: both;
position: relative;
margin: 0 15px
}
@media all and (min-width: 1024px) {
.rfBC-container {
margin:0
}
}
.rfBC {
padding-left: 25px
}
@media all and (min-width: 1024px) {
.rfBC {
padding-left:0
}
}
.rfBC-fab {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0
}
.rf-grid-container {
margin: 15px;
padding: 20px 15px 15px;
clear: both;
overflow: hidden
}
@media all and (min-width: 1024px) {
.rf-grid-container {
margin:0;
margin-bottom: 15px
}
}
.gc-header {
width: 100%;
margin-bottom: 5px;
clear: both
}
.gc-header:before,.gc-header:after {
content: "";
display: table;
clear: both
}
.gc-headline {
float: left;
min-height: 34px
}
.gc-joined-container {
background-color: var(--rf-brand-color-surface);
margin-bottom: 10px;
padding: 20px 0 10px;
font-size: 13px
}
@media all and (min-width: 769px) {
.gc-joined-container {
padding-bottom:0
}
}
.gc-joined-container:last-of-type {
margin-bottom: 0
}
.gc-walled-container {
background-color: inherit;
margin-bottom: 10px
}
.gc-results-container {
background-color: var(--rf-brand-color-surface)
}
.gc-joined-regions,.gc-walled-regions {
background-color: inherit;
margin-bottom: 10px;
clear: both;
overflow: hidden;
position: relative;
width: 100%
}
.gc-joined-regions:last-of-type,.gc-walled-regions:last-of-type {
margin-bottom: 0
}
.gc-joined-regions:last-child,.gc-walled-regions:last-child {
margin-bottom: 0
}
.md-table .gc-joined-regions {
overflow: auto
}
.region-joined {
padding: 0 10px;
background: var(--rf-brand-color-surface)
}
@media all and (min-width: 769px) {
.region-joined {
padding:0 10px
}
.region-joined:first-of-type {
padding-left: 20px
}
.region-joined:last-of-type {
padding-right: 20px
}
}
.region-walled {
padding: 10px 0 0
}
@media all and (min-width: 769px) {
.region-walled {
padding:0 5px
}
.region-walled:first-of-type {
padding-left: 0
}
.region-walled:last-of-type {
padding-right: 0
}
}
.gc-filters {
border-bottom: 3px solid var(--rf-brand-color-border);
padding-bottom: 10px
}
.gc-white-header {
background-color: var(--rf-system-color-neutral-100);
border-bottom: 2px solid var(--rf-brand-color-border);
clear: both;
overflow: hidden;
padding: 10px 10px 5px;
position: relative;
width: 100%
}
@media all and (min-width: 769px) {
.gc-white-header {
margin-top:0;
padding: 10px 20px 5px
}
}
.gc-white-body {
padding: 20px 10px;
background-color: var(--rf-system-color-neutral-100)
}
@media all and (min-width: 769px) {
.gc-white-body {
padding:20px
}
}
.gc-error-msg {
margin-left: 20px
}
.region-result-list {
list-style: none;
position: relative;
margin-bottom: 10px;
max-height: 300px;
overflow: auto
}
.region-result-list li {
position: relative;
list-style: none;
min-height: 34px;
margin-bottom: 10px;
border-bottom: 1px solid var(--rf-brand-color-border);
clear: both;
overflow: hidden
}
@media all and (min-width: 769px) {
.region-result-list li {
border:none
}
}
.region-result-list li:last-of-type {
margin-bottom: 0;
border-bottom: none
}
.region-result-list li .rfSI {
margin-right: 12px
}
.region-result-list li h5 {
vertical-align: sub;
vertical-align: -webkit-baseline-middle
}
.region-result-list li .row-item {
vertical-align: sub;
vertical-align: -webkit-baseline-middle
}
.region-result-list li .filter-title {
display: inline-block;
padding-left: 10px;
padding-top: 8px
}
.region-result-list li .filter-title:first-of-type {
padding-left: 0
}
.region-no-results p {
padding: 8px 0
}
.file-drop-message {
position: absolute;
top: 50%;
min-width: 100%;
transform: translateY(-50%);
left: 0;
right: 0;
z-index: 9999
}
.file-drop-message .file-drop-inner {
margin: 0 auto;
text-align: center;
z-index: 99999
}
.file-drop-message span {
background: var(--rf-brand-color-primary);
color: var(--rf-system-color-neutral-100);
padding: 30px;
z-index: 9999;
border-radius: var(--rf-brand-shape-radius)
}
.drop-upload-faded {
opacity: .3
}
.rf-upload-container {
padding: 0 20px 20px
}
.rf-upload-interior {
text-align: center
}
.rf-upload-interior label.select {
display: inline-block;
max-width: 200px;
vertical-align: middle;
margin-left: 20px
}
.rf-upload-interior .select2-container .select2-choice .select2-arrow b {
line-height: 30px
}
@media screen and (max-width: 768px) {
.rf-upload-interior button.upload,.rf-upload-interior label.select {
margin-bottom:10px
}
.rf-upload-interior label.select {
max-width: 100%;
margin-left: 0
}
}
.button-footer {
text-align: right;
padding: 15px
}
.file-list-container {
clear: both;
overflow: hidden;
position: relative
}
.file-list-container .file-item {
overflow: hidden;
text-overflow: ellipsis;
width: 85%
}
@media screen and (max-width: 768px) {
.file-list-container {
margin-left:10px;
margin-bottom: 15px
}
.file-list-container .controls {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px
}
.file-list-container.fl-headers {
display: none
}
}
@media all and (min-width: 769px) {
.file-list-container .file-item {
float:left;
width: 20%;
margin: 7px 0 0;
padding-left: 10px
}
.file-list-container .controls {
float: right;
margin-right: 10px
}
.file-list-container.fl-headers .file-item {
margin: 10px 0
}
.file-list-container:last-of-type {
padding-bottom: 10px
}
}
.smart-form {
border: none;
box-shadow: none;
color: var(--rf-brand-color-text-body);
margin-bottom: 16px;
font-weight: var(--rf-system-font-weight-300);
clear: both;
overflow: hidden;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px
}
.smart-form header * {
color: var(--rf-brand-color-text-body)
}
.modal-body .smart-form {
box-shadow: none
}
.container-bg {
box-shadow: none
}
.control-container {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%)
}
.flex-control-container {
display: flex;
gap: 8px
}
.rf-control-container {
float: right
}
.indented-container {
overflow: auto;
padding-left: 16px
}
.admin-form {
color: var(--rf-brand-color-text-body);
margin: 0;
outline: 0;
position: relative
}
.admin-form fieldset {
background: none;
border: none;
display: block;
padding: 0;
position: relative;
clear: both;
overflow: hidden
}
.admin-form fieldset.modalTypeahead {
overflow: auto
}
fieldset legend {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
.admin-form footer:after {
clear: both;
content: "";
display: table
}
.admin-form .loginFooter {
background-color: inherit;
display: block;
float: right;
margin-top: 30px;
clear: both;
overflow: hidden
}
.md-frame-form .md-input-group {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between
}
.md-frame-form section.md-input,.md-frame-form section.md-checkbox,.md-frame-form section.md-select {
padding-bottom: 16px;
padding-top: 8px
}
.md-frame-form label {
display: block;
width: 100%;
color: var(--rf-brand-color-text-body);
font-size: var(--rf-brand-font-size);
font-weight: var(--rf-system-font-weight-400);
height: auto;
line-height: 1.4em;
max-width: 100%;
margin-bottom: 6px
}
.md-frame-form input:not([type]),.md-frame-form input[type=email],.md-frame-form input[type=number],.md-frame-form input[type=password],.md-frame-form input[type=tel],.md-frame-form input[type=url],.md-frame-form input[type=text],.md-frame-form textarea {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
.md-frame-form input:not([type]):hover,.md-frame-form input[type=email]:hover,.md-frame-form input[type=number]:hover,.md-frame-form input[type=password]:hover,.md-frame-form input[type=tel]:hover,.md-frame-form input[type=url]:hover,.md-frame-form input[type=text]:hover,.md-frame-form textarea:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.md-frame-form input:not([type]):active,.md-frame-form input:not([type]):focus,.md-frame-form input[type=email]:active,.md-frame-form input[type=email]:focus,.md-frame-form input[type=number]:active,.md-frame-form input[type=number]:focus,.md-frame-form input[type=password]:active,.md-frame-form input[type=password]:focus,.md-frame-form input[type=tel]:active,.md-frame-form input[type=tel]:focus,.md-frame-form input[type=url]:active,.md-frame-form input[type=url]:focus,.md-frame-form input[type=text]:active,.md-frame-form input[type=text]:focus,.md-frame-form textarea:active,.md-frame-form textarea:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.md-frame-form input:not([type]) :disabled,.md-frame-form input[type=email] :disabled,.md-frame-form input[type=number] :disabled,.md-frame-form input[type=password] :disabled,.md-frame-form input[type=tel] :disabled,.md-frame-form input[type=url] :disabled,.md-frame-form input[type=text] :disabled,.md-frame-form textarea :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.md-frame-form input:not([type]) :disabled:hover,.md-frame-form input:not([type]) :disabled:active,.md-frame-form input:not([type]) :disabled:focus,.md-frame-form input[type=email] :disabled:hover,.md-frame-form input[type=email] :disabled:active,.md-frame-form input[type=email] :disabled:focus,.md-frame-form input[type=number] :disabled:hover,.md-frame-form input[type=number] :disabled:active,.md-frame-form input[type=number] :disabled:focus,.md-frame-form input[type=password] :disabled:hover,.md-frame-form input[type=password] :disabled:active,.md-frame-form input[type=password] :disabled:focus,.md-frame-form input[type=tel] :disabled:hover,.md-frame-form input[type=tel] :disabled:active,.md-frame-form input[type=tel] :disabled:focus,.md-frame-form input[type=url] :disabled:hover,.md-frame-form input[type=url] :disabled:active,.md-frame-form input[type=url] :disabled:focus,.md-frame-form input[type=text] :disabled:hover,.md-frame-form input[type=text] :disabled:active,.md-frame-form input[type=text] :disabled:focus,.md-frame-form textarea :disabled:hover,.md-frame-form textarea :disabled:active,.md-frame-form textarea :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.md-frame-form select {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
.md-frame-form select:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.md-frame-form select:active,.md-frame-form select:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.md-frame-form select :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.md-frame-form select :disabled:hover,.md-frame-form select :disabled:active,.md-frame-form select :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.md-frame-form section.md-checkbox label,.md-frame-form section.md-checkbox input[type=checkbox] {
display: inline;
width: auto;
margin-right: 5px;
position: relative;
margin-left: 0
}
.md-frame-form .stacking-input {
margin-bottom: 16px
}
.md-frame-form .icon-prepend input {
padding-left: 20px
}
.md-frame-form select {
-webkit-appearance: normal;
appearance: normal;
width: 100%
}
.md-frame-form h4 {
font-size: 16px;
color: var(--rf-brand-color-text-body);
margin-bottom: 8px;
font-weight: var(--rf-system-font-weight-700)
}
.md-frame-form .md-select-results .select {
margin-bottom: 20px
}
.md-frame-form .select-results .selected-item {
cursor: pointer
}
.md-frame-form .select-results .selected-item span {
vertical-align: middle
}
.md-input-group .md-input textarea {
width: 100%
}
.form-builder .paragraph-element :is(ol,ul) li {
display: list-item;
list-style-position: inside
}
.form-builder .paragraph-element ul li {
list-style-type: disc
}
.form-builder .paragraph-element ol li {
list-style-type: decimal
}
.form-builder .paragraph-element :is(ol,ul) ul li {
list-style-type: circle
}
.form-builder .paragraph-element :is(ol,ul) :is(ol,ul) ul li {
list-style-type: square
}
.rf-workflow .rf-text-container :is(ol,ul) li,.page-builder-content .rf-text-container :is(ol,ul) li {
display: list-item;
list-style-position: inside
}
.rf-workflow .rf-text-container ul li,.page-builder-content .rf-text-container ul li {
list-style-type: disc
}
.rf-workflow .rf-text-container ol li,.page-builder-content .rf-text-container ol li {
list-style-type: decimal
}
.rf-workflow .rf-text-container :is(ol,ul) ul li,.page-builder-content .rf-text-container :is(ol,ul) ul li {
list-style-type: circle
}
.rf-workflow .rf-text-container :is(ol,ul) :is(ol,ul) ul li,.page-builder-content .rf-text-container :is(ol,ul) :is(ol,ul) ul li {
list-style-type: square
}
.rf-workflow .keep-bullets :is(ol,ul) li,.page-builder-content .keep-bullets :is(ol,ul) li {
display: list-item;
list-style-position: inside
}
.rf-workflow .keep-bullets ul li,.page-builder-content .keep-bullets ul li {
list-style-type: disc
}
.rf-workflow .keep-bullets ol li,.page-builder-content .keep-bullets ol li {
list-style-type: decimal
}
.rf-workflow .keep-bullets :is(ol,ul) ul li,.page-builder-content .keep-bullets :is(ol,ul) ul li {
list-style-type: circle
}
.rf-workflow .keep-bullets :is(ol,ul) :is(ol,ul) ul li,.page-builder-content .keep-bullets :is(ol,ul) :is(ol,ul) ul li {
list-style-type: square
}
.overflow-auto {
overflow: auto
}
.clearfix,.clearfloat {
clear: both
}
.clearfix:before,.clearfix:after,.clearfloat:before,.clearfloat:after {
content: "";
display: table;
clear: both
}
.alert {
margin: 0;
color: var(--rf-system-color-neutral-100);
border-width: 0 0 0 5px;
padding: 10px;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0
}
.alert-success,.alert-info,.alert-warning,.alert-danger {
color: var(--rf-system-color-neutral-100);
text-shadow: none
}
.alert-success {
border-color: var(--rf-brand-color-status-success);
background: var(--rf-brand-color-status-success-container)
}
.alert-info {
border-color: var(--rf-brand-color-status-info);
background: var(--rf-brand-color-status-info-container)
}
.alert-warning {
border-color: var(--rf-brand-color-status-warning);
background: var(--rf-brand-color-status-warning-container)
}
.alert-danger {
border-color: var(--rf-brand-color-status-error);
background: var(--rf-brand-color-status-error-container)
}
.text-light {
color: var(--rf-system-color-neutral-100) !important
}
.text-default {
color: var(--rf-brand-color-text-body) !important
}
.text-xs {
font-size: 10px
}
.text-primary {
color: var(--rf-brand-color-primary) !important
}
.text-accent {
color: var(--rf-system-color-neutral-100) !important
}
.text-success {
color: var(--rf-brand-color-status-success) !important
}
.text-success.icon-success svg {
fill: var(--rf-brand-color-status-success)
}
.text-info {
color: var(--rf-brand-color-status-info) !important
}
.text-warning {
color: var(--rf-brand-color-status-warning) !important
}
.text-danger {
color: var(--rf-brand-color-status-error) !important
}
.text-error {
color: var(--rf-brand-color-status-error) !important
}
.text-disabled {
color: var(--rf-brand-color-status-disabled) !important
}
.text-highlighted {
background-color: var(--rf-system-color-yellow-75) !important
}
.text-light-gray-3 {
color: var(--rf-system-color-neutral-30) !important
}
.hide,.hidden {
display: none !important
}
.rf-vertical-center {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.pull-left {
float: left
}
.pull-right {
float: right
}
.text-align-right {
text-align: right
}
.text-align-left {
text-align: left
}
.text-italicized {
font-style: italic
}
.white-space-pre-line {
white-space: pre-line
}
.word-wrap-break-word {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
word-break: break-word;
hyphens: auto
}
.np {
padding: 0 !important
}
.nm {
margin: 0 !important
}
.rounded-radius {
border-radius: 50%
}
.base-padding {
padding: 16px
}
.inline-block-element {
display: inline-block
}
@media screen and (min-width: 1024px) {
.constrained-form-elements-xs {
max-width:150px
}
.constrained-form-elements-sm {
max-width: 200px
}
.constrained-form-elements-md {
max-width: 300px
}
.constrained-form-elements {
max-width: 500px !important
}
}
.no-margin {
margin: 0 !important
}
.mtop-minus-1 {
margin-top: -1px
}
.mtop-8 {
margin-top: 8px !important
}
.mtop-12 {
margin-top: 12px !important
}
.mtop-16 {
margin-top: 16px !important
}
.mtop-20 {
margin-top: 20px !important
}
.mtop-24 {
margin-top: 24px !important
}
.mbtm-8 {
margin-bottom: 8px !important
}
.mbtm-12 {
margin-bottom: 12px !important
}
.mbtm-16 {
margin-bottom: 16px !important
}
.mbtm-20 {
margin-bottom: 20px !important
}
.mbtm-24 {
margin-bottom: 24px !important
}
.p-0 {
padding: 0px
}
.pl-0 {
padding-left: 0px
}
.pr-0 {
padding-right: 0px
}
.pt-0 {
padding-top: 0px
}
.pb-0 {
padding-bottom: 0px
}
.px-0 {
padding-left: 0px;
padding-right: 0px
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px
}
.p-1 {
padding: 4px
}
.pl-1 {
padding-left: 4px
}
.pr-1 {
padding-right: 4px
}
.pt-1 {
padding-top: 4px
}
.pb-1 {
padding-bottom: 4px
}
.px-1 {
padding-left: 4px;
padding-right: 4px
}
.py-1 {
padding-top: 4px;
padding-bottom: 4px
}
.p-2 {
padding: 8px
}
.pl-2 {
padding-left: 8px
}
.pr-2 {
padding-right: 8px
}
.pt-2 {
padding-top: 8px
}
.pb-2 {
padding-bottom: 8px
}
.px-2 {
padding-left: 8px;
padding-right: 8px
}
.py-2 {
padding-top: 8px;
padding-bottom: 8px
}
.p-3 {
padding: 12px
}
.pl-3 {
padding-left: 12px
}
.pr-3 {
padding-right: 12px
}
.pt-3 {
padding-top: 12px
}
.pb-3 {
padding-bottom: 12px
}
.px-3 {
padding-left: 12px;
padding-right: 12px
}
.py-3 {
padding-top: 12px;
padding-bottom: 12px
}
.p-4 {
padding: 16px
}
.pl-4 {
padding-left: 16px
}
.pr-4 {
padding-right: 16px
}
.pt-4 {
padding-top: 16px
}
.pb-4 {
padding-bottom: 16px
}
.px-4 {
padding-left: 16px;
padding-right: 16px
}
.py-4 {
padding-top: 16px;
padding-bottom: 16px
}
.p-5 {
padding: 20px
}
.pl-5 {
padding-left: 20px
}
.pr-5 {
padding-right: 20px
}
.pt-5 {
padding-top: 20px
}
.pb-5 {
padding-bottom: 20px
}
.px-5 {
padding-left: 20px;
padding-right: 20px
}
.py-5 {
padding-top: 20px;
padding-bottom: 20px
}
.p-6 {
padding: 24px
}
.pl-6 {
padding-left: 24px
}
.pr-6 {
padding-right: 24px
}
.pt-6 {
padding-top: 24px
}
.pb-6 {
padding-bottom: 24px
}
.px-6 {
padding-left: 24px;
padding-right: 24px
}
.py-6 {
padding-top: 24px;
padding-bottom: 24px
}
.p-7 {
padding: 28px
}
.pl-7 {
padding-left: 28px
}
.pr-7 {
padding-right: 28px
}
.pt-7 {
padding-top: 28px
}
.pb-7 {
padding-bottom: 28px
}
.px-7 {
padding-left: 28px;
padding-right: 28px
}
.py-7 {
padding-top: 28px;
padding-bottom: 28px
}
.p-8 {
padding: 32px
}
.pl-8 {
padding-left: 32px
}
.pr-8 {
padding-right: 32px
}
.pt-8 {
padding-top: 32px
}
.pb-8 {
padding-bottom: 32px
}
.px-8 {
padding-left: 32px;
padding-right: 32px
}
.py-8 {
padding-top: 32px;
padding-bottom: 32px
}
.p-9 {
padding: 36px
}
.pl-9 {
padding-left: 36px
}
.pr-9 {
padding-right: 36px
}
.pt-9 {
padding-top: 36px
}
.pb-9 {
padding-bottom: 36px
}
.px-9 {
padding-left: 36px;
padding-right: 36px
}
.py-9 {
padding-top: 36px;
padding-bottom: 36px
}
.p-10 {
padding: 40px
}
.pl-10 {
padding-left: 40px
}
.pr-10 {
padding-right: 40px
}
.pt-10 {
padding-top: 40px
}
.pb-10 {
padding-bottom: 40px
}
.px-10 {
padding-left: 40px;
padding-right: 40px
}
.py-10 {
padding-top: 40px;
padding-bottom: 40px
}
.p-11 {
padding: 44px
}
.pl-11 {
padding-left: 44px
}
.pr-11 {
padding-right: 44px
}
.pt-11 {
padding-top: 44px
}
.pb-11 {
padding-bottom: 44px
}
.px-11 {
padding-left: 44px;
padding-right: 44px
}
.py-11 {
padding-top: 44px;
padding-bottom: 44px
}
.p-12 {
padding: 48px
}
.pl-12 {
padding-left: 48px
}
.pr-12 {
padding-right: 48px
}
.pt-12 {
padding-top: 48px
}
.pb-12 {
padding-bottom: 48px
}
.px-12 {
padding-left: 48px;
padding-right: 48px
}
.py-12 {
padding-top: 48px;
padding-bottom: 48px
}
.m-0 {
margin: 0px
}
.ml-0 {
margin-left: 0px
}
.mr-0 {
margin-right: 0px
}
.mt-0 {
margin-top: 0px
}
.mb-0 {
margin-bottom: 0px
}
.mx-0 {
margin-left: 0px;
margin-right: 0px
}
.my-0 {
margin-top: 0px;
margin-bottom: 0px
}
.m-1 {
margin: 4px
}
.ml-1 {
margin-left: 4px
}
.mr-1 {
margin-right: 4px
}
.mt-1 {
margin-top: 4px
}
.mb-1 {
margin-bottom: 4px
}
.mx-1 {
margin-left: 4px;
margin-right: 4px
}
.my-1 {
margin-top: 4px;
margin-bottom: 4px
}
.m-2 {
margin: 8px
}
.ml-2 {
margin-left: 8px
}
.mr-2 {
margin-right: 8px
}
.mt-2 {
margin-top: 8px
}
.mb-2 {
margin-bottom: 8px
}
.mx-2 {
margin-left: 8px;
margin-right: 8px
}
.my-2 {
margin-top: 8px;
margin-bottom: 8px
}
.m-3 {
margin: 12px
}
.ml-3 {
margin-left: 12px
}
.mr-3 {
margin-right: 12px
}
.mt-3 {
margin-top: 12px
}
.mb-3 {
margin-bottom: 12px
}
.mx-3 {
margin-left: 12px;
margin-right: 12px
}
.my-3 {
margin-top: 12px;
margin-bottom: 12px
}
.m-4 {
margin: 16px
}
.ml-4 {
margin-left: 16px
}
.mr-4 {
margin-right: 16px
}
.mt-4 {
margin-top: 16px
}
.mb-4 {
margin-bottom: 16px
}
.mx-4 {
margin-left: 16px;
margin-right: 16px
}
.my-4 {
margin-top: 16px;
margin-bottom: 16px
}
.m-5 {
margin: 20px
}
.ml-5 {
margin-left: 20px
}
.mr-5 {
margin-right: 20px
}
.mt-5 {
margin-top: 20px
}
.mb-5 {
margin-bottom: 20px
}
.mx-5 {
margin-left: 20px;
margin-right: 20px
}
.my-5 {
margin-top: 20px;
margin-bottom: 20px
}
.m-6 {
margin: 24px
}
.ml-6 {
margin-left: 24px
}
.mr-6 {
margin-right: 24px
}
.mt-6 {
margin-top: 24px
}
.mb-6 {
margin-bottom: 24px
}
.mx-6 {
margin-left: 24px;
margin-right: 24px
}
.my-6 {
margin-top: 24px;
margin-bottom: 24px
}
.m-7 {
margin: 28px
}
.ml-7 {
margin-left: 28px
}
.mr-7 {
margin-right: 28px
}
.mt-7 {
margin-top: 28px
}
.mb-7 {
margin-bottom: 28px
}
.mx-7 {
margin-left: 28px;
margin-right: 28px
}
.my-7 {
margin-top: 28px;
margin-bottom: 28px
}
.m-8 {
margin: 32px
}
.ml-8 {
margin-left: 32px
}
.mr-8 {
margin-right: 32px
}
.mt-8 {
margin-top: 32px
}
.mb-8 {
margin-bottom: 32px
}
.mx-8 {
margin-left: 32px;
margin-right: 32px
}
.my-8 {
margin-top: 32px;
margin-bottom: 32px
}
.m-9 {
margin: 36px
}
.ml-9 {
margin-left: 36px
}
.mr-9 {
margin-right: 36px
}
.mt-9 {
margin-top: 36px
}
.mb-9 {
margin-bottom: 36px
}
.mx-9 {
margin-left: 36px;
margin-right: 36px
}
.my-9 {
margin-top: 36px;
margin-bottom: 36px
}
.m-10 {
margin: 40px
}
.ml-10 {
margin-left: 40px
}
.mr-10 {
margin-right: 40px
}
.mt-10 {
margin-top: 40px
}
.mb-10 {
margin-bottom: 40px
}
.mx-10 {
margin-left: 40px;
margin-right: 40px
}
.my-10 {
margin-top: 40px;
margin-bottom: 40px
}
.m-11 {
margin: 44px
}
.ml-11 {
margin-left: 44px
}
.mr-11 {
margin-right: 44px
}
.mt-11 {
margin-top: 44px
}
.mb-11 {
margin-bottom: 44px
}
.mx-11 {
margin-left: 44px;
margin-right: 44px
}
.my-11 {
margin-top: 44px;
margin-bottom: 44px
}
.m-12 {
margin: 48px
}
.ml-12 {
margin-left: 48px
}
.mr-12 {
margin-right: 48px
}
.mt-12 {
margin-top: 48px
}
.mb-12 {
margin-bottom: 48px
}
.mx-12 {
margin-left: 48px;
margin-right: 48px
}
.my-12 {
margin-top: 48px;
margin-bottom: 48px
}
.space-x-0>*+* {
margin-left: 0px
}
.space-y-0>*+* {
margin-top: 0px
}
.gap-0 {
gap: 0px
}
.gap-x-0 {
column-gap: 0px
}
.gap-y-0 {
row-gap: 0px
}
.space-x-1>*+* {
margin-left: 4px
}
.space-y-1>*+* {
margin-top: 4px
}
.gap-1 {
gap: 4px
}
.gap-x-1 {
column-gap: 4px
}
.gap-y-1 {
row-gap: 4px
}
.space-x-2>*+* {
margin-left: 8px
}
.space-y-2>*+* {
margin-top: 8px
}
.gap-2 {
gap: 8px
}
.gap-x-2 {
column-gap: 8px
}
.gap-y-2 {
row-gap: 8px
}
.space-x-3>*+* {
margin-left: 12px
}
.space-y-3>*+* {
margin-top: 12px
}
.gap-3 {
gap: 12px
}
.gap-x-3 {
column-gap: 12px
}
.gap-y-3 {
row-gap: 12px
}
.space-x-4>*+* {
margin-left: 16px
}
.space-y-4>*+* {
margin-top: 16px
}
.gap-4 {
gap: 16px
}
.gap-x-4 {
column-gap: 16px
}
.gap-y-4 {
row-gap: 16px
}
.space-x-5>*+* {
margin-left: 20px
}
.space-y-5>*+* {
margin-top: 20px
}
.gap-5 {
gap: 20px
}
.gap-x-5 {
column-gap: 20px
}
.gap-y-5 {
row-gap: 20px
}
.space-x-6>*+* {
margin-left: 24px
}
.space-y-6>*+* {
margin-top: 24px
}
.gap-6 {
gap: 24px
}
.gap-x-6 {
column-gap: 24px
}
.gap-y-6 {
row-gap: 24px
}
.space-x-7>*+* {
margin-left: 28px
}
.space-y-7>*+* {
margin-top: 28px
}
.gap-7 {
gap: 28px
}
.gap-x-7 {
column-gap: 28px
}
.gap-y-7 {
row-gap: 28px
}
.space-x-8>*+* {
margin-left: 32px
}
.space-y-8>*+* {
margin-top: 32px
}
.gap-8 {
gap: 32px
}
.gap-x-8 {
column-gap: 32px
}
.gap-y-8 {
row-gap: 32px
}
.space-x-9>*+* {
margin-left: 36px
}
.space-y-9>*+* {
margin-top: 36px
}
.gap-9 {
gap: 36px
}
.gap-x-9 {
column-gap: 36px
}
.gap-y-9 {
row-gap: 36px
}
.space-x-10>*+* {
margin-left: 40px
}
.space-y-10>*+* {
margin-top: 40px
}
.gap-10 {
gap: 40px
}
.gap-x-10 {
column-gap: 40px
}
.gap-y-10 {
row-gap: 40px
}
.space-x-11>*+* {
margin-left: 44px
}
.space-y-11>*+* {
margin-top: 44px
}
.gap-11 {
gap: 44px
}
.gap-x-11 {
column-gap: 44px
}
.gap-y-11 {
row-gap: 44px
}
.space-x-12>*+* {
margin-left: 48px
}
.space-y-12>*+* {
margin-top: 48px
}
.gap-12 {
gap: 48px
}
.gap-x-12 {
column-gap: 48px
}
.gap-y-12 {
row-gap: 48px
}
.gap-0 {
gap: 0px
}
.gap-x-0 {
column-gap: 0px
}
.gap-y-0 {
row-gap: 0px
}
.gap-1 {
gap: 4px
}
.gap-x-1 {
column-gap: 4px
}
.gap-y-1 {
row-gap: 4px
}
.gap-2 {
gap: 8px
}
.gap-x-2 {
column-gap: 8px
}
.gap-y-2 {
row-gap: 8px
}
.gap-3 {
gap: 12px
}
.gap-x-3 {
column-gap: 12px
}
.gap-y-3 {
row-gap: 12px
}
.gap-4 {
gap: 16px
}
.gap-x-4 {
column-gap: 16px
}
.gap-y-4 {
row-gap: 16px
}
.gap-5 {
gap: 20px
}
.gap-x-5 {
column-gap: 20px
}
.gap-y-5 {
row-gap: 20px
}
.gap-6 {
gap: 24px
}
.gap-x-6 {
column-gap: 24px
}
.gap-y-6 {
row-gap: 24px
}
.gap-7 {
gap: 28px
}
.gap-x-7 {
column-gap: 28px
}
.gap-y-7 {
row-gap: 28px
}
.gap-8 {
gap: 32px
}
.gap-x-8 {
column-gap: 32px
}
.gap-y-8 {
row-gap: 32px
}
.gap-9 {
gap: 36px
}
.gap-x-9 {
column-gap: 36px
}
.gap-y-9 {
row-gap: 36px
}
.gap-10 {
gap: 40px
}
.gap-x-10 {
column-gap: 40px
}
.gap-y-10 {
row-gap: 40px
}
.gap-11 {
gap: 44px
}
.gap-x-11 {
column-gap: 44px
}
.gap-y-11 {
row-gap: 44px
}
.gap-12 {
gap: 48px
}
.gap-x-12 {
column-gap: 48px
}
.gap-y-12 {
row-gap: 48px
}
.ml-auto {
margin-left: auto
}
.mr-auto {
margin-right: auto
}
.mt-auto {
margin-top: auto
}
.mb-auto {
margin-bottom: auto
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.my-auto {
margin-top: auto;
margin-bottom: auto
}
.\!p-0 {
padding: 0px !important
}
.\!pl-0 {
padding-left: 0px !important
}
.\!pr-0 {
padding-right: 0px !important
}
.\!pt-0 {
padding-top: 0px !important
}
.\!pb-0 {
padding-bottom: 0px !important
}
.\!px-0 {
padding-left: 0px !important;
padding-right: 0px !important
}
.\!py-0 {
padding-top: 0px !important;
padding-bottom: 0px !important
}
.\!p-1 {
padding: 4px !important
}
.\!pl-1 {
padding-left: 4px !important
}
.\!pr-1 {
padding-right: 4px !important
}
.\!pt-1 {
padding-top: 4px !important
}
.\!pb-1 {
padding-bottom: 4px !important
}
.\!px-1 {
padding-left: 4px !important;
padding-right: 4px !important
}
.\!py-1 {
padding-top: 4px !important;
padding-bottom: 4px !important
}
.\!p-2 {
padding: 8px !important
}
.\!pl-2 {
padding-left: 8px !important
}
.\!pr-2 {
padding-right: 8px !important
}
.\!pt-2 {
padding-top: 8px !important
}
.\!pb-2 {
padding-bottom: 8px !important
}
.\!px-2 {
padding-left: 8px !important;
padding-right: 8px !important
}
.\!py-2 {
padding-top: 8px !important;
padding-bottom: 8px !important
}
.\!p-3 {
padding: 12px !important
}
.\!pl-3 {
padding-left: 12px !important
}
.\!pr-3 {
padding-right: 12px !important
}
.\!pt-3 {
padding-top: 12px !important
}
.\!pb-3 {
padding-bottom: 12px !important
}
.\!px-3 {
padding-left: 12px !important;
padding-right: 12px !important
}
.\!py-3 {
padding-top: 12px !important;
padding-bottom: 12px !important
}
.\!p-4 {
padding: 16px !important
}
.\!pl-4 {
padding-left: 16px !important
}
.\!pr-4 {
padding-right: 16px !important
}
.\!pt-4 {
padding-top: 16px !important
}
.\!pb-4 {
padding-bottom: 16px !important
}
.\!px-4 {
padding-left: 16px !important;
padding-right: 16px !important
}
.\!py-4 {
padding-top: 16px !important;
padding-bottom: 16px !important
}
.\!p-5 {
padding: 20px !important
}
.\!pl-5 {
padding-left: 20px !important
}
.\!pr-5 {
padding-right: 20px !important
}
.\!pt-5 {
padding-top: 20px !important
}
.\!pb-5 {
padding-bottom: 20px !important
}
.\!px-5 {
padding-left: 20px !important;
padding-right: 20px !important
}
.\!py-5 {
padding-top: 20px !important;
padding-bottom: 20px !important
}
.\!p-6 {
padding: 24px !important
}
.\!pl-6 {
padding-left: 24px !important
}
.\!pr-6 {
padding-right: 24px !important
}
.\!pt-6 {
padding-top: 24px !important
}
.\!pb-6 {
padding-bottom: 24px !important
}
.\!px-6 {
padding-left: 24px !important;
padding-right: 24px !important
}
.\!py-6 {
padding-top: 24px !important;
padding-bottom: 24px !important
}
.\!p-7 {
padding: 28px !important
}
.\!pl-7 {
padding-left: 28px !important
}
.\!pr-7 {
padding-right: 28px !important
}
.\!pt-7 {
padding-top: 28px !important
}
.\!pb-7 {
padding-bottom: 28px !important
}
.\!px-7 {
padding-left: 28px !important;
padding-right: 28px !important
}
.\!py-7 {
padding-top: 28px !important;
padding-bottom: 28px !important
}
.\!p-8 {
padding: 32px !important
}
.\!pl-8 {
padding-left: 32px !important
}
.\!pr-8 {
padding-right: 32px !important
}
.\!pt-8 {
padding-top: 32px !important
}
.\!pb-8 {
padding-bottom: 32px !important
}
.\!px-8 {
padding-left: 32px !important;
padding-right: 32px !important
}
.\!py-8 {
padding-top: 32px !important;
padding-bottom: 32px !important
}
.\!p-9 {
padding: 36px !important
}
.\!pl-9 {
padding-left: 36px !important
}
.\!pr-9 {
padding-right: 36px !important
}
.\!pt-9 {
padding-top: 36px !important
}
.\!pb-9 {
padding-bottom: 36px !important
}
.\!px-9 {
padding-left: 36px !important;
padding-right: 36px !important
}
.\!py-9 {
padding-top: 36px !important;
padding-bottom: 36px !important
}
.\!p-10 {
padding: 40px !important
}
.\!pl-10 {
padding-left: 40px !important
}
.\!pr-10 {
padding-right: 40px !important
}
.\!pt-10 {
padding-top: 40px !important
}
.\!pb-10 {
padding-bottom: 40px !important
}
.\!px-10 {
padding-left: 40px !important;
padding-right: 40px !important
}
.\!py-10 {
padding-top: 40px !important;
padding-bottom: 40px !important
}
.\!p-11 {
padding: 44px !important
}
.\!pl-11 {
padding-left: 44px !important
}
.\!pr-11 {
padding-right: 44px !important
}
.\!pt-11 {
padding-top: 44px !important
}
.\!pb-11 {
padding-bottom: 44px !important
}
.\!px-11 {
padding-left: 44px !important;
padding-right: 44px !important
}
.\!py-11 {
padding-top: 44px !important;
padding-bottom: 44px !important
}
.\!p-12 {
padding: 48px !important
}
.\!pl-12 {
padding-left: 48px !important
}
.\!pr-12 {
padding-right: 48px !important
}
.\!pt-12 {
padding-top: 48px !important
}
.\!pb-12 {
padding-bottom: 48px !important
}
.\!px-12 {
padding-left: 48px !important;
padding-right: 48px !important
}
.\!py-12 {
padding-top: 48px !important;
padding-bottom: 48px !important
}
.\!m-0 {
margin: 0px !important
}
.\!ml-0 {
margin-left: 0px !important
}
.\!mr-0 {
margin-right: 0px !important
}
.\!mt-0 {
margin-top: 0px !important
}
.\!mb-0 {
margin-bottom: 0px !important
}
.\!mx-0 {
margin-left: 0px !important;
margin-right: 0px !important
}
.\!my-0 {
margin-top: 0px !important;
margin-bottom: 0px !important
}
.\!m-1 {
margin: 4px !important
}
.\!ml-1 {
margin-left: 4px !important
}
.\!mr-1 {
margin-right: 4px !important
}
.\!mt-1 {
margin-top: 4px !important
}
.\!mb-1 {
margin-bottom: 4px !important
}
.\!mx-1 {
margin-left: 4px !important;
margin-right: 4px !important
}
.\!my-1 {
margin-top: 4px !important;
margin-bottom: 4px !important
}
.\!m-2 {
margin: 8px !important
}
.\!ml-2 {
margin-left: 8px !important
}
.\!mr-2 {
margin-right: 8px !important
}
.\!mt-2 {
margin-top: 8px !important
}
.\!mb-2 {
margin-bottom: 8px !important
}
.\!mx-2 {
margin-left: 8px !important;
margin-right: 8px !important
}
.\!my-2 {
margin-top: 8px !important;
margin-bottom: 8px !important
}
.\!m-3 {
margin: 12px !important
}
.\!ml-3 {
margin-left: 12px !important
}
.\!mr-3 {
margin-right: 12px !important
}
.\!mt-3 {
margin-top: 12px !important
}
.\!mb-3 {
margin-bottom: 12px !important
}
.\!mx-3 {
margin-left: 12px !important;
margin-right: 12px !important
}
.\!my-3 {
margin-top: 12px !important;
margin-bottom: 12px !important
}
.\!m-4 {
margin: 16px !important
}
.\!ml-4 {
margin-left: 16px !important
}
.\!mr-4 {
margin-right: 16px !important
}
.\!mt-4 {
margin-top: 16px !important
}
.\!mb-4 {
margin-bottom: 16px !important
}
.\!mx-4 {
margin-left: 16px !important;
margin-right: 16px !important
}
.\!my-4 {
margin-top: 16px !important;
margin-bottom: 16px !important
}
.\!m-5 {
margin: 20px !important
}
.\!ml-5 {
margin-left: 20px !important
}
.\!mr-5 {
margin-right: 20px !important
}
.\!mt-5 {
margin-top: 20px !important
}
.\!mb-5 {
margin-bottom: 20px !important
}
.\!mx-5 {
margin-left: 20px !important;
margin-right: 20px !important
}
.\!my-5 {
margin-top: 20px !important;
margin-bottom: 20px !important
}
.\!m-6 {
margin: 24px !important
}
.\!ml-6 {
margin-left: 24px !important
}
.\!mr-6 {
margin-right: 24px !important
}
.\!mt-6 {
margin-top: 24px !important
}
.\!mb-6 {
margin-bottom: 24px !important
}
.\!mx-6 {
margin-left: 24px !important;
margin-right: 24px !important
}
.\!my-6 {
margin-top: 24px !important;
margin-bottom: 24px !important
}
.\!m-7 {
margin: 28px !important
}
.\!ml-7 {
margin-left: 28px !important
}
.\!mr-7 {
margin-right: 28px !important
}
.\!mt-7 {
margin-top: 28px !important
}
.\!mb-7 {
margin-bottom: 28px !important
}
.\!mx-7 {
margin-left: 28px !important;
margin-right: 28px !important
}
.\!my-7 {
margin-top: 28px !important;
margin-bottom: 28px !important
}
.\!m-8 {
margin: 32px !important
}
.\!ml-8 {
margin-left: 32px !important
}
.\!mr-8 {
margin-right: 32px !important
}
.\!mt-8 {
margin-top: 32px !important
}
.\!mb-8 {
margin-bottom: 32px !important
}
.\!mx-8 {
margin-left: 32px !important;
margin-right: 32px !important
}
.\!my-8 {
margin-top: 32px !important;
margin-bottom: 32px !important
}
.\!m-9 {
margin: 36px !important
}
.\!ml-9 {
margin-left: 36px !important
}
.\!mr-9 {
margin-right: 36px !important
}
.\!mt-9 {
margin-top: 36px !important
}
.\!mb-9 {
margin-bottom: 36px !important
}
.\!mx-9 {
margin-left: 36px !important;
margin-right: 36px !important
}
.\!my-9 {
margin-top: 36px !important;
margin-bottom: 36px !important
}
.\!m-10 {
margin: 40px !important
}
.\!ml-10 {
margin-left: 40px !important
}
.\!mr-10 {
margin-right: 40px !important
}
.\!mt-10 {
margin-top: 40px !important
}
.\!mb-10 {
margin-bottom: 40px !important
}
.\!mx-10 {
margin-left: 40px !important;
margin-right: 40px !important
}
.\!my-10 {
margin-top: 40px !important;
margin-bottom: 40px !important
}
.\!m-11 {
margin: 44px !important
}
.\!ml-11 {
margin-left: 44px !important
}
.\!mr-11 {
margin-right: 44px !important
}
.\!mt-11 {
margin-top: 44px !important
}
.\!mb-11 {
margin-bottom: 44px !important
}
.\!mx-11 {
margin-left: 44px !important;
margin-right: 44px !important
}
.\!my-11 {
margin-top: 44px !important;
margin-bottom: 44px !important
}
.\!m-12 {
margin: 48px !important
}
.\!ml-12 {
margin-left: 48px !important
}
.\!mr-12 {
margin-right: 48px !important
}
.\!mt-12 {
margin-top: 48px !important
}
.\!mb-12 {
margin-bottom: 48px !important
}
.\!mx-12 {
margin-left: 48px !important;
margin-right: 48px !important
}
.\!my-12 {
margin-top: 48px !important;
margin-bottom: 48px !important
}
.\!space-x-0>*+* {
margin-left: 0px !important
}
.\!space-y-0>*+* {
margin-top: 0px !important
}
.\!gap-0 {
gap: 0px
}
.\!gap-x-0 {
column-gap: 0px
}
.\!gap-y-0 {
row-gap: 0px
}
.\!space-x-1>*+* {
margin-left: 4px !important
}
.\!space-y-1>*+* {
margin-top: 4px !important
}
.\!gap-1 {
gap: 4px
}
.\!gap-x-1 {
column-gap: 4px
}
.\!gap-y-1 {
row-gap: 4px
}
.\!space-x-2>*+* {
margin-left: 8px !important
}
.\!space-y-2>*+* {
margin-top: 8px !important
}
.\!gap-2 {
gap: 8px
}
.\!gap-x-2 {
column-gap: 8px
}
.\!gap-y-2 {
row-gap: 8px
}
.\!space-x-3>*+* {
margin-left: 12px !important
}
.\!space-y-3>*+* {
margin-top: 12px !important
}
.\!gap-3 {
gap: 12px
}
.\!gap-x-3 {
column-gap: 12px
}
.\!gap-y-3 {
row-gap: 12px
}
.\!space-x-4>*+* {
margin-left: 16px !important
}
.\!space-y-4>*+* {
margin-top: 16px !important
}
.\!gap-4 {
gap: 16px
}
.\!gap-x-4 {
column-gap: 16px
}
.\!gap-y-4 {
row-gap: 16px
}
.\!space-x-5>*+* {
margin-left: 20px !important
}
.\!space-y-5>*+* {
margin-top: 20px !important
}
.\!gap-5 {
gap: 20px
}
.\!gap-x-5 {
column-gap: 20px
}
.\!gap-y-5 {
row-gap: 20px
}
.\!space-x-6>*+* {
margin-left: 24px !important
}
.\!space-y-6>*+* {
margin-top: 24px !important
}
.\!gap-6 {
gap: 24px
}
.\!gap-x-6 {
column-gap: 24px
}
.\!gap-y-6 {
row-gap: 24px
}
.\!space-x-7>*+* {
margin-left: 28px !important
}
.\!space-y-7>*+* {
margin-top: 28px !important
}
.\!gap-7 {
gap: 28px
}
.\!gap-x-7 {
column-gap: 28px
}
.\!gap-y-7 {
row-gap: 28px
}
.\!space-x-8>*+* {
margin-left: 32px !important
}
.\!space-y-8>*+* {
margin-top: 32px !important
}
.\!gap-8 {
gap: 32px
}
.\!gap-x-8 {
column-gap: 32px
}
.\!gap-y-8 {
row-gap: 32px
}
.\!space-x-9>*+* {
margin-left: 36px !important
}
.\!space-y-9>*+* {
margin-top: 36px !important
}
.\!gap-9 {
gap: 36px
}
.\!gap-x-9 {
column-gap: 36px
}
.\!gap-y-9 {
row-gap: 36px
}
.\!space-x-10>*+* {
margin-left: 40px !important
}
.\!space-y-10>*+* {
margin-top: 40px !important
}
.\!gap-10 {
gap: 40px
}
.\!gap-x-10 {
column-gap: 40px
}
.\!gap-y-10 {
row-gap: 40px
}
.\!space-x-11>*+* {
margin-left: 44px !important
}
.\!space-y-11>*+* {
margin-top: 44px !important
}
.\!gap-11 {
gap: 44px
}
.\!gap-x-11 {
column-gap: 44px
}
.\!gap-y-11 {
row-gap: 44px
}
.\!space-x-12>*+* {
margin-left: 48px !important
}
.\!space-y-12>*+* {
margin-top: 48px !important
}
.\!gap-12 {
gap: 48px
}
.\!gap-x-12 {
column-gap: 48px
}
.\!gap-y-12 {
row-gap: 48px
}
.ml-auto {
margin-left: auto
}
.mr-auto {
margin-right: auto
}
.mt-auto {
margin-top: auto
}
.mb-auto {
margin-bottom: auto
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.my-auto {
margin-top: auto;
margin-bottom: auto
}
@media all and (max-width: 768px) {
.p-sm-0 {
padding:0px
}
.pl-sm-0 {
padding-left: 0px
}
.pr-sm-0 {
padding-right: 0px
}
.pt-sm-0 {
padding-top: 0px
}
.pb-sm-0 {
padding-bottom: 0px
}
.px-sm-0 {
padding-left: 0px;
padding-right: 0px
}
.py-sm-0 {
padding-top: 0px;
padding-bottom: 0px
}
.p-sm-1 {
padding: 4px
}
.pl-sm-1 {
padding-left: 4px
}
.pr-sm-1 {
padding-right: 4px
}
.pt-sm-1 {
padding-top: 4px
}
.pb-sm-1 {
padding-bottom: 4px
}
.px-sm-1 {
padding-left: 4px;
padding-right: 4px
}
.py-sm-1 {
padding-top: 4px;
padding-bottom: 4px
}
.p-sm-2 {
padding: 8px
}
.pl-sm-2 {
padding-left: 8px
}
.pr-sm-2 {
padding-right: 8px
}
.pt-sm-2 {
padding-top: 8px
}
.pb-sm-2 {
padding-bottom: 8px
}
.px-sm-2 {
padding-left: 8px;
padding-right: 8px
}
.py-sm-2 {
padding-top: 8px;
padding-bottom: 8px
}
.p-sm-3 {
padding: 12px
}
.pl-sm-3 {
padding-left: 12px
}
.pr-sm-3 {
padding-right: 12px
}
.pt-sm-3 {
padding-top: 12px
}
.pb-sm-3 {
padding-bottom: 12px
}
.px-sm-3 {
padding-left: 12px;
padding-right: 12px
}
.py-sm-3 {
padding-top: 12px;
padding-bottom: 12px
}
.p-sm-4 {
padding: 16px
}
.pl-sm-4 {
padding-left: 16px
}
.pr-sm-4 {
padding-right: 16px
}
.pt-sm-4 {
padding-top: 16px
}
.pb-sm-4 {
padding-bottom: 16px
}
.px-sm-4 {
padding-left: 16px;
padding-right: 16px
}
.py-sm-4 {
padding-top: 16px;
padding-bottom: 16px
}
.p-sm-5 {
padding: 20px
}
.pl-sm-5 {
padding-left: 20px
}
.pr-sm-5 {
padding-right: 20px
}
.pt-sm-5 {
padding-top: 20px
}
.pb-sm-5 {
padding-bottom: 20px
}
.px-sm-5 {
padding-left: 20px;
padding-right: 20px
}
.py-sm-5 {
padding-top: 20px;
padding-bottom: 20px
}
.p-sm-6 {
padding: 24px
}
.pl-sm-6 {
padding-left: 24px
}
.pr-sm-6 {
padding-right: 24px
}
.pt-sm-6 {
padding-top: 24px
}
.pb-sm-6 {
padding-bottom: 24px
}
.px-sm-6 {
padding-left: 24px;
padding-right: 24px
}
.py-sm-6 {
padding-top: 24px;
padding-bottom: 24px
}
.p-sm-7 {
padding: 28px
}
.pl-sm-7 {
padding-left: 28px
}
.pr-sm-7 {
padding-right: 28px
}
.pt-sm-7 {
padding-top: 28px
}
.pb-sm-7 {
padding-bottom: 28px
}
.px-sm-7 {
padding-left: 28px;
padding-right: 28px
}
.py-sm-7 {
padding-top: 28px;
padding-bottom: 28px
}
.p-sm-8 {
padding: 32px
}
.pl-sm-8 {
padding-left: 32px
}
.pr-sm-8 {
padding-right: 32px
}
.pt-sm-8 {
padding-top: 32px
}
.pb-sm-8 {
padding-bottom: 32px
}
.px-sm-8 {
padding-left: 32px;
padding-right: 32px
}
.py-sm-8 {
padding-top: 32px;
padding-bottom: 32px
}
.p-sm-9 {
padding: 36px
}
.pl-sm-9 {
padding-left: 36px
}
.pr-sm-9 {
padding-right: 36px
}
.pt-sm-9 {
padding-top: 36px
}
.pb-sm-9 {
padding-bottom: 36px
}
.px-sm-9 {
padding-left: 36px;
padding-right: 36px
}
.py-sm-9 {
padding-top: 36px;
padding-bottom: 36px
}
.p-sm-10 {
padding: 40px
}
.pl-sm-10 {
padding-left: 40px
}
.pr-sm-10 {
padding-right: 40px
}
.pt-sm-10 {
padding-top: 40px
}
.pb-sm-10 {
padding-bottom: 40px
}
.px-sm-10 {
padding-left: 40px;
padding-right: 40px
}
.py-sm-10 {
padding-top: 40px;
padding-bottom: 40px
}
.p-sm-11 {
padding: 44px
}
.pl-sm-11 {
padding-left: 44px
}
.pr-sm-11 {
padding-right: 44px
}
.pt-sm-11 {
padding-top: 44px
}
.pb-sm-11 {
padding-bottom: 44px
}
.px-sm-11 {
padding-left: 44px;
padding-right: 44px
}
.py-sm-11 {
padding-top: 44px;
padding-bottom: 44px
}
.p-sm-12 {
padding: 48px
}
.pl-sm-12 {
padding-left: 48px
}
.pr-sm-12 {
padding-right: 48px
}
.pt-sm-12 {
padding-top: 48px
}
.pb-sm-12 {
padding-bottom: 48px
}
.px-sm-12 {
padding-left: 48px;
padding-right: 48px
}
.py-sm-12 {
padding-top: 48px;
padding-bottom: 48px
}
.m-sm-0 {
margin: 0px
}
.ml-sm-0 {
margin-left: 0px
}
.mr-sm-0 {
margin-right: 0px
}
.mt-sm-0 {
margin-top: 0px
}
.mb-sm-0 {
margin-bottom: 0px
}
.mx-sm-0 {
margin-left: 0px;
margin-right: 0px
}
.my-sm-0 {
margin-top: 0px;
margin-bottom: 0px
}
.m-sm-1 {
margin: 4px
}
.ml-sm-1 {
margin-left: 4px
}
.mr-sm-1 {
margin-right: 4px
}
.mt-sm-1 {
margin-top: 4px
}
.mb-sm-1 {
margin-bottom: 4px
}
.mx-sm-1 {
margin-left: 4px;
margin-right: 4px
}
.my-sm-1 {
margin-top: 4px;
margin-bottom: 4px
}
.m-sm-2 {
margin: 8px
}
.ml-sm-2 {
margin-left: 8px
}
.mr-sm-2 {
margin-right: 8px
}
.mt-sm-2 {
margin-top: 8px
}
.mb-sm-2 {
margin-bottom: 8px
}
.mx-sm-2 {
margin-left: 8px;
margin-right: 8px
}
.my-sm-2 {
margin-top: 8px;
margin-bottom: 8px
}
.m-sm-3 {
margin: 12px
}
.ml-sm-3 {
margin-left: 12px
}
.mr-sm-3 {
margin-right: 12px
}
.mt-sm-3 {
margin-top: 12px
}
.mb-sm-3 {
margin-bottom: 12px
}
.mx-sm-3 {
margin-left: 12px;
margin-right: 12px
}
.my-sm-3 {
margin-top: 12px;
margin-bottom: 12px
}
.m-sm-4 {
margin: 16px
}
.ml-sm-4 {
margin-left: 16px
}
.mr-sm-4 {
margin-right: 16px
}
.mt-sm-4 {
margin-top: 16px
}
.mb-sm-4 {
margin-bottom: 16px
}
.mx-sm-4 {
margin-left: 16px;
margin-right: 16px
}
.my-sm-4 {
margin-top: 16px;
margin-bottom: 16px
}
.m-sm-5 {
margin: 20px
}
.ml-sm-5 {
margin-left: 20px
}
.mr-sm-5 {
margin-right: 20px
}
.mt-sm-5 {
margin-top: 20px
}
.mb-sm-5 {
margin-bottom: 20px
}
.mx-sm-5 {
margin-left: 20px;
margin-right: 20px
}
.my-sm-5 {
margin-top: 20px;
margin-bottom: 20px
}
.m-sm-6 {
margin: 24px
}
.ml-sm-6 {
margin-left: 24px
}
.mr-sm-6 {
margin-right: 24px
}
.mt-sm-6 {
margin-top: 24px
}
.mb-sm-6 {
margin-bottom: 24px
}
.mx-sm-6 {
margin-left: 24px;
margin-right: 24px
}
.my-sm-6 {
margin-top: 24px;
margin-bottom: 24px
}
.m-sm-7 {
margin: 28px
}
.ml-sm-7 {
margin-left: 28px
}
.mr-sm-7 {
margin-right: 28px
}
.mt-sm-7 {
margin-top: 28px
}
.mb-sm-7 {
margin-bottom: 28px
}
.mx-sm-7 {
margin-left: 28px;
margin-right: 28px
}
.my-sm-7 {
margin-top: 28px;
margin-bottom: 28px
}
.m-sm-8 {
margin: 32px
}
.ml-sm-8 {
margin-left: 32px
}
.mr-sm-8 {
margin-right: 32px
}
.mt-sm-8 {
margin-top: 32px
}
.mb-sm-8 {
margin-bottom: 32px
}
.mx-sm-8 {
margin-left: 32px;
margin-right: 32px
}
.my-sm-8 {
margin-top: 32px;
margin-bottom: 32px
}
.m-sm-9 {
margin: 36px
}
.ml-sm-9 {
margin-left: 36px
}
.mr-sm-9 {
margin-right: 36px
}
.mt-sm-9 {
margin-top: 36px
}
.mb-sm-9 {
margin-bottom: 36px
}
.mx-sm-9 {
margin-left: 36px;
margin-right: 36px
}
.my-sm-9 {
margin-top: 36px;
margin-bottom: 36px
}
.m-sm-10 {
margin: 40px
}
.ml-sm-10 {
margin-left: 40px
}
.mr-sm-10 {
margin-right: 40px
}
.mt-sm-10 {
margin-top: 40px
}
.mb-sm-10 {
margin-bottom: 40px
}
.mx-sm-10 {
margin-left: 40px;
margin-right: 40px
}
.my-sm-10 {
margin-top: 40px;
margin-bottom: 40px
}
.m-sm-11 {
margin: 44px
}
.ml-sm-11 {
margin-left: 44px
}
.mr-sm-11 {
margin-right: 44px
}
.mt-sm-11 {
margin-top: 44px
}
.mb-sm-11 {
margin-bottom: 44px
}
.mx-sm-11 {
margin-left: 44px;
margin-right: 44px
}
.my-sm-11 {
margin-top: 44px;
margin-bottom: 44px
}
.m-sm-12 {
margin: 48px
}
.ml-sm-12 {
margin-left: 48px
}
.mr-sm-12 {
margin-right: 48px
}
.mt-sm-12 {
margin-top: 48px
}
.mb-sm-12 {
margin-bottom: 48px
}
.mx-sm-12 {
margin-left: 48px;
margin-right: 48px
}
.my-sm-12 {
margin-top: 48px;
margin-bottom: 48px
}
.space-x-sm-0>*+* {
margin-left: 0px
}
.space-y-sm-0>*+* {
margin-top: 0px
}
.gap-sm-0 {
gap: 0px
}
.gap-x-sm-0 {
column-gap: 0px
}
.gap-y-sm-0 {
row-gap: 0px
}
.space-x-sm-1>*+* {
margin-left: 4px
}
.space-y-sm-1>*+* {
margin-top: 4px
}
.gap-sm-1 {
gap: 4px
}
.gap-x-sm-1 {
column-gap: 4px
}
.gap-y-sm-1 {
row-gap: 4px
}
.space-x-sm-2>*+* {
margin-left: 8px
}
.space-y-sm-2>*+* {
margin-top: 8px
}
.gap-sm-2 {
gap: 8px
}
.gap-x-sm-2 {
column-gap: 8px
}
.gap-y-sm-2 {
row-gap: 8px
}
.space-x-sm-3>*+* {
margin-left: 12px
}
.space-y-sm-3>*+* {
margin-top: 12px
}
.gap-sm-3 {
gap: 12px
}
.gap-x-sm-3 {
column-gap: 12px
}
.gap-y-sm-3 {
row-gap: 12px
}
.space-x-sm-4>*+* {
margin-left: 16px
}
.space-y-sm-4>*+* {
margin-top: 16px
}
.gap-sm-4 {
gap: 16px
}
.gap-x-sm-4 {
column-gap: 16px
}
.gap-y-sm-4 {
row-gap: 16px
}
.space-x-sm-5>*+* {
margin-left: 20px
}
.space-y-sm-5>*+* {
margin-top: 20px
}
.gap-sm-5 {
gap: 20px
}
.gap-x-sm-5 {
column-gap: 20px
}
.gap-y-sm-5 {
row-gap: 20px
}
.space-x-sm-6>*+* {
margin-left: 24px
}
.space-y-sm-6>*+* {
margin-top: 24px
}
.gap-sm-6 {
gap: 24px
}
.gap-x-sm-6 {
column-gap: 24px
}
.gap-y-sm-6 {
row-gap: 24px
}
.space-x-sm-7>*+* {
margin-left: 28px
}
.space-y-sm-7>*+* {
margin-top: 28px
}
.gap-sm-7 {
gap: 28px
}
.gap-x-sm-7 {
column-gap: 28px
}
.gap-y-sm-7 {
row-gap: 28px
}
.space-x-sm-8>*+* {
margin-left: 32px
}
.space-y-sm-8>*+* {
margin-top: 32px
}
.gap-sm-8 {
gap: 32px
}
.gap-x-sm-8 {
column-gap: 32px
}
.gap-y-sm-8 {
row-gap: 32px
}
.space-x-sm-9>*+* {
margin-left: 36px
}
.space-y-sm-9>*+* {
margin-top: 36px
}
.gap-sm-9 {
gap: 36px
}
.gap-x-sm-9 {
column-gap: 36px
}
.gap-y-sm-9 {
row-gap: 36px
}
.space-x-sm-10>*+* {
margin-left: 40px
}
.space-y-sm-10>*+* {
margin-top: 40px
}
.gap-sm-10 {
gap: 40px
}
.gap-x-sm-10 {
column-gap: 40px
}
.gap-y-sm-10 {
row-gap: 40px
}
.space-x-sm-11>*+* {
margin-left: 44px
}
.space-y-sm-11>*+* {
margin-top: 44px
}
.gap-sm-11 {
gap: 44px
}
.gap-x-sm-11 {
column-gap: 44px
}
.gap-y-sm-11 {
row-gap: 44px
}
.space-x-sm-12>*+* {
margin-left: 48px
}
.space-y-sm-12>*+* {
margin-top: 48px
}
.gap-sm-12 {
gap: 48px
}
.gap-x-sm-12 {
column-gap: 48px
}
.gap-y-sm-12 {
row-gap: 48px
}
.ml-auto {
margin-left: auto
}
.mr-auto {
margin-right: auto
}
.mt-auto {
margin-top: auto
}
.mb-auto {
margin-bottom: auto
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.my-auto {
margin-top: auto;
margin-bottom: auto
}
}
@media all and (min-width: 1024px) {
.p-md-0 {
padding:0px
}
.pl-md-0 {
padding-left: 0px
}
.pr-md-0 {
padding-right: 0px
}
.pt-md-0 {
padding-top: 0px
}
.pb-md-0 {
padding-bottom: 0px
}
.px-md-0 {
padding-left: 0px;
padding-right: 0px
}
.py-md-0 {
padding-top: 0px;
padding-bottom: 0px
}
.p-md-1 {
padding: 4px
}
.pl-md-1 {
padding-left: 4px
}
.pr-md-1 {
padding-right: 4px
}
.pt-md-1 {
padding-top: 4px
}
.pb-md-1 {
padding-bottom: 4px
}
.px-md-1 {
padding-left: 4px;
padding-right: 4px
}
.py-md-1 {
padding-top: 4px;
padding-bottom: 4px
}
.p-md-2 {
padding: 8px
}
.pl-md-2 {
padding-left: 8px
}
.pr-md-2 {
padding-right: 8px
}
.pt-md-2 {
padding-top: 8px
}
.pb-md-2 {
padding-bottom: 8px
}
.px-md-2 {
padding-left: 8px;
padding-right: 8px
}
.py-md-2 {
padding-top: 8px;
padding-bottom: 8px
}
.p-md-3 {
padding: 12px
}
.pl-md-3 {
padding-left: 12px
}
.pr-md-3 {
padding-right: 12px
}
.pt-md-3 {
padding-top: 12px
}
.pb-md-3 {
padding-bottom: 12px
}
.px-md-3 {
padding-left: 12px;
padding-right: 12px
}
.py-md-3 {
padding-top: 12px;
padding-bottom: 12px
}
.p-md-4 {
padding: 16px
}
.pl-md-4 {
padding-left: 16px
}
.pr-md-4 {
padding-right: 16px
}
.pt-md-4 {
padding-top: 16px
}
.pb-md-4 {
padding-bottom: 16px
}
.px-md-4 {
padding-left: 16px;
padding-right: 16px
}
.py-md-4 {
padding-top: 16px;
padding-bottom: 16px
}
.p-md-5 {
padding: 20px
}
.pl-md-5 {
padding-left: 20px
}
.pr-md-5 {
padding-right: 20px
}
.pt-md-5 {
padding-top: 20px
}
.pb-md-5 {
padding-bottom: 20px
}
.px-md-5 {
padding-left: 20px;
padding-right: 20px
}
.py-md-5 {
padding-top: 20px;
padding-bottom: 20px
}
.p-md-6 {
padding: 24px
}
.pl-md-6 {
padding-left: 24px
}
.pr-md-6 {
padding-right: 24px
}
.pt-md-6 {
padding-top: 24px
}
.pb-md-6 {
padding-bottom: 24px
}
.px-md-6 {
padding-left: 24px;
padding-right: 24px
}
.py-md-6 {
padding-top: 24px;
padding-bottom: 24px
}
.p-md-7 {
padding: 28px
}
.pl-md-7 {
padding-left: 28px
}
.pr-md-7 {
padding-right: 28px
}
.pt-md-7 {
padding-top: 28px
}
.pb-md-7 {
padding-bottom: 28px
}
.px-md-7 {
padding-left: 28px;
padding-right: 28px
}
.py-md-7 {
padding-top: 28px;
padding-bottom: 28px
}
.p-md-8 {
padding: 32px
}
.pl-md-8 {
padding-left: 32px
}
.pr-md-8 {
padding-right: 32px
}
.pt-md-8 {
padding-top: 32px
}
.pb-md-8 {
padding-bottom: 32px
}
.px-md-8 {
padding-left: 32px;
padding-right: 32px
}
.py-md-8 {
padding-top: 32px;
padding-bottom: 32px
}
.p-md-9 {
padding: 36px
}
.pl-md-9 {
padding-left: 36px
}
.pr-md-9 {
padding-right: 36px
}
.pt-md-9 {
padding-top: 36px
}
.pb-md-9 {
padding-bottom: 36px
}
.px-md-9 {
padding-left: 36px;
padding-right: 36px
}
.py-md-9 {
padding-top: 36px;
padding-bottom: 36px
}
.p-md-10 {
padding: 40px
}
.pl-md-10 {
padding-left: 40px
}
.pr-md-10 {
padding-right: 40px
}
.pt-md-10 {
padding-top: 40px
}
.pb-md-10 {
padding-bottom: 40px
}
.px-md-10 {
padding-left: 40px;
padding-right: 40px
}
.py-md-10 {
padding-top: 40px;
padding-bottom: 40px
}
.p-md-11 {
padding: 44px
}
.pl-md-11 {
padding-left: 44px
}
.pr-md-11 {
padding-right: 44px
}
.pt-md-11 {
padding-top: 44px
}
.pb-md-11 {
padding-bottom: 44px
}
.px-md-11 {
padding-left: 44px;
padding-right: 44px
}
.py-md-11 {
padding-top: 44px;
padding-bottom: 44px
}
.p-md-12 {
padding: 48px
}
.pl-md-12 {
padding-left: 48px
}
.pr-md-12 {
padding-right: 48px
}
.pt-md-12 {
padding-top: 48px
}
.pb-md-12 {
padding-bottom: 48px
}
.px-md-12 {
padding-left: 48px;
padding-right: 48px
}
.py-md-12 {
padding-top: 48px;
padding-bottom: 48px
}
.m-md-0 {
margin: 0px
}
.ml-md-0 {
margin-left: 0px
}
.mr-md-0 {
margin-right: 0px
}
.mt-md-0 {
margin-top: 0px
}
.mb-md-0 {
margin-bottom: 0px
}
.mx-md-0 {
margin-left: 0px;
margin-right: 0px
}
.my-md-0 {
margin-top: 0px;
margin-bottom: 0px
}
.m-md-1 {
margin: 4px
}
.ml-md-1 {
margin-left: 4px
}
.mr-md-1 {
margin-right: 4px
}
.mt-md-1 {
margin-top: 4px
}
.mb-md-1 {
margin-bottom: 4px
}
.mx-md-1 {
margin-left: 4px;
margin-right: 4px
}
.my-md-1 {
margin-top: 4px;
margin-bottom: 4px
}
.m-md-2 {
margin: 8px
}
.ml-md-2 {
margin-left: 8px
}
.mr-md-2 {
margin-right: 8px
}
.mt-md-2 {
margin-top: 8px
}
.mb-md-2 {
margin-bottom: 8px
}
.mx-md-2 {
margin-left: 8px;
margin-right: 8px
}
.my-md-2 {
margin-top: 8px;
margin-bottom: 8px
}
.m-md-3 {
margin: 12px
}
.ml-md-3 {
margin-left: 12px
}
.mr-md-3 {
margin-right: 12px
}
.mt-md-3 {
margin-top: 12px
}
.mb-md-3 {
margin-bottom: 12px
}
.mx-md-3 {
margin-left: 12px;
margin-right: 12px
}
.my-md-3 {
margin-top: 12px;
margin-bottom: 12px
}
.m-md-4 {
margin: 16px
}
.ml-md-4 {
margin-left: 16px
}
.mr-md-4 {
margin-right: 16px
}
.mt-md-4 {
margin-top: 16px
}
.mb-md-4 {
margin-bottom: 16px
}
.mx-md-4 {
margin-left: 16px;
margin-right: 16px
}
.my-md-4 {
margin-top: 16px;
margin-bottom: 16px
}
.m-md-5 {
margin: 20px
}
.ml-md-5 {
margin-left: 20px
}
.mr-md-5 {
margin-right: 20px
}
.mt-md-5 {
margin-top: 20px
}
.mb-md-5 {
margin-bottom: 20px
}
.mx-md-5 {
margin-left: 20px;
margin-right: 20px
}
.my-md-5 {
margin-top: 20px;
margin-bottom: 20px
}
.m-md-6 {
margin: 24px
}
.ml-md-6 {
margin-left: 24px
}
.mr-md-6 {
margin-right: 24px
}
.mt-md-6 {
margin-top: 24px
}
.mb-md-6 {
margin-bottom: 24px
}
.mx-md-6 {
margin-left: 24px;
margin-right: 24px
}
.my-md-6 {
margin-top: 24px;
margin-bottom: 24px
}
.m-md-7 {
margin: 28px
}
.ml-md-7 {
margin-left: 28px
}
.mr-md-7 {
margin-right: 28px
}
.mt-md-7 {
margin-top: 28px
}
.mb-md-7 {
margin-bottom: 28px
}
.mx-md-7 {
margin-left: 28px;
margin-right: 28px
}
.my-md-7 {
margin-top: 28px;
margin-bottom: 28px
}
.m-md-8 {
margin: 32px
}
.ml-md-8 {
margin-left: 32px
}
.mr-md-8 {
margin-right: 32px
}
.mt-md-8 {
margin-top: 32px
}
.mb-md-8 {
margin-bottom: 32px
}
.mx-md-8 {
margin-left: 32px;
margin-right: 32px
}
.my-md-8 {
margin-top: 32px;
margin-bottom: 32px
}
.m-md-9 {
margin: 36px
}
.ml-md-9 {
margin-left: 36px
}
.mr-md-9 {
margin-right: 36px
}
.mt-md-9 {
margin-top: 36px
}
.mb-md-9 {
margin-bottom: 36px
}
.mx-md-9 {
margin-left: 36px;
margin-right: 36px
}
.my-md-9 {
margin-top: 36px;
margin-bottom: 36px
}
.m-md-10 {
margin: 40px
}
.ml-md-10 {
margin-left: 40px
}
.mr-md-10 {
margin-right: 40px
}
.mt-md-10 {
margin-top: 40px
}
.mb-md-10 {
margin-bottom: 40px
}
.mx-md-10 {
margin-left: 40px;
margin-right: 40px
}
.my-md-10 {
margin-top: 40px;
margin-bottom: 40px
}
.m-md-11 {
margin: 44px
}
.ml-md-11 {
margin-left: 44px
}
.mr-md-11 {
margin-right: 44px
}
.mt-md-11 {
margin-top: 44px
}
.mb-md-11 {
margin-bottom: 44px
}
.mx-md-11 {
margin-left: 44px;
margin-right: 44px
}
.my-md-11 {
margin-top: 44px;
margin-bottom: 44px
}
.m-md-12 {
margin: 48px
}
.ml-md-12 {
margin-left: 48px
}
.mr-md-12 {
margin-right: 48px
}
.mt-md-12 {
margin-top: 48px
}
.mb-md-12 {
margin-bottom: 48px
}
.mx-md-12 {
margin-left: 48px;
margin-right: 48px
}
.my-md-12 {
margin-top: 48px;
margin-bottom: 48px
}
.space-x-md-0>*+* {
margin-left: 0px
}
.space-y-md-0>*+* {
margin-top: 0px
}
.gap-md-0 {
gap: 0px
}
.gap-x-md-0 {
column-gap: 0px
}
.gap-y-md-0 {
row-gap: 0px
}
.space-x-md-1>*+* {
margin-left: 4px
}
.space-y-md-1>*+* {
margin-top: 4px
}
.gap-md-1 {
gap: 4px
}
.gap-x-md-1 {
column-gap: 4px
}
.gap-y-md-1 {
row-gap: 4px
}
.space-x-md-2>*+* {
margin-left: 8px
}
.space-y-md-2>*+* {
margin-top: 8px
}
.gap-md-2 {
gap: 8px
}
.gap-x-md-2 {
column-gap: 8px
}
.gap-y-md-2 {
row-gap: 8px
}
.space-x-md-3>*+* {
margin-left: 12px
}
.space-y-md-3>*+* {
margin-top: 12px
}
.gap-md-3 {
gap: 12px
}
.gap-x-md-3 {
column-gap: 12px
}
.gap-y-md-3 {
row-gap: 12px
}
.space-x-md-4>*+* {
margin-left: 16px
}
.space-y-md-4>*+* {
margin-top: 16px
}
.gap-md-4 {
gap: 16px
}
.gap-x-md-4 {
column-gap: 16px
}
.gap-y-md-4 {
row-gap: 16px
}
.space-x-md-5>*+* {
margin-left: 20px
}
.space-y-md-5>*+* {
margin-top: 20px
}
.gap-md-5 {
gap: 20px
}
.gap-x-md-5 {
column-gap: 20px
}
.gap-y-md-5 {
row-gap: 20px
}
.space-x-md-6>*+* {
margin-left: 24px
}
.space-y-md-6>*+* {
margin-top: 24px
}
.gap-md-6 {
gap: 24px
}
.gap-x-md-6 {
column-gap: 24px
}
.gap-y-md-6 {
row-gap: 24px
}
.space-x-md-7>*+* {
margin-left: 28px
}
.space-y-md-7>*+* {
margin-top: 28px
}
.gap-md-7 {
gap: 28px
}
.gap-x-md-7 {
column-gap: 28px
}
.gap-y-md-7 {
row-gap: 28px
}
.space-x-md-8>*+* {
margin-left: 32px
}
.space-y-md-8>*+* {
margin-top: 32px
}
.gap-md-8 {
gap: 32px
}
.gap-x-md-8 {
column-gap: 32px
}
.gap-y-md-8 {
row-gap: 32px
}
.space-x-md-9>*+* {
margin-left: 36px
}
.space-y-md-9>*+* {
margin-top: 36px
}
.gap-md-9 {
gap: 36px
}
.gap-x-md-9 {
column-gap: 36px
}
.gap-y-md-9 {
row-gap: 36px
}
.space-x-md-10>*+* {
margin-left: 40px
}
.space-y-md-10>*+* {
margin-top: 40px
}
.gap-md-10 {
gap: 40px
}
.gap-x-md-10 {
column-gap: 40px
}
.gap-y-md-10 {
row-gap: 40px
}
.space-x-md-11>*+* {
margin-left: 44px
}
.space-y-md-11>*+* {
margin-top: 44px
}
.gap-md-11 {
gap: 44px
}
.gap-x-md-11 {
column-gap: 44px
}
.gap-y-md-11 {
row-gap: 44px
}
.space-x-md-12>*+* {
margin-left: 48px
}
.space-y-md-12>*+* {
margin-top: 48px
}
.gap-md-12 {
gap: 48px
}
.gap-x-md-12 {
column-gap: 48px
}
.gap-y-md-12 {
row-gap: 48px
}
.ml-auto {
margin-left: auto
}
.mr-auto {
margin-right: auto
}
.mt-auto {
margin-top: auto
}
.mb-auto {
margin-bottom: auto
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.my-auto {
margin-top: auto;
margin-bottom: auto
}
}
@media all and (min-width: 1200px) {
.p-lg-0 {
padding:0px
}
.pl-lg-0 {
padding-left: 0px
}
.pr-lg-0 {
padding-right: 0px
}
.pt-lg-0 {
padding-top: 0px
}
.pb-lg-0 {
padding-bottom: 0px
}
.px-lg-0 {
padding-left: 0px;
padding-right: 0px
}
.py-lg-0 {
padding-top: 0px;
padding-bottom: 0px
}
.p-lg-1 {
padding: 4px
}
.pl-lg-1 {
padding-left: 4px
}
.pr-lg-1 {
padding-right: 4px
}
.pt-lg-1 {
padding-top: 4px
}
.pb-lg-1 {
padding-bottom: 4px
}
.px-lg-1 {
padding-left: 4px;
padding-right: 4px
}
.py-lg-1 {
padding-top: 4px;
padding-bottom: 4px
}
.p-lg-2 {
padding: 8px
}
.pl-lg-2 {
padding-left: 8px
}
.pr-lg-2 {
padding-right: 8px
}
.pt-lg-2 {
padding-top: 8px
}
.pb-lg-2 {
padding-bottom: 8px
}
.px-lg-2 {
padding-left: 8px;
padding-right: 8px
}
.py-lg-2 {
padding-top: 8px;
padding-bottom: 8px
}
.p-lg-3 {
padding: 12px
}
.pl-lg-3 {
padding-left: 12px
}
.pr-lg-3 {
padding-right: 12px
}
.pt-lg-3 {
padding-top: 12px
}
.pb-lg-3 {
padding-bottom: 12px
}
.px-lg-3 {
padding-left: 12px;
padding-right: 12px
}
.py-lg-3 {
padding-top: 12px;
padding-bottom: 12px
}
.p-lg-4 {
padding: 16px
}
.pl-lg-4 {
padding-left: 16px
}
.pr-lg-4 {
padding-right: 16px
}
.pt-lg-4 {
padding-top: 16px
}
.pb-lg-4 {
padding-bottom: 16px
}
.px-lg-4 {
padding-left: 16px;
padding-right: 16px
}
.py-lg-4 {
padding-top: 16px;
padding-bottom: 16px
}
.p-lg-5 {
padding: 20px
}
.pl-lg-5 {
padding-left: 20px
}
.pr-lg-5 {
padding-right: 20px
}
.pt-lg-5 {
padding-top: 20px
}
.pb-lg-5 {
padding-bottom: 20px
}
.px-lg-5 {
padding-left: 20px;
padding-right: 20px
}
.py-lg-5 {
padding-top: 20px;
padding-bottom: 20px
}
.p-lg-6 {
padding: 24px
}
.pl-lg-6 {
padding-left: 24px
}
.pr-lg-6 {
padding-right: 24px
}
.pt-lg-6 {
padding-top: 24px
}
.pb-lg-6 {
padding-bottom: 24px
}
.px-lg-6 {
padding-left: 24px;
padding-right: 24px
}
.py-lg-6 {
padding-top: 24px;
padding-bottom: 24px
}
.p-lg-7 {
padding: 28px
}
.pl-lg-7 {
padding-left: 28px
}
.pr-lg-7 {
padding-right: 28px
}
.pt-lg-7 {
padding-top: 28px
}
.pb-lg-7 {
padding-bottom: 28px
}
.px-lg-7 {
padding-left: 28px;
padding-right: 28px
}
.py-lg-7 {
padding-top: 28px;
padding-bottom: 28px
}
.p-lg-8 {
padding: 32px
}
.pl-lg-8 {
padding-left: 32px
}
.pr-lg-8 {
padding-right: 32px
}
.pt-lg-8 {
padding-top: 32px
}
.pb-lg-8 {
padding-bottom: 32px
}
.px-lg-8 {
padding-left: 32px;
padding-right: 32px
}
.py-lg-8 {
padding-top: 32px;
padding-bottom: 32px
}
.p-lg-9 {
padding: 36px
}
.pl-lg-9 {
padding-left: 36px
}
.pr-lg-9 {
padding-right: 36px
}
.pt-lg-9 {
padding-top: 36px
}
.pb-lg-9 {
padding-bottom: 36px
}
.px-lg-9 {
padding-left: 36px;
padding-right: 36px
}
.py-lg-9 {
padding-top: 36px;
padding-bottom: 36px
}
.p-lg-10 {
padding: 40px
}
.pl-lg-10 {
padding-left: 40px
}
.pr-lg-10 {
padding-right: 40px
}
.pt-lg-10 {
padding-top: 40px
}
.pb-lg-10 {
padding-bottom: 40px
}
.px-lg-10 {
padding-left: 40px;
padding-right: 40px
}
.py-lg-10 {
padding-top: 40px;
padding-bottom: 40px
}
.p-lg-11 {
padding: 44px
}
.pl-lg-11 {
padding-left: 44px
}
.pr-lg-11 {
padding-right: 44px
}
.pt-lg-11 {
padding-top: 44px
}
.pb-lg-11 {
padding-bottom: 44px
}
.px-lg-11 {
padding-left: 44px;
padding-right: 44px
}
.py-lg-11 {
padding-top: 44px;
padding-bottom: 44px
}
.p-lg-12 {
padding: 48px
}
.pl-lg-12 {
padding-left: 48px
}
.pr-lg-12 {
padding-right: 48px
}
.pt-lg-12 {
padding-top: 48px
}
.pb-lg-12 {
padding-bottom: 48px
}
.px-lg-12 {
padding-left: 48px;
padding-right: 48px
}
.py-lg-12 {
padding-top: 48px;
padding-bottom: 48px
}
.m-lg-0 {
margin: 0px
}
.ml-lg-0 {
margin-left: 0px
}
.mr-lg-0 {
margin-right: 0px
}
.mt-lg-0 {
margin-top: 0px
}
.mb-lg-0 {
margin-bottom: 0px
}
.mx-lg-0 {
margin-left: 0px;
margin-right: 0px
}
.my-lg-0 {
margin-top: 0px;
margin-bottom: 0px
}
.m-lg-1 {
margin: 4px
}
.ml-lg-1 {
margin-left: 4px
}
.mr-lg-1 {
margin-right: 4px
}
.mt-lg-1 {
margin-top: 4px
}
.mb-lg-1 {
margin-bottom: 4px
}
.mx-lg-1 {
margin-left: 4px;
margin-right: 4px
}
.my-lg-1 {
margin-top: 4px;
margin-bottom: 4px
}
.m-lg-2 {
margin: 8px
}
.ml-lg-2 {
margin-left: 8px
}
.mr-lg-2 {
margin-right: 8px
}
.mt-lg-2 {
margin-top: 8px
}
.mb-lg-2 {
margin-bottom: 8px
}
.mx-lg-2 {
margin-left: 8px;
margin-right: 8px
}
.my-lg-2 {
margin-top: 8px;
margin-bottom: 8px
}
.m-lg-3 {
margin: 12px
}
.ml-lg-3 {
margin-left: 12px
}
.mr-lg-3 {
margin-right: 12px
}
.mt-lg-3 {
margin-top: 12px
}
.mb-lg-3 {
margin-bottom: 12px
}
.mx-lg-3 {
margin-left: 12px;
margin-right: 12px
}
.my-lg-3 {
margin-top: 12px;
margin-bottom: 12px
}
.m-lg-4 {
margin: 16px
}
.ml-lg-4 {
margin-left: 16px
}
.mr-lg-4 {
margin-right: 16px
}
.mt-lg-4 {
margin-top: 16px
}
.mb-lg-4 {
margin-bottom: 16px
}
.mx-lg-4 {
margin-left: 16px;
margin-right: 16px
}
.my-lg-4 {
margin-top: 16px;
margin-bottom: 16px
}
.m-lg-5 {
margin: 20px
}
.ml-lg-5 {
margin-left: 20px
}
.mr-lg-5 {
margin-right: 20px
}
.mt-lg-5 {
margin-top: 20px
}
.mb-lg-5 {
margin-bottom: 20px
}
.mx-lg-5 {
margin-left: 20px;
margin-right: 20px
}
.my-lg-5 {
margin-top: 20px;
margin-bottom: 20px
}
.m-lg-6 {
margin: 24px
}
.ml-lg-6 {
margin-left: 24px
}
.mr-lg-6 {
margin-right: 24px
}
.mt-lg-6 {
margin-top: 24px
}
.mb-lg-6 {
margin-bottom: 24px
}
.mx-lg-6 {
margin-left: 24px;
margin-right: 24px
}
.my-lg-6 {
margin-top: 24px;
margin-bottom: 24px
}
.m-lg-7 {
margin: 28px
}
.ml-lg-7 {
margin-left: 28px
}
.mr-lg-7 {
margin-right: 28px
}
.mt-lg-7 {
margin-top: 28px
}
.mb-lg-7 {
margin-bottom: 28px
}
.mx-lg-7 {
margin-left: 28px;
margin-right: 28px
}
.my-lg-7 {
margin-top: 28px;
margin-bottom: 28px
}
.m-lg-8 {
margin: 32px
}
.ml-lg-8 {
margin-left: 32px
}
.mr-lg-8 {
margin-right: 32px
}
.mt-lg-8 {
margin-top: 32px
}
.mb-lg-8 {
margin-bottom: 32px
}
.mx-lg-8 {
margin-left: 32px;
margin-right: 32px
}
.my-lg-8 {
margin-top: 32px;
margin-bottom: 32px
}
.m-lg-9 {
margin: 36px
}
.ml-lg-9 {
margin-left: 36px
}
.mr-lg-9 {
margin-right: 36px
}
.mt-lg-9 {
margin-top: 36px
}
.mb-lg-9 {
margin-bottom: 36px
}
.mx-lg-9 {
margin-left: 36px;
margin-right: 36px
}
.my-lg-9 {
margin-top: 36px;
margin-bottom: 36px
}
.m-lg-10 {
margin: 40px
}
.ml-lg-10 {
margin-left: 40px
}
.mr-lg-10 {
margin-right: 40px
}
.mt-lg-10 {
margin-top: 40px
}
.mb-lg-10 {
margin-bottom: 40px
}
.mx-lg-10 {
margin-left: 40px;
margin-right: 40px
}
.my-lg-10 {
margin-top: 40px;
margin-bottom: 40px
}
.m-lg-11 {
margin: 44px
}
.ml-lg-11 {
margin-left: 44px
}
.mr-lg-11 {
margin-right: 44px
}
.mt-lg-11 {
margin-top: 44px
}
.mb-lg-11 {
margin-bottom: 44px
}
.mx-lg-11 {
margin-left: 44px;
margin-right: 44px
}
.my-lg-11 {
margin-top: 44px;
margin-bottom: 44px
}
.m-lg-12 {
margin: 48px
}
.ml-lg-12 {
margin-left: 48px
}
.mr-lg-12 {
margin-right: 48px
}
.mt-lg-12 {
margin-top: 48px
}
.mb-lg-12 {
margin-bottom: 48px
}
.mx-lg-12 {
margin-left: 48px;
margin-right: 48px
}
.my-lg-12 {
margin-top: 48px;
margin-bottom: 48px
}
.space-x-lg-0>*+* {
margin-left: 0px
}
.space-y-lg-0>*+* {
margin-top: 0px
}
.gap-lg-0 {
gap: 0px
}
.gap-x-lg-0 {
column-gap: 0px
}
.gap-y-lg-0 {
row-gap: 0px
}
.space-x-lg-1>*+* {
margin-left: 4px
}
.space-y-lg-1>*+* {
margin-top: 4px
}
.gap-lg-1 {
gap: 4px
}
.gap-x-lg-1 {
column-gap: 4px
}
.gap-y-lg-1 {
row-gap: 4px
}
.space-x-lg-2>*+* {
margin-left: 8px
}
.space-y-lg-2>*+* {
margin-top: 8px
}
.gap-lg-2 {
gap: 8px
}
.gap-x-lg-2 {
column-gap: 8px
}
.gap-y-lg-2 {
row-gap: 8px
}
.space-x-lg-3>*+* {
margin-left: 12px
}
.space-y-lg-3>*+* {
margin-top: 12px
}
.gap-lg-3 {
gap: 12px
}
.gap-x-lg-3 {
column-gap: 12px
}
.gap-y-lg-3 {
row-gap: 12px
}
.space-x-lg-4>*+* {
margin-left: 16px
}
.space-y-lg-4>*+* {
margin-top: 16px
}
.gap-lg-4 {
gap: 16px
}
.gap-x-lg-4 {
column-gap: 16px
}
.gap-y-lg-4 {
row-gap: 16px
}
.space-x-lg-5>*+* {
margin-left: 20px
}
.space-y-lg-5>*+* {
margin-top: 20px
}
.gap-lg-5 {
gap: 20px
}
.gap-x-lg-5 {
column-gap: 20px
}
.gap-y-lg-5 {
row-gap: 20px
}
.space-x-lg-6>*+* {
margin-left: 24px
}
.space-y-lg-6>*+* {
margin-top: 24px
}
.gap-lg-6 {
gap: 24px
}
.gap-x-lg-6 {
column-gap: 24px
}
.gap-y-lg-6 {
row-gap: 24px
}
.space-x-lg-7>*+* {
margin-left: 28px
}
.space-y-lg-7>*+* {
margin-top: 28px
}
.gap-lg-7 {
gap: 28px
}
.gap-x-lg-7 {
column-gap: 28px
}
.gap-y-lg-7 {
row-gap: 28px
}
.space-x-lg-8>*+* {
margin-left: 32px
}
.space-y-lg-8>*+* {
margin-top: 32px
}
.gap-lg-8 {
gap: 32px
}
.gap-x-lg-8 {
column-gap: 32px
}
.gap-y-lg-8 {
row-gap: 32px
}
.space-x-lg-9>*+* {
margin-left: 36px
}
.space-y-lg-9>*+* {
margin-top: 36px
}
.gap-lg-9 {
gap: 36px
}
.gap-x-lg-9 {
column-gap: 36px
}
.gap-y-lg-9 {
row-gap: 36px
}
.space-x-lg-10>*+* {
margin-left: 40px
}
.space-y-lg-10>*+* {
margin-top: 40px
}
.gap-lg-10 {
gap: 40px
}
.gap-x-lg-10 {
column-gap: 40px
}
.gap-y-lg-10 {
row-gap: 40px
}
.space-x-lg-11>*+* {
margin-left: 44px
}
.space-y-lg-11>*+* {
margin-top: 44px
}
.gap-lg-11 {
gap: 44px
}
.gap-x-lg-11 {
column-gap: 44px
}
.gap-y-lg-11 {
row-gap: 44px
}
.space-x-lg-12>*+* {
margin-left: 48px
}
.space-y-lg-12>*+* {
margin-top: 48px
}
.gap-lg-12 {
gap: 48px
}
.gap-x-lg-12 {
column-gap: 48px
}
.gap-y-lg-12 {
row-gap: 48px
}
.ml-auto {
margin-left: auto
}
.mr-auto {
margin-right: auto
}
.mt-auto {
margin-top: auto
}
.mb-auto {
margin-bottom: auto
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.my-auto {
margin-top: auto;
margin-bottom: auto
}
}
@media all and (min-width: 1400px) {
.p-xl-0 {
padding:0px
}
.pl-xl-0 {
padding-left: 0px
}
.pr-xl-0 {
padding-right: 0px
}
.pt-xl-0 {
padding-top: 0px
}
.pb-xl-0 {
padding-bottom: 0px
}
.px-xl-0 {
padding-left: 0px;
padding-right: 0px
}
.py-xl-0 {
padding-top: 0px;
padding-bottom: 0px
}
.p-xl-1 {
padding: 4px
}
.pl-xl-1 {
padding-left: 4px
}
.pr-xl-1 {
padding-right: 4px
}
.pt-xl-1 {
padding-top: 4px
}
.pb-xl-1 {
padding-bottom: 4px
}
.px-xl-1 {
padding-left: 4px;
padding-right: 4px
}
.py-xl-1 {
padding-top: 4px;
padding-bottom: 4px
}
.p-xl-2 {
padding: 8px
}
.pl-xl-2 {
padding-left: 8px
}
.pr-xl-2 {
padding-right: 8px
}
.pt-xl-2 {
padding-top: 8px
}
.pb-xl-2 {
padding-bottom: 8px
}
.px-xl-2 {
padding-left: 8px;
padding-right: 8px
}
.py-xl-2 {
padding-top: 8px;
padding-bottom: 8px
}
.p-xl-3 {
padding: 12px
}
.pl-xl-3 {
padding-left: 12px
}
.pr-xl-3 {
padding-right: 12px
}
.pt-xl-3 {
padding-top: 12px
}
.pb-xl-3 {
padding-bottom: 12px
}
.px-xl-3 {
padding-left: 12px;
padding-right: 12px
}
.py-xl-3 {
padding-top: 12px;
padding-bottom: 12px
}
.p-xl-4 {
padding: 16px
}
.pl-xl-4 {
padding-left: 16px
}
.pr-xl-4 {
padding-right: 16px
}
.pt-xl-4 {
padding-top: 16px
}
.pb-xl-4 {
padding-bottom: 16px
}
.px-xl-4 {
padding-left: 16px;
padding-right: 16px
}
.py-xl-4 {
padding-top: 16px;
padding-bottom: 16px
}
.p-xl-5 {
padding: 20px
}
.pl-xl-5 {
padding-left: 20px
}
.pr-xl-5 {
padding-right: 20px
}
.pt-xl-5 {
padding-top: 20px
}
.pb-xl-5 {
padding-bottom: 20px
}
.px-xl-5 {
padding-left: 20px;
padding-right: 20px
}
.py-xl-5 {
padding-top: 20px;
padding-bottom: 20px
}
.p-xl-6 {
padding: 24px
}
.pl-xl-6 {
padding-left: 24px
}
.pr-xl-6 {
padding-right: 24px
}
.pt-xl-6 {
padding-top: 24px
}
.pb-xl-6 {
padding-bottom: 24px
}
.px-xl-6 {
padding-left: 24px;
padding-right: 24px
}
.py-xl-6 {
padding-top: 24px;
padding-bottom: 24px
}
.p-xl-7 {
padding: 28px
}
.pl-xl-7 {
padding-left: 28px
}
.pr-xl-7 {
padding-right: 28px
}
.pt-xl-7 {
padding-top: 28px
}
.pb-xl-7 {
padding-bottom: 28px
}
.px-xl-7 {
padding-left: 28px;
padding-right: 28px
}
.py-xl-7 {
padding-top: 28px;
padding-bottom: 28px
}
.p-xl-8 {
padding: 32px
}
.pl-xl-8 {
padding-left: 32px
}
.pr-xl-8 {
padding-right: 32px
}
.pt-xl-8 {
padding-top: 32px
}
.pb-xl-8 {
padding-bottom: 32px
}
.px-xl-8 {
padding-left: 32px;
padding-right: 32px
}
.py-xl-8 {
padding-top: 32px;
padding-bottom: 32px
}
.p-xl-9 {
padding: 36px
}
.pl-xl-9 {
padding-left: 36px
}
.pr-xl-9 {
padding-right: 36px
}
.pt-xl-9 {
padding-top: 36px
}
.pb-xl-9 {
padding-bottom: 36px
}
.px-xl-9 {
padding-left: 36px;
padding-right: 36px
}
.py-xl-9 {
padding-top: 36px;
padding-bottom: 36px
}
.p-xl-10 {
padding: 40px
}
.pl-xl-10 {
padding-left: 40px
}
.pr-xl-10 {
padding-right: 40px
}
.pt-xl-10 {
padding-top: 40px
}
.pb-xl-10 {
padding-bottom: 40px
}
.px-xl-10 {
padding-left: 40px;
padding-right: 40px
}
.py-xl-10 {
padding-top: 40px;
padding-bottom: 40px
}
.p-xl-11 {
padding: 44px
}
.pl-xl-11 {
padding-left: 44px
}
.pr-xl-11 {
padding-right: 44px
}
.pt-xl-11 {
padding-top: 44px
}
.pb-xl-11 {
padding-bottom: 44px
}
.px-xl-11 {
padding-left: 44px;
padding-right: 44px
}
.py-xl-11 {
padding-top: 44px;
padding-bottom: 44px
}
.p-xl-12 {
padding: 48px
}
.pl-xl-12 {
padding-left: 48px
}
.pr-xl-12 {
padding-right: 48px
}
.pt-xl-12 {
padding-top: 48px
}
.pb-xl-12 {
padding-bottom: 48px
}
.px-xl-12 {
padding-left: 48px;
padding-right: 48px
}
.py-xl-12 {
padding-top: 48px;
padding-bottom: 48px
}
.m-xl-0 {
margin: 0px
}
.ml-xl-0 {
margin-left: 0px
}
.mr-xl-0 {
margin-right: 0px
}
.mt-xl-0 {
margin-top: 0px
}
.mb-xl-0 {
margin-bottom: 0px
}
.mx-xl-0 {
margin-left: 0px;
margin-right: 0px
}
.my-xl-0 {
margin-top: 0px;
margin-bottom: 0px
}
.m-xl-1 {
margin: 4px
}
.ml-xl-1 {
margin-left: 4px
}
.mr-xl-1 {
margin-right: 4px
}
.mt-xl-1 {
margin-top: 4px
}
.mb-xl-1 {
margin-bottom: 4px
}
.mx-xl-1 {
margin-left: 4px;
margin-right: 4px
}
.my-xl-1 {
margin-top: 4px;
margin-bottom: 4px
}
.m-xl-2 {
margin: 8px
}
.ml-xl-2 {
margin-left: 8px
}
.mr-xl-2 {
margin-right: 8px
}
.mt-xl-2 {
margin-top: 8px
}
.mb-xl-2 {
margin-bottom: 8px
}
.mx-xl-2 {
margin-left: 8px;
margin-right: 8px
}
.my-xl-2 {
margin-top: 8px;
margin-bottom: 8px
}
.m-xl-3 {
margin: 12px
}
.ml-xl-3 {
margin-left: 12px
}
.mr-xl-3 {
margin-right: 12px
}
.mt-xl-3 {
margin-top: 12px
}
.mb-xl-3 {
margin-bottom: 12px
}
.mx-xl-3 {
margin-left: 12px;
margin-right: 12px
}
.my-xl-3 {
margin-top: 12px;
margin-bottom: 12px
}
.m-xl-4 {
margin: 16px
}
.ml-xl-4 {
margin-left: 16px
}
.mr-xl-4 {
margin-right: 16px
}
.mt-xl-4 {
margin-top: 16px
}
.mb-xl-4 {
margin-bottom: 16px
}
.mx-xl-4 {
margin-left: 16px;
margin-right: 16px
}
.my-xl-4 {
margin-top: 16px;
margin-bottom: 16px
}
.m-xl-5 {
margin: 20px
}
.ml-xl-5 {
margin-left: 20px
}
.mr-xl-5 {
margin-right: 20px
}
.mt-xl-5 {
margin-top: 20px
}
.mb-xl-5 {
margin-bottom: 20px
}
.mx-xl-5 {
margin-left: 20px;
margin-right: 20px
}
.my-xl-5 {
margin-top: 20px;
margin-bottom: 20px
}
.m-xl-6 {
margin: 24px
}
.ml-xl-6 {
margin-left: 24px
}
.mr-xl-6 {
margin-right: 24px
}
.mt-xl-6 {
margin-top: 24px
}
.mb-xl-6 {
margin-bottom: 24px
}
.mx-xl-6 {
margin-left: 24px;
margin-right: 24px
}
.my-xl-6 {
margin-top: 24px;
margin-bottom: 24px
}
.m-xl-7 {
margin: 28px
}
.ml-xl-7 {
margin-left: 28px
}
.mr-xl-7 {
margin-right: 28px
}
.mt-xl-7 {
margin-top: 28px
}
.mb-xl-7 {
margin-bottom: 28px
}
.mx-xl-7 {
margin-left: 28px;
margin-right: 28px
}
.my-xl-7 {
margin-top: 28px;
margin-bottom: 28px
}
.m-xl-8 {
margin: 32px
}
.ml-xl-8 {
margin-left: 32px
}
.mr-xl-8 {
margin-right: 32px
}
.mt-xl-8 {
margin-top: 32px
}
.mb-xl-8 {
margin-bottom: 32px
}
.mx-xl-8 {
margin-left: 32px;
margin-right: 32px
}
.my-xl-8 {
margin-top: 32px;
margin-bottom: 32px
}
.m-xl-9 {
margin: 36px
}
.ml-xl-9 {
margin-left: 36px
}
.mr-xl-9 {
margin-right: 36px
}
.mt-xl-9 {
margin-top: 36px
}
.mb-xl-9 {
margin-bottom: 36px
}
.mx-xl-9 {
margin-left: 36px;
margin-right: 36px
}
.my-xl-9 {
margin-top: 36px;
margin-bottom: 36px
}
.m-xl-10 {
margin: 40px
}
.ml-xl-10 {
margin-left: 40px
}
.mr-xl-10 {
margin-right: 40px
}
.mt-xl-10 {
margin-top: 40px
}
.mb-xl-10 {
margin-bottom: 40px
}
.mx-xl-10 {
margin-left: 40px;
margin-right: 40px
}
.my-xl-10 {
margin-top: 40px;
margin-bottom: 40px
}
.m-xl-11 {
margin: 44px
}
.ml-xl-11 {
margin-left: 44px
}
.mr-xl-11 {
margin-right: 44px
}
.mt-xl-11 {
margin-top: 44px
}
.mb-xl-11 {
margin-bottom: 44px
}
.mx-xl-11 {
margin-left: 44px;
margin-right: 44px
}
.my-xl-11 {
margin-top: 44px;
margin-bottom: 44px
}
.m-xl-12 {
margin: 48px
}
.ml-xl-12 {
margin-left: 48px
}
.mr-xl-12 {
margin-right: 48px
}
.mt-xl-12 {
margin-top: 48px
}
.mb-xl-12 {
margin-bottom: 48px
}
.mx-xl-12 {
margin-left: 48px;
margin-right: 48px
}
.my-xl-12 {
margin-top: 48px;
margin-bottom: 48px
}
.space-x-xl-0>*+* {
margin-left: 0px
}
.space-y-xl-0>*+* {
margin-top: 0px
}
.gap-xl-0 {
gap: 0px
}
.gap-x-xl-0 {
column-gap: 0px
}
.gap-y-xl-0 {
row-gap: 0px
}
.space-x-xl-1>*+* {
margin-left: 4px
}
.space-y-xl-1>*+* {
margin-top: 4px
}
.gap-xl-1 {
gap: 4px
}
.gap-x-xl-1 {
column-gap: 4px
}
.gap-y-xl-1 {
row-gap: 4px
}
.space-x-xl-2>*+* {
margin-left: 8px
}
.space-y-xl-2>*+* {
margin-top: 8px
}
.gap-xl-2 {
gap: 8px
}
.gap-x-xl-2 {
column-gap: 8px
}
.gap-y-xl-2 {
row-gap: 8px
}
.space-x-xl-3>*+* {
margin-left: 12px
}
.space-y-xl-3>*+* {
margin-top: 12px
}
.gap-xl-3 {
gap: 12px
}
.gap-x-xl-3 {
column-gap: 12px
}
.gap-y-xl-3 {
row-gap: 12px
}
.space-x-xl-4>*+* {
margin-left: 16px
}
.space-y-xl-4>*+* {
margin-top: 16px
}
.gap-xl-4 {
gap: 16px
}
.gap-x-xl-4 {
column-gap: 16px
}
.gap-y-xl-4 {
row-gap: 16px
}
.space-x-xl-5>*+* {
margin-left: 20px
}
.space-y-xl-5>*+* {
margin-top: 20px
}
.gap-xl-5 {
gap: 20px
}
.gap-x-xl-5 {
column-gap: 20px
}
.gap-y-xl-5 {
row-gap: 20px
}
.space-x-xl-6>*+* {
margin-left: 24px
}
.space-y-xl-6>*+* {
margin-top: 24px
}
.gap-xl-6 {
gap: 24px
}
.gap-x-xl-6 {
column-gap: 24px
}
.gap-y-xl-6 {
row-gap: 24px
}
.space-x-xl-7>*+* {
margin-left: 28px
}
.space-y-xl-7>*+* {
margin-top: 28px
}
.gap-xl-7 {
gap: 28px
}
.gap-x-xl-7 {
column-gap: 28px
}
.gap-y-xl-7 {
row-gap: 28px
}
.space-x-xl-8>*+* {
margin-left: 32px
}
.space-y-xl-8>*+* {
margin-top: 32px
}
.gap-xl-8 {
gap: 32px
}
.gap-x-xl-8 {
column-gap: 32px
}
.gap-y-xl-8 {
row-gap: 32px
}
.space-x-xl-9>*+* {
margin-left: 36px
}
.space-y-xl-9>*+* {
margin-top: 36px
}
.gap-xl-9 {
gap: 36px
}
.gap-x-xl-9 {
column-gap: 36px
}
.gap-y-xl-9 {
row-gap: 36px
}
.space-x-xl-10>*+* {
margin-left: 40px
}
.space-y-xl-10>*+* {
margin-top: 40px
}
.gap-xl-10 {
gap: 40px
}
.gap-x-xl-10 {
column-gap: 40px
}
.gap-y-xl-10 {
row-gap: 40px
}
.space-x-xl-11>*+* {
margin-left: 44px
}
.space-y-xl-11>*+* {
margin-top: 44px
}
.gap-xl-11 {
gap: 44px
}
.gap-x-xl-11 {
column-gap: 44px
}
.gap-y-xl-11 {
row-gap: 44px
}
.space-x-xl-12>*+* {
margin-left: 48px
}
.space-y-xl-12>*+* {
margin-top: 48px
}
.gap-xl-12 {
gap: 48px
}
.gap-x-xl-12 {
column-gap: 48px
}
.gap-y-xl-12 {
row-gap: 48px
}
.ml-auto {
margin-left: auto
}
.mr-auto {
margin-right: auto
}
.mt-auto {
margin-top: auto
}
.mb-auto {
margin-bottom: auto
}
.mx-auto {
margin-left: auto;
margin-right: auto
}
.my-auto {
margin-top: auto;
margin-bottom: auto
}
}
.grid {
display: grid
}
.grid-flow-row {
grid-auto-flow: row
}
.grid-flow-col {
grid-auto-flow: column
}
.grid-flow-dense {
grid-auto-flow: dense
}
.grid-flow-row-dense {
grid-auto-flow: row dense
}
.grid-flow-col-dense {
grid-auto-flow: column dense
}
.place-content-center {
place-content: center
}
.place-content-start {
place-content: start
}
.place-content-end {
place-content: end
}
.place-content-between {
place-content: space-between
}
.place-content-around {
place-content: space-around
}
.place-content-evenly {
place-content: space-evenly
}
.place-content-stretch {
place-content: stretch
}
.place-items-start {
place-items: start
}
.place-items-end {
place-items: end
}
.place-items-center {
place-items: center
}
.place-items-stretch {
place-items: stretch
}
.place-self-auto {
place-self: auto
}
.place-self-start {
place-self: start
}
.place-self-end {
place-self: end
}
.place-self-center {
place-self: center
}
.place-self-stretch {
place-self: stretch
}
.auto-cols-auto {
grid-auto-columns: auto
}
.auto-cols-min {
grid-auto-columns: min-content
}
.auto-cols-max {
grid-auto-columns: max-content
}
.auto-cols-fr {
grid-auto-columns: minmax(0, 1fr)
}
.col-start-auto {
grid-column-start: auto
}
.col-end-auto {
grid-column-end: auto
}
.col-auto {
grid-column: auto
}
.auto-rows-auto {
grid-auto-rows: auto
}
.auto-rows-min {
grid-auto-rows: min-content
}
.auto-rows-max {
grid-auto-rows: max-content
}
.auto-rows-fr {
grid-auto-rows: minmax(0, 1fr)
}
.row-start-auto {
grid-row-start: auto
}
.row-end-auto {
grid-row-end: auto
}
.row-auto {
grid-row: auto
}
.grid-cols-0 {
grid-template-columns: repeat(0, minmax(0, 1fr))
}
.col-span-0 {
grid-column: span 0/span 0
}
.col-start-0 {
grid-column-start: 0
}
.col-end-0 {
grid-column-end: 0
}
.grid-rows-0 {
grid-template-rows: repeat(0, minmax(0, 1fr))
}
.row-span-0 {
grid-row: span 0/span 0
}
.row-start-0 {
grid-row-start: 0
}
.row-end-0 {
grid-row-end: 0
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr))
}
.col-span-1 {
grid-column: span 1/span 1
}
.col-start-1 {
grid-column-start: 1
}
.col-end-1 {
grid-column-end: 1
}
.grid-rows-1 {
grid-template-rows: repeat(1, minmax(0, 1fr))
}
.row-span-1 {
grid-row: span 1/span 1
}
.row-start-1 {
grid-row-start: 1
}
.row-end-1 {
grid-row-end: 1
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.col-span-2 {
grid-column: span 2/span 2
}
.col-start-2 {
grid-column-start: 2
}
.col-end-2 {
grid-column-end: 2
}
.grid-rows-2 {
grid-template-rows: repeat(2, minmax(0, 1fr))
}
.row-span-2 {
grid-row: span 2/span 2
}
.row-start-2 {
grid-row-start: 2
}
.row-end-2 {
grid-row-end: 2
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr))
}
.col-span-3 {
grid-column: span 3/span 3
}
.col-start-3 {
grid-column-start: 3
}
.col-end-3 {
grid-column-end: 3
}
.grid-rows-3 {
grid-template-rows: repeat(3, minmax(0, 1fr))
}
.row-span-3 {
grid-row: span 3/span 3
}
.row-start-3 {
grid-row-start: 3
}
.row-end-3 {
grid-row-end: 3
}
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr))
}
.col-span-4 {
grid-column: span 4/span 4
}
.col-start-4 {
grid-column-start: 4
}
.col-end-4 {
grid-column-end: 4
}
.grid-rows-4 {
grid-template-rows: repeat(4, minmax(0, 1fr))
}
.row-span-4 {
grid-row: span 4/span 4
}
.row-start-4 {
grid-row-start: 4
}
.row-end-4 {
grid-row-end: 4
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr))
}
.col-span-5 {
grid-column: span 5/span 5
}
.col-start-5 {
grid-column-start: 5
}
.col-end-5 {
grid-column-end: 5
}
.grid-rows-5 {
grid-template-rows: repeat(5, minmax(0, 1fr))
}
.row-span-5 {
grid-row: span 5/span 5
}
.row-start-5 {
grid-row-start: 5
}
.row-end-5 {
grid-row-end: 5
}
.grid-cols-6 {
grid-template-columns: repeat(6, minmax(0, 1fr))
}
.col-span-6 {
grid-column: span 6/span 6
}
.col-start-6 {
grid-column-start: 6
}
.col-end-6 {
grid-column-end: 6
}
.grid-rows-6 {
grid-template-rows: repeat(6, minmax(0, 1fr))
}
.row-span-6 {
grid-row: span 6/span 6
}
.row-start-6 {
grid-row-start: 6
}
.row-end-6 {
grid-row-end: 6
}
.grid-cols-7 {
grid-template-columns: repeat(7, minmax(0, 1fr))
}
.col-span-7 {
grid-column: span 7/span 7
}
.col-start-7 {
grid-column-start: 7
}
.col-end-7 {
grid-column-end: 7
}
.grid-rows-7 {
grid-template-rows: repeat(7, minmax(0, 1fr))
}
.row-span-7 {
grid-row: span 7/span 7
}
.row-start-7 {
grid-row-start: 7
}
.row-end-7 {
grid-row-end: 7
}
.grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr))
}
.col-span-8 {
grid-column: span 8/span 8
}
.col-start-8 {
grid-column-start: 8
}
.col-end-8 {
grid-column-end: 8
}
.grid-rows-8 {
grid-template-rows: repeat(8, minmax(0, 1fr))
}
.row-span-8 {
grid-row: span 8/span 8
}
.row-start-8 {
grid-row-start: 8
}
.row-end-8 {
grid-row-end: 8
}
.grid-cols-9 {
grid-template-columns: repeat(9, minmax(0, 1fr))
}
.col-span-9 {
grid-column: span 9/span 9
}
.col-start-9 {
grid-column-start: 9
}
.col-end-9 {
grid-column-end: 9
}
.grid-rows-9 {
grid-template-rows: repeat(9, minmax(0, 1fr))
}
.row-span-9 {
grid-row: span 9/span 9
}
.row-start-9 {
grid-row-start: 9
}
.row-end-9 {
grid-row-end: 9
}
.grid-cols-10 {
grid-template-columns: repeat(10, minmax(0, 1fr))
}
.col-span-10 {
grid-column: span 10/span 10
}
.col-start-10 {
grid-column-start: 10
}
.col-end-10 {
grid-column-end: 10
}
.grid-rows-10 {
grid-template-rows: repeat(10, minmax(0, 1fr))
}
.row-span-10 {
grid-row: span 10/span 10
}
.row-start-10 {
grid-row-start: 10
}
.row-end-10 {
grid-row-end: 10
}
.grid-cols-11 {
grid-template-columns: repeat(11, minmax(0, 1fr))
}
.col-span-11 {
grid-column: span 11/span 11
}
.col-start-11 {
grid-column-start: 11
}
.col-end-11 {
grid-column-end: 11
}
.grid-rows-11 {
grid-template-rows: repeat(11, minmax(0, 1fr))
}
.row-span-11 {
grid-row: span 11/span 11
}
.row-start-11 {
grid-row-start: 11
}
.row-end-11 {
grid-row-end: 11
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr))
}
.col-span-12 {
grid-column: span 12/span 12
}
.col-start-12 {
grid-column-start: 12
}
.col-end-12 {
grid-column-end: 12
}
.grid-rows-12 {
grid-template-rows: repeat(12, minmax(0, 1fr))
}
.row-span-12 {
grid-row: span 12/span 12
}
.row-start-12 {
grid-row-start: 12
}
.row-end-12 {
grid-row-end: 12
}
.h-full {
height: 100%
}
.w-full {
width: 100%
}
.min-w-max-content {
min-width: max-content
}
.h-auto {
height: auto
}
.\!h-auto {
height: auto !important
}
.debug * {
outline: 1px dashed #f0f
}
.f-1.f-1 {
font-size: var(--rf-brand-font-scale-1)
}
.f-2.f-2 {
font-size: var(--rf-brand-font-scale-2)
}
.f-3.f-3 {
font-size: var(--rf-brand-font-scale-3)
}
.f-4.f-4 {
font-size: var(--rf-brand-font-scale-4)
}
.f-5.f-5 {
font-size: var(--rf-brand-font-scale-5)
}
.f-6.f-6 {
font-size: var(--rf-brand-font-scale-6)
}
.f-7.f-7 {
font-size: var(--rf-brand-font-scale-7)
}
.f-xl.f-xl,.rf-admin-content .rf-countdown p,.rfComp-canvas .rf-countdown p,.rf-default-modal .rf-countdown p,[id*=rf-].rf-widget .rf-countdown p {
font-size: var(--rf-brand-font-scale-xl)
}
.f-xxl.f-xxl {
font-size: var(--rf-brand-font-scale-xxl)
}
.f-xxxl.f-xxxl {
font-size: var(--rf-brand-font-scale-xxxl)
}
.rfSI+.rfSI,.mdBtnR+.rfSI,.rf-trigger-menu+.rfSI,.mdBtnR-toggle+.rfSI,.rfSI-toggle+.rfSI {
margin-left: 12px
}
.rfSI+.rf-tooltip-container,.mdBtnR+.rf-tooltip-container,.rf-trigger-menu+.rf-tooltip-container,.mdBtnR-toggle+.rf-tooltip-container,.rfSI-toggle+.rf-tooltip-container {
margin-left: 12px
}
.rfSI+.control-icon-text,.mdBtnR+.control-icon-text,.rf-trigger-menu+.control-icon-text,.mdBtnR-toggle+.control-icon-text,.rfSI-toggle+.control-icon-text {
margin-left: 12px
}
.rfSI+.rf-pill,.mdBtnR+.rf-pill,.rf-trigger-menu+.rf-pill,.mdBtnR-toggle+.rf-pill,.rfSI-toggle+.rf-pill {
margin-left: 12px
}
.rfSI+.inline-block-element,.mdBtnR+.inline-block-element,.rf-trigger-menu+.inline-block-element,.mdBtnR-toggle+.inline-block-element,.rfSI-toggle+.inline-block-element {
margin-left: 12px
}
.rf-tooltip-container+.rfSI,.mdBtnR+.rfSI,.rf-trigger-menu+.rfSI,.mdBtnR-toggle+.rfSI,.rfSI-toggle+.rfSI {
margin-left: 12px
}
.rf-tooltip-container+.rf-tooltip-container,.mdBtnR+.rf-tooltip-container,.rf-trigger-menu+.rf-tooltip-container,.mdBtnR-toggle+.rf-tooltip-container,.rfSI-toggle+.rf-tooltip-container {
margin-left: 12px
}
.rf-tooltip-container+.control-icon-text,.mdBtnR+.control-icon-text,.rf-trigger-menu+.control-icon-text,.mdBtnR-toggle+.control-icon-text,.rfSI-toggle+.control-icon-text {
margin-left: 12px
}
.rf-tooltip-container+.rf-pill,.mdBtnR+.rf-pill,.rf-trigger-menu+.rf-pill,.mdBtnR-toggle+.rf-pill,.rfSI-toggle+.rf-pill {
margin-left: 12px
}
.rf-tooltip-container+.inline-block-element,.mdBtnR+.inline-block-element,.rf-trigger-menu+.inline-block-element,.mdBtnR-toggle+.inline-block-element,.rfSI-toggle+.inline-block-element {
margin-left: 12px
}
.control-icon-text+.rfSI,.mdBtnR+.rfSI,.rf-trigger-menu+.rfSI,.mdBtnR-toggle+.rfSI,.rfSI-toggle+.rfSI {
margin-left: 12px
}
.control-icon-text+.rf-tooltip-container,.mdBtnR+.rf-tooltip-container,.rf-trigger-menu+.rf-tooltip-container,.mdBtnR-toggle+.rf-tooltip-container,.rfSI-toggle+.rf-tooltip-container {
margin-left: 12px
}
.control-icon-text+.control-icon-text,.mdBtnR+.control-icon-text,.rf-trigger-menu+.control-icon-text,.mdBtnR-toggle+.control-icon-text,.rfSI-toggle+.control-icon-text {
margin-left: 12px
}
.control-icon-text+.rf-pill,.mdBtnR+.rf-pill,.rf-trigger-menu+.rf-pill,.mdBtnR-toggle+.rf-pill,.rfSI-toggle+.rf-pill {
margin-left: 12px
}
.control-icon-text+.inline-block-element,.mdBtnR+.inline-block-element,.rf-trigger-menu+.inline-block-element,.mdBtnR-toggle+.inline-block-element,.rfSI-toggle+.inline-block-element {
margin-left: 12px
}
.rf-pill+.rfSI,.mdBtnR+.rfSI,.rf-trigger-menu+.rfSI,.mdBtnR-toggle+.rfSI,.rfSI-toggle+.rfSI {
margin-left: 12px
}
.rf-pill+.rf-tooltip-container,.mdBtnR+.rf-tooltip-container,.rf-trigger-menu+.rf-tooltip-container,.mdBtnR-toggle+.rf-tooltip-container,.rfSI-toggle+.rf-tooltip-container {
margin-left: 12px
}
.rf-pill+.control-icon-text,.mdBtnR+.control-icon-text,.rf-trigger-menu+.control-icon-text,.mdBtnR-toggle+.control-icon-text,.rfSI-toggle+.control-icon-text {
margin-left: 12px
}
.rf-pill+.rf-pill,.mdBtnR+.rf-pill,.rf-trigger-menu+.rf-pill,.mdBtnR-toggle+.rf-pill,.rfSI-toggle+.rf-pill {
margin-left: 12px
}
.rf-pill+.inline-block-element,.mdBtnR+.inline-block-element,.rf-trigger-menu+.inline-block-element,.mdBtnR-toggle+.inline-block-element,.rfSI-toggle+.inline-block-element {
margin-left: 12px
}
.inline-block-element+.rfSI,.mdBtnR+.rfSI,.rf-trigger-menu+.rfSI,.mdBtnR-toggle+.rfSI,.rfSI-toggle+.rfSI {
margin-left: 12px
}
.inline-block-element+.rf-tooltip-container,.mdBtnR+.rf-tooltip-container,.rf-trigger-menu+.rf-tooltip-container,.mdBtnR-toggle+.rf-tooltip-container,.rfSI-toggle+.rf-tooltip-container {
margin-left: 12px
}
.inline-block-element+.control-icon-text,.mdBtnR+.control-icon-text,.rf-trigger-menu+.control-icon-text,.mdBtnR-toggle+.control-icon-text,.rfSI-toggle+.control-icon-text {
margin-left: 12px
}
.inline-block-element+.rf-pill,.mdBtnR+.rf-pill,.rf-trigger-menu+.rf-pill,.mdBtnR-toggle+.rf-pill,.rfSI-toggle+.rf-pill {
margin-left: 12px
}
.inline-block-element+.inline-block-element,.mdBtnR+.inline-block-element,.rf-trigger-menu+.inline-block-element,.mdBtnR-toggle+.inline-block-element,.rfSI-toggle+.inline-block-element {
margin-left: 12px
}
.rfSI+.rfSI,.rfSI+.mdBtnR,.rfSI+.rf-trigger-menu,.rfSI+.mdBtnR-toggle,.rfSI+.rfSI-toggle {
margin-left: 12px
}
.rfSI+.rf-tooltip-container,.rfSI+.mdBtnR,.rfSI+.rf-trigger-menu,.rfSI+.mdBtnR-toggle,.rfSI+.rfSI-toggle {
margin-left: 12px
}
.rfSI+.control-icon-text,.rfSI+.mdBtnR,.rfSI+.rf-trigger-menu,.rfSI+.mdBtnR-toggle,.rfSI+.rfSI-toggle {
margin-left: 12px
}
.rfSI+.rf-pill,.rfSI+.mdBtnR,.rfSI+.rf-trigger-menu,.rfSI+.mdBtnR-toggle,.rfSI+.rfSI-toggle {
margin-left: 12px
}
.rfSI+.inline-block-element,.rfSI+.mdBtnR,.rfSI+.rf-trigger-menu,.rfSI+.mdBtnR-toggle,.rfSI+.rfSI-toggle {
margin-left: 12px
}
.rf-tooltip-container+.rfSI,.rf-tooltip-container+.mdBtnR,.rf-tooltip-container+.rf-trigger-menu,.rf-tooltip-container+.mdBtnR-toggle,.rf-tooltip-container+.rfSI-toggle {
margin-left: 12px
}
.rf-tooltip-container+.rf-tooltip-container,.rf-tooltip-container+.mdBtnR,.rf-tooltip-container+.rf-trigger-menu,.rf-tooltip-container+.mdBtnR-toggle,.rf-tooltip-container+.rfSI-toggle {
margin-left: 12px
}
.rf-tooltip-container+.control-icon-text,.rf-tooltip-container+.mdBtnR,.rf-tooltip-container+.rf-trigger-menu,.rf-tooltip-container+.mdBtnR-toggle,.rf-tooltip-container+.rfSI-toggle {
margin-left: 12px
}
.rf-tooltip-container+.rf-pill,.rf-tooltip-container+.mdBtnR,.rf-tooltip-container+.rf-trigger-menu,.rf-tooltip-container+.mdBtnR-toggle,.rf-tooltip-container+.rfSI-toggle {
margin-left: 12px
}
.rf-tooltip-container+.inline-block-element,.rf-tooltip-container+.mdBtnR,.rf-tooltip-container+.rf-trigger-menu,.rf-tooltip-container+.mdBtnR-toggle,.rf-tooltip-container+.rfSI-toggle {
margin-left: 12px
}
.control-icon-text+.rfSI,.control-icon-text+.mdBtnR,.control-icon-text+.rf-trigger-menu,.control-icon-text+.mdBtnR-toggle,.control-icon-text+.rfSI-toggle {
margin-left: 12px
}
.control-icon-text+.rf-tooltip-container,.control-icon-text+.mdBtnR,.control-icon-text+.rf-trigger-menu,.control-icon-text+.mdBtnR-toggle,.control-icon-text+.rfSI-toggle {
margin-left: 12px
}
.control-icon-text+.control-icon-text,.control-icon-text+.mdBtnR,.control-icon-text+.rf-trigger-menu,.control-icon-text+.mdBtnR-toggle,.control-icon-text+.rfSI-toggle {
margin-left: 12px
}
.control-icon-text+.rf-pill,.control-icon-text+.mdBtnR,.control-icon-text+.rf-trigger-menu,.control-icon-text+.mdBtnR-toggle,.control-icon-text+.rfSI-toggle {
margin-left: 12px
}
.control-icon-text+.inline-block-element,.control-icon-text+.mdBtnR,.control-icon-text+.rf-trigger-menu,.control-icon-text+.mdBtnR-toggle,.control-icon-text+.rfSI-toggle {
margin-left: 12px
}
.rf-pill+.rfSI,.rf-pill+.mdBtnR,.rf-pill+.rf-trigger-menu,.rf-pill+.mdBtnR-toggle,.rf-pill+.rfSI-toggle {
margin-left: 12px
}
.rf-pill+.rf-tooltip-container,.rf-pill+.mdBtnR,.rf-pill+.rf-trigger-menu,.rf-pill+.mdBtnR-toggle,.rf-pill+.rfSI-toggle {
margin-left: 12px
}
.rf-pill+.control-icon-text,.rf-pill+.mdBtnR,.rf-pill+.rf-trigger-menu,.rf-pill+.mdBtnR-toggle,.rf-pill+.rfSI-toggle {
margin-left: 12px
}
.rf-pill+.rf-pill,.rf-pill+.mdBtnR,.rf-pill+.rf-trigger-menu,.rf-pill+.mdBtnR-toggle,.rf-pill+.rfSI-toggle {
margin-left: 12px
}
.rf-pill+.inline-block-element,.rf-pill+.mdBtnR,.rf-pill+.rf-trigger-menu,.rf-pill+.mdBtnR-toggle,.rf-pill+.rfSI-toggle {
margin-left: 12px
}
.inline-block-element+.rfSI,.inline-block-element+.mdBtnR,.inline-block-element+.rf-trigger-menu,.inline-block-element+.mdBtnR-toggle,.inline-block-element+.rfSI-toggle {
margin-left: 12px
}
.inline-block-element+.rf-tooltip-container,.inline-block-element+.mdBtnR,.inline-block-element+.rf-trigger-menu,.inline-block-element+.mdBtnR-toggle,.inline-block-element+.rfSI-toggle {
margin-left: 12px
}
.inline-block-element+.control-icon-text,.inline-block-element+.mdBtnR,.inline-block-element+.rf-trigger-menu,.inline-block-element+.mdBtnR-toggle,.inline-block-element+.rfSI-toggle {
margin-left: 12px
}
.inline-block-element+.rf-pill,.inline-block-element+.mdBtnR,.inline-block-element+.rf-trigger-menu,.inline-block-element+.mdBtnR-toggle,.inline-block-element+.rfSI-toggle {
margin-left: 12px
}
.inline-block-element+.inline-block-element,.inline-block-element+.mdBtnR,.inline-block-element+.rf-trigger-menu,.inline-block-element+.mdBtnR-toggle,.inline-block-element+.rfSI-toggle {
margin-left: 12px
}
.mdBtnR+.mdBtnR {
margin-left: 8px
}
.mdBtnR+.rf-trigger-menu {
margin-left: 8px
}
.mdBtnR+.mdBtnR-toggle {
margin-left: 8px
}
.mdBtnR+.rfSI-toggle {
margin-left: 8px
}
.rf-trigger-menu+.mdBtnR {
margin-left: 8px
}
.rf-trigger-menu+.rf-trigger-menu {
margin-left: 8px
}
.rf-trigger-menu+.mdBtnR-toggle {
margin-left: 8px
}
.rf-trigger-menu+.rfSI-toggle {
margin-left: 8px
}
.mdBtnR-toggle+.mdBtnR {
margin-left: 8px
}
.mdBtnR-toggle+.rf-trigger-menu {
margin-left: 8px
}
.mdBtnR-toggle+.mdBtnR-toggle {
margin-left: 8px
}
.mdBtnR-toggle+.rfSI-toggle {
margin-left: 8px
}
.rfSI-toggle+.mdBtnR {
margin-left: 8px
}
.rfSI-toggle+.rf-trigger-menu {
margin-left: 8px
}
.rfSI-toggle+.mdBtnR-toggle {
margin-left: 8px
}
.rfSI-toggle+.rfSI-toggle {
margin-left: 8px
}
#measuring-ruler {
position: fixed;
top: -100%;
visibility: hidden;
white-space: nowrap
}
a.link-out-icon,a.link-out-icon:link,a.link-out-icon:visited {
display: flex;
line-height: 24px;
font-weight: var(--rf-system-font-weight-600);
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
text-decoration: none
}
a.link-out-icon .rfSI,a.link-out-icon:link .rfSI,a.link-out-icon:visited .rfSI {
margin-right: 8px
}
a.link-out-icon:hover,a.link-out-icon:focus,a.link-out-icon:link:hover,a.link-out-icon:link:focus,a.link-out-icon:visited:hover,a.link-out-icon:visited:focus {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
text-decoration: none;
opacity: .8
}
a.link-out-icon+.link-out-icon,a.link-out-icon:link+.link-out-icon,a.link-out-icon:visited+.link-out-icon {
margin-left: 12px
}
.bg-white {background-color: var(--rf-system-color-neutral-100);}
.bg-black {background-color: var(--rf-system-color-neutral-0);}
.bg-primary {background-color: var(--rf-brand-color-primary);}
.bg-accent {background-color: var(--rf-brand-color-accent);}
.bg-purple {background-color: #5c00dc;}
.bg-pink {background-color: #e71356;}
.bg-blue {background-color: #1570ef;}
.bg-green {background-color: #027a48;}
.bg-orange {background-color: #ff8900;}
.bg-red {background-color: #d92d20;}
.bg-yellow {background-color: #ffc107;}
.bg-lime {background-color: #cdde20;}
.bg-peacock {background-color: #009788;}
.bg-light-blue {background-color: #00bcd6;}
.bg-dark-blue {background-color: #3e4eb8;}
.bg-gray-1 {background-color: var(--rf-system-color-neutral-10);}
.bg-gray-2 {background-color: var(--rf-system-color-neutral-20);}
.bg-gray-3 {background-color: var(--rf-system-color-neutral-30);}
.bg-gray-4 {background-color: var(--rf-system-color-neutral-40);}
.bg-gray-5 {background-color: var(--rf-system-color-neutral-50);}
.bg-gray-6 {background-color: var(--rf-system-color-neutral-60);}
.bg-gray-7 {background-color: var(--rf-system-color-neutral-70);}
.bg-gray-8 {background-color: var(--rf-system-color-neutral-80);}
.bg-gray-9 {background-color: var(--rf-system-color-neutral-90);}
.bg-primary-light-1 {background-color: var(--rf-brand-color-primary);}
.bg-primary-light-2 {background-color: var(--rf-brand-color-primary-muted);}
.bg-primary-light-3 {background-color: var(--rf-brand-color-primary-muted);}
.bg-accent-light-1 {background-color: var(--rf-system-color-red-50);}
.bg-accent-light-2 {background-color: var(--rf-system-color-red-75);}
.bg-accent-light-3 {background-color: var(--rf-system-color-red-90);}
.bg-blue-light-1 {background-color: var(--rf-system-color-blue-50);}
.bg-blue-light-2 {background-color: var(--rf-system-color-blue-75);}
.bg-blue-light-3 {background-color: var(--rf-system-color-blue-90);}
.no-width {
width: 0
}
.\!no-width {
width: 0 !important
}
.visually-hidden {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0
}
.no-button-style {
padding: 0;
cursor: pointer;
background: none;
border: none;
color: inherit;
font: inherit;
outline: inherit
}
.keep-bullets-inside :is(ol,ul) li {
display: list-item;
list-style-position: inside
}
.keep-bullets-inside ul li {
list-style-type: disc
}
.keep-bullets-inside ol li {
list-style-type: decimal
}
.keep-bullets-inside :is(ol,ul) ul li {
list-style-type: circle
}
.keep-bullets-inside :is(ol,ul) :is(ol,ul) ul li {
list-style-type: square
}
.keep-bullets-inside.keep-bullets-spacing ul,.keep-bullets-inside.keep-bullets-spacing ol {
padding-inline-start:12px;margin-block-start:1em;margin-block-end:1em}
.keep-bullets-inside.keep-bullets-spacing li {
line-height: 1.4em
}
.keep-bullets-outside :is(ol,ul) li {
display: list-item
}
.keep-bullets-outside ul li {
list-style-type: disc
}
.keep-bullets-outside ol li {
list-style-type: decimal
}
.keep-bullets-outside :is(ol,ul) ul li {
list-style-type: circle
}
.keep-bullets-outside :is(ol,ul) :is(ol,ul) ul li {
list-style-type: square
}
.keep-bullets-outside.keep-bullets-spacing ul,.keep-bullets-outside.keep-bullets-spacing ol {
padding-inline-start:12px;margin-block-start:1em;margin-block-end:1em}
.keep-bullets-outside.keep-bullets-spacing li {
line-height: 1.4em
}
.z-1 {z-index: 10;}
.z-2 {z-index: 20;}
.z-3 {z-index: 50;}
.z-4 {z-index: 100;}
.pointer-events-none {
pointer-events: none
}
.border {
border: 1px solid var(--rf-brand-color-border)
}
.border-l {
border-left: 1px solid var(--rf-brand-color-border)
}
.border-r {
border-right: 1px solid var(--rf-brand-color-border)
}
.border-t {
border-top: 1px solid var(--rf-brand-color-border)
}
.border-b {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.border-x {
border-left: 1px solid var(--rf-brand-color-border);
border-right: 1px solid var(--rf-brand-color-border)
}
.border-y {
border-bottom: 1px solid var(--rf-brand-color-border);
border-top: 1px solid var(--rf-brand-color-border)
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0
}
.sr-only-focusable:active,.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto
}
.select2-container,.select2-drop,.select2-search,.select2-search input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.select2-container .select2-choice {
display: block;
height: 32px;
padding: 8px;
overflow: hidden;
position: relative;
border: 1px solid var(--rf-brand-color-border);
white-space: nowrap;
line-height: 32px;
color: var(--rf-brand-color-text-body);
text-decoration: none;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: var(--rf-brand-color-surface)
}
.rf-select2-override .select2-choice {
padding: 8px
}
.select2-container.select2-drop-above .select2-choice {
border-bottom-color: var(--rf-brand-color-border)
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
margin-right: 42px
}
.select2-container .select2-choice>.select2-chosen {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.select2-container .select2-choice abbr {
display: none;
width: 16px;
height: 16px;
position: absolute;
right: 32px;
top: 6px;
font-size: 1px;
text-decoration: none;
border: 0;
cursor: pointer;
outline: 0;
background: url('data:image/svg+xml;utf8,') no-repeat
}
.select2-container.select2-allowclear .select2-choice abbr {
display: inline-block
}
.select2-container .select2-choice abbr:hover {
cursor: pointer
}
.select2-drop-mask {
border: 0;
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 9998;
background: var(--rf-brand-color-surface);
filter: alpha(opacity=0)
}
.select2-drop {
margin-top: -1px;
width: 100%;
position: absolute;
z-index: 9999;
top: 100%;
background: var(--rf-brand-color-surface);
color: var(--rf-system-color-neutral-0);
border: 1px solid var(--rf-brand-color-border);
border-top: 0;
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
box-shadow: 0 4px 5px rgba(0,0,0,.15)
}
.select2-drop-auto-width {
border-top: 1px solid var(--rf-brand-color-border);
width: auto
}
.select2-drop-auto-width .select2-search {
padding-top: 4px
}
.select2-drop.select2-drop-above {
margin-bottom: 0;
border-top: 1px solid var(--rf-brand-color-primary);
border-top-width: 3px;
border-bottom: 0;
-webkit-box-shadow: 0 -4px 5px rgba(0,0,0,.15);
box-shadow: 0 -4px 5px rgba(0,0,0,.15)
}
.select2-drop-active {
border: 1px solid var(--rf-brand-color-primary);
border-top: none;
border-bottom-width: 3px
}
.select2-drop.select2-drop-above.select2-drop-active {
border-top-width: 3px
}
.select2-container .select2-choice .select2-arrow {
display: inline-block;
width: 34px;
height: 100%;
position: absolute;
right: 0;
top: 0
}
.select2-container .select2-choice .select2-arrow b {
height: 18px;
width: 18px;
margin-left: 7px;
margin-top: 7px;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
font-size: 14px
}
.select2-container .select2-choice .select2-arrow b:before {
line-height: inherit;
content: "";
background: url("../images/select-arrow.png") no-repeat center;
background-size: cover;
height: 18px;
width: 18px;
text-align: center;
display: block
}
.select2-search {
display: inline-block;
width: 100%;
min-height: 26px;
margin: 0;
padding-left: 4px;
padding-right: 4px;
position: relative;
z-index: 10000;
white-space: nowrap
}
.select2-search input {
width: 100%;
height: auto !important;
min-height: 29px;
padding: 6px 20px 5px 10px;
margin: 0;
outline: 0;
font-family: sans-serif;
font-size: 1em;
border: 1px solid var(--rf-brand-color-border);
-webkit-box-shadow: none;
box-shadow: none;
background: var(--rf-brand-color-surface);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: linear-gradient(top, #fff 85%, #eee 99%)
}
.select2-search:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
content: "";
top: 25%;
right: 10px;
color: var(--rf-system-color-neutral-30) !important
}
.select2-drop.select2-drop-above .select2-search input {
margin-top: 4px
}
.select2-drop.select2-drop-above .select2-search:before {
top: 34%
}
.select2-search input.select2-active {
background: #fff url(../img/select2-spinner.gif) no-repeat 100%;
background: url(../img/select2-spinner.gif) no-repeat 100%,-webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url(../img/select2-spinner.gif) no-repeat 100%,-webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url(../img/select2-spinner.gif) no-repeat 100%,-moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url(../img/select2-spinner.gif) no-repeat 100%,linear-gradient(top, #fff 85%, #eee 99%)
}
.select2-container-active .select2-choice,.select2-container-active .select2-choices {
border: 1px solid var(--rf-brand-color-primary);
outline: 0
}
.select2-dropdown-open .select2-choice {
border-bottom-color: rgba(0,0,0,0);
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-color: var(--rf-brand-color-surface)
}
.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices {
border: 1px solid var(--rf-brand-color-primary);
border-top-color: rgba(0,0,0,0)
}
.select2-dropdown-open .select2-choice .select2-arrow {
background: 0 0;
border-left: 1px solid rgba(0,0,0,0);
filter: none
}
.select2-dropdown-open .select2-choice .select2-arrow b {
background-position: -18px 1px
}
.select2-results {
max-height: 200px;
padding: 0 0 0 4px;
margin: 4px 4px 4px 0;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.select2-results ul.select2-result-sub {
margin: 0;
padding-left: 0
}
.select2-results ul.select2-result-sub>li .select2-result-label {
padding-left: 20px
}
.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
padding-left: 40px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
padding-left: 60px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
padding-left: 80px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
padding-left: 100px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
padding-left: 110px
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
padding-left: 120px
}
.select2-results li {
list-style: none;
display: list-item;
background-image: none
}
.select2-results li.select2-result-with-children>.select2-result-label {
font-weight: 700
}
.select2-results .select2-result-label {
padding: 3px 7px 4px;
margin: 0;
cursor: pointer;
min-height: 1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.select2-results .select2-highlighted {
background: var(--rf-brand-color-primary);
color: var(--rf-system-color-neutral-100)
}
.select2-results li em {
background: #feffde;
font-style: normal
}
.select2-results .select2-highlighted em {
background: 0 0
}
.select2-results .select2-highlighted ul {
background: var(--rf-brand-color-surface);
color: var(--rf-system-color-neutral-0)
}
.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit {
background: #f4f4f4;
display: list-item;
padding: 3px 5px
}
.select2-results .select2-no-results:before {
content: "";
background: url('data:image/svg+xml;utf8,') no-repeat;
height: 15px;
width: 15px
}
.select2-no-results {
padding-left: 20px
}
.select2-no-results:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "";
margin-right: 5px
}
.select2-results .select2-disabled.select2-highlighted {
color: var(--rf-system-color-neutral-30);
background: var(--rf-brand-color-surface-2);
display: list-item;
cursor: default
}
.select2-results .select2-disabled {
background: var(--rf-brand-color-surface-2);
display: list-item;
cursor: default
}
.select2-results .select2-selected {
display: none
}
.select2-more-results.select2-active {
background: var(--rf-brand-color-surface-2) url(../img/select2-spinner.gif) no-repeat 100%
}
.select2-more-results {
background: var(--rf-brand-color-surface-2);
display: list-item
}
.select2-container.select2-container-disabled .select2-choice {
background-color: var(--rf-brand-color-surface-2);
background-image: none;
border: 1px solid var(--rf-brand-color-border);
cursor: default
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
background-color: var(--rf-brand-color-surface-2);
background-image: none;
border-left: 0
}
.select2-container.select2-container-disabled .select2-choice abbr {
display: none
}
.select2-container-multi .select2-choices {
height: auto !important;
height: 1%;
margin: 0;
padding: 0;
position: relative;
border: 1px solid var(--rf-brand-color-border);
cursor: text;
overflow: hidden;
background-color: var(--rf-brand-color-surface)
}
.select2-locked {
padding: 3px 5px !important
}
.select2-container-multi .select2-choices {
min-height: 26px
}
.select2-container-multi.select2-container-active .select2-choices {
border: 1px solid var(--rf-brand-color-primary);
outline: 0
}
.select2-container-multi .select2-choices li {
float: left;
list-style: none
}
.select2-container-multi .select2-choices .select2-search-field {
margin: 0;
padding: 0;
white-space: nowrap
}
.select2-container-multi .select2-choices .select2-search-field input {
padding: 5px;
margin: 1px 0;
font-family: sans-serif;
font-size: 100%;
color: var(--rf-system-color-neutral-30);
outline: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: rgba(0,0,0,0) !important
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
background: #fff url(../img/select2-spinner.gif) no-repeat 100% !important
}
.select2-default {
color: var(--rf-system-color-neutral-40) !important
}
.select2-container-multi .select2-choices .select2-search-choice {
padding: 1px 28px 1px 8px;
position: relative;
line-height: 18px;
border-radius: var(--rf-brand-shape-radius);
color: var(--rf-system-color-neutral-100);
cursor: default;
border: 1px solid var(--rf-brand-color-primary);
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: var(--rf-brand-color-primary)
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
cursor: default
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
opacity: .8
}
.select2-search-choice-close {
display: block;
min-width: 21px;
min-height: 20px;
position: absolute;
right: 3px;
top: 3px;
margin: 0;
padding: 0;
font-size: 15px;
text-decoration: none !important;
font-family: FontAwesome;
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.select2-search-choice-close:before {
color: var(--rf-system-color-neutral-100);
content: ""
}
.select2-container-multi .select2-search-choice-close {
display: block;
top: 0;
right: 0;
padding: 3px 4px 3px 6px
}
.select2-container-multi .select2-search-choice-close:hover {
background: rgba(0,0,0,.3)
}
.select2-container-multi.select2-container-disabled .select2-choices {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
padding: 3px 5px;
border: 1px solid var(--rf-brand-color-primary);
background-image: none;
background-color: var(--rf-brand-color-primary);
cursor: not-allowed
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
display: none;
background: 0 0
}
.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match {
text-decoration: underline
}
.select2-offscreen,.select2-offscreen:focus {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0 !important;
top: 0 !important
}
.select2-display-none {
display: none
}
.select2-measure-scrollbar {
position: absolute;
top: -10000px;
left: -10000px;
width: 100px;
height: 100px;
overflow: scroll
}
.has-error .select2-choice,.has-error .select2-container .select2-choice .select2-arrow,.has-error .select2-container-multi .select2-choices {
border-color: var(--rf-brand-color-status-error)
}
.has-error .select2-container .select2-choice .select2-arrow {
background: var(--rf-brand-color-surface-2);
color: var(--rf-brand-color-status-error)
}
.has-error .select2-dropdown-open .select2-choice {
border-color: var(--rf-brand-color-primary) !important
}
.select2-drop.select2-drop-above.select2-drop-active {
margin-top: 2px
}
.select2-container {
height: 100%;
width: 100%
}
.admin-form .select2-container .select2-choice .select2-chosen {
padding-left: 0
}
.admin-form .select2-container .select2-choice .select2-arrow b {
line-height: 28px
}
.select2-dropdown-open .select2-choice {
border-color: var(--rf-brand-color-primary)
}
.select2-results {
z-index: 1100
}
.select2-drop {
z-index: 1100
}
.select2-container-disabled .select2-choice:hover,.select2-container-disabled .select2-choice:focus,.select2-container-disabled .select2-choice:active {
border: 1px solid var(--rf-brand-color-border)
}
.select2-container-multi .select2-choices {
height: auto !important;
margin: 0;
padding: 0 0 1px;
position: relative;
cursor: text;
overflow: hidden;
min-height: 32px
}
.select2-container-multi .select2-choices .select2-search-field {
margin: 0;
padding: 0;
white-space: nowrap
}
.select2-container-multi .select2-choices li {
float: left;
list-style: none
}
.select2-container-multi .select2-choices .select2-search-field input {
padding: 5px;
margin: 0;
font-family: inherit;
font-size: inherit;
outline: 0;
background: 0 0 !important;
min-height: 32px
}
.smart-style-3 .select2-container-multi .select2-choices .select2-search-field input {
box-shadow: none !important;
border: none !important;
min-height: 27px
}
.smart-style-3 .search-output-container .criterion-select2 .select2-choices .select2-search-field input {
padding: 0
}
.smart-style-3 .search-output-container .select2-container-multi .select2-choices .select2-search-field input {
min-height: 1px
}
.search-output-container .md-form label .select2-container .select2-choice .select2-arrow {
line-height: 32px
}
.select2-results {
max-height: 200px;
padding: 0 0 0 4px;
margin: 4px 4px 4px 0;
font-size: 13px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit {
background: var(--rf-brand-color-surface-2);
display: list-item;
padding: 3px 5px
}
.select2-results li {
list-style: none
}
.select2-no-results:before {
display: inline-block;
font-weight: 400;
content: "";
margin-right: 5px
}
.select2-no-results:before,.select2-search:before {
font-style: normal;
content: "";
background: url('data:image/svg+xml;utf8,') no-repeat;
height: 15px;
width: 15px;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.select2-container-multi .select2-search-choice-close {
display: block;
top: 0;
right: 0;
padding: 3px 4px 3px 6px;
border-radius: 0 4px 4px 0
}
.select2-container-multi .select2-choices .select2-search-choice {
padding: 1px 28px 1px 8px;
position: relative;
line-height: 18px;
color: inherit;
cursor: default;
border: 1px solid var(--rf-brand-color-primary);
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: var(--rf-brand-color-primary)
}
.select2-drop {
z-index: 1100
}
.select2-drop-active {
z-index: 1099
}
.select2-drop-mask {
z-index: 1098
}
#segment-form .segment-container .select {
overflow: visible
}
.select2-container-multi .select2-choices .select2-search-choice>div {
color: var(--rf-system-color-neutral-100)
}
.select2-container-multi .select2-search-choice-close,.select2-container-multi .select2-search-choice-close:hover {
background: url('data:image/svg+xml;utf8,');
content: ""
}
.select2-search-choice-close:before,.select2-search-choice-close:hover:before {
display: none;
content: ""
}
body {
margin: 0
}
body.scroll-lock {
overflow: hidden
}
.pull-right {
float: right !important
}
.pull-left {
float: left !important
}
.cursor-pointer {
cursor: pointer
}
.cursor-grab {
cursor: grab
}
.rf-divider {
display: inline-block;
margin: 0 4px;
color: inherit;
font-size: inherit !important;
vertical-align: baseline
}
.hover-actions {
display: block;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background-color: rgba(0,0,0,0)
}
.hover-show-actions {
position: absolute;
right: 12px;
top: 8px;
background-color: var(--rf-brand-color-surface)
}
.hover-show-actions:hover+.hover-main-actions {
right: 36px;
visibility: visible;
opacity: 1;
transition: .2s;
background-color: var(--rf-brand-color-surface)
}
.hover-main-actions {
position: relative;
padding: 0 12px 0 8px;
right: 50px;
top: 8px;
visibility: hidden;
opacity: 0;
transition: .2s;
background-color: var(--rf-brand-color-surface);
height: 30px
}
.hover-main-actions:hover {
right: 36px;
visibility: visible;
opacity: 1;
background-color: var(--rf-brand-color-surface)
}
body.nav-open #main.login-main {
margin-left: 0
}
body.nav-open #main.login-main #content {
height: 100vh;
padding: 0
}
body.nav-open #main.login-main #content .rf-loader-page-center {
padding-top: 50px;
box-sizing: content-box
}
.rf-loader-page-center {
display: block;
margin: 0 auto
}
.rf-tooltip-container.no-padding {
padding: 0
}
.rf-tooltip-container.align-center {
display: flex;
align-items: center
}
.rf-accordion+.rf-accordion {
margin-top: -1px
}
.rf-accordion .rf-accordion-header {
padding: 0;
border: 1px solid var(--rf-brand-color-border);
background: var(--rf-brand-color-surface-2);
clear: both
}
.rf-accordion .rf-accordion-header:before,.rf-accordion .rf-accordion-header:after {
content: "";
display: table;
clear: both
}
.rf-accordion .rf-accordion-header .rf-checkbox {
vertical-align: middle
}
.rf-accordion .rf-accordion-header p {
margin: 0
}
.rf-accordion .rf-accordion-header.disabled {
pointer-events: none
}
.rf-accordion .rf-accordion-header.rf-accordion-header-is-sticky {
top: var(--rf-comp-accordion-space-offset-top, 0);
position: sticky;
z-index: 10
}
.rf-accordion .rf-accordion-flex {
display: flex
}
.rf-accordion .rf-accordion-flex--centered {
align-items: center
}
.rf-accordion.bg-white .rf-accordion-header {
background: none
}
.rf-accordion.hide-collapse .collapse-arrow {
display: none
}
.rf-accordion .collapse-action {
flex-grow: 1;
padding: 12px 48px 12px 20px;
display: block;
line-height: 24px;
text-decoration: none;
position: relative
}
.rf-accordion .collapse-action.no-bottom-spacing {
padding-block-end:0}
.rf-accordion .collapse-action .collapse-arrow {
position: absolute;
top: 9px;
right: 12px
}
.rf-accordion .collapse-action .decoration-icon-container {
position: absolute;
top: 12px;
left: 12px;
height: 32px;
width: 32px;
max-height: 32px;
max-width: 32px
}
.rf-accordion .collapse-action.collapsed .collapse-header-content {
display: block
}
.rf-accordion .collapse-action.collapsed .collapse-arrow {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV"
}
.rf-accordion .rf-accordion-title {
display: flex;
align-items: center;
font-size: var(--rf-brand-font-size);
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-weight: var(--rf-system-font-weight-600);
text-transform: uppercase;
margin: 0;
overflow-wrap: anywhere
}
.rf-accordion .rf-accordion-title.has-badge {
line-height: 1.5em
}
.rf-accordion .rf-accordion-title.disabled {
color: var(--rf-brand-color-status-disabled)
}
.rf-accordion .rf-accordion-subtitle {
overflow-wrap: anywhere;
margin: 0
}
.rf-accordion .collapse-header-default {
padding: 12px 20px;
width: 100%
}
.rf-accordion .collapse-header-content {
display: none
}
.rf-accordion .rf-accordion-actions {
padding: 16px 20px
}
.rf-accordion .rf-accordion-body {
border: none;
padding: 20px
}
.rf-accordion .rf-accordion-body.no-bottom-spacing {
padding-block-end:0}
.rf-accordion .rf-accordion-body p:last-of-type {
margin-bottom: 0
}
.rf-accordion .collapse {
display: none
}
.rf-accordion .collapse.in {
display: block
}
.rf-accordion .collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease
}
.rf-accordion.has-actions .rf-accordion-actions {
position: relative;
order: -1
}
.rf-accordion.has-actions .rf-accordion-actions>:first-child {
display: flex;
align-items: center
}
.rf-accordion.has-actions .rf-accordion-actions>:first-child>* {
margin: 0 16px 0 0
}
.rf-accordion.has-actions .rf-accordion-actions>:first-child>*:last-child {
margin-right: 0
}
.rf-accordion.has-actions .rf-accordion-actions .favorite-toggle {
padding: 0;
background: none;
border: none
}
.rf-accordion.has-actions .rf-accordion-actions .favorite-toggle svg {
fill: var(--rf-system-color-neutral-40)
}
.rf-accordion.has-actions .rf-accordion-actions .favorite-toggle:hover svg,.rf-accordion.has-actions .rf-accordion-actions .favorite-toggle.favorited svg {
fill: #ffc107
}
.rf-accordion.open-header {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.rf-accordion.open-header.has-padding {
padding: 0 12px 0 24px
}
.rf-accordion.open-header .collapse-action {
padding-left: 0;
padding-right: 28px
}
.rf-accordion.open-header .collapse-action .collapse-arrow {
right: 0
}
.rf-accordion.open-header.has-decoration-icon .collapse-action {
padding: 16px 8px 16px 60px
}
.rf-accordion.open-header.has-decoration-icon .collapse-header-default {
padding-left: 60px
}
.rf-accordion.open-header.has-decoration-icon .rf-accordion-body {
padding-bottom: 40px
}
.rf-accordion.open-header .rf-accordion-actions {
padding: 16px 0 12px
}
.rf-accordion.open-header .collapse-header-default {
padding: 0 0 20px
}
.rf-accordion.open-header:last-of-type {
border-bottom: none
}
.rf-accordion.open-header.has-border-bottom {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.rf-accordion.open-header .rf-accordion-title {
text-transform: none;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.rf-accordion.open-header .rf-accordion-header {
border: none;
padding: 0;
background: none
}
.rf-accordion.open-header .rf-accordion-header .collapse-arrow svg {
fill: var(--rf-brand-color-text-body)
}
.rf-accordion.open-header .rf-accordion-header p {
font-style: italic
}
.rf-accordion.open-header .rf-accordion-body {
padding: 0 0 20px
}
.rf-accordion.open-header .rf-accordion-body.no-bottom-spacing {
padding-block-end:0}
.rf-accordion.border-no-background {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
padding: 0 16px 0 20px
}
.rf-accordion.border-no-background+.border-no-background {
margin-top: 16px
}
.rf-accordion.border-no-background .rf-accordion-title {
font-size: var(--rf-brand-font-scale-4)
}
.rf-accordion.border-no-background .rf-accordion-body {
padding-bottom: 16px
}
.rf-accordion.border-no-background .collapse-action {
padding-left: 0;
padding-right: 28px
}
.rf-accordion.border-no-background .collapse-action .collapse-arrow {
right: 0
}
.rf-accordion.border-no-background.has-decoration-icon .collapse-action {
padding: 16px 8px 16px 60px
}
.rf-accordion.border-no-background.has-decoration-icon .collapse-header-default {
padding-left: 60px
}
.rf-accordion.border-no-background.has-decoration-icon .rf-accordion-body {
padding-bottom: 40px
}
.rf-accordion.border-no-background .rf-accordion-actions {
padding: 16px 0 12px
}
.rf-accordion.border-no-background .collapse-header-default {
padding: 0 0 20px
}
.rf-accordion.border-no-background .rf-accordion-title {
text-transform: none;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.rf-accordion.border-no-background .rf-accordion-header {
border: none;
padding: 0;
background: none
}
.rf-accordion.border-no-background .rf-accordion-header .collapse-arrow svg {
fill: var(--rf-brand-color-text-body)
}
.rf-accordion.border-no-background .rf-accordion-header p {
font-style: italic
}
.rf-accordion.icon-left .collapse-header-default {
padding: 12px 48px
}
.rf-accordion.icon-left .collapse-action {
padding: 12px 20px 12px 48px
}
.rf-accordion.icon-left .collapse-action .collapse-arrow {
left: 12px;
right: auto
}
.rf-accordion.icon-left .rf-accordion-body {
padding-left: 48px
}
.rf-accordion.icon-left.has-actions .rf-accordion-actions {
order: 1
}
.rf-accordion.icon-left.open-header .collapse-action,.rf-accordion.icon-left.border-no-background .collapse-action {
padding: 12px 8px 12px 40px
}
.rf-accordion.icon-left.open-header .collapse-action .collapse-arrow,.rf-accordion.icon-left.border-no-background .collapse-action .collapse-arrow {
left: 0
}
.rf-accordion.icon-left.open-header .collapse-header-default,.rf-accordion.icon-left.border-no-background .collapse-header-default {
padding: 12px 40px
}
.rf-accordion.icon-left.open-header .rf-accordion-body,.rf-accordion.icon-left.border-no-background .rf-accordion-body {
padding-left: 42px
}
.rf-accordion.horizontal-padding .rf-accordion-header {
padding: 20px
}
.rf-accordion.horizontal-padding.open-header.icon-left .rf-accordion-body {
padding-left: 60px
}
.rf-accordion.is-link-builder .collapse-action {
display: flex;
gap: 8px;
align-items: center
}
.rf-accordion.is-link-builder .collapse-action .collapse-arrow {
position: static
}
.rf-accordion.is-link-builder .rf-accordion-actions {
padding-block:0}
.rf-accordion.is-link-builder .rf-accordion-body {
max-width: calc(100% - 50px);
padding-block-start:24px;padding-block-end:0}
.rf-accordion.is-link-builder .rf-accordion-body .rf-simple-list-container {
border-block-start:none}
.rf-accordion.is-link-builder.open-header .collapse-action {
padding-block:0;padding-inline-start:0}
.rf-accordion.is-link-builder.open-header.icon-left .rf-accordion-body {
padding-inline-start:32px}
.rf-accordion.is-link-builder.open-header.icon-left.is-link-builder--compact .rf-accordion-body {
padding-inline:0;max-width: none
}
.rf-accordion.v2 .rf-accordion-body {
display: none;
height: 0;
overflow: hidden;
transition: height .35s ease
}
.rf-accordion.v2 .collapse-arrow {
transition: .2s ease-in-out
}
.rf-accordion.v2.open .rf-accordion-body {
display: block;
height: auto;
overflow: auto
}
.rf-accordion.v2.open .collapse-arrow {
transform: rotate(180deg)
}
.rf-accordion.v2.has-actions .collapse-action {
padding-left: 20px
}
.rf-accordion.v2.open-header.has-actions .collapse-action {
padding-left: 20px
}
.rf-accordion.v2.open-header.has-actions.icon-left .collapse-action {
padding-left: 42px
}
.rf-accordion.v2.icon-left.has-actions .collapse-action {
padding-left: 48px
}
.collapse {
display: none
}
.collapse.in {
display: block
}
.smart-accordion-default .panel-title>a>i.fa-angle-up {
display: inline-block
}
.smart-accordion-default .panel-title>a>i.fa-angle-down {
display: none
}
.smart-accordion-default .panel-title>a.collapsed>i.fa-angle-down {
display: inline-block
}
.smart-accordion-default .panel-title>a.collapsed>i.fa-angle-up {
display: none
}
.rf-accordion-container .rf-accordion-row {
border-bottom: 1px solid var(--rf-system-color-neutral-90)
}
.rf-accordion-container .rf-accordion-row.collapsed .rf-accordion-body {
display: none
}
.rf-accordion-container .rf-accordion-header .rf-accordion-headline {
position: relative;
padding: 16px;
cursor: pointer
}
.rf-accordion-container .rf-accordion-header .rf-accordion-headline h3,.rf-accordion-container .rf-accordion-header .rf-accordion-headline h6 {
position: relative;
font-size: 15px;
color: var(--rf-brand-color-primary);
margin: 0;
font-weight: var(--rf-system-font-weight-700);
padding-right: 40px
}
.rf-accordion-container .rf-accordion-header .rf-accordion-headline .rfSI {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 12px
}
.rf-accordion-container .rf-accordion-header.rf-error .rf-accordion-headline h3 {
color: var(--rf-brand-color-status-error)
}
.rf-accordion-container .rf-accordion-header .error-msg {
margin-top: 4px;
display: block;
width: 100%;
font-size: 12px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: var(--rf-brand-color-status-error)
}
.rf-accordion-container .rf-accordion-appended {
padding: 0 16px 16px
}
.rf-accordion-container .rf-accordion-body {
padding: 0 16px 16px
}
.rf-default-accordion .rf-accordion-header {
border-top: 1px solid var(--rf-system-color-neutral-90);
border-bottom: 1px solid var(--rf-system-color-neutral-90);
background-color: var(--rf-brand-color-surface-2)
}
.rf-default-accordion .rf-accordion-header.collapsed {
border-bottom: none
}
.rf-default-accordion .rf-accordion-header h3,.rf-default-accordion .rf-accordion-header h6 {
font-size: 13px;
text-transform: uppercase
}
.rf-default-accordion .rf-accordion-row {
margin-top: -1px;
border-left: 1px solid var(--rf-system-color-neutral-90);
border-right: 1px solid var(--rf-system-color-neutral-90)
}
.rf-default-accordion .rf-accordion-appended {
padding: 16px
}
.rf-default-accordion .rf-accordion-appended+.rf-accordion-body {
padding-top: 0
}
.rf-default-accordion .rf-accordion-body {
padding: 16px
}
.rf-actions-accordion .rf-accordion-header {
clear: both
}
.rf-actions-accordion .rf-accordion-header:before,.rf-actions-accordion .rf-accordion-header:after {
content: "";
display: table;
clear: both
}
.rf-actions-accordion .rf-accordion-header .rf-accordion-headline {
overflow: hidden
}
.rf-actions-accordion .rf-accordion-header .rf-accordion-headline h3,.rf-actions-accordion .rf-accordion-header .rf-accordion-headline h6 {
padding-left: 28px;
padding-right: 0;
font-size: 16px;
text-transform: none;
color: var(--rf-brand-color-primary);
margin: 0;
font-weight: var(--rf-system-font-weight-600)
}
.rf-actions-accordion .rf-accordion-header .rf-accordion-headline .rfSI {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: auto
}
.rf-actions-accordion .rf-accordion-header .error-msg {
margin-left: 29px
}
.rf-actions-accordion .rf-accordion-appended,.rf-actions-accordion .rf-accordion-body {
padding: 0 16px 16px 45px
}
.rf-actions-accordion .rf-accordion-actions {
float: right;
padding: 16px;
text-align: right
}
.md-frame .md-frame-accordion,.md-frame .md-frame-accordion.md-frame-body {
padding: 0
}
.md-frame .md-frame-accordion h3 {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
margin: 0;
font-size: 14px;
letter-spacing: .5px
}
.md-frame ul {
margin: 0
}
.md-frame .accordion-content {
padding: 16px;
display: none
}
.md-frame .md-frame-form {
clear: both
}
.md-frame .md-frame-form:before,.md-frame .md-frame-form:after {
content: "";
display: table;
clear: both
}
.md-frame .md-frame-form label {
display: block;
width: 100%
}
.md-frame .md-frame-form input {
display: block;
width: 100%;
color: var(--rf-brand-color-text-body)
}
.md-accordion-container {
position: relative;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.md-accordion-container.edited {
background-color: var(--rf-brand-color-primary)
}
.md-accordion-container.edited:hover {
background-color: var(--rf-brand-color-surface-2)
}
.md-accordion-container.expanded {
border-bottom-width: 2px;
padding-bottom: 12px;
background-color: rgba(0,0,0,0)
}
.md-accordion-container.expanded .accordion-headline {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.md-accordion-container.expanded .accordion-content {
display: block
}
.md-accordion-container.expanded:hover {
background-color: rgba(0,0,0,0)
}
.md-accordion-container:last-of-type {
border: none
}
.accordion-headline {
position: relative;
cursor: pointer;
padding: 16px
}
.accordion-headline h3 {
color: var(--rf-system-color-neutral-50);
text-transform: uppercase;
font-size: 14px;
margin: 0;
letter-spacing: .5px
}
.md-accordion-controls {
right: 12px;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.md-accordion-controls .control-icon-text {
color: var(--rf-brand-color-text-body);
font-size: 13px
}
.rf-accordion .panel,.panel-group .panel {
margin-top: -1px !important;
border: none;
box-shadow: none;
-webkit-box-shadow: none
}
.rf-accordion .panel-body,.panel-group .panel-body {
border: none !important;
padding: 40px 20px 20px
}
.rf-accordion .panel-heading,.panel-group .panel-heading {
padding: 0;
border: 1px solid var(--rf-brand-color-border)
}
.rf-accordion .panel-heading a,.panel-group .panel-heading a {
padding: 12px 20px;
display: block;
font-weight: var(--rf-system-font-weight-700);
line-height: 24px;
font-size: 12px;
text-decoration: none
}
.rf-accordion .panel-heading a.collapsed .rfSI,.panel-group .panel-heading a.collapsed .rfSI {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV"
}
.rf-accordion .panel-heading a .rfSI,.panel-group .panel-heading a .rfSI {
float: right
}
.rf-account-info {
display: flex;
width: 100%;
min-width: 0
}
.rf-account-info .account-info-photo-container {
min-width: 48px;
min-height: 48px;
width: 48px;
height: 48px;
margin: auto 0;
overflow: hidden;
position: relative;
overflow: visible
}
.rf-account-info .account-info-photo-container img {
width: 100%;
height: 100%;
object-fit: cover
}
.rf-account-info .account-info-photo-container p {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin: 0;
background-color: var(--rf-system-color-neutral-60);
text-transform: uppercase;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.rf-account-info .account-info-photo-container.circle-shape img,.rf-account-info .account-info-photo-container.circle-shape p {
border-radius: 100%
}
.rf-account-info .account-info-photo-container.size-sm {
min-width: 24px;
min-height: 24px;
width: 24px;
height: 24px;
margin: auto 0;
overflow: hidden
}
.rf-account-info .account-info-photo-container.size-sm img {
width: 100%;
height: 100%;
object-fit: cover
}
.rf-account-info .account-info-photo-container.size-sm p {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin: 0;
background-color: var(--rf-system-color-neutral-60);
text-transform: uppercase;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.rf-account-info .account-info-photo-container.size-sm p {
font-size: var(--rf-brand-font-scale-7)
}
.rf-account-info .account-info-container {
align-items: flex-start;
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 8px;
overflow: hidden
}
.rf-account-info .account-info-container.info-disabled p,.rf-account-info .account-info-container.info-disabled .account-info-title {
color: var(--rf-brand-color-status-disabled)
}
.rf-account-info .account-info-container .account-info-title {
font-size: 14px;
font-weight: var(--rf-system-font-weight-600);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.rf-account-info .account-info-container p {
margin: 0;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.rf-account-info .account-info-container p.account-info-text-wrap {
white-space: initial;
overflow-wrap: break-word
}
.rf-badge {
float: right;
height: 20px;
line-height: 20px;
padding: 0 8px;
border-radius: 10px;
color: var(--rf-system-color-neutral-100);
text-transform: uppercase;
font-size: 10px;
letter-spacing: .5px;
margin: 2px 12px 0 0
}
.rf-badge.rf-badge-green {
background: var(--rf-brand-color-status-success)
}
.rf-badge.rf-badge-yellow {
color: var(--rf-brand-color-status-on-warning);
background: var(--rf-brand-color-status-warning)
}
.rf-badge.rf-badge-red {
background: var(--rf-brand-color-status-error)
}
.icon-badge {
position: relative;
display: inline-block
}
.icon-badge.disabled .rf-pill,.icon-badge.disabled .rfSI svg {
opacity: .5;
cursor: not-allowed
}
.icon-badge .rfSI {
padding: 0;
margin: 0
}
.icon-badge .rf-pill {
font-size: 7px;
margin: 0;
position: absolute;
top: -4px;
right: -3px;
padding: 1px 3px 2px 3px
}
.icon-badge .rf-pill .rf-pill-text {
font-size: 10px;
line-height: 10px
}
.rf-breadcrumbs {
align-items: center;
display: flex;
padding: 0 0 8px
}
.rf-breadcrumbs>li+li::before {
content: ">";
margin: 0 4px;
color: var(--rf-system-color-neutral-50)
}
.builder-page {
background: var(--rf-brand-color-background);
position: fixed;
left: 0;
top: 0;
bottom: 0;
min-height: 100%;
width: 100%;
width: 100vw
}
.builder-page #builder-header {
position: relative
}
.builder-page #builder-header.no-tabs+.builder-content .builder-title {
top: calc(var(--top-environment-header-height, 0px) + var(--builder-control-bar-height, 70px) + var(--top-spoof-height, 0px))
}
.builder-page>div {
display: flex;
flex-direction: column;
height: 100%
}
.builder-page .builder-title {
border-bottom: 1px solid var(--rf-brand-color-border);
width: 100%;
min-height: 75px;
height: 75px;
padding: 0 30px;
position: absolute;
top: calc(calc(var(--top-environment-header-height, 0px) + var(--builder-control-bar-height, 70px) + var(--top-spoof-height, 0px)) + var(--builder-tabs-frame-height, 50px));
left: 0;
right: 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
background: var(--rf-brand-color-surface)
}
.builder-page .builder-title .actions-menu {
text-align: center
}
.builder-page .builder-title h2 {
margin: 0 0 8px
}
.builder-page .builder-title.has-subtitle {
display: flex;
flex-direction: column;
justify-content: center
}
.builder-page .builder-title.has-subtitle h2 {
padding: 0;
margin: 0
}
.builder-page .builder-title.has-subtitle p {
margin: 0
}
.builder-page .builder-content-sub-section,.builder-page .builder-content {
padding-left: 30px;
padding-right: 30px
}
.builder-page .builder-content {
flex-grow: 1;
overflow-y: auto;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 75px
}
.builder-page .builder-content>div:not(.no-width) {
width: 100%
}
.builder-page .builder-content.flex-row {
flex-direction: row
}
.builder-page .builder-content.with-description {
margin-top: 110px
}
.builder-page .builder-content.with-description .builder-title {
height: 110px
}
.builder-page .builder-content.builder-content-narrow .rfG-container {
max-width: 800px
}
.builder-page .builder-content-sub-section {
padding-bottom: 40px
}
.builder-page .builder-content-sub-section+.builder-content-sub-section {
border-top: 1px solid var(--rf-brand-color-border);
padding-top: 40px
}
.builder-page .builder-footer {
width: 100%;
padding: 12px 20px;
border-top: 1px solid var(--rf-brand-color-border);
background: var(--rf-brand-color-surface);
text-align: right
}
.builder-page .builder-footer .footer-message {
display: inline-block;
padding-right: 12px;
line-height: 34px
}
.builder-page .builder-footer.two-actions .mdBtnR:first-of-type {
margin-left: auto
}
.event-best-practices {
--rf-comp-best-practices-slideout-padding-x: 16px;
--rf-comp-best-practices-slideout-padding-y: 28px;
display: flex;
flex-direction: column;
width: 100%;
max-width: 300px;
background-color: var(--rf-brand-color-surface-2);
height: 100%
}
.event-best-practices .best-practices-header {
padding: var(--rf-comp-best-practices-slideout-padding-y) var(--rf-comp-best-practices-slideout-padding-x) 0
}
.event-best-practices .best-practices-content {
padding: 0 var(--rf-comp-best-practices-slideout-padding-x) var(--rf-comp-best-practices-slideout-padding-y);
overflow-y: auto;
flex-grow: 1
}
.event-best-practices.open {
animation: SlideOutAnimation 100ms linear forwards
}
.event-best-practices.close {
animation: SlideInAnimation 100ms linear forwards;
padding: var(--rf-comp-best-practices-slideout-padding-y) var(--rf-comp-best-practices-slideout-padding-x)
}
@keyframes SlideOutAnimation {
from {
max-width: 0;
background-color: var(--rf-brand-color-background);
margin-right: 24px
}
to {
width: 100%;
margin-right: 0;
max-width: 300px
}
}
@keyframes SlideInAnimation {
from {
width: 100%;
margin-right: 0;
max-width: 300px
}
to {
max-width: 0;
background-color: var(--rf-brand-color-background);
margin-right: 24px
}
}
.builder-settings {
display: flex;
height: 100%;
overflow: auto
}
.builder-settings .builder-sidebar {
width: 260px;
min-width: 260px;
border-right: 1px solid var(--rf-brand-color-border);
height: 100%;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column
}
.builder-settings .builder-sidebar .side-bar-nav {
padding-top: 8px;
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto
}
.builder-settings .builder-sidebar .side-bar-nav-label-anchor:hover {
text-decoration: none
}
.builder-settings .builder-sidebar .side-bar-nav-label {
font-size: var(--rf-brand-font-scale-5);
margin: 0 0 8px 16px;
text-transform: uppercase;
line-height: 14px
}
.builder-settings .builder-sidebar .side-bar-nav ul {
padding: 0;
margin: 0 0 24px;
display: flex;
flex-direction: column;
align-items: flex-start
}
.builder-settings .builder-sidebar .side-bar-nav li {
padding: 0 8px;
line-height: 24px;
border-left: 8px solid rgba(0,0,0,0);
cursor: pointer;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 20px;
margin: 0 0 4px
}
.builder-settings .builder-sidebar .side-bar-nav li div {
line-height: 20px
}
.builder-settings .builder-sidebar .side-bar-nav li.active {
border-color: var(--rf-brand-color-primary);
color: var(--rf-brand-color-primary)
}
.builder-settings .builder-sidebar .side-bar-nav li:hover {
color: var(--rf-brand-color-primary)
}
.builder-settings .builder-settings-content {
flex-grow: 1;
overflow: auto
}
.builder-settings .builder-settings-content .components-group>h3 {
background: var(--rf-brand-color-surface);
padding: 0 20px;
height: 50px;
line-height: 50px;
text-transform: uppercase;
border-bottom: 1px solid var(--rf-brand-color-border);
margin: 0;
position: sticky;
position: -webkit-sticky;
top: 0;
z-index: 10
}
.builder-settings .builder-settings-content .components-group .component-attribute-group {
border-bottom: 1px solid var(--rf-brand-color-border);
padding: 20px
}
.builder-settings .builder-settings-content .components-group .component-attribute-group:last-child {
border-bottom: none
}
.builder-settings .event-setting-component-attribute-group-header {
width: fit-content
}
.is-carousel .carousel-header {
display: flex;
justify-content: flex-end;
align-items: center;
margin-bottom: 16px
}
.is-carousel .action-header-title {
flex: 1;
overflow-wrap: anywhere
}
.is-carousel .carousel-actions {
display: flex
}
.is-carousel .carousel-actions .carousel-action {
display: flex
}
.is-carousel .carousel-arrows {
display: flex;
margin-left: 20px
}
.is-carousel .carousel-mask {
overflow: hidden
}
.is-carousel .sliding {
-webkit-transition: -webkit-transform .75s ease 0s;
transition: -webkit-transform .75s ease 0s;
-o-transition: -o-transform .75s ease 0s;
-moz-transition: transform .75s ease 0s,-moz-transform .75s ease 0s;
transition: transform .75s ease 0s;
transition: transform .75s ease 0s,-webkit-transform .75s ease 0s,-moz-transform .75s ease 0s,-o-transform .75s ease 0s;
pointer-events: none
}
.is-carousel .rf-tile-container,.is-carousel .rf-speaker-container {
flex-wrap: nowrap;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.is-carousel .rf-tile-container .rf-tile-wrapper {
width: 90%;
flex-shrink: 0
}
@media all and (min-width: 769px) {
.is-carousel .rf-tile-container .rf-tile-wrapper {
width:46%
}
}
@media all and (min-width: 1200px) {
.is-carousel .rf-tile-container .rf-tile-wrapper {
width:31%
}
}
.is-carousel .rf-tile-container .speaker-tile-container {
margin-left: 16px
}
@media all and (min-width: 550px) {
.is-carousel .rf-speaker-container .ta-grid-speaker-card {
width:42%
}
}
@media all and (min-width: 769px) {
.is-carousel .rf-speaker-container .ta-grid-speaker-card {
width:29%
}
}
@media all and (min-width: 1024px) {
.is-carousel .rf-speaker-container .ta-grid-speaker-card {
width:18.5%
}
}
.is-carousel .exhibitor-media-carousel {
display: flex
}
.rf-carousel-container {
display: flex;
flex-direction: column;
width: 100%
}
.rf-carousel-container.constrained-sm {
max-width: 400px
}
.rf-carousel-container .sliding-dots-wrapper {
display: flex;
justify-content: center;
height: calc(var(--rf-comp-carousel-sliding-dot-size, 8px)*3)
}
.rf-carousel-container .sliding-dots-mask {
display: flex;
align-items: center;
max-width: calc(var(--rf-comp-carousel-sliding-dot-size, 8px)*var(--rf-comp-carousel-regular-sliding-dot-count, 2) + var(--rf-comp-carousel-sliding-dot-size, 8px)*var(--rf-comp-carousel-selected-dot-scale, 1.5) + var(--rf-comp-carousel-sliding-dots-container-gap, 8px)*var(--rf-comp-carousel-regular-sliding-dot-count, 2));
overflow: hidden
}
.rf-carousel-container .sliding-dots-container {
display: flex;
align-items: center;
gap: var(--rf-comp-carousel-sliding-dots-container-gap, 8px);
transform: translateX(var(--carousel-dots-transform-value, 0))
}
@media(prefers-reduced-motion: no-preference) {
.rf-carousel-container .sliding-dots-container {
transition: transform .5s cubic-bezier(0.4, 0, 0.2, 1)
}
}
.rf-carousel-container .sliding-dots-container .sliding-dot {
width: var(--rf-comp-carousel-sliding-dot-size, 8px);
height: var(--rf-comp-carousel-sliding-dot-size, 8px);
border-radius: 50%;
border: 1px solid var(--rf-brand-color-surface-3);
background-color: var(--rf-brand-color-surface-3);
flex-shrink: 0;
cursor: pointer;
padding: 0;
opacity: .7
}
@media(prefers-reduced-motion: no-preference) {
.rf-carousel-container .sliding-dots-container .sliding-dot {
transition: all .7s cubic-bezier(0.4, 0, 0.2, 1)
}
}
.rf-carousel-container .sliding-dots-container .sliding-dot.sliding-dot-selected {
width: calc(var(--rf-comp-carousel-sliding-dot-size, 8px)*var(--rf-comp-carousel-selected-dot-scale, 1.5));
height: calc(var(--rf-comp-carousel-sliding-dot-size, 8px)*var(--rf-comp-carousel-selected-dot-scale, 1.5));
border: 1px solid var(--rf-brand-color-border);
background-color: var(--rf-brand-color-border);
opacity: 1
}
@media(prefers-reduced-motion: no-preference) {
.rf-carousel-container .sliding-dots-container .sliding-dot.sliding-dot-selected {
transition: all .25s ease-in
}
}
@media(prefers-reduced-motion: no-preference) {
.rf-carousel-container .sliding-dots-container .sliding-dot.sliding-dot-adjacent {
transition: opacity .15s ease-in
}
}
.rf-carousel-row-layout {
display: flex;
align-items: center;
min-width: 220px;
gap: 4px
}
.rf-carousel-row-layout .hide-carousel-arrow {
visibility: hidden
}
.rf-carousel-viewport {
overflow: hidden
}
.rf-carousel-contents-container {
display: flex;
gap: 8px
}
.rf-carousel-contents-container .rf-carousel-slide {
flex: 0 0 100%;
min-width: 0
}
.rf-chat {
position: relative
}
.rf-chat.rf-fixed-chat {
z-index: 10
}
.rf-chat.rf-fixed-chat .rf-chat-container {
position: fixed;
z-index: 20;
bottom: 20px;
right: 50px
}
@media all and (max-width: 1023px) {
.rf-chat.rf-fixed-chat .rf-chat-container {
width:auto;
left: 20px;
right: 20px
}
}
.rf-chat.rf-fixed-chat .rf-chat-fab {
display: flex
}
.rf-chat.rf-mobile-chat {
z-index: 10
}
.rf-chat.rf-mobile-chat .rf-chat-container {
position: fixed;
z-index: 20;
right: 0;
top: 0;
left: 0;
bottom: 0;
width: auto;
display: flex !important
}
.rf-chat.rf-mobile-chat .rf-chat-container .rf-chat-body {
height: 100%
}
.rf-chat.rf-mobile-chat .rf-chat-container .rf-chat-content {
display: flex !important
}
.rf-chat.rf-mobile-chat .rf-chat-container .rf-chat-content-header {
padding: 8px 20px
}
.rf-chat.rf-mobile-chat .rf-chat-container .rf-chat-sidebar {
height: auto;
width: 100%;
background: var(--rf-brand-color-surface);
transition: all .4s ease-in-out
}
.rf-chat.rf-mobile-chat .rf-chat-container .rf-chat-sidebar.selected {
margin-left: -100%
}
.rf-chat.rf-mobile-chat .rf-chat-container .back-to-channels {
background: none;
border: none;
padding: 0;
margin: 0 12px 0 0
}
.rf-chat.rf-mobile-chat .rf-chat-container .channel-img {
width: 50px;
height: 50px;
margin: 0 12px 0 0
}
.rf-chat .rf-chat-container {
position: relative;
width: 800px;
background: var(--rf-brand-color-surface);
border: var(--rf-brand-color-border);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.rf-chat .rf-chat-container .rf-chat-header {
border-bottom: 1px solid var(--rf-brand-color-border);
padding: 12px 20px;
width: 100%
}
.rf-chat .rf-chat-container .rf-chat-header .rf-chat-header-text {
flex: 1
}
.rf-chat .rf-chat-container .rf-chat-header .rf-chat-header-text span {
color: var(--rf-brand-color-text-heading);
font-size: 20px;
font-weight: var(--rf-system-font-weight-600)
}
.rf-chat .rf-chat-container .rf-chat-body {
width: 100%;
min-height: 500px
}
.rf-chat .rf-chat-container .rf-chat-body .rf-chat-frame {
width: 100%
}
.rf-chat .rf-chat-container .rf-chat-sidebar-header {
padding: 8px;
border-bottom: 1px solid var(--rf-brand-color-border);
background-color: var(--rf-brand-color-surface)
}
.rf-chat .rf-chat-container .rf-chat-sidebar {
border-right: 1px solid var(--rf-brand-color-border);
width: 260px;
min-width: 260px;
height: 500px;
overflow: auto;
background: var(--rf-brand-color-surface-2)
}
@media all and (max-width: 768px) {
.rf-chat .rf-chat-container .rf-chat-sidebar {
min-width:100%
}
}
.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item {
border-bottom: 1px solid var(--rf-brand-color-border);
padding: 12px;
cursor: pointer;
height: 80px
}
.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item.rf-closed img {
opacity: .5
}
.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item.rf-closed span {
color: var(--rf-system-color-neutral-60)
}
.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item.active {
background: var(--rf-brand-color-surface)
}
.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item img {
max-width: 56px;
width: auto;
margin-right: 8px
}
.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item span {
font-size: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex: 1
}
.rf-chat .rf-chat-container .rf-chat-sidebar .rf-chat-sidebar-item .rf-notification {
height: 8px;
width: 8px;
background: #d92d20;
border-radius: var(--rf-brand-shape-radius-lg)
}
.rf-chat .rf-chat-container .rf-chat-content {
flex: 1;
overflow: hidden
}
@media all and (max-width: 768px) {
.rf-chat .rf-chat-container .rf-chat-content {
min-width:100%
}
}
.rf-chat .rf-chat-container .rf-chat-content-header {
padding: 4px 20px;
border-bottom: 1px solid var(--rf-brand-color-border);
width: 100%;
align-items: center
}
.rf-chat .rf-chat-container .rf-chat-content-header .rf-chat-content-header-text {
flex: 1;
font-size: 14px;
align-items: center
}
.rf-chat .rf-chat-container .rf-chat-content-body {
padding: 20px;
overflow: auto;
width: 100%
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-archive-action {
display: block;
margin: 0 auto 12px
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-start-message {
text-align: center;
margin: 0 0 12px;
color: var(--rf-system-color-neutral-50);
font-size: 14px
}
@media all and (max-width: 768px) {
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-start-message {
display:flex;
flex-direction: column
}
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message {
margin: 0 0 12px
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message.rf-my-message .rf-message-body {
justify-content: flex-end
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message.rf-my-message .rf-message-body .rf-message {
background: #1570ef
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message.rf-my-message .rf-message-body .rf-message p,.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message.rf-my-message .rf-message-body .rf-message a {
color: var(--rf-system-color-neutral-100)
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message.rf-my-message .rf-message-body .rf-message p svg,.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message.rf-my-message .rf-message-body .rf-message a svg {
fill: var(--rf-system-color-neutral-100)
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-profile-pic {
margin-right: 8px
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-profile-pic img {
width: 30px
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-content {
flex: 1;
overflow: hidden
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-being-typed {
font-size: 12px;
color: var(--rf-system-color-neutral-50);
line-height: 30px
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-header {
margin: 4px 0 12px;
width: 100%
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-info {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-info span {
display: inline-block;
border-right: 1px solid var(--rf-brand-color-text-heading);
padding-right: 6px;
margin-right: 6px;
font-size: 12px;
line-height: 1.3em;
color: var(--rf-system-color-neutral-50)
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-info span:first-child {
color: var(--rf-brand-color-text-heading)
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-info span:last-child {
border: none;
padding: 0;
margin: 0
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-time span {
font-size: 12px;
line-height: 12px;
color: var(--rf-system-color-neutral-50)
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-body .rf-message {
background: var(--rf-brand-color-surface-2);
padding: 12px;
border-radius: var(--rf-brand-shape-radius)
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-body .rf-message p:last-child {
margin: 0
}
.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-body .rf-message p svg,.rf-chat .rf-chat-container .rf-chat-content-body .rf-chat-message .rf-message-body .rf-message a svg {
fill: var(--rf-brand-color-text-body)
}
.rf-chat .rf-chat-container .rf-message-left-conversation {
width: 100%;
text-align: center;
font-size: 12px;
color: var(--rf-system-color-neutral-50);
line-height: 30px;
margin: 24px 0 4px
}
.rf-chat .rf-chat-container .rf-rejoin-button {
margin: 0 auto;
display: block
}
.rf-chat .rf-chat-container .rf-chat-content-footer {
border-top: 1px solid var(--rf-brand-color-border);
padding: 8px 20px 0;
width: 100%
}
.rf-chat .rf-chat-container .rf-chat-content-footer .rf-upload-file {
padding: 0
}
.rf-chat .rf-chat-container .rf-chat-content-footer .rf-close-upload {
position: absolute;
right: 20px;
margin: 2px 0 0;
z-index: 10
}
.rf-chat .rf-chat-container .rf-chat-content-footer .upload-file-area {
margin-right: 0
}
.rf-chat .rf-chat-container .rf-chat-content-footer .rf-chat-editor {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
margin: 0 0 8px;
height: 80px
}
.rf-chat .rf-chat-container .rf-chat-content-footer .rf-chat-editor-actions {
margin: 0 0 8px;
text-align: right
}
.rf-chat .rf-chat-fab {
position: fixed;
display: none;
align-items: center;
justify-content: center;
bottom: 30px;
right: 60px;
width: 80px;
height: 80px;
border-radius: 40px;
background: var(--rf-brand-color-status-success);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
cursor: pointer;
z-index: 10
}
.rf-create-tiles {
margin-bottom: 30px
}
.rf-create-tiles .rf-tile {
background: var(--rf-brand-color-surface);
border-radius: var(--rf-brand-shape-radius);
border: 1px solid var(--rf-brand-color-border);
text-align: center;
height: 140px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
margin: 0 0 16px
}
.rf-create-tiles .rf-tile:hover {
border-color: var(--rf-brand-color-primary);
background: var(--rf-brand-color-primary-muted)
}
.rf-create-tiles .rf-tile .rf-inner-tile {
width: 100%
}
.rf-create-tiles .rf-tile h3 {
font-size: 16px;
margin: 0 0 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.rf-create-tiles .rf-tile p {
color: var(--rf-system-color-neutral-50);
margin: 0;
font-weight: var(--rf-system-font-weight-300)
}
.rf-create-tiles .rf-empty-tile {
height: 140px;
border-radius: var(--rf-brand-shape-radius);
border: 1px dashed var(--rf-brand-color-border);
line-height: 140px;
text-align: center;
font-size: 36px;
font-weight: var(--rf-system-font-weight-400);
color: var(--rf-system-color-neutral-60);
cursor: pointer
}
.rf-create-tiles .rf-empty-tile:hover {
border-color: var(--rf-brand-color-primary);
color: var(--rf-brand-color-primary)
}
.dnd-nested-list {
background-color: var(--dnd-nested-list-background-color, var(--rf-brand-color-surface-1))
}
.dnd-nested-list.has-background {
border-radius: 8px
}
.dnd-nested-list[data-level="1"]>.rf-simple-list-container>.rf-simple-list-body>.rf-simple-list-row {
border-block-end:1px solid var(--rf-brand-color-border)}
.dnd-nested-list .dnd-nested-list {
margin-block-start: 8px
}
.dnd-nested-list .dnd-nested-list .rf-simple-list-row+.rf-simple-list-row {
border-block-start:1px solid var(--rf-brand-color-border)}
.dnd-nested-list .rf-simple-list-row {
background-color: rgba(0,0,0,0)
}
.dnd-nested-list .rf-simple-list-row:has(>.rf-list-main .collapse-action[aria-expanded=true]) {
align-items: start
}
.dnd-nested-list .rf-simple-list-row:has(>.rf-list-main .collapse-action[aria-expanded=true])>.drag-icon {
translate: 0 4px
}
.dnd-nested-list .rf-simple-list-row .drag-icon .rfSI svg {
fill: currentColor
}
.md-drag-drop .md-frame-body {
padding: 0
}
.rf-simple-list-container.is-drag-drop .drag-controls-icon {
cursor: move
}
.rf-simple-list-container.is-drag-drop .drag-controls-icon svg {
fill: var(--rf-system-color-neutral-70);
cursor: move
}
.rf-simple-list-container.is-drag-drop .rf-list-main {
padding-left: 14px
}
.rf-simple-list-container.is-drag-drop.has-order .rf-list-order {
padding-left: 14px
}
.rf-drag-drop-container .drag-item-main {
padding: 0 8px 0 34px
}
.rf-drag-drop-container.has-action .drag-item-main {
padding-right: 50px
}
.rf-drag-drop-container.has-order .drag-controls-number {
left: 32px;
width: auto;
max-width: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
font-size: 20px;
color: var(--rf-brand-color-primary);
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.rf-drag-drop-container.has-order .drag-item-main {
padding-left: 60px
}
.drag-row-container {
position: relative;
padding: 8px 0;
background-color: var(--rf-brand-color-surface);
clear: both
}
.drag-row-container:before,.drag-row-container:after {
content: "";
display: table;
clear: both
}
.drag-row-container * {
vertical-align: middle
}
.drag-row-container .drag-controls-icon {
left: 8px;
cursor: move;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.drag-row-container .drag-controls-icon svg {
cursor: move
}
.drag-row-container .drag-item-main {
padding: 0 8px 0 34px
}
.rf-drag-drop-table .drag-icon {
width: 50px
}
.rf-drag-drop-table .drag-icon svg {
cursor: move
}
.rf-drag-drop-table .drag-icon svg:hover,.rf-drag-drop-table .drag-icon svg:focus,.rf-drag-drop-table .drag-icon svg:active {
cursor: move
}
.email-previewer-wrapper.has-wrapper {
margin-top: 20px;
padding: 20px;
border: 1px solid var(--rf-brand-color-border);
position: relative
}
.email-previewer-wrapper .close-email-preview {
position: absolute;
top: 4px;
right: 4px
}
.email-previewer-wrapper iframe {
display: block;
background-color: var(--rf-brand-color-surface);
width: 100%;
border: none
}
.email-scaled-preview {
height: 0;
transform: scale(0.6);
transform-origin: 0 0;
width: 166.6666666667%;
pointer-events: none
}
@media all and (min-height: 750px) {
.email-scaled-preview iframe {
height:993.3333333333px
}
}
@media all and (min-height: 950px) {
.email-scaled-preview iframe {
height:1326.6666666667px
}
}
@media all and (min-height: 1050px) {
.email-scaled-preview iframe {
height:1493.3333333333px
}
}
.slide-out-body .email-distribution-information td {
vertical-align: baseline
}
.slide-out-body .email-distribution-information td+td {
padding-left: 16px
}
.slide-out-body .email-distribution-information tr+tr td {
padding-top: 8px
}
.rf-empty-state {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
width: 100%
}
.rf-empty-state h2 {
margin-bottom: 0
}
.rf-empty-state .rf-empty-state-sub-message {
text-wrap: balance
}
.rf-empty-state.align-top {
justify-content: initial
}
.rf-empty-state.transparent-background .rf-empty-state-content {
background-color: rgba(0,0,0,0)
}
.rf-empty-state.gray-background.full-background {
background-color: var(--rf-brand-color-surface-2);
border-radius: var(--rf-brand-shape-radius-xl)
}
.rf-empty-state.gray-background .rf-empty-state-content {
background-color: var(--rf-brand-color-surface-2)
}
.rf-empty-state.full-message .rf-empty-state-content {
padding: 25px;
width: auto;
height: auto
}
.rf-empty-state.default-icon .rf-empty-state-icon {
height: 60px;
width: 60px;
max-height: 60px;
max-width: 60px
}
.rf-empty-state.min-height {
min-height: 500px
}
.rf-empty-state.auto-height {
height: auto
}
.rf-empty-state .rf-empty-state-content {
position: relative;
text-align: center;
background-color: var(--rf-brand-color-surface);
border-radius: 100%;
width: 410px;
height: 410px;
align-items: center;
display: flex;
flex-direction: column;
justify-content: center
}
@media all and (max-width: 549px) {
.rf-empty-state .rf-empty-state-content {
padding-inline:24px;
width: 100%
}
}
.rf-empty-state .rf-empty-state-content .mdBtnR {
margin-top: 20px
}
.rf-empty-state .rf-empty-state-content.fill-container {
width: fit-content;
height: auto;
padding-inline:8px}
.rf-empty-state .rf-empty-state-icon {
height: 140px;
width: 140px;
max-height: 140px;
max-width: 140px;
margin-bottom: 16px
}
.rf-empty-state .empty-state-background {
background-image: url(../images/backgrounds/hotels-room-types-background.png);
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
opacity: .05
}
.rf-empty-state .rf-empty-state-stacked-actions {
display: flex;
flex-direction: column;
gap: 16px;
margin-top: 24px;
text-align: start;
width: 100%
}
.rf-empty-state .rf-empty-state-stacked-actions .mdBtnR {
margin: 0
}
@media all and (min-width: 1024px) {
.upload-replace-file-modal .upload-file-area {
min-height:450px
}
.upload-replace-file-modal .upload-file-area.is-empty {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
}
.upload-replace-file-modal .files-gallery-item img {
width: 100%;
display: block
}
.upload-replace-file-modal .asset-constraint {
border: 1px solid var(--rf-brand-color-border);
position: relative;
height: 300px;
overflow: hidden
}
.upload-replace-file-modal .asset-constraint .rfSI {
display: none;
position: absolute;
bottom: 4px;
right: 4px
}
.upload-replace-file-modal .asset-constraint .rfSI svg {
fill: var(--rf-system-color-neutral-100)
}
.upload-replace-file-modal .asset-constraint .rfSI.selected-check {
position: relative;
bottom: auto;
right: auto
}
.upload-replace-file-modal .asset-constraint:hover {
background-color: var(--rf-system-color-neutral-40)
}
.upload-replace-file-modal .asset-constraint:hover img {
opacity: .6
}
.upload-replace-file-modal .asset-constraint:hover .rfSI {
display: block
}
.upload-replace-file-modal .replace-file-info p {
white-space: normal;
word-wrap: break-word;
word-break: break-all
}
#eventModal2 .btn.btn-default {
color: var(--rf-system-color-neutral-0)
}
.uploadFileContainer .upload-file-area {
margin: 20px
}
.uploadFileContainer .upload-date {
min-width: 120px
}
.uploadFileContainer .rf-table-container {
padding-bottom: 50px
}
.drop-upload-default {
border: 3px solid rgba(0,0,0,0)
}
.drop-upload {
border: 3px dashed var(--rf-brand-color-primary);
position: relative
}
.validation-file-info {
margin: 0 0 20px
}
.validation-file-info span {
display: inline-block;
margin-right: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
line-height: 1.2em
}
.validation-file-info span.rfSI {
display: inline-block;
vertical-align: inherit
}
.validation-file-info span:last-of-type {
margin-right: 0
}
.validation-file-info .file-name {
max-width: 370px
}
.upload-file-form-container .uploaded-files {
margin-top: 4px;
margin-bottom: 8px;
clear: both
}
.upload-file-form-container .uploaded-files .file-listing {
margin: 0 0 4px
}
.upload-file-form-container .uploaded-files:before,.upload-file-form-container .uploaded-files:after {
content: "";
display: table;
clear: both
}
.rf-upload-file p {
margin: 0
}
.rf-upload-file p.error-msg {
white-space: normal !important
}
.rf-upload-file.file-upload-lg .upload-file-area {
min-height: 150px
}
.rf-upload-file .uploaded-files {
text-align: left;
padding: 0
}
.rf-upload-file .uploaded-files .rfSI {
margin-left: 12px
}
.upload-file-area {
padding: 12px;
border: 2px dashed var(--rf-brand-color-border);
overflow: auto;
margin-bottom: 8px;
cursor: pointer
}
.upload-file-area.is-inline {
display: flex;
align-items: center;
gap: 12px
}
.upload-file-area.active {
border-color: var(--rf-brand-color-text-body)
}
.upload-file-area.is-centered {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.upload-file-area .upload-message {
display: block;
clear: both
}
.upload-file-area .upload-message:before,.upload-file-area .upload-message:after {
content: "";
display: table;
clear: both
}
.upload-file-area .upload-message .mdBtnR {
margin-right: 12px;
float: left
}
.upload-file-area .upload-message .mdBtnR .mdBtnR-text {
line-height: 1em
}
.upload-file-area .upload-instructions {
cursor: pointer;
font-size: 16px;
line-height: 31px;
display: block
}
.upload-file-area .draggable-upload-container {
clear: both
}
.upload-file-area .draggable-upload-container:before,.upload-file-area .draggable-upload-container:after {
content: "";
display: table;
clear: both
}
.upload-file-area .file-listing {
margin-bottom: 4px;
clear: both
}
.upload-file-area .file-listing:before,.upload-file-area .file-listing:after {
content: "";
display: table;
clear: both
}
.upload-footer-buttons {
text-align: right
}
.crop-image-uploader .rf-flex-frame>div {
width: 50%
}
.crop-image-uploader .rf-flex-frame>div:first-of-type {
padding-right: 20px
}
.crop-image-uploader .rf-flex-frame .ReactCrop__image {
max-height: 300px
}
.take-photo-modal .camera-capture-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.take-photo-modal .camera-capture-wrapper>div {
min-height: 300px
}
.take-photo-modal video,.take-photo-modal img,.take-photo-modal .camera-capture-picture {
max-width: 100%;
max-height: 300px
}
@media all and (min-width: 1024px) {
.take-photo-modal video,.take-photo-modal img,.take-photo-modal .camera-capture-picture {
max-height:500px
}
}
.take-photo-modal .rf-countdown {
margin-top: 20px
}
.take-photo-modal .rf-countdown p {
margin: 0
}
.filters-container.has-side-filter {
display: flex
}
.filters-container.has-side-filter .filtered-content {
margin-left: 20px
}
.filters-container .filtered-content {
display: flex;
flex-direction: column;
flex: 1
}
.filters-container .filtered-content .facets-container .rf-facet-label {
color: var(--rf-brand-color-text-heading);
background: var(--rf-brand-color-surface);
border-radius: 15px;
margin-right: 8px
}
@media all and (min-width: 1024px) {
.filters-container .filtered-content .filter-dropdowns {
display:flex;
justify-content: space-between
}
.filters-container .filtered-content .filter-dropdowns .filtered-sort-by {
padding: 0;
width: 33%
}
.filters-container .filtered-content .filter-dropdowns .filtered-show-total {
width: 20%
}
}
.filters-container h4 {
margin-bottom: 8px
}
.side-filters-container {
display: flex;
flex-direction: column;
row-gap: 16px
}
.side-filters-container.has-y-overflow {
overflow-y: auto;
padding: 8px;
margin: -8px
}
.side-filters {
max-width: 320px;
width: 100%;
border: 1px solid var(--rf-brand-color-border);
border-radius: 4px;
padding: 16px 20px;
transition: border 30ms ease,border-radius 30ms ease,padding 30ms ease
}
@media(prefers-reduced-motion: reduce) {
.side-filters {
transition: none
}
}
.side-filters.no-container {
border: none;
border-radius: 0;
padding: 0
}
.side-filters .side-filters-sub-section-list {
display: flex;
flex-direction: column;
gap: 16px
}
.side-filters .side-filters-header {
align-items: center;
display: flex;
justify-content: space-between;
gap: 8px;
margin-block-end:8px}
.side-filters .side-filters-header-title {
margin: 0;
line-height: 1
}
.side-filters .side-filters-search-container {
padding: 8px 0 16px 0
}
.side-filters .side-filters-sub-section {
border: 1px solid var(--rf-brand-color-border);
background: var(--rf-brand-color-surface);
border-radius: var(--rf-brand-shape-radius)
}
.side-filters .side-filters-sub-section-header {
background: var(--rf-brand-color-surface-2);
border-start-start-radius: var(--rf-brand-shape-radius);
border-start-end-radius: var(--rf-brand-shape-radius);
padding: 16px
}
.side-filters .side-filters-sub-section-title {
margin: 0;
font-size: var(--rf-brand-font-scale-5);
font-weight: var(--rf-system-font-weight-600);
line-height: 1
}
.side-filters .side-filters-sub-section-body {
padding-inline:16px;min-height: 32px
}
.meeting-schedule-filters-container {
display: flex;
justify-content: center;
height: 100%
}
.meeting-schedule-filters-container .side-filter-divider {
width: 1px;
background-color: var(--rf-brand-color-border);
position: relative
}
.meeting-schedule-filters-container .side-filter-divider .collapse-expand-btn {
position: absolute;
top: 36px;
right: 0;
transform: translateX(50%)
}
.meeting-schedule-filters-container .meeting-schedule-filters-separator {
margin-block:8px 24px;width: 100%
}
.meeting-schedule-filters-container .filter-panel {
display: flex;
flex-direction: column;
margin-inline-end:16px;min-width: 320px;
padding-block-start:24px;-webkit-transition: margin-inline-start 300ms cubic-bezier(0, 0, 0.58, 1);
-moz-transition: margin-inline-start 300ms cubic-bezier(0, 0, 0.58, 1);
-ms-transition: margin-inline-start 300ms cubic-bezier(0, 0, 0.58, 1);
-o-transition: margin-inline-start 300ms cubic-bezier(0, 0, 0.58, 1);
transition: margin-inline-start 300ms cubic-bezier(0, 0, 0.58, 1)
}
@media(prefers-reduced-motion: reduce) {
.meeting-schedule-filters-container .filter-panel {
transition: none
}
}
.meeting-schedule-filters-container .filter-panel.hide-filter-panel {
margin-inline-start:-336px}
.meeting-schedule-filters-container .filter-panel .panel-overflow-scroll {
overflow-y: auto
}
.meeting-schedule-filters-container .meeting-schedule-filtered-content {
display: flex;
flex-direction: column;
flex: 1;
margin-left: 24px
}
.applied-filters-container {
align-items: center;
display: flex;
flex-wrap: wrap
}
.applied-filters .filter-result-number {
margin: 0
}
.filters-no-results-container {
width: 100%;
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
color: var(--rf-brand-color-text-body);
padding: 48px 0;
display: flex;
justify-content: center;
align-items: center
}
.filters-no-results-container .filters-no-results-message {
margin: 0
}
.filter-group-container {
border-block:1px solid var(--rf-brand-color-border)}
.filter-group-container.no-borders {
border: none
}
.filter-group-container .filter-group-scroll {
max-height: 320px;
overflow: auto
}
.filter-group-container .rf-icon-input-container {
padding: 8px 0 16px 0
}
.flowplayer .fp-color {
background-color: var(--rf-system-color-neutral-100)
}
.flowplayer .fp-cc summary {
color: var(--rf-brand-color-status-disabled)
}
.flowplayer .fp-cc summary.fp-color-text {
color: var(--rf-system-color-neutral-100)
}
.flowplayer .fp-menu .fp-menu-header h3 {
color: var(--rf-system-color-neutral-100)
}
.form-stepper+.form-stepper {
margin-top: 40px
}
.form-stepper .stepper-header {
align-items: center;
display: flex;
gap: 20px;
margin-bottom: 20px
}
.form-stepper .stepper-header .stepper-header-title {
padding: 4px 0
}
.form-stepper .stepper-header-status {
flex-shrink: 0
}
.form-stepper .stepper-header-title {
display: flex;
flex: 1;
gap: 8px;
justify-content: space-between;
line-height: 1;
margin-bottom: 0
}
.form-stepper .stepper-header-title h3 {
font-size: var(--rf-brand-font-scale-5)
}
.form-stepper .stepper-header-title h3,.form-stepper .stepper-header-title p {
margin-bottom: 0
}
.form-stepper .stepper-header-title svg {
cursor: pointer
}
.form-stepper .stepper-body,.form-stepper .stepper-footer,.form-stepper .stepper-summary {
padding-left: 44px
}
.form-stepper .stepper-body-footer {
border-top: 1px solid var(--rf-brand-color-border);
display: flex;
justify-content: flex-end;
margin-top: 32px;
padding-bottom: 12px;
padding-top: 12px
}
.form-stepper .stepper-footer {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 16px;
justify-content: flex-end;
margin-top: 16px
}
.form-stepper-container {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
padding: 16px;
margin-bottom: 24px
}
.form-stepper-container .stepper-content-wrapper {
display: grid;
grid-template-rows: 0fr;
transition: grid-template-rows 300ms cubic-bezier(0, 0, 0.58, 1);
-webkit-transition: grid-template-rows 300ms cubic-bezier(0, 0, 0.58, 1);
-o-transition: grid-template-rows 300ms cubic-bezier(0, 0, 0.58, 1)
}
@media(prefers-reduced-motion: reduce) {
.form-stepper-container .stepper-content-wrapper {
transition: none
}
}
.form-stepper-container .stepper-content-wrapper .stepper-body {
overflow: hidden
}
.form-stepper-container .stepper-content-wrapper.stepper-active {
grid-template-rows: 1fr
}
.form-stepper-container .stepper-content-wrapper.stepper-non-active {
transition: none
}
.form-stepper-container.form-stepper-container-clickable {
cursor: pointer
}
.form-stepper-container.form-stepper-container-clickable .form-stepper .stepper-header-title:hover {
text-decoration: underline;
text-decoration-color: var(--rf-comp-link-color)
}
.form-stepper-container.form-stepper-container-clickable:hover .form-stepper .stepper-header-title h3 {
color: var(--rf-comp-link-color)
}
.form-stepper-container .stepper-header {
margin-bottom: 0
}
.form-stepper-container .stepper-summary {
margin-top: 8px
}
.form-stepper-container .stepper-summary p {
margin: 0;
font-size: var(--rf-brand-font-scale-6);
color: var(--rf-brand-color-text-body)
}
.form-stepper-container .form-horizontal.form-render-page.workflow-form-render {
padding: 4px
}
#scheduling-grid {
width: 100%;
height: 100%
}
.session-grid-content-wrapper {
display: flex;
flex-direction: column;
position: relative;
flex: 1;
height: 100%
}
.scheduling-grid-div {
height: 100%;
background: var(--rf-brand-color-surface);
padding: calc(calc(var(--top-environment-header-height, 0px) + var(--builder-control-bar-height, 70px) + var(--top-spoof-height, 0px)) + 16px) 16px 16px;
display: flex;
flex-direction: column
}
.scheduling-grid-div .grid-scheduler-wrapper {
display: flex;
flex-direction: column;
flex: 1;
position: relative
}
.scheduling-grid-div .loading-grid {
margin: -210px 0 0
}
.scheduling-grid-div .grid-scheduler {
flex: 1;
margin-bottom: 8px
}
.scheduling-grid-div .grid-scheduler .rf-loader-container {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 64px
}
.scheduling-grid-div .grid-scheduler .loading-day {
position: absolute;
left: 50%;
top: 50%;
margin-top: 100px
}
.scheduling-grid-div .grid-scheduler .session-bar {
overflow: hidden;
display: flex
}
.scheduling-grid-div .grid-scheduler .session-bar .search-container {
display: flex;
flex-direction: column;
width: 348px;
margin: 0 32px 0 0
}
.scheduling-grid-div .grid-scheduler .session-bar .search-container .grid-search {
width: 100%;
border-radius: var(--rf-brand-shape-radius);
margin: 0 0 10px
}
.scheduling-grid-div .grid-scheduler .session-bar .search-container .display-options {
width: 100%;
display: flex;
column-gap: 8px
}
.scheduling-grid-div .grid-scheduler .session-bar .search-container .display-options button {
border-radius: var(--rf-brand-shape-radius);
flex: 1;
font-size: 14px;
padding: 14px 0;
border: 1px solid var(--rf-brand-color-border)
}
.scheduling-grid-div .grid-scheduler .session-bar .search-container .display-options button.active {
border-color: var(--rf-brand-color-primary);
background: var(--rf-brand-color-primary-muted)
}
.scheduling-grid-div .grid-scheduler .session-bar .search-container .display-options button:first-child {
margin-right: 10px
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions {
height: 82px;
width: 100%
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .ReactVirtualized__Grid {
height: 127px !important;
margin-bottom: -17px;
overflow-y: hidden !important
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .ReactVirtualized__Grid::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
height: 8px
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .ReactVirtualized__Grid::-webkit-scrollbar-track {
background: var(--rf-brand-color-surface-2);
opacity: 1
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .ReactVirtualized__Grid::-webkit-scrollbar-thumb {
background: var(--rf-system-color-neutral-50);
opacity: 1;
border-radius: var(--rf-brand-shape-radius)
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .ReactVirtualized__Grid {
height:119px !important
}
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .unscheduled-session .rfSI {
position: absolute;
z-index: 10;
right: 7px;
top: -2px
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .unscheduled-session .rfSI svg {
fill: var(--rf-system-color-neutral-10)
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .session-col {
float: left;
overflow: hidden
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .session-col .grid-session:last-child {
margin-bottom: 0
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .grid-session {
float: left;
clear: both
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .grid-session.disabled svg {
cursor: not-allowed;
fill: var(--rf-system-color-neutral-80) !important
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .grid-session.disabled .session-content {
cursor: not-allowed;
border: 1px solid var(--rf-system-color-neutral-80);
background: var(--rf-brand-color-surface-2)
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .grid-session.disabled .session-content .multiple-sessions {
background: var(--rf-system-color-neutral-70);
color: var(--rf-system-color-neutral-10)
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .grid-session.disabled .session-content .session-title {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .grid-session.disabled .multiple-sessions {
background: var(--rf-system-color-neutral-50)
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .grid-session .session-content {
padding: 3px 4px 0 4px;
width: 202px;
height: 33px
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .grid-session .session-id {
margin-right: 50px;
color: var(--rf-system-color-neutral-10)
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .grid-session .session-length {
color: var(--rf-system-color-neutral-10);
font-weight: var(--rf-system-font-weight-600);
position: absolute;
right: 22px
}
.scheduling-grid-div .grid-scheduler .session-bar .unscheduled-sessions .grid-session .multiple-sessions {
background: var(--rf-system-color-neutral-20);
position: absolute;
right: 0;
bottom: 0;
color: var(--rf-system-color-neutral-100);
font-size: 9px;
padding: 2px 4px;
border-top-left-radius: var(--rf-brand-shape-radius);
border-bottom-right-radius: var(--rf-brand-shape-radius);
line-height: 10px
}
.scheduling-grid-div .grid-scheduler #builder-header {
top: 0;
left: 0
}
.scheduling-grid-div .grid-scheduler .day-chooser {
position: fixed;
top: 56px;
left: 0;
right: 0;
background: var(--rf-brand-color-primary);
height: 30px;
padding-left: 54px;
box-shadow: 0 0 8px 0 var(--rf-system-color-neutral-0)
}
.scheduling-grid-div .grid-scheduler .day-chooser a {
color: var(--rf-system-color-neutral-100);
display: block;
float: left;
line-height: 30px;
margin-right: 80px;
text-decoration: none;
opacity: .6
}
.scheduling-grid-div .grid-scheduler .day-chooser a:hover,.scheduling-grid-div .grid-scheduler .day-chooser a.active {
opacity: 1
}
.scheduling-grid-div .grid-scheduler .edit-mode-frame {
border: 1px solid var(--rf-system-color-neutral-60);
flex: 1;
border-radius: var(--rf-brand-shape-radius)
}
.scheduling-grid-div .grid-scheduler .edit-mode-frame .frame-header {
display: none
}
.scheduling-grid-div .grid-scheduler.edit-mode .frame-tabs-container {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.scheduling-grid-div .grid-scheduler.edit-mode .drop-segments div div {
background: #1570ef
}
.scheduling-grid-div .grid-scheduler.edit-mode .session-bar .grid-search-sessions-only {
background: var(--rf-brand-color-surface-2);
pointer-events: none;
cursor: not-allowed
}
.scheduling-grid-div .grid-scheduler.edit-mode .session-bar .grid-search-sessions-only input {
background: rgba(0,0,0,0) !important
}
.scheduling-grid-div .grid-scheduler.edit-mode .edit-mode-frame {
border: solid var(--rf-brand-color-primary);
border-width: 32px 2px 2px 2px
}
.scheduling-grid-div .grid-scheduler.edit-mode .edit-mode-frame .frame-header {
margin: -32px 0 0;
display: block;
padding: 4px 8px
}
.scheduling-grid-div .grid-scheduler.edit-mode .edit-mode-frame .frame-header .mdBtnR {
padding: 3px 8px
}
.scheduling-grid-div .grid-scheduler.edit-mode .edit-mode-frame p {
color: var(--rf-brand-color-on-primary);
line-height: 25px;
padding: 0 0 0 8px;
margin: 0
}
.scheduling-grid-div .grid-scheduler.edit-mode .edit-mode-frame .session-info {
color: var(--rf-brand-color-on-primary);
line-height: 25px;
display: block;
float: right;
margin: 0 20px 0 8px;
max-width: 500px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
@media(max-width: 980px) {
.scheduling-grid-div .grid-scheduler.edit-mode .edit-mode-frame .session-info {
max-width:300px
}
}
.scheduling-grid-div .grid-scheduler.edit-mode .edit-mode-frame .rfSI {
margin-top: 1px
}
.scheduling-grid-div .grid-scheduler.edit-mode .grid-frame {
border-right: none;
border-bottom: none
}
.scheduling-grid-div .grid-scheduler.edit-mode .grid-room {
border-left: none
}
.scheduling-grid-div .grid-scheduler.edit-mode .grid-rooms {
border-bottom: none;
border-left: none
}
.scheduling-grid-div .grid-scheduler.edit-mode .grid-header {
border-right: none;
border-top-right-radius: 0
}
.scheduling-grid-div .grid-scheduler.edit-mode .grid-header .grid-search {
border-left: none;
border-top-left-radius: 0
}
.scheduling-grid-div .grid-scheduler .frame-tabs-container {
position: absolute;
left: 0;
right: 0;
top: 0;
border-top-right-radius: var(--rf-brand-shape-radius);
border-top-left-radius: var(--rf-brand-shape-radius);
height: 40px;
overflow: hidden;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.scheduling-grid-div .grid-scheduler .frame-tabs-container menu {
transition: margin .5s ease-in-out
}
.scheduling-grid-div .grid-scheduler .frame-tabs-container .frame-tab-item {
font-size: 13px;
min-width: 140px;
display: flex;
align-items: center;
white-space: nowrap;
padding: 8px 32px;
min-height: 37px;
margin: 0
}
.scheduling-grid-div .grid-content {
height: calc(100% - 41px);
position: absolute;
top: 40px;
left: 280px;
right: 0
}
.scheduling-grid-div .grid-content .the-grid {
height: calc(100% - 45px);
width: 100%;
position: absolute;
top: 45px
}
.scheduling-grid-div .grid-content .the-grid>div:first-child {
width: 100% !important;
height: 100% !important
}
.scheduling-grid-div .grid-content .grid-search {
position: absolute;
top: 0;
left: -280px;
border-left: none;
border-top: none
}
.scheduling-grid-div .grid-content>div {
height: 100%
}
.scheduling-grid-div .grid-content>div .grid-row,.scheduling-grid-div .grid-content>div .drag-preview {
height: 45px
}
.scheduling-grid-div .grid-header {
overflow: scroll;
height: 100%;
box-sizing: border-box;
margin-bottom: 54px;
position: relative
}
.scheduling-grid-div .grid-header::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
height: 8px
}
.scheduling-grid-div .grid-header::-webkit-scrollbar-track {
background: var(--rf-brand-color-surface-2);
opacity: 1
}
.scheduling-grid-div .grid-header::-webkit-scrollbar-thumb {
background: var(--rf-system-color-neutral-50);
opacity: 1;
border-radius: var(--rf-brand-shape-radius)
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.scheduling-grid-div .grid-header {
padding-bottom:10px;
margin-bottom: 0;
box-sizing: content-box;
overflow-y: hidden
}
}
.scheduling-grid-div .grid-header .grid-search {
border-left: none;
float: none
}
.scheduling-grid-div .grid-header .grid-segment {
box-sizing: border-box;
border-right: 1px solid var(--rf-brand-color-border);
height: 100%;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
line-height: 30px;
font-weight: var(--rf-system-font-weight-700);
text-align: center;
position: relative;
background: var(--rf-brand-color-surface-2) url("../images/grid-header.png") no-repeat;
background-size: 120px auto;
background-position-y: 6px
}
.scheduling-grid-div .grid-header div {
float: left
}
.scheduling-grid-div .grid-minutes {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: none
}
.scheduling-grid-div .grid-minutes>div {
width: 30px;
float: left;
border-right: 1px solid var(--rf-brand-color-border);
height: 8px
}
.scheduling-grid-div .grid-minutes>div span {
position: absolute;
bottom: 9px;
font-size: 8px;
margin-left: 8px
}
.scheduling-grid-div .grid-search {
align-items: center;
background: var(--rf-brand-color-surface);
border: 1px solid var(--rf-brand-color-border);
column-gap: 8px;
display: flex;
height: 45px;
left: 0;
padding: 8px;
width: 280px
}
.scheduling-grid-div .grid-search .rf-search-bar {
display: block;
flex: 1;
padding: 6px 0
}
.scheduling-grid-div .grid-search .rf-search-bar label {
display: none
}
.scheduling-grid-div .grid-search .rf-search-bar input {
padding: 0;
font-size: 16px;
min-height: 26px
}
.scheduling-grid-div .grid-search .rf-search-bar input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) {
border: none !important;
border-right: 1px solid var(--rf-comp-input-color-border) !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.scheduling-grid-div .grid-search .rf-search-bar input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):hover,.scheduling-grid-div .grid-search .rf-search-bar input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):focus,.scheduling-grid-div .grid-search .rf-search-bar input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):active {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.scheduling-grid-div .grid-hours {
border-bottom: 1px solid var(--rf-brand-color-border);
height: 45px
}
.scheduling-grid-div .grid-hours .grid-segment:last-child {
border-right: none
}
.scheduling-grid-div .grid-rooms {
position: absolute;
width: 100%;
left: -280px;
right: 0;
max-height: 100%;
border-bottom-left-radius: var(--rf-brand-shape-radius);
box-sizing: content-box;
overflow: auto;
overflow-x: hidden;
height: 100%
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.scheduling-grid-div .grid-rooms {
padding-right:280px
}
}
.scheduling-grid-div .grid-rooms>div:first-child {
width: 100% !important;
height: 100% !important
}
.scheduling-grid-div .grid-rooms .ReactVirtualized__Grid {
width: 100% !important;
padding-right: 280px !important;
box-sizing: content-box !important;
overflow: scroll !important;
overflow-x: scroll !important
}
.scheduling-grid-div .grid-rooms .ReactVirtualized__Grid::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
height: 8px
}
.scheduling-grid-div .grid-rooms .ReactVirtualized__Grid::-webkit-scrollbar-track {
background: var(--rf-brand-color-surface-2);
opacity: 1
}
.scheduling-grid-div .grid-rooms .ReactVirtualized__Grid::-webkit-scrollbar-thumb {
background: var(--rf-system-color-neutral-50);
opacity: 1;
border-radius: var(--rf-brand-shape-radius)
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.scheduling-grid-div .grid-rooms .ReactVirtualized__Grid {
height:100% !important;
overflow-x: hidden !important
}
}
.scheduling-grid-div .grid-room {
width: 280px;
border: 1px solid var(--rf-brand-color-border);
border-left: none;
border-top: none;
justify-content: space-between;
background-color: var(--rf-brand-color-surface-2);
padding: 4px 10px;
height: 45px;
overflow: hidden;
color: var(--rf-brand-color-text-heading);
display: flex
}
.scheduling-grid-div .grid-room .room-name {
overflow: hidden;
line-height: 18px;
font-weight: var(--rf-system-font-weight-700)
}
.scheduling-grid-div .grid-room .room-capacity {
line-height: 18px;
padding-left: 4px
}
.scheduling-grid-div .grid-room.unavailable {
background: var(--rf-brand-color-status-disabled)
}
.scheduling-grid-div .grid-room.no-border-bottom {
border-bottom: none
}
.scheduling-grid-div .grid-room-separator {
border-top: 4px solid var(--rf-brand-color-border)
}
.scheduling-grid-div .grid-frame {
max-height: 100%;
position: relative;
background: var(--rf-brand-color-surface);
border-bottom-right-radius: var(--rf-brand-shape-radius);
height: 100%
}
.scheduling-grid-div .grid-frame .grid-frame-virtualized {
scrollbar-width: none
}
.scheduling-grid-div .grid-frame .ReactVirtualized__Grid__innerScrollContainer {
overflow: initial !important
}
.scheduling-grid-div .grid-frame>div:first-child {
width: 100% !important;
height: 100% !important
}
.scheduling-grid-div .grid-frame .ReactVirtualized__Grid {
overflow: auto !important
}
.scheduling-grid-div .grid-frame .ReactVirtualized__Grid::-webkit-scrollbar {
-webkit-appearance: none;
width: 0;
height: 0
}
.scheduling-grid-div .grid-row>div {
float: left
}
.scheduling-grid-div .grid-row div {
height: 100%
}
.scheduling-grid-div .grid-row:last-of-type .session-details-overlay {
top: auto !important;
bottom: 0
}
.scheduling-grid-div .grid-row.unavailable {
background: var(--rf-brand-color-surface-2)
}
.scheduling-grid-div div.grid-current-time-line {
background-color: #d92d20;
height: calc(100% - 56px);
left: var(--current-time);
pointer-events: none;
position: absolute;
top: 45px;
width: 3px;
z-index: 20
}
.scheduling-grid-div div.grid-current-time-line::before {
background-color: #d92d20;
border-radius: 15px;
content: "";
display: block;
left: -6px;
height: 15px;
pointer-events: none;
position: absolute;
top: -15px;
width: 15px
}
.scheduling-grid-div .grid-row-body {
position: relative;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid var(--rf-brand-color-border);
background-size: 120px 44px;
background-image: url("../images/grid.png")
}
.scheduling-grid-div .grid-row-body .row-group:last-child {
border-right: none
}
.scheduling-grid-div .grid-row-body .row-group:last-child .grid-drop-zone:last-child {
border-right: none
}
.scheduling-grid-div .grid-session {
position: relative;
text-overflow: ellipsis;
height: 100%;
cursor: default
}
.scheduling-grid-div .grid-session.clickable {
cursor: pointer
}
.scheduling-grid-div .grid-session.disabled svg {
cursor: not-allowed;
fill: var(--rf-brand-color-status-disabled) !important
}
.scheduling-grid-div .grid-session.disabled .session-content {
cursor: not-allowed;
border: 1px solid var(--rf-brand-color-status-disabled);
background: var(--rf-brand-color-surface-2)
}
.scheduling-grid-div .grid-session.disabled .session-content .multiple-sessions {
background: var(--rf-system-color-neutral-50);
color: var(--rf-system-color-neutral-10)
}
.scheduling-grid-div .grid-session.disabled .session-content .session-title {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.scheduling-grid-div .grid-session>div {
margin-top: -45px
}
.scheduling-grid-div .grid-session .grid-drop-zone {
border-right: none !important
}
.scheduling-grid-div .grid-session .session-id {
margin: 0
}
.scheduling-grid-div .grid-session .drop-segments {
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: .5
}
.scheduling-grid-div .grid-session.scheduled-session .session-time {
margin-right: 17px
}
.scheduling-grid-div .grid-session.scheduled-session.disabled {
opacity: .5
}
.scheduling-grid-div .grid-session.scheduled-session .rfSI {
position: absolute;
z-index: 10;
right: -1px;
top: -2px
}
.scheduling-grid-div .grid-session.scheduled-session .rfSI svg {
fill: var(--rf-brand-color-text-heading)
}
.scheduling-grid-div .grid-session.scheduled-session .rfSI.rf-loading {
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.scheduling-grid-div .grid-session .session-content {
background-color: var(--rf-system-color-blue-dark-90);
border: 1px solid var(--rf-brand-color-status-info);
border-radius: var(--rf-brand-shape-radius);
padding: 3px 0 4px 4px;
margin-top: 0;
position: relative
}
.scheduling-grid-div .grid-session .session-content span {
font-size: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 13px;
display: block
}
.scheduling-grid-div .grid-session .session-content span.session-time,.scheduling-grid-div .grid-session .session-content span.session-id {
font-weight: var(--rf-system-font-weight-700);
color: var(--rf-brand-color-text-heading)
}
.scheduling-grid-div .grid-session .session-content span .session-description {
line-height: 14px
}
.scheduling-grid-div .grid-session .session-content .xsm {
font-size: 10px
}
.scheduling-grid-div .grid-session .session-details-overlay {
position: absolute;
background: var(--rf-brand-color-surface);
box-shadow: 0 5px 10px var(--rf-brand-color-border);
border: 1px solid var(--rf-brand-color-status-info);
border-radius: var(--rf-brand-shape-radius);
padding: 3px 4px 5px 4px;
left: 0 !important;
width: 100%;
min-width: 200px;
min-height: 69px;
height: auto;
max-height: 300px;
overflow: scroll;
max-width: 300px
}
.scheduling-grid-div .grid-session .session-details-overlay h3,.scheduling-grid-div .grid-session .session-details-overlay span,.scheduling-grid-div .grid-session .session-details-overlay p {
font-size: 10px;
line-height: 12px
}
.scheduling-grid-div .grid-session .session-details-overlay h3 {
font-weight: var(--rf-system-font-weight-700);
margin: 0 0 8px;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.scheduling-grid-div .grid-session .session-details-overlay .rf-pill {
margin: 0 0 4px
}
.scheduling-grid-div .grid-session .session-details-overlay>p {
text-overflow: ellipsis;
overflow: hidden;
margin: 0 0 4px;
color: var(--rf-brand-color-text-body)
}
.scheduling-grid-div .grid-session .session-details-overlay>p strong {
font-size: 10px;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.scheduling-grid-div .grid-session .session-details-overlay strong {
font-weight: var(--rf-system-font-weight-700);
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.scheduling-grid-div .grid-session .session-details-overlay .session-overlay-time {
padding-right: 16px
}
.scheduling-grid-div .grid-session .close-session-overlay {
position: absolute;
top: 1px;
right: 1px
}
.scheduling-grid-div .grid-session .close-session-overlay svg {
fill: var(--rf-brand-color-text-body)
}
.scheduling-grid-div .grid-session .close-session-overlay p {
font-size: 11px;
margin: 0 0 4px
}
.scheduling-grid-div .grid-row-body .grid-hour,.scheduling-grid-div .grid-row-body .row-group {
height: 100%;
float: left;
box-sizing: border-box
}
.scheduling-grid-div .grid-row-body .grid-drop-zone {
float: left;
box-sizing: border-box;
width: 100%;
height: 100%;
border-right: 1px dashed var(--rf-brand-color-surface-2)
}
.scheduling-grid-div .grid-row-body .grid-drop-zone:nth-child(3n+3) {
border-right: 1px solid #e0e0e0
}
.scheduling-grid-div .grid-row-body .grid-drop-zone:last-child {
border-right: 1px solid var(--rf-brand-color-border)
}
.scheduling-grid-div .grid-row-body .grid-drop-zone .hasData {
border-right: none
}
.scheduling-grid-div .grid-row-body .grid-drop-zone>div {
width: 100%
}
.session-settings-modal p {
margin: 0 0 20px
}
.scheduled-overlay {
width: 256px
}
.scheduled-overlay .rf-overlay-header {
border-bottom: 1px solid var(--rf-brand-color-surface-2);
padding: 4px 4px 8px 8px
}
.scheduled-overlay .rf-overlay-header * {
font-size: 11px;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.scheduled-overlay .rf-overlay-header .session-time {
display: block;
margin: 4px 0 8px
}
.scheduled-overlay .rf-overlay-header .session-title,.scheduled-overlay .rf-overlay-header .session-description {
display: block;
font-weight: var(--rf-system-font-weight-600);
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
line-height: 14px
}
.scheduled-overlay .rf-overlay-content .rf-overlay-footer {
justify-content: space-between
}
.scheduled-overlay .rf-overlay-body {
padding: 0 8px;
max-height: 180px;
overflow-x: hidden;
overflow-y: auto
}
.scheduled-overlay .rf-overlay-body>p,.scheduled-overlay .rf-overlay-body>span {
margin: 0 0 8px;
display: block;
line-height: 12px;
clear: both
}
.scheduled-overlay .rf-overlay-body>p:before,.scheduled-overlay .rf-overlay-body>p:after,.scheduled-overlay .rf-overlay-body>span:before,.scheduled-overlay .rf-overlay-body>span:after {
content: "";
display: table;
clear: both
}
.scheduled-overlay .rf-overlay-body>p:first-of-type,.scheduled-overlay .rf-overlay-body>span:first-of-type {
margin-top: 8px
}
.scheduled-overlay .rf-overlay-body>p.rf-pill,.scheduled-overlay .rf-overlay-body>span.rf-pill {
display: inline-block
}
.scheduled-overlay .rf-overlay-body ul {
padding: 0
}
.scheduled-overlay .rf-overlay-body ul li {
margin: 0 0 8px
}
.scheduled-overlay .rf-overlay-body ul li:first-of-type {
margin-top: 8px
}
.scheduled-overlay .rf-overlay-body * {
font-size: 11px
}
.scheduled-overlay .rf-overlay-footer {
border-top: 1px solid var(--rf-brand-color-surface-2);
padding: 8px;
margin-top: -1px
}
.scheduled-overlay .rf-overlay-footer .mdBtnR+.mdBtnR {
margin-left: 0
}
.grid-floating-session {
height: 44px;
z-index: 10;
background-color: rgba(0,0,0,0);
pointer-events: none;
cursor: default;
position: absolute;
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius);
box-shadow: 0 0 10px -2px #444
}
.grid-floating-session.disabled svg {
cursor: not-allowed
}
.grid-floating-session.disabled .session-content {
cursor: not-allowed;
border: 1px solid var(--rf-brand-color-status-error);
background: var(--rf-brand-color-surface-2)
}
.grid-floating-session.disabled .session-content .multiple-sessions {
background: var(--rf-system-color-neutral-50);
color: var(--rf-system-color-neutral-10)
}
.grid-floating-session.disabled .session-content .session-title {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.grid-floating-session .session-content {
background-color: var(--rf-system-color-blue-dark-90);
border: 1px solid #1570ef;
border-radius: var(--rf-brand-shape-radius);
padding: 3px 0 4px 4px;
margin-top: 0;
position: relative;
height: 100%;
width: 100%
}
.grid-floating-session .session-content span {
font-size: 10px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 13px;
display: block
}
.grid-floating-session .session-content span.session-time,.grid-floating-session .session-content span.session-id {
font-weight: var(--rf-system-font-weight-700);
color: var(--rf-system-color-neutral-10)
}
.grid-floating-session .session-content span .session-description {
line-height: 14px
}
.grid-floating-session .session-content .xsm {
font-size: 10px
}
.modify-session-modal .conflict-list {
padding: 0 0 0 60px
}
.modify-session-modal .conflict-list li {
list-style: disc;
margin: 0 0 8px
}
.modify-session-modal .rf-conflict-list {
width: 100%
}
.modify-session-modal .gray-icon {
margin: 0 0 10px;
display: block
}
.modify-session-modal .gray-icon svg {
fill: var(--rf-system-color-neutral-50)
}
.modify-session-modal .session-to-modify {
background: var(--rf-brand-color-surface-2);
padding: 16px 20px;
margin: 0 0 12px;
overflow: hidden
}
.modify-session-modal .session-to-modify span {
font-weight: var(--rf-system-font-weight-700);
display: block;
float: left;
max-width: 30%;
margin-right: 7%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.modify-session-modal .session-to-modify span:last-child {
margin-right: 0;
max-width: 55%
}
.modify-session-modal .session-to-modify.new-session-to-modify {
background: var(--rf-brand-color-primary-muted);
margin: 0 0 24px
}
.modify-session-modal strong {
display: block;
margin: 0 0 8px
}
.modify-session-modal p strong {
display: inline
}
.modify-session-modal .rf-checkbox {
display: block;
margin: 0 0 8px
}
.modify-session-modal p {
margin: 0 0 12px
}
.modify-session-modal p:first-of-type {
margin: 0 0 20px
}
.modify-session-modal .rf-error {
color: var(--rf-brand-color-status-error)
}
.modify-session-modal .error {
font-size: 12px;
display: block;
margin: 0 0 16px
}
.modify-session-modal .error span {
font-size: 12px;
color: var(--rf-brand-color-status-error);
font-weight: var(--rf-system-font-weight-700)
}
.modify-session-modal .time-change-table .conflict-options {
margin: 0 0 12px
}
.modify-session-modal .time-change-table .conflict-options .rf-radio-option {
margin: 0 0 4px
}
.modify-session-modal .time-change-table .conflict-email-options .rf-checkbox-wrapper {
margin: 0 0 4px
}
.time-change-table .rf-checkbox {
margin: 0
}
.color-picker-overlay {
max-height: 400px;
width: 280px
}
.color-picker-overlay .clear-legend-filter {
width: 100%;
margin: 8px 0
}
.color-picker-overlay .legend p {
display: flex;
margin: 0 0 8px
}
.color-picker-overlay .legend p span {
line-height: 20px
}
.color-picker-overlay .legend p .legend-color {
min-width: 20px;
height: 20px;
background: var(--rf-brand-color-primary);
border-radius: var(--rf-brand-shape-radius);
margin: 0 8px 0 0;
display: inline-block
}
.enrollment-overlay {
width: 280px
}
.enrollment-overlay .clear-legend-filter {
width: 100%;
margin: 8px 0
}
.enrollment-overlay .rf-radio-wrapper {
margin: 0 0 8px
}
.workflow-reporting-dashboard,#custom-dashboard,#leads-portal,.dashboard-body {
display: flex;
flex-direction: column;
height: 100%
}
.workflow-reporting-dashboard.is-empty,#custom-dashboard.is-empty,#leads-portal.is-empty,.dashboard-body.is-empty {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 0
}
.workflow-reporting-dashboard .empty-dashboard-message,#custom-dashboard .empty-dashboard-message,#leads-portal .empty-dashboard-message,.dashboard-body .empty-dashboard-message {
margin-bottom: 16px;
font-size: 12px;
line-height: 1.2em
}
.workflow-reporting-dashboard .react-grid-item.react-grid-placeholder,#custom-dashboard .react-grid-item.react-grid-placeholder,#leads-portal .react-grid-item.react-grid-placeholder,.dashboard-body .react-grid-item.react-grid-placeholder {
background-color: var(--rf-brand-color-primary-muted);
border: 1px solid var(--rf-brand-color-primary)
}
.workflow-reporting-dashboard .react-grid-item .canvas-wrapper,#custom-dashboard .react-grid-item .canvas-wrapper,#leads-portal .react-grid-item .canvas-wrapper,.dashboard-body .react-grid-item .canvas-wrapper {
height: 100%;
width: 100%
}
.workflow-reporting-dashboard .react-grid-item .canvas-wrapper.dashboard-text-wrapper h3,#custom-dashboard .react-grid-item .canvas-wrapper.dashboard-text-wrapper h3,#leads-portal .react-grid-item .canvas-wrapper.dashboard-text-wrapper h3,.dashboard-body .react-grid-item .canvas-wrapper.dashboard-text-wrapper h3 {
font-size: 24px
}
.workflow-reporting-dashboard .react-grid-item .canvas-wrapper.dashboard-text-wrapper p,#custom-dashboard .react-grid-item .canvas-wrapper.dashboard-text-wrapper p,#leads-portal .react-grid-item .canvas-wrapper.dashboard-text-wrapper p,.dashboard-body .react-grid-item .canvas-wrapper.dashboard-text-wrapper p {
font-size: var(--rf-brand-font-size)
}
.workflow-reporting-dashboard .react-resizable-handle,#custom-dashboard .react-resizable-handle,#leads-portal .react-resizable-handle,.dashboard-body .react-resizable-handle {
z-index: 10
}
.workflow-reporting-dashboard #BirstDiv,#custom-dashboard #BirstDiv,#leads-portal #BirstDiv,.dashboard-body #BirstDiv {
height: 100%
}
.workflow-reporting-dashboard .autosizer-width,#custom-dashboard .autosizer-width,#leads-portal .autosizer-width,.dashboard-body .autosizer-width {
width: 100% !important
}
.workflow-reporting-dashboard .dashboard-header,#custom-dashboard .dashboard-header,#leads-portal .dashboard-header,.dashboard-body .dashboard-header {
clear: both;
margin-bottom: 16px
}
.workflow-reporting-dashboard .dashboard-header:before,.workflow-reporting-dashboard .dashboard-header:after,#custom-dashboard .dashboard-header:before,#custom-dashboard .dashboard-header:after,#leads-portal .dashboard-header:before,#leads-portal .dashboard-header:after,.dashboard-body .dashboard-header:before,.dashboard-body .dashboard-header:after {
content: "";
display: table;
clear: both
}
.workflow-reporting-dashboard .dashboard-header .dashboard-select,#custom-dashboard .dashboard-header .dashboard-select,#leads-portal .dashboard-header .dashboard-select,.dashboard-body .dashboard-header .dashboard-select {
width: 350px;
float: left
}
.workflow-reporting-dashboard .dashboard-header .is-button-menu,#custom-dashboard .dashboard-header .is-button-menu,#leads-portal .dashboard-header .is-button-menu,.dashboard-body .dashboard-header .is-button-menu {
display: block;
float: right
}
.workflow-reporting-dashboard .dashboard-body,#custom-dashboard .dashboard-body,#leads-portal .dashboard-body,.dashboard-body .dashboard-body {
margin-left: -10px;
margin-right: -10px
}
.workflow-reporting-dashboard .dashboard-body .FilterVersion2-tile-container,#custom-dashboard .dashboard-body .FilterVersion2-tile-container,#leads-portal .dashboard-body .FilterVersion2-tile-container,.dashboard-body .dashboard-body .FilterVersion2-tile-container {
z-index: 1
}
.workflow-reporting-dashboard .dashboard-tile,#custom-dashboard .dashboard-tile,#leads-portal .dashboard-tile,.dashboard-body .dashboard-tile {
width: 100%;
height: 100%;
display: flex;
flex-flow: column;
border: 1px solid var(--rf-brand-color-border);
background-color: var(--dashboard-tile-background-color, var(--rf-brand-color-surface));
border-radius: var(--rf-brand-shape-radius);
overflow: hidden;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.workflow-reporting-dashboard .dashboard-tile.borderless,#custom-dashboard .dashboard-tile.borderless,#leads-portal .dashboard-tile.borderless,.dashboard-body .dashboard-tile.borderless {
border: initial;
box-shadow: initial
}
.workflow-reporting-dashboard .dashboard-tile.font-size-10 .dashboard-tile-body *,#custom-dashboard .dashboard-tile.font-size-10 .dashboard-tile-body *,#leads-portal .dashboard-tile.font-size-10 .dashboard-tile-body *,.dashboard-body .dashboard-tile.font-size-10 .dashboard-tile-body * {
font-size: 10px
}
.workflow-reporting-dashboard .dashboard-tile.font-size-12 .dashboard-tile-body *,#custom-dashboard .dashboard-tile.font-size-12 .dashboard-tile-body *,#leads-portal .dashboard-tile.font-size-12 .dashboard-tile-body *,.dashboard-body .dashboard-tile.font-size-12 .dashboard-tile-body * {
font-size: 12px
}
.workflow-reporting-dashboard .dashboard-tile.font-size-14 .dashboard-tile-body *,#custom-dashboard .dashboard-tile.font-size-14 .dashboard-tile-body *,#leads-portal .dashboard-tile.font-size-14 .dashboard-tile-body *,.dashboard-body .dashboard-tile.font-size-14 .dashboard-tile-body * {
font-size: 14px
}
.workflow-reporting-dashboard .dashboard-tile.font-size-16 .dashboard-tile-body *,#custom-dashboard .dashboard-tile.font-size-16 .dashboard-tile-body *,#leads-portal .dashboard-tile.font-size-16 .dashboard-tile-body *,.dashboard-body .dashboard-tile.font-size-16 .dashboard-tile-body * {
font-size: 16px
}
.workflow-reporting-dashboard .dashboard-tile.font-size-18 .dashboard-tile-body *,#custom-dashboard .dashboard-tile.font-size-18 .dashboard-tile-body *,#leads-portal .dashboard-tile.font-size-18 .dashboard-tile-body *,.dashboard-body .dashboard-tile.font-size-18 .dashboard-tile-body * {
font-size: 18px
}
.workflow-reporting-dashboard .dashboard-tile.font-size-20 .dashboard-tile-body *,#custom-dashboard .dashboard-tile.font-size-20 .dashboard-tile-body *,#leads-portal .dashboard-tile.font-size-20 .dashboard-tile-body *,.dashboard-body .dashboard-tile.font-size-20 .dashboard-tile-body * {
font-size: 20px
}
.workflow-reporting-dashboard .dashboard-tile.font-size-22 .dashboard-tile-body *,#custom-dashboard .dashboard-tile.font-size-22 .dashboard-tile-body *,#leads-portal .dashboard-tile.font-size-22 .dashboard-tile-body *,.dashboard-body .dashboard-tile.font-size-22 .dashboard-tile-body * {
font-size: 22px
}
.workflow-reporting-dashboard .dashboard-tile.font-size-24 .dashboard-tile-body *,#custom-dashboard .dashboard-tile.font-size-24 .dashboard-tile-body *,#leads-portal .dashboard-tile.font-size-24 .dashboard-tile-body *,.dashboard-body .dashboard-tile.font-size-24 .dashboard-tile-body * {
font-size: 24px
}
.workflow-reporting-dashboard .dashboard-tile.filterversion2 .dashboard-tile-header,#custom-dashboard .dashboard-tile.filterversion2 .dashboard-tile-header,#leads-portal .dashboard-tile.filterversion2 .dashboard-tile-header,.dashboard-body .dashboard-tile.filterversion2 .dashboard-tile-header {
background: var(--rf-brand-color-surface-2)
}
.workflow-reporting-dashboard .dashboard-tile.filterversion2 .dashboard-tile-header .open-tile-options,#custom-dashboard .dashboard-tile.filterversion2 .dashboard-tile-header .open-tile-options,#leads-portal .dashboard-tile.filterversion2 .dashboard-tile-header .open-tile-options,.dashboard-body .dashboard-tile.filterversion2 .dashboard-tile-header .open-tile-options {
display: none
}
.workflow-reporting-dashboard .dashboard-tile.filterversion2 .dashboard-tile-body,#custom-dashboard .dashboard-tile.filterversion2 .dashboard-tile-body,#leads-portal .dashboard-tile.filterversion2 .dashboard-tile-body,.dashboard-body .dashboard-tile.filterversion2 .dashboard-tile-body {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-bottom: 0;
overflow: auto
}
.workflow-reporting-dashboard .dashboard-tile.filterversion2 .dashboard-tile-body .body,#custom-dashboard .dashboard-tile.filterversion2 .dashboard-tile-body .body,#leads-portal .dashboard-tile.filterversion2 .dashboard-tile-body .body,.dashboard-body .dashboard-tile.filterversion2 .dashboard-tile-body .body {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 8px;
overflow: auto
}
.workflow-reporting-dashboard .dashboard-tile.filterversion2 .dashboard-tile-body .body .date-range-filter,#custom-dashboard .dashboard-tile.filterversion2 .dashboard-tile-body .body .date-range-filter,#leads-portal .dashboard-tile.filterversion2 .dashboard-tile-body .body .date-range-filter,.dashboard-body .dashboard-tile.filterversion2 .dashboard-tile-body .body .date-range-filter {
display: flex
}
.workflow-reporting-dashboard .dashboard-tile.filterversion2 .dashboard-tile-body .body .date-range-filter .rf-date-picker:first-of-type,#custom-dashboard .dashboard-tile.filterversion2 .dashboard-tile-body .body .date-range-filter .rf-date-picker:first-of-type,#leads-portal .dashboard-tile.filterversion2 .dashboard-tile-body .body .date-range-filter .rf-date-picker:first-of-type,.dashboard-body .dashboard-tile.filterversion2 .dashboard-tile-body .body .date-range-filter .rf-date-picker:first-of-type {
margin-right: 8px
}
.workflow-reporting-dashboard .dashboard-tile.filterversion2 .dashboard-tile-body .footer,#custom-dashboard .dashboard-tile.filterversion2 .dashboard-tile-body .footer,#leads-portal .dashboard-tile.filterversion2 .dashboard-tile-body .footer,.dashboard-body .dashboard-tile.filterversion2 .dashboard-tile-body .footer {
display: flex;
justify-content: space-between;
background: var(--rf-brand-color-surface-2);
border-top: 1px solid var(--rf-brand-color-border);
border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
padding: 12px
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body svg .google-visualization-tooltip,#custom-dashboard .dashboard-tile .dashboard-tile-body svg .google-visualization-tooltip,#leads-portal .dashboard-tile .dashboard-tile-body svg .google-visualization-tooltip,.dashboard-body .dashboard-tile .dashboard-tile-body svg .google-visualization-tooltip {
pointer-events: none
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell {
position: absolute;
width: 100%;
height: 100%
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell::before,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell::before,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell::before,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell::before {
content: "";
display: block;
position: absolute;
width: 50%;
height: 100%;
left: 0;
transform: translateZ(0);
animation: horizontalScan 1.2s 0s ease-in-out infinite;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00ffffff", endColorstr="#00ffffff",GradientType=1 )
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content {
width: 100%;
height: 100%
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div:first-child,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div:first-child,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div:first-child,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div:first-child {
width: 50%;
display: flex;
justify-content: center;
align-items: center
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div:last-child,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div:last-child,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div:last-child,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div:last-child {
width: 100%;
height: 100%
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div::before,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div::before,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div::before,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div::before {
content: "";
display: block;
font-size: 1rem;
height: .7rem;
background-color: var(--rf-system-color-neutral-70)
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div::before,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div::before,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div::before,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .loading-cell-content>div::before {
width: 80%
}
@keyframes horizontalScan {
0% {
left: -100%
}
100% {
left: 100%
}
}
@-webkit-keyframes horizontalScan {
0% {
left: -100%
}
100% {
left: 100%
}
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .ReactVirtualized__Grid:not(:nth-of-type(2)),#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .ReactVirtualized__Grid:not(:nth-of-type(2)),#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .ReactVirtualized__Grid:not(:nth-of-type(2)),.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .ReactVirtualized__Grid:not(:nth-of-type(2)) {
overflow: hidden !important
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell div:first-of-type,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell div:first-of-type,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell div:first-of-type,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell div:first-of-type {
text-transform: uppercase;
font-weight: var(--rf-system-font-weight-700);
line-height: 34px;
padding: 8px
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell,.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell,.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell {
border-bottom: 1px solid var(--rf-brand-color-border);
border-right: 1px solid var(--rf-brand-color-border)
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell.no-border-right,.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell.no-border-right,.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell.no-border-right,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell.no-border-right,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell.no-border-right,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell.no-border-right,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell.no-border-right,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell.no-border-right,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell.no-border-right,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell.no-border-right,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell.no-border-right,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell.no-border-right {
border-right: none
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell .dashboard-tabular_header-cell,.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell .dashboard-tabular_body-cell,.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell .dashboard-tabular_header-cell,.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell .dashboard-tabular_body-cell,.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell .dashboard-tabular_header-cell,.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell .dashboard-tabular_body-cell,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell .dashboard-tabular_header-cell,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell .dashboard-tabular_body-cell,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell .dashboard-tabular_header-cell,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell .dashboard-tabular_body-cell,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell .dashboard-tabular_header-cell,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell .dashboard-tabular_body-cell,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell .dashboard-tabular_header-cell,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell .dashboard-tabular_body-cell,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell .dashboard-tabular_header-cell,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell .dashboard-tabular_body-cell,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell .dashboard-tabular_header-cell,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell .dashboard-tabular_body-cell,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell .dashboard-tabular_header-cell,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .header-cell .dashboard-tabular_body-cell,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell .dashboard-tabular_header-cell,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .body-cell .dashboard-tabular_body-cell,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell .dashboard-tabular_header-cell,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell .dashboard-tabular_body-cell {
display: block;
padding: 8px;
min-height: 32px;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell {
background-color: var(--rf-brand-color-surface-2)
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell>div,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell>div,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell>div,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell>div {
padding: 8px;
height: 47px;
display: flex;
align-items: center
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell>div span:first-of-type,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell>div span:first-of-type,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell>div span:first-of-type,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell>div span:first-of-type {
flex: 1
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell>div span:last-of-type,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell>div span:last-of-type,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell>div span:last-of-type,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .footer-cell>div span:last-of-type {
font-weight: var(--rf-system-font-weight-600)
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .drag-handle,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .drag-handle,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .drag-handle,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .drag-handle {
position: absolute;
right: -1px;
top: 0;
bottom: 0;
height: 100%;
vertical-align: middle;
cursor: col-resize;
width: 1px;
background-color: var(--rf-brand-color-border);
z-index: 1
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .drag-handle:hover,#custom-dashboard .dashboard-tile .dashboard-tile-body .rf-virtualized-table .drag-handle:hover,#leads-portal .dashboard-tile .dashboard-tile-body .rf-virtualized-table .drag-handle:hover,.dashboard-body .dashboard-tile .dashboard-tile-body .rf-virtualized-table .drag-handle:hover {
background-color: var(--rf-system-color-neutral-0)
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body .loading-row svg,#custom-dashboard .dashboard-tile .dashboard-tile-body .loading-row svg,#leads-portal .dashboard-tile .dashboard-tile-body .loading-row svg,.dashboard-body .dashboard-tile .dashboard-tile-body .loading-row svg {
padding-top: 10px;
height: 40px
}
.workflow-reporting-dashboard .dashboard-tile.text .dashboard-text-wrapper,#custom-dashboard .dashboard-tile.text .dashboard-text-wrapper,#leads-portal .dashboard-tile.text .dashboard-text-wrapper,.dashboard-body .dashboard-tile.text .dashboard-text-wrapper {
padding: 16px
}
.workflow-reporting-dashboard .dashboard-tile.text .dashboard-text-wrapper :is(ol,ul) li,#custom-dashboard .dashboard-tile.text .dashboard-text-wrapper :is(ol,ul) li,#leads-portal .dashboard-tile.text .dashboard-text-wrapper :is(ol,ul) li,.dashboard-body .dashboard-tile.text .dashboard-text-wrapper :is(ol,ul) li {
display: list-item;
list-style-position: inside
}
.workflow-reporting-dashboard .dashboard-tile.text .dashboard-text-wrapper ul li,#custom-dashboard .dashboard-tile.text .dashboard-text-wrapper ul li,#leads-portal .dashboard-tile.text .dashboard-text-wrapper ul li,.dashboard-body .dashboard-tile.text .dashboard-text-wrapper ul li {
list-style-type: disc
}
.workflow-reporting-dashboard .dashboard-tile.text .dashboard-text-wrapper ol li,#custom-dashboard .dashboard-tile.text .dashboard-text-wrapper ol li,#leads-portal .dashboard-tile.text .dashboard-text-wrapper ol li,.dashboard-body .dashboard-tile.text .dashboard-text-wrapper ol li {
list-style-type: decimal
}
.workflow-reporting-dashboard .dashboard-tile.text .dashboard-text-wrapper :is(ol,ul) ul li,#custom-dashboard .dashboard-tile.text .dashboard-text-wrapper :is(ol,ul) ul li,#leads-portal .dashboard-tile.text .dashboard-text-wrapper :is(ol,ul) ul li,.dashboard-body .dashboard-tile.text .dashboard-text-wrapper :is(ol,ul) ul li {
list-style-type: circle
}
.workflow-reporting-dashboard .dashboard-tile.text .dashboard-text-wrapper :is(ol,ul) :is(ol,ul) ul li,#custom-dashboard .dashboard-tile.text .dashboard-text-wrapper :is(ol,ul) :is(ol,ul) ul li,#leads-portal .dashboard-tile.text .dashboard-text-wrapper :is(ol,ul) :is(ol,ul) ul li,.dashboard-body .dashboard-tile.text .dashboard-text-wrapper :is(ol,ul) :is(ol,ul) ul li {
list-style-type: square
}
.workflow-reporting-dashboard .dashboard-tile.text .dashboard-text-wrapper div,.workflow-reporting-dashboard .dashboard-tile.text .dashboard-text-wrapper p,.workflow-reporting-dashboard .dashboard-tile.text .dashboard-text-wrapper ul,.workflow-reporting-dashboard .dashboard-tile.text .dashboard-text-wrapper ol,.workflow-reporting-dashboard .dashboard-tile.text .dashboard-text-wrapper li,.workflow-reporting-dashboard .dashboard-tile.text .dashboard-text-wrapper span,#custom-dashboard .dashboard-tile.text .dashboard-text-wrapper div,#custom-dashboard .dashboard-tile.text .dashboard-text-wrapper p,#custom-dashboard .dashboard-tile.text .dashboard-text-wrapper ul,#custom-dashboard .dashboard-tile.text .dashboard-text-wrapper ol,#custom-dashboard .dashboard-tile.text .dashboard-text-wrapper li,#custom-dashboard .dashboard-tile.text .dashboard-text-wrapper span,#leads-portal .dashboard-tile.text .dashboard-text-wrapper div,#leads-portal .dashboard-tile.text .dashboard-text-wrapper p,#leads-portal .dashboard-tile.text .dashboard-text-wrapper ul,#leads-portal .dashboard-tile.text .dashboard-text-wrapper ol,#leads-portal .dashboard-tile.text .dashboard-text-wrapper li,#leads-portal .dashboard-tile.text .dashboard-text-wrapper span,.dashboard-body .dashboard-tile.text .dashboard-text-wrapper div,.dashboard-body .dashboard-tile.text .dashboard-text-wrapper p,.dashboard-body .dashboard-tile.text .dashboard-text-wrapper ul,.dashboard-body .dashboard-tile.text .dashboard-text-wrapper ol,.dashboard-body .dashboard-tile.text .dashboard-text-wrapper li,.dashboard-body .dashboard-tile.text .dashboard-text-wrapper span {
color: inherit
}
.workflow-reporting-dashboard .dashboard-tile.image .dashboard-image-wrapper,#custom-dashboard .dashboard-tile.image .dashboard-image-wrapper,#leads-portal .dashboard-tile.image .dashboard-image-wrapper,.dashboard-body .dashboard-tile.image .dashboard-image-wrapper {
height: 100%
}
.workflow-reporting-dashboard .dashboard-tile.image .dashboard-image-wrapper img,#custom-dashboard .dashboard-tile.image .dashboard-image-wrapper img,#leads-portal .dashboard-tile.image .dashboard-image-wrapper img,.dashboard-body .dashboard-tile.image .dashboard-image-wrapper img {
object-fit: contain;
height: 100%;
width: 100%;
max-height: 100%;
max-width: 100%;
padding: 16px
}
.workflow-reporting-dashboard .dashboard-tile.filter .dashboard-tile-header,#custom-dashboard .dashboard-tile.filter .dashboard-tile-header,#leads-portal .dashboard-tile.filter .dashboard-tile-header,.dashboard-body .dashboard-tile.filter .dashboard-tile-header {
background: var(--rf-brand-color-surface-2)
}
.workflow-reporting-dashboard .dashboard-tile.filter .filter-body,#custom-dashboard .dashboard-tile.filter .filter-body,#leads-portal .dashboard-tile.filter .filter-body,.dashboard-body .dashboard-tile.filter .filter-body {
height: 100%;
min-height: 0
}
.workflow-reporting-dashboard .dashboard-tile.filter .filter-body .tile-content,#custom-dashboard .dashboard-tile.filter .filter-body .tile-content,#leads-portal .dashboard-tile.filter .filter-body .tile-content,.dashboard-body .dashboard-tile.filter .filter-body .tile-content {
display: flex;
flex-direction: column;
height: 100%
}
.workflow-reporting-dashboard .dashboard-tile.filter .filter-body .tile-content .tile-content-filter-form,#custom-dashboard .dashboard-tile.filter .filter-body .tile-content .tile-content-filter-form,#leads-portal .dashboard-tile.filter .filter-body .tile-content .tile-content-filter-form,.dashboard-body .dashboard-tile.filter .filter-body .tile-content .tile-content-filter-form {
padding: 4px 12px 12px;
overflow: auto;
flex: 1
}
.workflow-reporting-dashboard .dashboard-tile.filter .tile-content-filter-footer,#custom-dashboard .dashboard-tile.filter .tile-content-filter-footer,#leads-portal .dashboard-tile.filter .tile-content-filter-footer,.dashboard-body .dashboard-tile.filter .tile-content-filter-footer {
padding: 12px;
background: var(--rf-brand-color-surface-2);
border-top: 1px solid var(--rf-brand-color-border)
}
.workflow-reporting-dashboard .dashboard-tile.filter .tile-content-filter-footer .mdBtnR-text-button .mdBtnR-text,#custom-dashboard .dashboard-tile.filter .tile-content-filter-footer .mdBtnR-text-button .mdBtnR-text,#leads-portal .dashboard-tile.filter .tile-content-filter-footer .mdBtnR-text-button .mdBtnR-text,.dashboard-body .dashboard-tile.filter .tile-content-filter-footer .mdBtnR-text-button .mdBtnR-text {
font-size: 13px;
text-transform: uppercase
}
.workflow-reporting-dashboard .dashboard-tile.kpi,#custom-dashboard .dashboard-tile.kpi,#leads-portal .dashboard-tile.kpi,.dashboard-body .dashboard-tile.kpi {
line-height: 1
}
.workflow-reporting-dashboard .dashboard-tile.kpi .rf-loader-container,#custom-dashboard .dashboard-tile.kpi .rf-loader-container,#leads-portal .dashboard-tile.kpi .rf-loader-container,.dashboard-body .dashboard-tile.kpi .rf-loader-container {
top: 0;
justify-content: center;
transform: none
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body,#custom-dashboard .dashboard-tile.kpi .kpi-body,#leads-portal .dashboard-tile.kpi .kpi-body,.dashboard-body .dashboard-tile.kpi .kpi-body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding-bottom: 12px;
container-type: size;
container-name: kpi-body
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-text-container,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-text-container,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-text-container,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-text-container {
display: flex;
flex-direction: column;
width: 100%;
padding-top: 8px;
padding-right: 3em;
cursor: default;
font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-text-container .kpi-title,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-text-container .kpi-title,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-text-container .kpi-title,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-text-container .kpi-title {
font-size: 18px;
color: #333;
margin-bottom: 2px;
padding: 4px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-text-container .kpi-subtitle,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-text-container .kpi-subtitle,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-text-container .kpi-subtitle,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-text-container .kpi-subtitle {
color: #666;
padding: 4px 0
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile-container,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile-container {
width: 100%
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container.truncated-data .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container.truncated-data .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile-container.truncated-data .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile-container.truncated-data .kpi-data {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-data span,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-data span,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-data span,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-data span {
margin-bottom: 0
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-label span,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-label span,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-label span,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-label span {
margin-top: 0
}
@media all and (max-width: 768px) {
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile-container,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile-container {
gap:12px
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-tile,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-tile,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-tile,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-tile {
gap: 8px
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-tile .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-tile .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-tile .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-tile .kpi-data {
font-size: var(--rf-brand-font-scale-2)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-tile .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-tile .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-tile .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile-container .kpi-tile .kpi-label {
font-size: var(--rf-brand-font-scale-5)
}
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile {
container-type: inline-size;
container-name: kpi-tile;
width: 100%;
display: flex;
flex-direction: column;
gap: 16px;
overflow-wrap: anywhere
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-data {
text-align: center;
color: var(--rf-brand-color-primary);
font-size: var(--rf-brand-font-scale-xl)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-data span,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-data span,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-data span,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-data span {
line-height: 1.4
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-label {
line-height: normal;
text-align: center;
font-size: var(--rf-brand-font-scale-3);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-label span,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-label span,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-label span,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-label span {
line-height: 1.3
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-header,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-header,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-header,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-header {
display: none
}
.workflow-reporting-dashboard .dashboard-tile.divider .divider-body .canvas-wrapper,#custom-dashboard .dashboard-tile.divider .divider-body .canvas-wrapper,#leads-portal .dashboard-tile.divider .divider-body .canvas-wrapper,.dashboard-body .dashboard-tile.divider .divider-body .canvas-wrapper {
height: 100%;
width: 100%
}
.workflow-reporting-dashboard .dashboard-tile.highcharts .dashboard-tile-header .rf-trigger-menu,#custom-dashboard .dashboard-tile.highcharts .dashboard-tile-header .rf-trigger-menu,#leads-portal .dashboard-tile.highcharts .dashboard-tile-header .rf-trigger-menu,.dashboard-body .dashboard-tile.highcharts .dashboard-tile-header .rf-trigger-menu {
visibility: visible;
position: absolute;
top: 12px;
right: 8px;
z-index: 1
}
.workflow-reporting-dashboard .dashboard-tile .highcharts-text-outline,#custom-dashboard .dashboard-tile .highcharts-text-outline,#leads-portal .dashboard-tile .highcharts-text-outline,.dashboard-body .dashboard-tile .highcharts-text-outline {
font-size: inherit
}
.workflow-reporting-dashboard .dashboard-tile .rf-loader-container,#custom-dashboard .dashboard-tile .rf-loader-container,#leads-portal .dashboard-tile .rf-loader-container,.dashboard-body .dashboard-tile .rf-loader-container {
justify-content: center;
top: 50%;
transform: translateY(-50%)
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-header,#custom-dashboard .dashboard-tile .dashboard-tile-header,#leads-portal .dashboard-tile .dashboard-tile-header,.dashboard-body .dashboard-tile .dashboard-tile-header {
font-size: var(--rf-brand-font-scale-5);
font-weight: var(--rf-system-font-weight-700);
padding: 12px;
display: flex;
justify-content: space-between;
gap: 8px;
align-items: start;
overflow-y: hidden;
min-height: 39px
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-header.tabular-header,#custom-dashboard .dashboard-tile .dashboard-tile-header.tabular-header,#leads-portal .dashboard-tile .dashboard-tile-header.tabular-header,.dashboard-body .dashboard-tile .dashboard-tile-header.tabular-header {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-header .description,#custom-dashboard .dashboard-tile .dashboard-tile-header .description,#leads-portal .dashboard-tile .dashboard-tile-header .description,.dashboard-body .dashboard-tile .dashboard-tile-header .description {
text-overflow: ellipsis;
overflow: hidden;
font-size: var(--rf-brand-font-scale-7)
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-header .tile-header-total-row-count-wrapper,#custom-dashboard .dashboard-tile .dashboard-tile-header .tile-header-total-row-count-wrapper,#leads-portal .dashboard-tile .dashboard-tile-header .tile-header-total-row-count-wrapper,.dashboard-body .dashboard-tile .dashboard-tile-header .tile-header-total-row-count-wrapper {
font-weight: var(--rf-system-font-weight-400);
margin-right: 12px
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-header .overlay-open .open-tile-options .rfSI,#custom-dashboard .dashboard-tile .dashboard-tile-header .overlay-open .open-tile-options .rfSI,#leads-portal .dashboard-tile .dashboard-tile-header .overlay-open .open-tile-options .rfSI,.dashboard-body .dashboard-tile .dashboard-tile-header .overlay-open .open-tile-options .rfSI {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV"
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-header .title.has-desc-tooltip,#custom-dashboard .dashboard-tile .dashboard-tile-header .title.has-desc-tooltip,#leads-portal .dashboard-tile .dashboard-tile-header .title.has-desc-tooltip,.dashboard-body .dashboard-tile .dashboard-tile-header .title.has-desc-tooltip {
margin-bottom: 0
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-header .tile-description-tooltip,#custom-dashboard .dashboard-tile .dashboard-tile-header .tile-description-tooltip,#leads-portal .dashboard-tile .dashboard-tile-header .tile-description-tooltip,.dashboard-body .dashboard-tile .dashboard-tile-header .tile-description-tooltip {
margin: 0;
padding: 0
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body,#custom-dashboard .dashboard-tile .dashboard-tile-body,#leads-portal .dashboard-tile .dashboard-tile-body,.dashboard-body .dashboard-tile .dashboard-tile-body {
flex: 1;
height: 85%
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-body.no-padding,#custom-dashboard .dashboard-tile .dashboard-tile-body.no-padding,#leads-portal .dashboard-tile .dashboard-tile-body.no-padding,.dashboard-body .dashboard-tile .dashboard-tile-body.no-padding {
padding: 0
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-filter-message,.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-error-wrapper,#custom-dashboard .dashboard-tile .dashboard-tile-filter-message,#custom-dashboard .dashboard-tile .dashboard-tile-error-wrapper,#leads-portal .dashboard-tile .dashboard-tile-filter-message,#leads-portal .dashboard-tile .dashboard-tile-error-wrapper,.dashboard-body .dashboard-tile .dashboard-tile-filter-message,.dashboard-body .dashboard-tile .dashboard-tile-error-wrapper {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
color: var(--rf-system-color-neutral-40)
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-filter-message .rfSI-stroke,.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-error-wrapper .rfSI-stroke,#custom-dashboard .dashboard-tile .dashboard-tile-filter-message .rfSI-stroke,#custom-dashboard .dashboard-tile .dashboard-tile-error-wrapper .rfSI-stroke,#leads-portal .dashboard-tile .dashboard-tile-filter-message .rfSI-stroke,#leads-portal .dashboard-tile .dashboard-tile-error-wrapper .rfSI-stroke,.dashboard-body .dashboard-tile .dashboard-tile-filter-message .rfSI-stroke,.dashboard-body .dashboard-tile .dashboard-tile-error-wrapper .rfSI-stroke {
margin-bottom: 16px
}
.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-filter-message .error-message,.workflow-reporting-dashboard .dashboard-tile .dashboard-tile-error-wrapper .error-message,#custom-dashboard .dashboard-tile .dashboard-tile-filter-message .error-message,#custom-dashboard .dashboard-tile .dashboard-tile-error-wrapper .error-message,#leads-portal .dashboard-tile .dashboard-tile-filter-message .error-message,#leads-portal .dashboard-tile .dashboard-tile-error-wrapper .error-message,.dashboard-body .dashboard-tile .dashboard-tile-filter-message .error-message,.dashboard-body .dashboard-tile .dashboard-tile-error-wrapper .error-message {
margin: 0 12px;
text-align: center
}
.workflow-reporting-dashboard .dashboard-tile .rf-sticky-table,#custom-dashboard .dashboard-tile .rf-sticky-table,#leads-portal .dashboard-tile .rf-sticky-table,.dashboard-body .dashboard-tile .rf-sticky-table {
position: relative;
z-index: 1;
margin: auto;
overflow: scroll;
border: none;
background: rgba(0,0,0,0)
}
.workflow-reporting-dashboard .dashboard-tile .rf-sticky-table th:last-child:before,.workflow-reporting-dashboard .dashboard-tile .rf-sticky-table td:last-child:before,#custom-dashboard .dashboard-tile .rf-sticky-table th:last-child:before,#custom-dashboard .dashboard-tile .rf-sticky-table td:last-child:before,#leads-portal .dashboard-tile .rf-sticky-table th:last-child:before,#leads-portal .dashboard-tile .rf-sticky-table td:last-child:before,.dashboard-body .dashboard-tile .rf-sticky-table th:last-child:before,.dashboard-body .dashboard-tile .rf-sticky-table td:last-child:before {
border-right: none
}
.workflow-reporting-dashboard .dashboard-tile .rf-sticky-table th:last-child div,.workflow-reporting-dashboard .dashboard-tile .rf-sticky-table td:last-child div,#custom-dashboard .dashboard-tile .rf-sticky-table th:last-child div,#custom-dashboard .dashboard-tile .rf-sticky-table td:last-child div,#leads-portal .dashboard-tile .rf-sticky-table th:last-child div,#leads-portal .dashboard-tile .rf-sticky-table td:last-child div,.dashboard-body .dashboard-tile .rf-sticky-table th:last-child div,.dashboard-body .dashboard-tile .rf-sticky-table td:last-child div {
border-right: none
}
.workflow-reporting-dashboard .dashboard-tile .rf-sticky-table tfoot td>div span:first-child,#custom-dashboard .dashboard-tile .rf-sticky-table tfoot td>div span:first-child,#leads-portal .dashboard-tile .rf-sticky-table tfoot td>div span:first-child,.dashboard-body .dashboard-tile .rf-sticky-table tfoot td>div span:first-child {
flex: 1
}
.workflow-reporting-dashboard .dashboard-tile .rf-sticky-table tfoot td>div span:last-child,#custom-dashboard .dashboard-tile .rf-sticky-table tfoot td>div span:last-child,#leads-portal .dashboard-tile .rf-sticky-table tfoot td>div span:last-child,.dashboard-body .dashboard-tile .rf-sticky-table tfoot td>div span:last-child {
font-weight: var(--rf-system-font-weight-700)
}
@container kpi-body (height <= 150px) {
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data {
font-size: var(--rf-brand-font-scale-3)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label {
font-size: var(--rf-brand-font-scale-6)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-tile,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-tile,#leads-portal .dashboard-tile.kpi .kpi-body .column-two .kpi-tile,.dashboard-body .dashboard-tile.kpi .kpi-body .column-two .kpi-tile {
gap: 4px
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-data {
font-size: var(--rf-brand-font-scale-1)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-label {
font-size: var(--rf-brand-font-scale-4)
}
@container kpi-body (width >= 400px) {
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data {
font-size: var(--rf-brand-font-scale-1)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label {
font-size: var(--rf-brand-font-scale-4)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-data,.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .column-one .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .column-two .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .column-one .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .column-two .kpi-data {
font-size: var(--rf-brand-font-scale-3)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-label,.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .column-one .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .column-two .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .column-one .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .column-two .kpi-label {
font-size: var(--rf-brand-font-scale-6)
}
}
}
@container kpi-body (150px < height <= 300px) {
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data {
font-size: var(--rf-brand-font-scale-1)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label {
font-size: var(--rf-brand-font-scale-4)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-data,.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .column-one .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .column-two .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .column-one .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .column-two .kpi-data {
font-size: var(--rf-brand-font-scale-2)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-label,.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .column-one .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .column-two .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .column-one .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .column-two .kpi-label {
font-size: var(--rf-brand-font-scale-5)
}
@container kpi-body (width <= 400px ) {
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data {
font-size: var(--rf-brand-font-scale-2)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label {
font-size: var(--rf-brand-font-scale-5)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-data,.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .column-one .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .column-two .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .column-one .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .column-two .kpi-data {
font-size: var(--rf-brand-font-scale-3)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-label,.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .column-one .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .column-two .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .column-one .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .column-two .kpi-label {
font-size: var(--rf-brand-font-scale-6)
}
}
}
@container kpi-body (height > 150px) {
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-tile,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-tile,#leads-portal .dashboard-tile.kpi .kpi-body .column-two .kpi-tile,.dashboard-body .dashboard-tile.kpi .kpi-body .column-two .kpi-tile {
gap: 8px
}
@container kpi-body (width >= 400px) {
.workflow-reporting-dashboard .one-kpi-tile .kpi-tile .kpi-data,#custom-dashboard .one-kpi-tile .kpi-tile .kpi-data,#leads-portal .one-kpi-tile .kpi-tile .kpi-data,.dashboard-body .one-kpi-tile .kpi-tile .kpi-data {
font-size: var(--rf-brand-font-scale-xl)
}
.workflow-reporting-dashboard .one-kpi-tile .kpi-tile .kpi-label,#custom-dashboard .one-kpi-tile .kpi-tile .kpi-label,#leads-portal .one-kpi-tile .kpi-tile .kpi-label,.dashboard-body .one-kpi-tile .kpi-tile .kpi-label {
font-size: var(--rf-brand-font-scale-3)
}
}
}
@container kpi-body (height > 300px) {
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-data,.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .column-one .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .column-two .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .column-one .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .column-two .kpi-data {
font-size: var(--rf-brand-font-scale-1)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-label,.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .column-one .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .column-two .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .column-one .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .column-two .kpi-label {
font-size: var(--rf-brand-font-scale-4)
}
}
@container kpi-body (width <= 200px) {
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile {
gap: 8px
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data {
font-size: var(--rf-brand-font-scale-5)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label {
font-size: var(--rf-brand-font-scale-6)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-data {
font-size: var(--rf-brand-font-scale-1)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .one-kpi-tile .kpi-label {
font-size: var(--rf-brand-font-scale-4)
}
}
@container kpi-body (200px <= width <= 400px) and (300px <= height <= 500px) {
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-data {
font-size: var(--rf-brand-font-scale-1)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .kpi-tile .kpi-label {
font-size: var(--rf-brand-font-scale-4)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-data,.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-data,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .column-one .kpi-data,#leads-portal .dashboard-tile.kpi .kpi-body .column-two .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .column-one .kpi-data,.dashboard-body .dashboard-tile.kpi .kpi-body .column-two .kpi-data {
font-size: var(--rf-brand-font-scale-2)
}
.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-label,.workflow-reporting-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-one .kpi-label,#custom-dashboard .dashboard-tile.kpi .kpi-body .column-two .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .column-one .kpi-label,#leads-portal .dashboard-tile.kpi .kpi-body .column-two .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .column-one .kpi-label,.dashboard-body .dashboard-tile.kpi .kpi-body .column-two .kpi-label {
font-size: var(--rf-brand-font-scale-5)
}
}
#dashboardsHome .dashboard-tile.kpi .kpi-header h4 {
overflow: hidden;
flex: 1
}
#dashboardsHome .dashboard-tile.kpi.has-error .kpi-header {
border-bottom: 1px solid var(--rf-brand-color-border)
}
#dashboardsHome .dashboard-tile.kpi.has-error .kpi-header h4 {
opacity: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#dashboardsHome .dashboard-tile.kpi.has-error .dashboard-tile-error-wrapper {
margin-top: 14px
}
#dashboardsHome .dashboard-tile.kpi .actions .filter-icon {
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-ms-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
display: block;
right: 8px;
position: absolute;
top: 8px
}
#dashboardsHome .dashboard-tile.kpi:hover .rf-trigger-menu {
visibility: visible;
opacity: 1
}
#dashboardsHome .dashboard-tile.kpi:hover .filter-icon {
right: 38px
}
#dashboardsHome .dashboard-tile .dashboard-tile-header .drag-handle {
display: none
}
#dashboardsHome .dashboard-tile svg .google-visualization-tooltip {
pointer-events: none
}
#dashboardsView {
min-height: 80vh
}
#dashboardsView .dashboard-tile.image {
border: none;
box-shadow: none
}
#dashboardsView h4.title {
flex: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
@supports(-webkit-line-clamp: 2) {
#dashboardsView h4.title {
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
}
#dashboardsView .rf-loader-container {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
@media print {
#main {
right: 176px
}
#header-wrapper,#breadcrumb-wrapper,#rf-overlay,.dashboard-header,.actions {
display: none
}
}
.rf-workflow .workflow-reporting-dashboard table {
border-spacing: 0;
border-collapse: collapse
}
.rf-workflow .workflow-reporting-dashboard .kpi-header .actions {
z-index: 10
}
.rf-workflow .workflow-reporting-dashboard .kpi-header .actions .filter-icon {
visibility: visible
}
.rf-workflow .workflow-reporting-dashboard .kpi-header .drag-handle {
display: none
}
.rf-workflow .workflow-reporting-dashboard .kpi-header .tile-description-tooltip {
visibility: visible
}
.rf-workflow .workflow-reporting-dashboard .dashboard-tile-header .rf-trigger-menu,.rf-workflow .workflow-reporting-dashboard .dashboard-tile-header .drag-handle {
display: none
}
.rf-workflow .workflow-reporting-dashboard .dashboard-tile-header .tile-header-total-row-count-wrapper {
font-size: 14px;
margin-right: 4px
}
.rf-workflow .workflow-reporting-dashboard.show-export-menu .dashboard-tile-header .actions,.rf-workflow .workflow-reporting-dashboard .show-export-menu .dashboard-tile-header .actions {
display: flex
}
.rf-workflow .workflow-reporting-dashboard.show-export-menu .dashboard-tile-header .actions .rf-trigger-menu,.rf-workflow .workflow-reporting-dashboard .show-export-menu .dashboard-tile-header .actions .rf-trigger-menu {
margin-left: 8px;
display: block;
visibility: visible
}
.rf-workflow .workflow-reporting-dashboard .filterversion2 .date-range-filter .rf-date-picker:last-of-type .DayPickerInput-OverlayWrapper {
position: absolute;
right: 280px !important
}
#leads-portal .dashboard-lead-count .dashboard-tile,#leads-portal .dashboard-hybrid-lead-count .dashboard-tile {
display: block;
height: inherit;
border: none;
box-shadow: none
}
#leads-portal .dashboard-lead-count .dashboard-tile .dashboard-tile-header,#leads-portal .dashboard-hybrid-lead-count .dashboard-tile .dashboard-tile-header {
border-bottom: none
}
#leads-portal .dashboard-lead-count .dashboard-tile .dashboard-tile-header .drag-handle,#leads-portal .dashboard-hybrid-lead-count .dashboard-tile .dashboard-tile-header .drag-handle {
display: none
}
#leads-portal .dashboard-hybrid-lead-count>h4 {
padding: 16px;
margin: 0
}
#leads-portal .dashboard-hybrid-lead-count .hybrid-leads-metrics {
height: 200px;
display: flex;
flex-direction: row;
justify-content: space-evenly;
padding: 0 16px 16px
}
#leads-portal .dashboard-hybrid-lead-count .hybrid-leads-metrics>div {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center
}
#leads-portal .dashboard-hybrid-lead-count .hybrid-leads-metrics>div>span {
font-size: 5em;
color: #5c00dc;
margin: 16px 0
}
#leads-portal .dashboard-hybrid-lead-count .hybrid-leads-metrics .leads-dashboard-chart {
width: 400px
}
#leads-portal .dashboard-hybrid-lead-count .hybrid-leads-metrics .leads-dashboard-chart>div {
width: 100% !important;
height: 100% !important
}
#leads-portal .dashboard-hybrid-lead-count .hybrid-leads-metrics .leads-dashboard-chart>div .react-grid-layout {
height: auto !important
}
#leads-portal .dashboard-hybrid-lead-count .hybrid-leads-metrics .leads-dashboard-chart>div .react-grid-layout .react-grid-item {
transform: translate(16px, -16px) !important;
height: auto !important
}
#leads-portal .dashboard-hybrid-lead-count .hybrid-leads-metrics h6 {
color: var(--rf-system-color-neutral-40)
}
#leads-portal .dashboard-hybrid-lead-count .hybrid-leads-metrics .dashboard-tile-header {
display: none
}
.rf-housing .rf-housing-content .hotel-details .housing-icon-details,.attendee-book-hotel-modal .housing-icon-details,.hotel-confirmation-details .housing-icon-details,.hotel-card .housing-icon-details,[id=housing] [id=housing-content] .housing-icon-details {
align-items: center;
display: flex;
gap: 8px;
margin-bottom: 8px
}
.rf-housing .rf-housing-content .hotel-details .housing-icon-details::before,.rf-housing .rf-housing-content .hotel-details .housing-icon-details::after,.attendee-book-hotel-modal .housing-icon-details::before,.attendee-book-hotel-modal .housing-icon-details::after,.hotel-confirmation-details .housing-icon-details::before,.hotel-confirmation-details .housing-icon-details::after,.hotel-card .housing-icon-details::before,.hotel-card .housing-icon-details::after,[id=housing] [id=housing-content] .housing-icon-details::before,[id=housing] [id=housing-content] .housing-icon-details::after {
content: none
}
.rf-housing .rf-housing-content .hotel-details .housing-icon-details .rfSI,.attendee-book-hotel-modal .housing-icon-details .rfSI,.hotel-confirmation-details .housing-icon-details .rfSI,.hotel-card .housing-icon-details .rfSI,[id=housing] [id=housing-content] .housing-icon-details .rfSI {
flex-shrink: 0
}
.rf-housing .rf-housing-content .hotel-details :is(h3,h4)+.housing-icon-details,.attendee-book-hotel-modal :is(h3,h4)+.housing-icon-details,.hotel-confirmation-details :is(h3,h4)+.housing-icon-details,.hotel-card :is(h3,h4)+.housing-icon-details,[id=housing] [id=housing-content] :is(h3,h4)+.housing-icon-details {
margin-top: 16px
}
.item-card {
box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
border-radius: var(--rf-brand-shape-radius);
max-width: 400px;
margin: 0 auto 30px
}
.item-card .card-header {
background: var(--rf-brand-color-primary);
padding: 8px 4px 0 20px;
border-top-left-radius: var(--rf-brand-shape-radius);
border-top-right-radius: var(--rf-brand-shape-radius);
height: 112px;
position: relative
}
.item-card .card-header h2 {
color: var(--rf-brand-color-on-primary);
margin: 0 0 8px;
text-align: left;
font-weight: var(--rf-system-font-weight-400);
font-size: 24px;
height: 66px;
padding-right: 28px;
overflow: hidden
}
.item-card .card-header span {
color: var(--rf-brand-color-on-primary)
}
.item-card .card-header span.sub-header {
font-size: 16px;
display: block;
text-align: left;
font-weight: var(--rf-system-font-weight-300)
}
.item-card .card-header .card-controls {
position: absolute;
top: 12px;
right: 8px
}
.item-card .card-header .card-controls.open .icon-popover {
display: block
}
.item-card.card-disabled .card-header {
background: var(--rf-system-color-neutral-70)
}
.item-card.card-disabled .card-controls svg:hover {
cursor: not-allowed
}
.item-card.card-disabled .card-body .card-body-row .card-actions button {
opacity: .4;
cursor: not-allowed;
pointer-events: none
}
.item-card .card-body .card-body-row {
padding: 12px 0 12px 20px;
text-align: left;
overflow: hidden;
border-bottom: 1px solid var(--rf-brand-color-border);
position: relative;
clear: both
}
.item-card .card-body .card-body-row:before,.item-card .card-body .card-body-row:after {
content: "";
display: table;
clear: both
}
.item-card .card-body .card-body-row:last-of-type {
border: none
}
.item-card .card-body .form-render-page {
overflow: inherit
}
@media screen and (min-width: 991px) {
.item-card {
margin:0 auto 50px
}
}
.rf-card {
margin: 0 auto 30px
}
.rf-card.card-full {
max-width: 100%
}
.rf-card.no-header .card-body {
border: 1px solid var(--rf-brand-color-border);
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius)
}
.rf-card.has-message .card-header {
border-bottom: none
}
.rf-card.has-message .card-body {
height: 178px
}
.rf-card.has-footer .card-body {
height: 163px;
border-bottom: none;
border-radius: 0
}
.rf-card.has-footer.has-message .card-header {
border-bottom: none
}
.rf-card.has-footer.has-message .card-body {
height: 126px
}
.rf-card .card-header,.rf-card .card-body {
position: relative;
clear: both
}
.rf-card .card-header:before,.rf-card .card-header:after,.rf-card .card-body:before,.rf-card .card-body:after {
content: "";
display: table;
clear: both
}
.rf-card .card-header {
background-color: var(--rf-brand-color-surface);
border: 1px solid var(--rf-brand-color-border);
border-bottom: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
padding: 8px 20px
}
.rf-card .card-header.card-header-primary .card-header-title {
color: var(--rf-system-color-neutral-100)
}
.rf-card .card-header.card-header-primary svg {
fill: var(--rf-system-color-neutral-100)
}
.rf-card .card-header.card-header-primary .mdBtnR {
background-color: var(--rf-system-color-neutral-100);
border-color: var(--rf-system-color-neutral-100);
color: var(--rf-brand-color-primary)
}
.rf-card .card-header.card-header-primary .mdBtnR:hover,.rf-card .card-header.card-header-primary .mdBtnR:focus,.rf-card .card-header.card-header-primary .mdBtnR:active {
opacity: .9
}
.rf-card .card-header .card-header-title {
margin: 0;
padding: 0;
font-weight: var(--rf-system-font-weight-600);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-right: 4px;
flex: 1
}
.rf-card .card-header .card-controls {
float: right;
position: relative;
margin-left: 4px
}
.rf-card .card-header .mdBtnR.mdBtnR-link .mdBtnR-text {
text-transform: uppercase
}
.rf-card .card-message {
background: var(--rf-brand-color-primary);
color: var(--rf-brand-color-on-primary);
padding: 8px 20px
}
.rf-card .card-body {
background-color: var(--rf-brand-color-surface);
padding: 20px;
border: 1px solid var(--rf-brand-color-border);
border-top: 0;
border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
height: 216px;
overflow: auto
}
.rf-card .card-body .no-results-message {
width: 100%;
max-width: 250px;
text-align: center;
margin: 0 auto;
top: 50%;
position: relative;
transform: translateY(-50%);
font-weight: var(--rf-system-font-weight-500)
}
.rf-card .card-body.has-rows {
padding: 0
}
.rf-card .card-body .card-body-row {
position: relative;
padding: 10px 20px;
border-bottom: 1px solid var(--rf-brand-color-border);
color: var(--rf-system-color-neutral-0);
text-align: left;
font-size: 13px
}
.rf-card .card-body .card-body-row:last-of-type {
border: none
}
.rf-card .card-body h4 {
font-size: 16px
}
.rf-card .card-body h6 {
font-size: 13px
}
.rf-card .card-body p {
font-size: 13px
}
.rf-card .card-body strong {
font-weight: var(--rf-system-font-weight-600)
}
.rf-card .card-footer {
border: 1px solid var(--rf-brand-color-border);
border-top: 1px solid var(--rf-brand-color-border);
background-color: var(--rf-brand-color-surface);
border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
padding: 8px 20px;
text-align: right
}
.rf-card-list {
padding: 0
}
.rf-card-list-group {
display: flex;
flex-direction: column;
gap: 24px
}
.rf-card-list-group .rf-card-list-group-item {
padding-block-start:0;padding-inline-start:0}
.rf-card-list-item {
align-items: center;
border-bottom: 1px solid var(--rf-brand-color-border);
cursor: pointer;
display: flex;
gap: 8px;
padding: 12px 20px
}
.rf-card-list-item:hover,.rf-card-list-item:focus {
background-color: var(--rf-brand-color-surface-2)
}
.rf-card-list-item.no-hover {
background-color: rgba(0,0,0,0);
cursor: auto
}
.rf-card-list-item .rf-card-list-item-title {
flex-grow: 1
}
.rf-card-list-item .rf-card-list-item-title-content {
max-width: 700px
}
.rf-card-list-item .rf-card-list-item-title-content>:last-child {
margin-block-end:0}
.rf-card-list-item .rf-card-list-item-title.error-critical {
color: var(--rf-brand-color-status-error)
}
.rf-card-list-item .rf-card-list-item-icon {
flex-shrink: 0;
width: 32px
}
.rf-card-list-item .rf-card-list-item-icon.rf-card-list-item-auto-width {
width: auto
}
.lite-bar {
background-color: var(--rf-brand-color-surface);
border-right: 1px solid var(--rf-brand-color-border);
display: flex;
flex-direction: column;
gap: 8px;
height: 100%;
justify-content: space-between;
padding: 8px;
position: relative;
z-index: 19
}
.lite-bar-container {
position: relative;
width: auto;
max-width: 80px;
z-index: 19
}
.lite-bar-content {
flex-grow: 1
}
.lite-bar-footer {
flex-shrink: 0
}
.lite-bar-content,.lite-bar-footer {
display: flex;
flex-direction: column
}
.lite-bar-slideout {
display: flex;
inset-block: 0;
inset-inline-end: 0;
position: absolute;
transform: translateX(0%);
transition-property: transform,box-shadow;
z-index: 18
}
@keyframes slideout-out {
from {
box-shadow: 2px 0px 4px 0px rgba(0,0,0,.14);
transform: translateX(100%)
}
to {
box-shadow: none;
transform: translateX(0)
}
}
@keyframes slideout-in {
from {
box-shadow: none;
transform: translateX(0)
}
to {
box-shadow: 2px 0px 4px 0px rgba(0,0,0,.14);
transform: translateX(100%)
}
}
.lite-bar-slideout.animate-slideout-in {
transform: translateX(100%);
box-shadow: 2px 0px 4px 0px rgba(0,0,0,.14)
}
@media(prefers-reduced-motion: no-preference) {
.lite-bar-slideout.animate-slideout-in {
animation: slideout-in var(--rf-comp-litebar-slideout-motion-duration, 300ms) cubic-bezier(0.2, 0, 0, 1)
}
}
.lite-bar-slideout.animate-slideout-out {
box-shadow: none;
transform: translateX(0%)
}
@media(prefers-reduced-motion: no-preference) {
.lite-bar-slideout.animate-slideout-out {
animation: slideout-out var(--rf-comp-litebar-slideout-motion-duration, 300ms) cubic-bezier(0.2, 0, 0, 1)
}
}
.lite-bar-button {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
align-items: center;
border-radius: var(--rf-brand-shape-radius);
display: flex;
flex-direction: column;
gap: 4px;
justify-content: center;
padding-block:8px}
.lite-bar-button .lite-bar-button-icon {
align-items: center;
border-radius: 8px;
display: flex;
flex-direction: column;
flex-shrink: 0;
height: 36px;
justify-content: center;
width: 36px;
transition: background .125s cubic-bezier(0.17, 0.67, 0.55, 1.09)
}
.lite-bar-button .lite-bar-button-icon-inner {
transition: transform .125s cubic-bezier(0.17, 0.67, 0.55, 1.09)
}
.lite-bar-button .lite-bar-button-label {
font-size: var(--rf-brand-font-scale-7);
line-height: 1;
font-weight: var(--rf-system-font-weight-500);
overflow-wrap: anywhere
}
.lite-bar-button:hover .lite-bar-button-icon,.lite-bar-button:focus-visible .lite-bar-button-icon {
background-color: var(--rf-brand-color-surface-2)
}
.lite-bar-button:hover .lite-bar-button-icon-inner,.lite-bar-button:focus-visible .lite-bar-button-icon-inner {
transform: scale(1.15)
}
.lite-bar-button:focus-visible {
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important
}
.lite-bar-button.active .lite-bar-button-icon {
background-color: var(--rf-brand-color-primary-muted);
color: var(--rf-brand-color-primary)
}
.rf-loader-container {
position: relative;
display: flex
}
.rf-loader-container .rfSI {
display: block
}
.rf-loader-container.is-top {
flex-direction: column;
justify-content: center
}
.rf-loader-container.is-top .rfSI {
margin-left: auto;
margin-right: auto
}
.rf-loader-container.is-top .rf-dots-loader,.rf-loader-container.is-top .rf-circle-loader,.rf-loader-container.is-top .rf-loader-message {
display: block;
margin: 0 auto;
text-align: center
}
.rf-loader-container.is-top .rf-loader-message {
padding-top: 12px;
max-width: 400px;
word-wrap: break-word
}
.rf-loader-container.is-top .rf-loader-message.no-max-width {
max-width: 100%
}
.rf-loader-container.is-left {
flex-direction: row;
align-items: center
}
.rf-loader-container.is-left .rf-circle-loader {
width: 50px
}
.rf-loader-container.is-left .rf-dots-loader,.rf-loader-container.is-left .rf-circle-loader,.rf-loader-container.is-left .rf-loader-message {
vertical-align: middle
}
.rf-loader-container.is-left .rf-loader-message {
align-items: center;
width: 100%;
padding-left: 12px;
max-width: 600px;
word-wrap: break-word
}
.rf-loader-container.is-left .rf-loader-message.no-max-width {
max-width: 100%
}
.rf-loader-container.is-absolute {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--rf-brand-color-surface);
width: 100%;
height: 100%;
z-index: 10
}
.rf-loader-container h3,.rf-loader-container h4,.rf-loader-container h5,.rf-loader-container h6,.rf-loader-container p,.rf-loader-container .mdBtnR,.rf-loader-container .rfSI {
margin-bottom: 8px
}
.rf-loader-container h3:last-child,.rf-loader-container h4:last-child,.rf-loader-container h5:last-child,.rf-loader-container h6:last-child,.rf-loader-container p:last-child,.rf-loader-container .mdBtnR:last-child,.rf-loader-container .rfSI:last-child {
margin-bottom: 0
}
.rf-dots-loader {
width: 80px;
height: 80px;
position: relative
}
.rf-dots-loader .rf-dots {
width: 80px;
height: 80px;
position: relative
}
.rf-dots-loader .rf-dots>div {
background-color: #e71356;
height: 20%;
width: 20%;
border-radius: 50%;
position: absolute;
z-index: 10;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.8)
}
.rf-dots-loader .rf-dots>div:nth-of-type(1) {
top: 0;
left: 10%;
animation-name: drop-1;
animation-duration: .5s
}
.rf-dots-loader .rf-dots>div:nth-of-type(2) {
top: 50%;
left: 40%;
animation-name: drop-2;
animation-duration: .4s
}
.rf-dots-loader .rf-dots>div:nth-of-type(3) {
top: 30%;
left: 70%;
animation-name: drop-3;
animation-duration: .45s
}
.rf-dots-loader .rf-dot-shadows>div {
background-color: rgba(0,0,0,.1);
height: 7%;
width: 20%;
border-radius: 50%;
position: absolute;
bottom: 0;
animation-name: dot-shadow;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.8)
}
.rf-dots-loader .rf-dot-shadows>div:nth-of-type(1) {
left: 10%;
animation-duration: .5s
}
.rf-dots-loader .rf-dot-shadows>div:nth-of-type(2) {
left: 40%;
animation-duration: .4s
}
.rf-dots-loader .rf-dot-shadows>div:nth-of-type(3) {
left: 70%;
animation-duration: .45s
}
@keyframes drop-1 {
0% {
top: 0%
}
100% {
top: 80%
}
}
@keyframes drop-2 {
0% {
top: 50%
}
100% {
top: 80%
}
}
@keyframes drop-3 {
0% {
top: 30%
}
100% {
top: 80%
}
}
@keyframes dot-shadow {
0% {
transform: scale(0)
}
100% {
transform: scale(1)
}
}
.rf-circle-loader .rfSI {
cursor: default;
height: 50px;
width: 50px;
max-height: 50px;
max-width: 50px
}
.rf-circle-loader .rfSI svg {
cursor: default
}
.rf-loader-page-center {
height: 300px;
height: 50vh
}
.rf-loader-page-center .rf-circle-loader {
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, -30px)
}
#searchResults .rf-loader-page-center .rf-circle-loader {
transform: translate(-50%, -136px)
}
.rf-loading-scrim {
align-items: center;
background: var(--rf-brand-color-surface);
bottom: 0;
position: fixed;
display: flex;
justify-content: center;
left: 0;
padding: 16px;
right: 0;
top: 0;
z-index: 100;
overflow: auto
}
.rf-loading-scrim.fade-in {
animation: scrim-fade-in 600ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 1
}
.rf-loading-scrim.fade-out {
animation: scrim-fade-out 300ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0
}
@keyframes scrim-fade-in {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes scrim-fade-out {
from {
opacity: 1
}
to {
opacity: 0
}
}
.meeting-information-details {
display: flex;
flex-direction: column;
gap: 4px;
margin-block-end:24px}
.meeting-webinar-url-text.is-disabled {
color: var(--rf-brand-color-status-disabled)
}
.meeting-webinar-url-text.is-disabled:hover {
cursor: not-allowed
}
.meeting-participants-accordion-header {
display: flex;
gap: 4px
}
.meeting-participants-accordion-header .meeting-participants-accordion-header-title {
margin-block-end:0}
.meeting-participants-accordion-header .meeting-participants-accordion-header-title h4 {
margin-block-end:0}
.meeting-participants-list {
margin-top: 16px;
display: flex;
flex-direction: column;
gap: 8px
}
.meetings-administration .meetings-section {
margin-bottom: 30px
}
.meetings-administration .meetings-section-body {
clear: both
}
.meetings-administration .meetings-section-body:before,.meetings-administration .meetings-section-body:after {
content: "";
display: table;
clear: both
}
.meetings-administration .meetings-section-header {
align-items: center;
display: flex;
gap: 12px;
justify-content: space-between;
margin-bottom: 20px
}
.meetings-administration .meetings-section-header h2 {
margin: 0
}
.meetings-administration .meetings-section-header .meetings-section-header-actions {
display: flex
}
.meetings-administration .meetings-section-body {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius)
}
.meetings-administration .meetings-settings .meetings-section-body {
padding: 16px 16px 20px
}
.meetings-administration .meetings-settings .meeting-topics li {
list-style: inside disc
}
.meetings-administration .meetings-pending-requests .meetings-section-body,.meetings-administration .meetings-completed-requests .meetings-section-body {
margin-bottom: 30px
}
.meetings-administration .meetings-section-actions,.meetings-administration .meetings-section-details {
padding: 20px;
clear: both
}
.meetings-administration .meetings-section-actions:before,.meetings-administration .meetings-section-actions:after,.meetings-administration .meetings-section-details:before,.meetings-administration .meetings-section-details:after {
content: "";
display: table;
clear: both
}
.meetings-administration .meetings-section-actions h5 span,.meetings-administration .meetings-section-details h5 span {
font-weight: var(--rf-system-font-weight-400)
}
.meetings-administration .meetings-section-actions h3,.meetings-administration .meetings-section-actions h5 {
margin-bottom: 0
}
.meetings-administration .meetings-section-actions h3 {
font-weight: var(--rf-system-font-weight-600)
}
.meetings-administration .meetings-section-actions h3 .rf-pill {
float: right;
margin: 15px 0px
}
.meetings-administration .meetings-section-actions h5 {
font-weight: var(--rf-system-font-weight-300);
font-style: italic
}
.meetings-administration .meetings-section-actions .meeting-headline {
flex-grow: 1
}
.meetings-administration .meetings-section-actions .meeting-headline-split {
display: flex;
flex-direction: column-reverse;
gap: 16px;
justify-content: space-between
}
@media all and (min-width: 550px) {
.meetings-administration .meetings-section-actions .meeting-headline-split {
align-items:center;
flex-direction: row
}
}
.meetings-administration .meetings-section-actions .meeting-headline-split-end {
display: flex;
gap: 8px;
justify-content: space-between;
flex-shrink: 0
}
.meetings-administration .meetings-section-actions .meeting-actions {
float: right
}
.meetings-administration .meetings-section-details h5,.meetings-administration .meetings-section-details p {
margin-bottom: 4px
}
.meetings-administration .meetings-section-details h5 {
font-weight: var(--rf-system-font-weight-600);
margin-top: 12px
}
.meetings-administration .meetings-section-details h5:first-of-type {
margin-top: 0
}
.meetings-administration .meetings-section-details p {
font-weight: var(--rf-system-font-weight-300)
}
.meetings-administration .meetings-webinar-provider-details {
display: flex;
gap: 16px;
justify-content: space-between
}
.meetings-administration .meetings-pending-requests .meetings-section-actions {
border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
background-color: var(--rf-brand-color-surface-3);
display: flex
}
.meetings-administration .meetings-completed-requests .meetings-section-actions {
background-color: var(--rf-brand-color-surface-3)
}
.meetings-administration .meetings-completed-requests .rf-pill {
line-height: 11px;
padding: 2px 12px
}
.meetings-administration .meetings-completed-requests .rf-pill-text {
font-size: 11px;
margin: 0;
vertical-align: middle;
margin-bottom: 1px
}
.meeting-program-col-dropdown .rf-select-results li {
clear: both
}
.meeting-program-col-dropdown .rf-select-results li:before,.meeting-program-col-dropdown .rf-select-results li:after {
content: "";
display: table;
clear: both
}
.meeting-program-col-dropdown .rf-select-results li .rf-select-col {
width: 33.3%;
float: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.meeting-participants-modal {
margin-bottom: 220px
}
.meeting-participants-modal .row-item {
width: 30%
}
.meeting-participants-modal tr th {
width: 33.8%
}
.meeting-participants-modal tr th:last-child {
width: auto
}
.meeting-participants-modal .rf-simple-table-row:last-child {
border-bottom: none;
padding: 0 16px
}
.meeting-participants-modal .rf-simple-table-row:last-child .rf-select {
max-width: 60%
}
.meeting-program-confirmation .details-section {
margin-bottom: 30px
}
.meeting-program-confirmation p {
margin-bottom: 4px
}
.meeting-program .add-participants-btn {
margin-top: 26px
}
.meeting-program .meeting-with-button {
padding-top: 0;
margin-top: -1px
}
.meeting-program .meeting-with-button .mdBtnR {
text-transform: none
}
.meeting-program .calendar-container .meeting-day .meeting-time {
padding: 8px 40px 8px 8px
}
.meeting-program .calendar-container .meeting-day .meeting-time .info-icon {
top: 50%;
transform: translateY(-50%)
}
.choose-experts-modal .rf-table-container {
margin: 0px -20px -20px;
width: auto
}
.choose-experts-modal .rf-table-container .rf-table .table-body .table-row>div {
vertical-align: top;
padding: 12px 16px
}
.choose-experts-modal .choose-experts-search button {
float: right;
margin-top: 12px
}
.choose-experts-modal .choose-experts-search .rf-input {
width: auto;
padding: 0 16px 16px 0;
overflow: hidden
}
.choose-experts-modal .rf-table-container .rf-table .table-body .table-row .row-bio {
padding-top: 12px;
padding-bottom: 12px
}
.choose-experts-modal .rf-table-container .rf-table .table-body .table-row .row-bio p {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0;
color: var(--rf-brand-color-text-body);
font-weight: var(--rf-system-font-weight-500);
font-size: 12px
}
.choose-experts-modal .rf-table-container .rf-table .table-body .table-row .row-bio.expanded p {
text-overflow: initial;
white-space: initial;
overflow: visible;
display: inline
}
.choose-experts-modal .rf-table-container .rf-table .table-body .table-row .row-bio.expanded a {
float: none;
margin-left: 8px
}
.choose-experts-modal .rf-table-container .rf-table .table-body .table-row .row-bio a {
float: right;
margin-left: 8px
}
.meeting-acceptance-expert-modal .modal-content .modal-body {
min-height: 300px
}
.meeting-request-cancel-modal .modal-header {
display: none
}
.account-info-wrapper {
min-height: 72px
}
@media all and (max-width: 768px) {
.account-info-wrapper.meeting-owners-step {
flex-direction:column;
align-items: start;
gap: 16px
}
}
.onsite-meeting-checkin-page {
display: flex;
flex-direction: column
}
.onsite-meeting-checkin-page .rf-workflow {
flex-grow: 1
}
.onsite-meeting-checkin-page .rf-workflow .rf-workflow-body-content {
height: 100%
}
.onsite-meeting-checkin-wrapper {
display: grid;
grid-template-columns: 2fr 1fr;
height: 100%
}
.onsite-meeting-status {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 16px 64px 120px
}
.onsite-meeting-status .checkin-user-name,.onsite-meeting-status .checkin-guide {
font-size: var(--rf-brand-font-scale-3);
margin-top: 20px
}
.onsite-meeting-status .meeting-checkin-content {
display: flex;
flex-direction: column;
align-items: center
}
.onsite-meeting-status .meeting-checkin-content .checkin-meeting-icon {
height: 60px;
width: 60px;
max-height: 60px;
max-width: 60px;
margin-bottom: 8px
}
.onsite-meeting-status .meeting-checkin-content h1 {
font-size: var(--rf-brand-font-scale-2)
}
.onsite-meeting-status .meeting-checkin-content h2 {
font-size: var(--rf-brand-font-scale-1)
}
.onsite-meeting-status .meeting-status {
font-size: var(--rf-brand-font-scale-4)
}
.onsite-meeting-status .meeting-status>span {
display: block
}
.onsite-meeting-details {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 16px 64px 120px;
background-color: var(--rf-brand-color-surface-2);
border-left: 1px solid var(--rf-brand-color-border)
}
.onsite-meeting-details .onsite-current-time,.onsite-meeting-details .onsite-meeting-title {
font-size: var(--rf-brand-font-scale-2)
}
.mobile-meeting-check-in {
align-items: center;
display: flex;
height: 100%;
justify-content: center
}
.meeting-nomination-modal .nomination-participants-title,.meeting-nomination-modal .nomination-meeting-title {
margin-bottom: 8px
}
.meeting-nomination-modal .nomination-meeting-details {
align-items: baseline;
display: flex;
gap: 4px;
margin-bottom: 0
}
.slide-controls {
display: flex;
justify-content: flex-end;
align-items: center
}
.slide-controls .slide-control-description {
margin: 0 8px
}
.slide-controls .rfSI {
height: 30px;
width: 30px;
max-height: 30px;
max-width: 30px
}
@media all and (min-width: 1300px) {
.slide-controls .rfSI {
height:50px;
width: 50px;
max-height: 50px;
max-width: 50px
}
}
.calendar-container {
clear: both;
overflow: auto
}
.calendar-container:before,.calendar-container:after {
content: "";
display: table;
clear: both
}
.calendar-container .meeting-days {
min-width: 1700px
}
.calendar-container .meeting-day {
display: block;
float: left;
width: 20%;
max-width: 280px;
margin-right: 28px
}
.calendar-container .meeting-day .meeting-header,.calendar-container .meeting-day .meeting-time {
text-align: center;
margin-bottom: 8px
}
.calendar-container .meeting-day .meeting-header {
background-color: var(--rf-brand-color-surface);
border: 1px solid var(--rf-brand-color-primary);
border-radius: var(--rf-brand-shape-radius);
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-weight: var(--rf-system-font-weight-600);
padding: 16px
}
.calendar-container .meeting-day .meeting-header.meeting-header-disabled {
border-color: var(--rf-brand-color-status-disabled);
color: var(--rf-brand-color-status-disabled)
}
.calendar-container .meeting-day .meeting-header .rf-checkbox {
margin: 0 0 4px
}
.calendar-container .meeting-day .meeting-time {
border: 1px solid var(--rf-brand-color-primary);
border-radius: var(--rf-brand-shape-radius);
padding: 8px;
line-height: 26px;
cursor: pointer
}
.calendar-container .meeting-day .meeting-time.disabled {
border: 1px solid var(--rf-brand-color-status-disabled);
cursor: not-allowed
}
.calendar-container .meeting-day .meeting-time.disabled .meeting-time-value {
color: var(--rf-brand-color-status-disabled)
}
.calendar-container .meeting-day .meeting-time.disabled .meeting-time-value .info-icon {
margin-left: 12px;
margin-top: -2px
}
.calendar-container .meeting-day .meeting-time.active {
border: 1px solid var(--rf-brand-color-primary);
background-color: var(--rf-brand-color-primary);
border-radius: var(--rf-brand-shape-radius)
}
.calendar-container .meeting-day .meeting-time.active .meeting-time-value {
color: var(--rf-brand-color-on-primary)
}
.calendar-container .meeting-day .meeting-time.active .meeting-time-value .rfSI,.calendar-container .meeting-day .meeting-time.active .meeting-time-value svg,.calendar-container .meeting-day .meeting-time.active .meeting-time-value svg:hover,.calendar-container .meeting-day .meeting-time.active .meeting-time-value svg:active,.calendar-container .meeting-day .meeting-time.active .meeting-time-value svg:focus {
margin-right: 12px;
vertical-align: text-bottom;
fill: var(--rf-brand-color-on-primary)
}
.calendar-container .meeting-day .meeting-time:hover,.calendar-container .meeting-day .meeting-time:focus {
-webkit-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-moz-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-ms-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-o-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important
}
.calendar-container .meeting-day .meeting-time .meeting-time-value {
color: var(--rf-brand-color-primary);
position: relative;
display: flex;
justify-content: space-between;
align-items: center
}
.calendar-container .meeting-day .meeting-time .meeting-time-value .event-time,.calendar-container .meeting-day .meeting-time .meeting-time-value .browser-time {
margin: 4px 0;
pointer-events: none
}
.calendar-container .meeting-day .meeting-time .meeting-time-value .alert-icon svg {
fill: #ffc107
}
.calendar-container .meeting-day .meeting-time .meeting-time-value .rfSI {
margin: 0 !important;
width: 100%
}
.icon-placeholder {
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
width: 20px;
height: 20px
}
.meetings-calendar-reason-popover {
min-width: 200px
}
.meetings-calendar-reason-popover .popover-content ul li {
list-style-type: none
}
.meetings-calendar-reason-popover .popover-content ul li+a {
margin: 8px 0 0;
display: block
}
.meetings-calendar-reason-popover .popover-content ul.bulleted {
padding-left: 20px
}
.meetings-calendar-reason-popover .popover-content ul.bulleted li {
display: list-item;
margin: 0 0 8px;
list-style-type: disc
}
.meetings-calendar-reason-popover .popover-content ul.bulleted li:last-of-type {
margin: 0
}
@media all and (max-width: 768px) {
.location-time-wrapper {
flex-wrap:wrap
}
}
.rf-workflow-messaging {
height: 0;
position: fixed;
z-index: 4;
bottom: 0;
right: 0;
overflow: visible;
display: flex;
align-items: flex-end;
flex-direction: row-reverse
}
.messaging-item {
display: flex;
flex-direction: column;
background: var(--rf-brand-color-surface-2);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
margin-left: 20px;
transform: translateY(0);
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
transition-duration: .3s;
border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0
}
.messaging-item.is-minimized {
transform: translateY(100%) translateY(-48px)
}
.messaging-item.is-minimized .messaging-contacts-header .rfSI.down-arrow {
transform: rotate(180deg)
}
.messaging-item .message-convo-actions .rfSI {
position: relative;
z-index: 1;
transition: none
}
.messaging-item .message-convo-actions .rfSI:hover:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 32px;
height: 32px;
background-color: var(--rf-system-color-neutral-30);
border-radius: 100px;
z-index: -1
}
.messaging-item .message-convo-actions .rfSI.mobile-icon-hover-bg:hover:after {
background-color: var(--rf-system-color-neutral-80)
}
.messaging-item p {
margin: 0
}
.messaging-contacts-wrapper {
height: calc(100vh - 200px);
max-height: 700px;
flex: 0 0 320px;
width: 320px;
min-width: 0;
transition-duration: 167ms;
animation: fade-in 167ms cubic-bezier(0.4, 0, 1, 1)
}
.messaging-contacts-header {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px;
background-color: var(--rf-brand-color-inverse-surface);
cursor: pointer;
border: none;
border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0
}
.messaging-contacts-header p {
color: var(--rf-brand-color-inverse-on-surface)
}
.messaging-contacts-header .message-contacts-header-title {
margin-bottom: 0;
color: var(--rf-brand-color-inverse-on-surface);
font-weight: var(--rf-system-font-weight-600)
}
.messaging-contacts-header.is-mobile {
border-bottom: 1px solid var(--rf-brand-color-border);
background-color: var(--rf-brand-color-surface)
}
.messaging-contacts-header.is-mobile .message-convo-avatar-title p {
color: var(--rf-brand-color-text-body)
}
.messaging-search-container {
display: flex;
background-color: var(--rf-brand-color-surface);
border-bottom: 1px solid var(--rf-brand-color-border);
padding: 8px;
align-items: center
}
.messaging-search-container .arrow-back {
position: relative;
z-index: 1;
margin-right: 16px;
margin-left: 8px
}
.messaging-search-container .arrow-back:hover:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 32px;
height: 32px;
background-color: var(--rf-system-color-neutral-80);
border-radius: 100px;
z-index: -1
}
.messaging-search-container>div:first-of-type {
flex: 1
}
.messaging-search-container.has-messaging>div:first-of-type {
margin-right: 12px
}
.chat-recipient-selected {
display: flex;
justify-content: space-between;
background-color: var(--rf-brand-color-surface);
flex: 1;
border-radius: 4px
}
.chat-recipient-selected ul.rf-tag-container li {
margin: 4px 0
}
.chat-recipient-selected .search-icon {
margin-top: auto;
margin-bottom: auto
}
.chat-recipient-selected.chat-exhibitor {
border: none;
padding: 0
}
.messaging-contacts-body {
position: relative;
display: flex;
flex-direction: column;
flex: 1;
background-color: var(--rf-brand-color-surface-2);
overflow: auto;
border-left: 1px solid var(--rf-brand-color-border);
border-right: 1px solid var(--rf-brand-color-border)
}
.messaging-contacts-body .messaging-conversations-loading {
margin: auto
}
.messaging-contacts-body .frame-tabs-container.small-tabs .frame-tab-item {
width: 50%;
text-align: center
}
.messaging-contacts-no-results {
text-align: center;
padding: 48px 20px
}
.messaging-contacts-no-results>.rfSI {
height: 48px;
width: 48px;
max-height: 48px;
max-width: 48px;
margin-bottom: 16px
}
.messaging-contacts-no-results .mdBtnR {
margin: 0 auto
}
.messaging-contacts-no-results a {
display: block
}
.messaging-contacts-list {
padding: 0;
margin: 0;
list-style: none;
overflow: auto
}
.messaging-contacts-list.is-exhibitor .contact-image img {
border-radius: 0
}
.messaging-contacts-list li {
display: flex;
align-items: center;
padding: 8px 12px 8px 8px;
gap: 8px;
background-color: var(--rf-brand-color-surface-2);
border-bottom: 1px solid var(--rf-brand-color-border);
cursor: pointer;
height: 70px;
min-height: 70px;
margin: 2px
}
.messaging-contacts-list li:first-child {
border-top: 1px solid var(--rf-brand-color-border)
}
.messaging-contacts-list li.is-active,.messaging-contacts-list li:focus {
background-color: var(--rf-brand-color-surface)
}
.messaging-contacts-list .contact-image {
position: relative;
width: 48px;
height: 48px;
margin-right: 8px;
display: flex;
align-items: center
}
.messaging-contacts-list .contact-image img {
border-radius: 100px;
height: 100%;
width: 100%;
max-height: 100%;
max-width: 100%;
object-fit: cover;
box-sizing: border-box;
background-clip: content-box
}
.messaging-contacts-list .contact-image .default-profile-image {
width: 100%;
height: 100%;
background: var(--rf-system-color-neutral-60);
color: var(--rf-brand-color-text-heading);
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center
}
.messaging-contacts-list .contact-image .default-profile-image p {
position: absolute;
top: 50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
width: 100%;
text-align: center;
font-size: 1.2em;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.messaging-contacts-list .contact-image .default-profile-image.exhibitor-default-profile-image {
border-radius: 0
}
.messaging-contacts-list .contact-image .group-chat-images {
position: relative;
height: 100%;
width: 100%;
max-height: 100%;
max-width: 100%
}
.messaging-contacts-list .contact-image .group-chat-images>*:first-child {
position: absolute;
bottom: 0;
left: 0;
z-index: 1
}
.messaging-contacts-list .contact-image .group-chat-images>*:last-child {
position: absolute;
top: 0;
right: 0
}
.messaging-contacts-list .contact-image .group-chat-images .default-profile-image {
overflow: hidden;
font-size: var(--rf-brand-font-size);
color: var(--rf-brand-color-text-heading);
height: 32px;
width: 32px;
max-height: 32px;
max-width: 32px;
display: flex;
justify-content: center;
align-items: center
}
.messaging-contacts-list .contact-image .group-chat-images img {
height: 32px;
width: 32px;
max-height: 32px;
max-width: 32px
}
.messaging-contacts-list .contact-details {
flex: 1;
overflow-wrap: break-word;
overflow: hidden
}
.messaging-contacts-list .contact-details h6 {
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-line-clamp: 1;
line-clamp: 1
}
.messaging-contacts-list .contact-details p {
font-size: 12px;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
white-space: initial
}
.messaging-contacts-list .has-notification .contact-details p {
max-width: 202px
}
.messaging-contacts-list .messaging-contact-alert-container {
text-align: right;
height: 100%
}
.messaging-contacts-list .messaging-contact-alert-container p {
font-size: 12px
}
.messaging-contacts-list .messaging-contact-alert-container .contact-alert {
width: 50px
}
.messaging-contacts-footer {
display: flex;
align-items: center;
justify-content: center;
padding: 8px;
background-color: var(--rf-brand-color-surface);
border-top: 1px solid var(--rf-brand-color-border);
cursor: pointer
}
.messaging-contacts-footer a {
display: block;
font-size: 17px;
text-align: center
}
.contact-status {
position: absolute;
bottom: 0;
right: 0;
height: 12px;
width: 12px;
background-color: var(--rf-brand-color-status-success);
border: 1px solid var(--rf-brand-color-surface);
border-radius: 12px
}
.contact-status.is-online {
display: block
}
.messaging-convo-wrapper {
flex: 0 0 auto;
height: 504px;
width: 360px;
background-color: var(--rf-brand-color-surface)
}
.messaging-convo-wrapper.wide-width {
width: 600px
}
.messaging-convo-wrapper.long-height {
height: 75vh
}
.messaging-convo-wrapper .message-convo-title {
display: flex;
align-items: center;
min-width: 0
}
.messaging-convo-wrapper .message-convo-title .message-convo-avatar-image {
position: relative
}
.messaging-convo-wrapper .message-convo-title .message-convo-avatar-image p {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.messaging-convo-wrapper .message-convo-title .arrow-back {
margin-right: 8px
}
.messaging-convo-wrapper .message-convo-avatar-image {
display: flex;
align-items: center;
width: 32px;
height: 32px
}
.messaging-convo-wrapper .message-convo-avatar-image img {
height: 100%;
width: 100%;
max-height: 100%;
max-width: 100%;
object-fit: cover;
border-radius: 100px
}
.messaging-convo-wrapper .message-convo-avatar-image.has-no-pic {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--rf-system-color-neutral-60)
}
.messaging-convo-wrapper .message-convo-avatar-image.has-no-pic:not(.exhibitor) {
border-radius: 100px
}
.messaging-convo-wrapper .message-convo-avatar-image.exhibitor img {
border-radius: 0
}
.messaging-convo-wrapper .message-convo-avatar-title {
display: flex;
flex: 1;
overflow: hidden;
margin: 8px 0 8px 4px
}
.messaging-convo-wrapper .message-convo-avatar-title.group-chat {
flex-direction: column;
align-items: flex-start;
margin-top: 0;
margin-bottom: 0
}
.messaging-convo-wrapper .message-convo-avatar-title .participants-names,.messaging-convo-wrapper .message-convo-avatar-title .new-message-title {
font-weight: var(--rf-system-font-weight-700)
}
.messaging-convo-wrapper .message-convo-avatar-title p {
max-width: 100%;
margin-bottom: 0;
color: var(--rf-brand-color-inverse-on-surface);
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.messaging-convo-wrapper .message-convo-actions {
display: flex;
justify-content: flex-end
}
.messaging-convo-wrapper .messaging-convo {
height: 100px
}
.messaging-convo-wrapper .messaging-contacts-header {
padding-top: 8px;
padding-bottom: 8px
}
.messaging-convo-wrapper.is-mobile {
height: -webkit-fill-available
}
.messaging-convo-body {
position: relative;
flex: 1;
display: flex;
flex-direction: column;
overflow: auto;
border-left: 1px solid var(--rf-brand-color-border);
border-right: 1px solid var(--rf-brand-color-border)
}
.messaging-convo-body .search-recipient-header {
display: flex;
align-items: center;
border-bottom: 1px solid var(--rf-brand-color-border);
padding: 8px 16px
}
.messaging-convo-body .search-recipient-header .arrow-back {
position: relative;
z-index: 1;
margin-right: 16px
}
.messaging-convo-body .search-recipient-header .arrow-back:hover:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 32px;
height: 32px;
background-color: var(--rf-system-color-neutral-80);
border-radius: 100px;
z-index: -1
}
.messaging-convo-body .search-recipient-header .chip-input-container {
width: 100%;
max-height: 72px;
display: flex;
justify-content: space-between;
padding: 4px;
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
overflow: auto
}
.messaging-convo-body .search-recipient-header .chip-input-container:hover {
cursor: text
}
.messaging-convo-body .search-recipient-header .chip-input-container .chip-input {
flex: 1
}
.messaging-convo-body .search-recipient-header .chip-input-container input {
font-size: var(--rf-brand-font-size);
border: none;
caret-color: var(--rf-brand-color-text-body);
border-radius: 32px;
padding-left: 8px
}
.messaging-convo-body .search-recipient-header .chip-input-container .rfSI svg {
fill: var(--rf-comp-dropdown-action-color-on-background)
}
.messaging-convo-body .display-files-container {
border-top: 1px solid var(--rf-brand-color-border)
}
.messaging-convo-body .display-files-container .display-files {
display: flex;
justify-content: space-between;
padding: 16px
}
.messaging-convo-body .display-files-container .display-files:not(:last-child) {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.messaging-convo-body .display-files-container .display-files .attached {
color: var(--rf-system-color-neutral-40);
font-size: 12px
}
.messaging-convo-body .display-files-container .display-files .close-icon-container {
display: flex;
align-items: center
}
.messaging-convo-body .messaging-messages {
flex: 1;
overflow: auto;
position: relative
}
.messaging-convo-body .messaging-messages-loading {
margin: auto
}
.messaging-convo-body .messaging-list {
padding: 0;
margin: 0
}
.messaging-convo-body .messaging-list .message-bubble,.messaging-convo-body .messaging-list .message-divider,.messaging-convo-body .messaging-list .conversation-info,.messaging-convo-body .messaging-list .conversation-beginning {
padding: 0 20px
}
.messaging-convo-body .messaging-text-window {
min-height: 104px;
padding: 8px;
border-top: 1px solid var(--rf-brand-color-border);
position: relative
}
.messaging-convo-body .messaging-text-window textarea {
min-height: 0
}
.messaging-convo-body .messaging-text-window .rf-upload-file {
padding: 0;
flex: 1
}
.messaging-convo-body .messaging-text-window .rf-upload-file .upload-file-area {
margin-bottom: 0
}
.messaging-convo-body .messaging-text-window .icon-wrapper {
position: absolute;
right: 6px;
top: 6px;
z-index: 10
}
.messaging-convo-body .messaging-text-window .icon-wrapper .messaging-close-upload {
position: relative;
z-index: 1;
width: 100%;
height: 100%
}
.messaging-convo-body .messaging-text-window .icon-wrapper .messaging-close-upload:hover:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 32px;
height: 32px;
background-color: var(--rf-system-color-neutral-80);
border-radius: 100px;
z-index: -1
}
.messaging-convo-body .messaging-text-window .messaging-textarea-mobile {
display: flex;
align-items: center
}
.messaging-convo-body .messaging-text-window .messaging-textarea-mobile .attachment-icon {
margin-right: 8px
}
.messaging-convo-body .messaging-text-window .messaging-textarea-mobile .attachment-icon.active {
position: relative;
z-index: 1
}
.messaging-convo-body .messaging-text-window .messaging-textarea-mobile .attachment-icon.active:hover:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
background-color: var(--rf-system-color-neutral-80);
border-radius: 100px;
z-index: -1
}
.messaging-convo-body .messaging-text-window .messaging-textarea-mobile .send-icon {
margin-left: 8px
}
.messaging-convo-body .messaging-text-window .messaging-textarea-mobile .send-icon.active {
position: relative;
z-index: 1
}
.messaging-convo-body .messaging-text-window .messaging-textarea-mobile .send-icon.active:hover:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 30px;
height: 30px;
background-color: var(--rf-system-color-neutral-80);
border-radius: 100px;
z-index: -1
}
.messaging-convo-body .messaging-text-actions {
padding-top: 8px;
margin-bottom: 2px;
display: flex;
justify-content: flex-end
}
.messaging-convo-body .messaging-text-actions.custom-elements-left {
justify-content: space-between;
align-items: center
}
.messaging-convo-body .messaging-text-actions.custom-elements-left .footer-messages-wrapper {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
@supports(-webkit-line-clamp: 1) {
.messaging-convo-body .messaging-text-actions.custom-elements-left .footer-messages-wrapper {
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical
}
}
.messaging-convo-body .messaging-text-actions .messaging-icon-actions {
display: flex
}
.messaging-convo-body .messaging-profile-details {
display: flex;
width: 100%;
margin-bottom: 12px;
align-items: center
}
.messaging-convo-body .messaging-profile-details .contact-image {
margin-right: 8px;
min-width: 30px;
height: 30px;
width: 30px;
max-height: 30px;
max-width: 30px
}
.messaging-convo-body .messaging-profile-details .contact-initials {
display: flex;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
margin-right: 8px;
padding: 8px;
background-color: var(--rf-system-color-neutral-60);
border-radius: 0;
line-height: 1;
flex-shrink: 0;
text-transform: uppercase;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-size: 14px
}
.messaging-convo-body .messaging-profile-details:not(.is-exhibitor) .contact-initials {
border-radius: 100%
}
.messaging-convo-body .messaging-profile-details.is-exhibitor .contact-image img {
border-radius: 0
}
.messaging-convo-body .contact-image img {
height: 100%;
width: 100%;
max-height: 100%;
max-width: 100%;
border-radius: 100px;
object-fit: cover
}
.messaging-convo-body .message-invitation-to {
display: flex;
justify-content: flex-end
}
.messaging-convo-body .message-invitation-to,.messaging-convo-body .message-invitation-from {
padding: 0
}
.messaging-convo-body .meeting-invitation-wrapper {
display: flex;
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
overflow: hidden;
max-width: 260px;
margin-bottom: 8px
}
.messaging-convo-body .meeting-invitation-wrapper .meeting-invitation-side-bar {
min-width: 8px;
background-color: var(--rf-brand-color-primary)
}
.messaging-convo-body .meeting-invitation-wrapper .meeting-info-wrapper {
padding: 12px;
display: flex
}
.messaging-convo-body .meeting-invitation-wrapper .meeting-info-wrapper .messaging-profile-details {
width: auto;
display: flex;
align-items: flex-start;
margin-bottom: 0
}
.messaging-convo-body .meeting-invitation-wrapper .meeting-info-wrapper .messaging-profile-info {
margin-bottom: 4px;
font-size: var(--rf-brand-font-scale-6)
}
.messaging-convo-body .meeting-invitation-wrapper .meeting-info-wrapper .meeting-date {
margin-bottom: 16px;
font-size: var(--rf-brand-font-scale-6)
}
.messaging-convo-body .contact-details strong {
font-weight: var(--rf-system-font-weight-600) !important;
white-space: break-spaces;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.messaging-convo-body .contact-details p {
line-height: 14px;
max-width: 280px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
white-space: initial;
font-size: 12px
}
.messaging-convo-body .contact-details span {
color: var(--rf-brand-color-text-body)
}
.messaging-convo-body .conversation-beginning {
text-align: center;
padding-top: 12px;
margin-bottom: 40px
}
.messaging-convo-body .conversation-beginning span {
color: var(--rf-brand-color-text-body);
display: block;
margin-bottom: 4px
}
.messaging-convo-body .conversation-info {
margin: 40px 0
}
.messaging-convo-body .conversation-info p {
text-align: center
}
.messaging-convo-body .message-divider {
display: flex;
align-items: center;
margin: 40px 0
}
.messaging-convo-body .message-divider .message-divider-line {
background-color: var(--rf-brand-color-border);
flex: 1;
height: 1px
}
.messaging-convo-body .message-divider p {
font-size: 12px;
margin: 0 8px
}
.messaging-convo-body .bubble-text {
border: 1px solid rgba(0,0,0,0);
border-radius: var(--rf-brand-shape-radius);
padding: 12px;
overflow-wrap: break-word;
max-width: 75%
}
.messaging-convo-body .bubble-text span {
margin: -2px 6px 0 0
}
.messaging-convo-body .message-bubble {
display: flex;
flex-direction: column;
margin-bottom: 8px;
margin-top: 32px
}
.messaging-convo-body .message-bubble.message-bubble-no-profile {
margin-top: 0
}
.messaging-convo-body .message-bubble-to .bubble-text {
align-self: flex-end;
border: 1px solid var(--rf-brand-color-primary);
background-color: var(--rf-brand-color-primary);
margin-left: 55px
}
.messaging-convo-body .message-bubble-to .bubble-text p {
color: var(--rf-brand-color-on-primary);
margin-bottom: 0
}
.messaging-convo-body .message-bubble-to .bubble-text a {
color: var(--rf-brand-color-on-primary)
}
.messaging-convo-body .message-bubble-to .bubble-text a span svg {
fill: var(--rf-brand-color-on-primary)
}
.messaging-convo-body .message-bubble-from .bubble-text {
align-self: flex-start;
border: 1px solid var(--rf-brand-color-border);
background-color: var(--rf-brand-color-surface-2)
}
.messaging-convo-body .message-bubble-from p {
margin-bottom: 0
}
.messaging-convo-body .bubble-text.emoji-list-under-10 {
background-color: rgba(0,0,0,0);
border: rgba(0,0,0,0);
padding: 0
}
.messaging-convo-body .bubble-text.emoji-list-under-10 p {
font-size: 32px
}
.messaging-convo-body .conversation-leave {
padding: 0 20px;
text-align: center;
margin-bottom: 16px
}
.messaging-chat-search {
background-color: var(--rf-brand-color-surface);
border-bottom: 1px solid var(--rf-brand-color-border)
}
.chat-body-overlay {
top: 0;
left: 0;
right: 0;
width: 100%;
display: flex;
flex-direction: column;
flex: 1;
z-index: 10;
overflow: auto
}
.chat-body-overlay.has-list {
bottom: 0;
height: 100%
}
.chat-body-overlay .chat-recipient-suggested {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 8px;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.chat-body-overlay .chat-recipient-suggested h4 {
margin-bottom: 0
}
.chat-body-overlay .chat-recipient-list {
display: flex;
flex-direction: column;
flex: 1;
overflow: auto;
background-color: var(--rf-brand-color-surface-2)
}
.chat-body-overlay .chat-recipient-list li.chat-recipient-highlighted,.chat-body-overlay .chat-recipient-list li:focus {
-webkit-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-moz-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-ms-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-o-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
background-color: var(--rf-brand-color-surface)
}
.emoji:hover,.emoji:focus {
background-color: var(--rf-system-color-neutral-70) !important
}
.emoji-categories .icn-smileys_people {
background-image: url('data:image/svg+xml, ') !important
}
.emoji-categories .icn-animals_nature {
background-image: url('data:image/svg+xml, ') !important
}
.emoji-categories .icn-food_drink {
background-image: url('data:image/svg+xml, ') !important
}
.emoji-categories .icn-travel_places {
background-image: url('data:image/svg+xml, ') !important
}
.emoji-categories .icn-activities {
background-image: url('data:image/svg+xml, ') !important
}
.emoji-categories .icn-objects {
background-image: url('data:image/svg+xml, ') !important
}
.emoji-categories .icn-symbols {
background-image: url('data:image/svg+xml, ') !important
}
.emoji-categories .icn-flags {
background-image: url('data:image/svg+xml, ') !important
}
.active-category-indicator {
background: var(--rf-system-color-neutral-0) !important
}
.emoji-search {
border: var(--rf-brand-color-border) !important;
border-radius: var(--rf-brand-shape-radius) !important
}
.emoji-group:before {
color: var(--rf-brand-color-text-body) !important;
size: 13px !important
}
.emoji-picker-react .emoji-categories button {
opacity: .6 !important
}
.emoji-picker-react .emoji-categories button.active {
opacity: 1 !important
}
.mobile-messaging-fab {
position: fixed;
right: 40px;
bottom: 40px;
border: 1px solid var(--rf-brand-color-inverse-surface);
background-color: var(--rf-brand-color-inverse-surface);
border-radius: 52px;
width: 52px;
height: 52px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.mobile-messaging-fab .rfSI svg {
fill: var(--rf-brand-color-inverse-on-surface)
}
.mobile-messaging-fab .rf-pill {
position: absolute;
top: 5px;
right: 5px
}
@media all and (max-width: 768px) {
.messaging-item {
position:fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100vh;
max-height: none;
margin: 0;
flex: 0 0 auto
}
.messaging-item.is-minimized {
transform: translateY(100%)
}
.messaging-item .messaging-contacts-header {
border-radius: 0
}
}
@media all and (max-width: 768px) {
.messaging-contacts-wrapper.open-message {
transform:translateX(-100%)
}
}
@media all and (max-width: 768px) {
.messaging-convo-wrapper {
transform:translateX(100%) translateY(0)
}
.messaging-convo-wrapper.open-message {
transform: translateX(0)
}
}
.block-report-modal-body-container .block-message {
margin-top: 16px
}
.block-report-modal-body-container .report-message-container {
padding-left: 18px;
margin: 16px 0 8px
}
.modal-open {
overflow: hidden
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0)
}
.modal-backdrop.in {
opacity: .5
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3040;
background-color: rgba(68,68,68,.6)
}
.modal-backdrop.is-elevated {
z-index: 3050
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-moz-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-overflow-scrolling: touch;
font-family: var(--rf-brand-font-family);
outline: 0
}
.modal.in {
opacity: 1
}
.modal.in .modal-dialog {
transform: translateY(50%)
}
.modal-dialog {
top: unset;
right: 0;
bottom: 50%;
left: 0;
position: absolute;
margin: 0 auto;
width: 95%;
max-width: 900px;
-webkit-transform: translateY(calc(50% + 50px));
transform: translateY(calc(50% + 50px));
-webkit-transition: -webkit-transform .3s ease-out;
-moz-transition: -moz-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out
}
@media screen and (min-width: 769px) {
.modal-dialog {
width:80%
}
}
.rf-modal-xs .modal-dialog {
max-width: 500px
}
.rf-modal-sm .modal-dialog {
max-width: 700px
}
.rf-modal-lg .modal-dialog {
max-width: 1200px
}
.rf-modal-xl .modal-dialog {
width: 90%;
max-width: none
}
.modal-content {
background-color: var(--rf-brand-color-surface);
border-radius: var(--rf-brand-shape-radius);
background-clip: padding-box;
outline: 0;
position: relative;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
-moz-box-shadow: 0 5px 15px rgba(0,0,0,.5);
box-shadow: 0 5px 15px rgba(0,0,0,.5);
display: flex;
flex-flow: column nowrap;
max-height: 300px
}
@media all and (min-height: 350px) {
.modal-content {
max-height:340px
}
}
@media all and (min-height: 550px) {
.modal-content {
max-height:540px
}
}
@media all and (min-height: 750px) {
.modal-content {
max-height:740px
}
}
@media all and (min-height: 950px) {
.modal-content {
max-height:940px
}
}
@media all and (min-height: 1050px) {
.modal-content {
max-height:1040px
}
}
.rf-default-modal,.modal {
font-family: var(--rf-brand-font-family)
}
@media all and (min-height: 750px) {
.rf-default-modal.modal-set-height .modal-body,.modal.modal-set-height .modal-body {
height:628px
}
}
@media all and (min-height: 950px) {
.rf-default-modal.modal-set-height .modal-body,.modal.modal-set-height .modal-body {
height:828px
}
}
@media all and (min-height: 1050px) {
.rf-default-modal.modal-set-height .modal-body,.modal.modal-set-height .modal-body {
height:928px
}
}
.rf-default-modal .modal-header,.rf-default-modal .modal-sub-header,.rf-default-modal .modal-body,.rf-default-modal .modal-footer,.modal .modal-header,.modal .modal-sub-header,.modal .modal-body,.modal .modal-footer {
position: relative;
clear: both
}
.rf-default-modal .modal-header:before,.rf-default-modal .modal-header:after,.rf-default-modal .modal-sub-header:before,.rf-default-modal .modal-sub-header:after,.rf-default-modal .modal-body:before,.rf-default-modal .modal-body:after,.rf-default-modal .modal-footer:before,.rf-default-modal .modal-footer:after,.modal .modal-header:before,.modal .modal-header:after,.modal .modal-sub-header:before,.modal .modal-sub-header:after,.modal .modal-body:before,.modal .modal-body:after,.modal .modal-footer:before,.modal .modal-footer:after {
content: "";
display: table;
clear: both
}
.rf-default-modal.no-padding .modal-body,.modal.no-padding .modal-body {
padding: 0
}
.rf-default-modal .modal-header,.modal .modal-header {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
padding: 12px 20px;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.rf-default-modal .modal-header .modal-title,.rf-default-modal .modal-header h4,.rf-default-modal .modal-header h3,.modal .modal-header .modal-title,.modal .modal-header h4,.modal .modal-header h3 {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-size: 20px;
line-height: 1.4em;
padding: 0;
margin: 0;
display: inline-block;
font-weight: var(--rf-system-font-weight-600);
vertical-align: middle
}
.rf-default-modal .modal-header .close,.modal .modal-header .close {
margin-top: -2px;
background: none;
border: none;
line-height: 16px;
fill: var(--rf-system-color-neutral-100);
float: right;
padding: 8px 0 0;
font-size: 20px
}
.rf-default-modal .modal-header .modal-close,.modal .modal-header .modal-close {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 6px;
background: none;
border: none;
-webkit-appearance: none;
text-shadow: none;
opacity: .8;
height: 34px;
font-size: 20px;
color: var(--rf-brand-color-text-body)
}
.rf-default-modal .modal-header .modal-close:hover,.modal .modal-header .modal-close:hover {
opacity: 1
}
.rf-default-modal .modal-header .modal-close:active,.rf-default-modal .modal-header .modal-close:focus,.modal .modal-header .modal-close:active,.modal .modal-header .modal-close:focus {
border-radius: var(--rf-brand-shape-radius);
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important
}
.rf-default-modal .modal-sub-header,.modal .modal-sub-header {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.rf-default-modal .modal-sub-header.has-padding,.rf-default-modal .modal-sub-header .has-padding,.modal .modal-sub-header.has-padding,.modal .modal-sub-header .has-padding {
padding: 20px
}
.rf-default-modal .modal-body,.modal .modal-body {
padding: 20px;
overflow: auto;
font-size: 14px;
color: var(--rf-brand-color-text-body)
}
.rf-default-modal .modal-body ul,.modal .modal-body ul {
list-style: none
}
.rf-default-modal .modal-body .keep-bullets :is(ol,ul) li,.modal .modal-body .keep-bullets :is(ol,ul) li {
display: list-item;
list-style-position: inside
}
.rf-default-modal .modal-body .keep-bullets ul li,.modal .modal-body .keep-bullets ul li {
list-style-type: disc
}
.rf-default-modal .modal-body .keep-bullets ol li,.modal .modal-body .keep-bullets ol li {
list-style-type: decimal
}
.rf-default-modal .modal-body .keep-bullets :is(ol,ul) ul li,.modal .modal-body .keep-bullets :is(ol,ul) ul li {
list-style-type: circle
}
.rf-default-modal .modal-body .keep-bullets :is(ol,ul) :is(ol,ul) ul li,.modal .modal-body .keep-bullets :is(ol,ul) :is(ol,ul) ul li {
list-style-type: square
}
.rf-default-modal .modal-body .keep-bullets.keep-bullets-spacing ul,.rf-default-modal .modal-body .keep-bullets.keep-bullets-spacing ol,.modal .modal-body .keep-bullets.keep-bullets-spacing ul,.modal .modal-body .keep-bullets.keep-bullets-spacing ol {
padding-inline-start:12px;margin-block-start:1em;margin-block-end:1em}
.rf-default-modal .modal-body .keep-bullets.keep-bullets-spacing li,.modal .modal-body .keep-bullets.keep-bullets-spacing li {
line-height: 1.4em
}
.rf-default-modal .modal-body .keep-bullets-outside :is(ol,ul) li,.modal .modal-body .keep-bullets-outside :is(ol,ul) li {
list-style-position: outside
}
.rf-default-modal .modal-body-footer.has-padding,.modal .modal-body-footer.has-padding {
padding: 16px
}
.rf-default-modal .modal-footer,.modal .modal-footer {
padding: 12px 20px;
text-align: right;
border-top: 1px solid var(--rf-brand-color-border)
}
.rf-default-modal .modal-footer .back-btn,.modal .modal-footer .back-btn {
float: left;
margin-left: 0
}
.rf-default-modal .modal-footer .rf-modal-footer-note,.modal .modal-footer .rf-modal-footer-note {
margin-bottom: 12px;
border-bottom: 1px solid var(--rf-brand-color-border);
margin-left: -20px;
margin-right: -20px;
padding: 0 20px 12px;
text-align: left
}
.rf-default-modal .required,.modal .required {
color: var(--rf-brand-color-status-error)
}
.rf-default-modal ul,.rf-default-modal ol,.modal ul,.modal ol {
padding: 0
}
.rf-default-modal.has-rf-list .modal-body,.modal.has-rf-list .modal-body {
padding: 40px 20px
}
.rf-default-modal.has-rf-list .no-results,.modal.has-rf-list .no-results {
padding: 12px 20px
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
#eventModal2 .modal-body,#eventModal2 .modal-footer {
background-color: var(--rf-system-color-neutral-0)
}
#eventModal2 .modal-body * {
color: var(--rf-system-color-neutral-100)
}
#eventModal2 .modal-footer {
border-top: none
}
#eventModal2 .modal-footer .mdBtnR {
border-color: var(--rf-system-color-neutral-100);
background-color: var(--rf-system-color-neutral-100)
}
#eventModal2 .modal-footer .mdBtnR:hover,#eventModal2 .modal-footer .mdBtnR:active,#eventModal2 .modal-footer .mdBtnR:focus {
opacity: .8
}
.rf-dialog-modal .modal-header {
border-bottom: none;
padding: 20px 20px 0
}
.rf-dialog-modal .modal-header .modal-title {
font-size: 14px;
font-weight: var(--rf-system-font-weight-700)
}
.rf-dialog-modal .modal-header .modal-close {
display: none
}
.rf-dialog-modal .modal-footer {
border-top: none
}
.MessageBoxMiddle .MsgTitle {
display: block;
margin-bottom: 4px
}
.MessageBoxMiddle .pText {
color: var(--rf-system-color-neutral-100)
}
.MessageBoxMiddle .MessageBoxButtonSection {
height: auto;
clear: both
}
.MessageBoxMiddle .MessageBoxButtonSection:before,.MessageBoxMiddle .MessageBoxButtonSection:after {
content: "";
display: table;
clear: both
}
.update-values-modal .modal-content .modal-body {
padding: 0;
color: var(--rf-brand-color-text-body)
}
.update-values-modal .modal-content .modal-body p {
color: var(--rf-brand-color-text-body)
}
.update-values-modal .modal-content .modal-body .meta-info {
padding: 24px 16px;
font-size: 13px;
margin: 0
}
.update-values-modal .show-more {
border: none;
padding: 20px 16px;
font-weight: var(--rf-system-font-weight-600);
color: var(--rf-brand-color-primary)
}
.update-values-modal .confirm {
display: none
}
.update-values-modal [class*=value] {
float: left;
max-width: 43%;
line-height: 18px
}
.update-values-modal .value-prev {
color: var(--rf-system-color-neutral-50)
}
.update-values-modal .separator {
float: left;
padding: 0 20px 0 16px;
margin: -3px 0
}
.update-values-modal .separator .rfSI svg {
fill: var(--rf-system-color-neutral-50)
}
.update-values-modal .rf-pill {
margin: 0 12px 0 0
}
.update-values-modal .rf-table-container {
padding: 0 0 60px
}
.update-values-modal .rf-table-container .rf-table .table-body .table-row:hover {
cursor: pointer
}
.update-values-modal .rf-table-container .rf-table .table-body .table-row:last-child {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.update-values-modal .rf-table-container .rf-table .table-body .table-row.table-header>div {
border-top: none
}
.update-values-modal .rf-table-container .rf-table .table-body .table-row.table-header:hover {
cursor: default
}
.update-values-modal .history-list .table-row {
cursor: pointer
}
#card-number,#expiration-date,#cvv-input {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius);
font-family: var(--rf-brand-font-family);
height: 34px
}
#card-number:hover,#expiration-date:hover,#cvv-input:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
#card-number:active,#card-number:focus,#expiration-date:active,#expiration-date:focus,#cvv-input:active,#cvv-input:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
#card-number :disabled,#expiration-date :disabled,#cvv-input :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
#card-number :disabled:hover,#card-number :disabled:active,#card-number :disabled:focus,#expiration-date :disabled:hover,#expiration-date :disabled:active,#expiration-date :disabled:focus,#cvv-input :disabled:hover,#cvv-input :disabled:active,#cvv-input :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
#card-number.spreedly-hosted-field,#expiration-date.spreedly-hosted-field,#cvv-input.spreedly-hosted-field {
border: none;
padding: 0;
margin: 0
}
.spreedly-challenge-iframe {
height: 500px
}
.braintree-hosted-fields-focused,.spreedly-field,#cc-number,#cvv-number {
border: 1px var(--rf-comp-input-hover-color-border);
border-radius: var(--rf-brand-shape-radius);
transition: .2s ease-in-out
}
#cc-number,#cvv-number {
border: 1px solid var(--rf-comp-input-color-border);
height: 37px
}
.stripe-payment-element-wrapper {
margin: 16px 0
}
.rf-profile-card {
display: flex
}
.rf-profile-card .profile-card-photo-container {
min-width: 48px;
min-height: 48px;
width: 48px;
height: 48px;
margin: auto 0;
overflow: hidden;
margin: 0
}
.rf-profile-card .profile-card-photo-container img {
width: 100%;
height: 100%;
object-fit: cover
}
.rf-profile-card .profile-card-photo-container p {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin: 0;
background-color: var(--rf-system-color-neutral-60);
text-transform: uppercase;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.rf-profile-card .profile-card-photo-container img,.rf-profile-card .profile-card-photo-container p {
border-radius: 100%
}
.rf-profile-card .profile-card-add-expert {
display: flex;
align-items: center;
gap: 8px
}
.rf-profile-card .profile-card-add-expert p {
margin: 0
}
.rf-profile-card .profile-card-container {
margin-left: 8px
}
.rf-profile-card .profile-card-container .profile-card-title {
margin-bottom: 12px
}
.rf-profile-card .profile-card-container .profile-card-title h3 {
font-size: var(--rf-brand-font-size);
margin: 0
}
.rf-profile-card .profile-card-container .profile-card-title p {
margin: 0;
font-size: var(--rf-brand-font-scale-6)
}
.popover {
display: none;
background-color: var(--rf-brand-color-surface);
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: var(--rf-brand-shape-radius);
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
left: 0;
max-width: 300px;
padding: 0;
position: absolute;
text-align: left;
line-height: 1.3em;
top: 0;
white-space: normal;
z-index: 3060;
font-family: var(--rf-brand-font-family);
font-size: 13px
}
.popover.popover-right {
right: 0;
left: inherit !important
}
.popover.popover-md {
min-width: 300px;
max-width: 500px
}
.popover.popover-lg {
min-width: 500px;
max-width: 800px
}
.popover .popover-content {
position: relative
}
.popover .popover-content div {
line-height: 1.4em
}
.popover .popover-content ul {
padding: 0 8px 0 0;
margin: 0
}
.popover .popover-content ul li {
margin: 0
}
.popover .popover-content .close-popover {
position: absolute;
right: -3px;
top: 5px
}
.popover-title {
background-color: rgba(0,0,0,0);
border-bottom: 1px solid var(--rf-system-color-neutral-80);
border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
cursor: default;
font-size: 12px;
font-weight: var(--rf-system-font-weight-400);
line-height: 15px;
margin: 0;
padding: 10px;
text-align: center
}
.popover-content {
cursor: default;
padding: 8px
}
.popover-content .input {
margin-bottom: 10px;
min-width: 160px;
width: 100%
}
@media all and (min-width: 769px) {
.popover-content .input {
min-width:200px
}
}
.popover-content .popover-ul {
margin: 0;
padding: 0;
list-style: none
}
.popover-content .popover-ul li {
padding: 10px;
cursor: pointer
}
.popover-content .popover-ul li:hover {
background-color: var(--rf-system-color-blue-90)
}
.popover-content .popover-input {
padding: 10px
}
.popover-content .rfSI {
margin-right: 8px
}
.search-output-container .popover {
min-width: 150px
}
.search-output-container .arrow {
display: none
}
.search-output-container .popover-content {
padding: 0
}
#participants .popover .arrow {
display: none
}
#participants .status-button {
text-align: center
}
#participants .status-button button {
min-width: 95px
}
.rf-input .icon-popover-trigger,.rf-single-select .icon-popover-trigger,.rf-multi-select .icon-popover-trigger,.rf-select2-override .icon-popover-trigger,.rf-toggle .icon-popover-trigger,.rf-textarea .icon-popover-trigger,.rf-scale-matrix .icon-popover-trigger,.rf-survey-scale .icon-popover-trigger,.rf-date-picker .icon-popover-trigger,.rf-radio-container .icon-popover-trigger,.rf-checkbox-container .icon-popover-trigger,.rf-read-only .icon-popover-trigger,.rf-text-container .icon-popover-trigger,.rf-button-link .icon-popover-trigger,.rf-upload-file .icon-popover-trigger,.upload-file-form-container .icon-popover-trigger,.rf-toggle-wrapper.has-label .icon-popover-trigger {
margin-left: 8px;
margin-top: -3px;
height: 18px;
width: 18px;
max-height: 18px;
max-width: 18px
}
.icon-popover {
position: absolute;
top: 0;
right: 0;
z-index: 4500;
background: var(--rf-brand-color-surface);
margin: 0;
text-align: left;
min-width: 185px;
box-shadow: 0 1px 9px -1px rgba(0,0,0,.4)
}
.icon-popover.popover-left-bottom {
bottom: 0
}
.icon-popover.popover-right-top {
left: 0
}
.icon-popover.popover-right-bottom {
left: 0;
bottom: 0
}
.icon-popover a {
padding: 4px 10px;
display: block;
color: var(--rf-brand-color-text-body);
line-height: 30px;
font-size: 12px;
text-overflow: ellipsis;
overflow: hidden;
max-width: 350px;
cursor: pointer
}
.icon-popover a:hover,.icon-popover a:focus,.icon-popover a:active {
text-decoration: none
}
.icon-popover ul {
padding: 0
}
.icon-popover li:hover,.icon-popover li:focus,.icon-popover li:active {
background-color: rgba(0,0,0,.05)
}
.rf-popover {
position: absolute;
background-color: var(--rf-brand-color-surface);
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: var(--rf-brand-shape-radius);
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
box-shadow: 0 5px 10px rgba(0,0,0,.2);
max-width: 300px;
padding: 0;
text-align: left;
white-space: normal;
z-index: 500;
font-family: var(--rf-brand-font-family)
}
.rf-popover .popover-header,.rf-popover .popover-body,.rf-popover .popover-footer {
padding: 12px;
clear: both
}
.rf-popover .popover-header:before,.rf-popover .popover-header:after,.rf-popover .popover-body:before,.rf-popover .popover-body:after,.rf-popover .popover-footer:before,.rf-popover .popover-footer:after {
content: "";
display: table;
clear: both
}
.rf-popover .popover-body {
max-height: 450px
}
.rf-popover.no-arrow .arrow {
display: none
}
.rf-trigger-menu {
display: flex
}
.rf-trigger-menu.is-button-menu.is-full-width .rf-overlay {
right: 0 !important;
left: 0 !important
}
.rf-trigger-menu.pull-right {
margin: 0 0 0 12px
}
.rf-trigger-menu.menu-left .rf-overlay {
left: 0 !important;
right: auto
}
.rf-trigger-menu .is-right-aligned {
justify-content: flex-end
}
.rf-overlay {
position: absolute;
background-color: var(--rf-brand-color-surface);
box-shadow: rgba(0,0,0,.2) 0 5px 10px;
border: 1px solid var(--rf-system-color-neutral-70);
border-radius: var(--rf-brand-shape-radius);
padding: 12px;
z-index: 3;
right: 0;
left: auto !important;
font-family: var(--rf-brand-font-family);
color: var(--rf-brand-color-text-body)
}
.rf-overlay.icon-right .rfSI {
float: right;
margin: 0 0 0 4px
}
.rf-overlay ul {
padding: 0;
margin: 0
}
.rf-overlay ul li {
cursor: pointer;
margin-bottom: 12px;
overflow: hidden;
line-height: 14px;
color: rgba(0,0,0,.6) !important;
text-align: left;
clear: both
}
.rf-overlay ul li:before,.rf-overlay ul li:after {
content: "";
display: table;
clear: both
}
.rf-overlay ul li:last-child {
margin-bottom: 0
}
.rf-overlay ul li.disabled {
color: var(--rf-brand-color-status-disabled);
cursor: not-allowed
}
.rf-overlay ul li.disabled .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.rf-overlay ul .rfSI {
margin: 0 4px 0 0;
float: left
}
.rf-overlay ul .rfSI svg {
fill: var(--rf-brand-color-text-body)
}
.rf-overlay-new {
border: 1px solid var(--rf-brand-color-border);
position: absolute;
z-index: 9999;
background: var(--rf-brand-color-surface);
min-width: 100px;
max-height: 348px;
border-radius: var(--rf-brand-shape-radius);
font-family: var(--rf-brand-font-family);
display: flex;
clear: both;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.rf-overlay-new:before,.rf-overlay-new:after {
content: "";
display: table;
clear: both
}
.rf-overlay-new * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.rf-overlay-new .rf-scroll-frame {
overflow: auto;
width: 100%;
padding: 0;
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius)
}
.rf-overlay-new .rf-scroll-frame .rf-tooltip-container {
padding-left: 0
}
.rf-overlay-new .rf-scroll-frame ul.keep-bullets li {
display: list-item !important;
list-style: disc inside !important
}
.rf-overlay-new .rf-scroll-frame hr {
margin: 0
}
.rf-overlay-new .rf-scroll-frame ul.report-export-options li a {
padding: 0
}
.rf-overlay-new .rf-scroll-frame ul.report-export-options li a {
padding: 0
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) {
margin: 0;
padding: 0
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list):not(.rf-select-results) {
display: table;
width: 100%
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) .icon-menu-item {
padding: 0
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) .icon-menu-item>div {
padding: 6px 8px;
width: 100%
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li {
margin: 0;
padding: 6px 8px;
cursor: pointer
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li .rf-actions-menu-content {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
width: 100%;
text-align: left
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li.actions-menu-item {
padding: 0
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li.actions-menu-item .rf-actions-menu-content {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
padding: 6px 8px;
width: 100%;
text-align: left
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.common-select-dropdown-option-item) {
white-space: nowrap
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li.has-anchor {
padding: 0
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li a {
padding: 6px 8px;
display: flex;
line-height: 17px;
text-decoration: none;
color: var(--rf-brand-color-text-body)
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li .rfSI:not(.rf-checkbox-icon) {
margin: 0
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li .rfSI:not(.rf-checkbox-icon):first-child {
margin-right: 4px
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li svg {
fill: var(--rf-brand-color-text-body)
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li .rf-checkbox-icon svg {
fill: var(--rf-brand-color-on-primary)
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item):hover,.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item):focus {
background-color: var(--rf-brand-color-primary);
color: var(--rf-brand-color-on-primary)
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item):hover a,.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item):hover .mdBtnR-text,.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item):focus a,.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item):focus .mdBtnR-text {
color: var(--rf-brand-color-on-primary)
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item):hover svg,.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item):focus svg {
fill: var(--rf-brand-color-on-primary)
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item):hover .checkbox-bg,.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item):focus .checkbox-bg {
border: 1px solid var(--rf-brand-color-on-primary)
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover {
background-color: var(--rf-brand-color-status-disabled);
color: var(--rf-brand-color-status-on-disabled)
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover a {
color: var(--rf-brand-color-status-on-disabled)
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover a,.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover button {
cursor: not-allowed
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover a span,.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover button span {
color: var(--rf-brand-color-status-on-disabled);
text-decoration: none
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover a:hover,.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover a:focus,.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover button:hover,.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover button:focus {
color: var(--rf-brand-color-status-on-disabled);
text-decoration: none;
opacity: 1
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover svg {
fill: var(--rf-brand-color-status-on-disabled)
}
.rf-overlay-new.rf-overlay-implicit-lists .rf-scroll-frame ul:not(.rf-select-selected,.simple-overlay-list) li:not(.group-header):not(.common-select-dropdown-option-item).disabled:hover .checkbox-bg {
border: 1px solid var(--rf-brand-color-status-disabled)
}
.rf-overlay-new .simple-overlay-list {
list-style: none
}
.rf-overlay-new .simple-overlay-list li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
padding: 0;
margin-bottom: 0;
cursor: pointer
}
.rf-overlay-new .simple-overlay-list li.is-active a,.rf-overlay-new .simple-overlay-list li.is-active button,.rf-overlay-new .simple-overlay-list li:hover a,.rf-overlay-new .simple-overlay-list li:hover button,.rf-overlay-new .simple-overlay-list li:focus a,.rf-overlay-new .simple-overlay-list li:focus button,.rf-overlay-new .simple-overlay-list li:focus-within a,.rf-overlay-new .simple-overlay-list li:focus-within button {
background-color: var(--rf-brand-color-primary);
color: var(--rf-brand-color-on-primary);
text-decoration: none
}
.rf-overlay-new .simple-overlay-list li.is-active svg,.rf-overlay-new .simple-overlay-list li:hover svg,.rf-overlay-new .simple-overlay-list li:focus svg,.rf-overlay-new .simple-overlay-list li:focus-within svg {
fill: var(--rf-brand-color-on-primary)
}
.rf-overlay-new .simple-overlay-list li.disabled {
cursor: not-allowed
}
.rf-overlay-new .simple-overlay-list li.disabled a,.rf-overlay-new .simple-overlay-list li.disabled button {
background-color: rgba(0,0,0,0);
pointer-events: none
}
.rf-overlay-new .simple-overlay-list li.disabled svg {
fill: var(--rf-brand-color-status-disabled)
}
.rf-overlay-new .simple-overlay-list li.disabled span {
color: var(--rf-brand-color-status-disabled)
}
.rf-overlay-new .simple-overlay-list li.disabled:hover span {
color: var(--rf-brand-color-status-disabled)
}
.rf-overlay-new .simple-overlay-list a,.rf-overlay-new .simple-overlay-list button {
display: flex;
align-items: center;
cursor: pointer;
border: none;
padding: 6px 8px;
width: 100%;
color: var(--rf-brand-color-text-body);
background-color: rgba(0,0,0,0);
text-decoration: none;
font-family: var(--rf-brand-font-family);
font-weight: var(--rf-system-font-weight-400)
}
.rf-overlay-new .simple-overlay-list .rfSI {
margin-right: 4px
}
.rf-overlay-new .simple-overlay-list .rfSI svg {
fill: var(--rf-brand-color-text-body)
}
.rf-overlay-new .simple-overlay-list span {
text-align: left
}
.rf-overlay-new .simple-overlay-list span:not(.rfSI) {
font-size: var(--rf-brand-font-size);
line-height: 1.4em;
width: 100%
}
.rf-overlay-new .rf-overlay-header {
clear: both;
border-bottom: 1px solid var(--rf-brand-color-border);
position: relative
}
.rf-overlay-new .rf-overlay-header:before,.rf-overlay-new .rf-overlay-header:after {
content: "";
display: table;
clear: both
}
.rf-overlay-new .rf-overlay-header h3 {
font-size: 16px;
font-weight: var(--rf-system-font-weight-600);
line-height: 1.45em;
letter-spacing: .2px;
margin: 0;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.rf-overlay-new .rf-overlay-header .overlay-close {
background: none;
border: none;
padding: 0;
fill: var(--rf-system-color-neutral-40);
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%)
}
.rf-overlay-new .rf-overlay-header .overlay-close svg {
fill: var(--rf-brand-color-text-heading)
}
.rf-overlay-new .rf-overlay-body {
overflow: auto
}
.rf-overlay-new .rf-overlay-body.has-padding {
padding: 16px
}
.rf-overlay-new .rf-overlay-footer {
display: flex;
flex-wrap: nowrap;
justify-content: flex-start
}
.rf-overlay-new .rf-overlay-footer.has-padding {
padding: 16px
}
.rf-overlay-new .rf-overlay-close-container {
display: flex
}
.rf-overlay-new .rf-overlay-close-container .rf-overlay-close-icon {
margin-inline-end:4px;margin-block-start:4px}
.rf-overlay-new * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.rf-overlay-new.rf-overlay-constrain-width {
max-width: 500px
}
.rf-overlay-new.rf-overlay-bottom.rf-overlay-centered {
transform: translateX(-50%);
margin-left: 0
}
.rf-overlay-new.rf-overlay-bottom.rf-anchor-right {
transform: translateX(-100%)
}
.rf-overlay-new.rf-overlay-left {
transform: translate(-100%, 0)
}
.rf-overlay-new.rf-overlay-left.rf-overlay-centered {
transform: translate(-100%, -50%)
}
.rf-overlay-new.rf-overlay-left.rf-anchor-bottom {
transform: translate(-100%, -100%)
}
.rf-overlay-new.rf-overlay-right.rf-overlay-centered {
transform: translateY(-50%)
}
.rf-overlay-new.rf-overlay-right.rf-anchor-bottom {
transform: translate(0, -100%)
}
.rf-overlay-new.rf-overlay-top {
transform: translate(0, -100%)
}
.rf-overlay-new.rf-overlay-top.rf-overlay-centered {
transform: translate(-50%, -100%);
margin-left: auto
}
.rf-overlay-new.rf-overlay-top.rf-anchor-right {
transform: translate(-100%, -100%)
}
.rf-overlay-new.rf-override-top {
transform: translateY(-100%) !important
}
.rf-overlay-new.rf-override-top.rf-overlay-left {
transform: translate(-100%, -100%) !important
}
.rf-overlay-new.rf-override-top.rf-has-arrow.rf-overlay-right:after {
top: auto;
bottom: 13px
}
.rf-overlay-new.rf-override-top.rf-has-arrow.rf-overlay-left {
transform: translate(-100%, -100%) !important
}
.rf-overlay-new.rf-override-top.rf-has-arrow.rf-overlay-left:after {
top: auto;
bottom: 13px
}
.rf-overlay-new.rf-override-bottom {
transform: translateY(0) !important
}
.rf-overlay-new.rf-override-bottom.rf-overlay-left {
transform: translate(-100%, 0) !important
}
.rf-overlay-new.rf-override-bottom.rf-has-arrow.rf-overlay-right:after {
transform: translateY(-50%) rotate(315deg) !important;
top: 36px !important
}
.rf-overlay-new.rf-override-bottom.rf-has-arrow.rf-overlay-left {
transform: translate(-100%, 0) !important
}
.rf-overlay-new.rf-override-bottom.rf-has-arrow.rf-overlay-left:after {
transform: translateY(-50%) rotate(135deg) !important;
top: 36px !important
}
.rf-overlay-new.rf-has-arrow:hover:after {
z-index: -1
}
.rf-overlay-new.rf-has-arrow:after {
content: "";
width: 14px;
height: 14px;
background: var(--rf-brand-color-surface);
position: absolute;
border: 1px solid var(--rf-brand-color-border);
border-bottom: none;
border-right: none
}
.rf-overlay-new.rf-has-arrow.rf-overlay-top {
margin-top: -12px;
margin-left: -28px;
transform: translate(-32px, -100%)
}
.rf-overlay-new.rf-has-arrow.rf-overlay-top:after {
left: 31px;
transform: translateX(-50%) rotate(225deg);
bottom: -8px;
border-bottom-right-radius: 14px
}
.rf-overlay-new.rf-has-arrow.rf-overlay-top.rf-overlay-centered {
transform: translate(-50%, -100%);
margin-left: 0
}
.rf-overlay-new.rf-has-arrow.rf-overlay-top.rf-overlay-centered:after {
left: 50%
}
.rf-overlay-new.rf-has-arrow.rf-overlay-top.rf-anchor-right {
transform: translate(-100%, -100%)
}
.rf-overlay-new.rf-has-arrow.rf-overlay-top.rf-anchor-right:after {
left: auto;
right: 17px
}
.rf-overlay-new.rf-has-arrow.rf-overlay-right {
margin-left: 12px
}
.rf-overlay-new.rf-has-arrow.rf-overlay-right:after {
left: -8px;
transform: translateY(-50%) rotate(315deg);
top: 36px;
border-bottom-right-radius: 14px
}
.rf-overlay-new.rf-has-arrow.rf-overlay-right.rf-overlay-centered {
margin-top: 0
}
.rf-overlay-new.rf-has-arrow.rf-overlay-right.rf-overlay-centered:after {
top: 50%
}
.rf-overlay-new.rf-has-arrow.rf-overlay-right.rf-anchor-bottom {
transform: translateY(-100%)
}
.rf-overlay-new.rf-has-arrow.rf-overlay-right.rf-anchor-bottom:after {
top: auto;
bottom: 13px
}
.rf-overlay-new.rf-has-arrow.rf-overlay-bottom {
margin-top: 12px;
transform: translateX(-32px)
}
.rf-overlay-new.rf-has-arrow.rf-overlay-bottom:after {
left: 31px;
transform: translateX(-50%) rotate(45deg);
top: -8px;
border-bottom-right-radius: 14px
}
.rf-overlay-new.rf-has-arrow.rf-overlay-bottom.rf-overlay-centered {
transform: translateX(-50%)
}
.rf-overlay-new.rf-has-arrow.rf-overlay-bottom.rf-overlay-centered:after {
left: 50%
}
.rf-overlay-new.rf-has-arrow.rf-overlay-bottom.rf-anchor-right {
transform: translateX(-100%)
}
.rf-overlay-new.rf-has-arrow.rf-overlay-bottom.rf-anchor-right:after {
left: auto;
right: 17px
}
.rf-overlay-new.rf-has-arrow.rf-overlay-left {
margin-left: -12px;
transform: translate(-100%, 0)
}
.rf-overlay-new.rf-has-arrow.rf-overlay-left:after {
right: -8px;
transform: translateY(-50%) rotate(135deg);
top: 27px;
border-bottom-right-radius: 14px
}
.rf-overlay-new.rf-has-arrow.rf-overlay-left.rf-overlay-centered {
transform: translate(-100%, -50%);
margin-top: 0
}
.rf-overlay-new.rf-has-arrow.rf-overlay-left.rf-overlay-centered:after {
top: 50%
}
.rf-overlay-new.rf-has-arrow.rf-overlay-left.rf-anchor-bottom {
transform: translate(-100%, -100%)
}
.rf-overlay-new.rf-has-arrow.rf-overlay-left.rf-anchor-bottom:after {
top: auto;
bottom: 13px
}
.rf-overlay-new ul,.rf-overlay-new ol {
padding: 0;
margin: 0
}
.rf-overlay-new ul li,.rf-overlay-new ol li {
margin-bottom: 12px;
line-height: 1.3em;
font-size: var(--rf-brand-font-size);
color: var(--rf-brand-color-text-body);
display: flex
}
.rf-overlay-new ul li:last-child,.rf-overlay-new ol li:last-child {
margin-bottom: 0
}
.rf-overlay-new ul li.disabled,.rf-overlay-new ol li.disabled {
color: var(--rf-brand-color-status-disabled);
cursor: not-allowed
}
.rf-overlay-new ul li.disabled *,.rf-overlay-new ol li.disabled * {
color: var(--rf-brand-color-status-disabled)
}
.rf-overlay-new ul li.disabled .rfSI svg,.rf-overlay-new ol li.disabled .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.rf-overlay-new ul li.disabled:hover,.rf-overlay-new ol li.disabled:hover {
color: var(--rf-system-color-neutral-100)
}
.rf-overlay-new ul li.disabled:hover *,.rf-overlay-new ol li.disabled:hover * {
color: var(--rf-system-color-neutral-100)
}
.rf-overlay-new.default-list ul li {
margin-bottom: 12px
}
.rf-overlay-new.default-list ul .rfSI svg {
fill: rgba(0,0,0,.6)
}
.rf-overlay-new p {
margin: 0 0 4px;
word-wrap: break-word
}
.rf-overlay-new p:last-child {
margin: 0
}
.rf-overlay-new .rf-overlay-inner .rfSI {
margin: 0 8px 3px 0
}
.rf-overlay-new.rf-overlay-full {
min-width: 0;
max-width: 100%
}
.rf-overlay-new.rf-overlay-padded .rf-scroll-frame {
padding: 8px
}
.rf-overlay-new.has-simple-list .rf-scroll-frame {
padding: 0
}
.rf-overlay-new .exhibitor-media-video-preview-container {
position: relative;
margin: -8px -8px 0
}
.rf-overlay-new .exhibitor-media-video-title {
font-size: var(--rf-brand-font-size);
font-weight: var(--rf-system-font-weight-600);
margin-top: 0;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
@supports(-webkit-line-clamp: 3) {
.rf-overlay-new .exhibitor-media-video-title {
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
}
.rf-overlay-new .exhibitor-media-video-description {
margin: 24px 0 48px 0;
font-size: 14px;
color: var(--rf-brand-color-text-body);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
@supports(-webkit-line-clamp: 4) {
.rf-overlay-new .exhibitor-media-video-description {
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical
}
}
.rf-overlay-new.rf-overlay-max-height-none {
max-height: none
}
.rf-tooltip-container {
display: inline-block;
padding-left: 8px
}
.rf-tooltip-container .rfSI.disabled {
pointer-events: none
}
.rf-tooltip.dark-mode {
--rf-brand-color-text-body: var(--rf-brand-color-inverse-on-surface);
background-color: var(--rf-brand-color-inverse-surface)
}
.rf-tooltip.dark-mode.rf-has-arrow:after {
background: var(--rf-brand-color-inverse-surface);
border: 1px solid var(--rf-brand-color-inverse-surface)
}
.rf-tooltip.dark-mode * {
color: var(--rf-brand-color-inverse-on-surface)
}
.rf-price-formatter.no-wrap {
overflow-wrap: normal
}
.report-viewer-filter-overlay {
max-height: none;
min-width: 220px;
max-width: 220px
}
.report-viewer-filter-overlay .report-viewer-order {
cursor: pointer
}
.report-viewer-filter-overlay .rf-scroll-frame {
display: flex;
flex-direction: column
}
.report-viewer-filter-overlay .report-viewer-order-by-options {
overflow: hidden
}
.report-viewer-filter-overlay .report-viewer-text-filter {
padding: 12px
}
.report-viewer-filter-overlay .report-viewer-number-filter {
padding: 12px
}
.report-viewer-filter-overlay h5 {
padding: 12px;
margin: 0
}
.report-viewer-filter-overlay h5+div {
overflow: hidden;
margin: 0 0 12px
}
.report-viewer-filter-overlay h5+div .rf-label {
line-height: 16px
}
.report-viewer-filter-overlay .sorting-action {
float: left;
display: block;
margin-right: 8px
}
.report-viewer-filter-overlay .report-viewer-filter-values-multi-select {
padding: 0 12px;
max-height: 240px;
overflow: auto
}
.report-viewer-filter-overlay .rf-search-input-icon {
border-left: none;
background: none
}
.report-viewer-filter-overlay .rf-search-input-icon .rfSI svg {
fill: var(--rf-system-color-neutral-50)
}
.report-viewer-filter-overlay .report-viewer-menu-footer {
background: var(--rf-brand-color-surface-3) !important;
padding: 12px;
overflow: hidden
}
.report-viewer-filter-overlay .report-viewer-menu-footer .mdBtnR-link.cancel-sort {
margin: 0
}
.report-viewer-filter-overlay .report-viewer-menu-footer .apply-sort {
margin-left: 8px
}
.reservation-type {
align-items: center
}
.reservation-type--label-gap {
display: inline-flex;
gap: 8px;
max-height: 1rem
}
.action-menu-button-wrapper .action-menu-button {
padding: 0 4px
}
.action-menu-button-wrapper .action-menu-button:hover {
background-color: var(--rf-brand-color-surface-2);
border-radius: var(--rf-brand-shape-radius)
}
.rf-scroll-frame .actions-container .actions-menu-item.disabled {
cursor: not-allowed
}
.rf-feedback-alert {
background-color: var(--rf-brand-color-surface);
border: 1px solid rgba(0,0,0,0);
border-left-width: 8px;
border-radius: var(--rf-brand-shape-radius);
display: flex;
font-family: var(--rf-brand-font-family);
gap: 8px;
margin-bottom: 20px;
padding: 16px 24px 16px 8px;
position: relative
}
.rf-feedback-alert :is(ol,ul) li {
display: list-item
}
.rf-feedback-alert ul li {
list-style-type: disc
}
.rf-feedback-alert ol li {
list-style-type: decimal
}
.rf-feedback-alert :is(ol,ul) ul li {
list-style-type: circle
}
.rf-feedback-alert :is(ol,ul) :is(ol,ul) ul li {
list-style-type: square
}
@media all and (max-width: 1023px) {
.rf-feedback-alert {
flex-wrap:wrap
}
}
.rf-feedback-alert h3 {
margin: 0 0 4px;
font-weight: var(--rf-system-font-weight-600);
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-size: var(--rf-brand-font-scale-5)
}
.rf-feedback-alert ul,.rf-feedback-alert ol {
padding-inline-start:16px}
.rf-feedback-alert li {
margin-bottom: 6px
}
.rf-feedback-alert>.rfSI {
flex-shrink: 0
}
.rf-feedback-alert .close-alert {
position: absolute;
right: 8px;
top: 8px
}
.rf-feedback-alert .rf-feedback-alert-content p,.rf-feedback-alert .rf-feedback-alert-content li {
font-size: var(--rf-brand-font-scale-6)
}
.rf-feedback-alert .rf-feedback-alert-content :last-child {
margin-bottom: 0
}
.rf-feedback-alert .rf-feedback-alert-actions {
display: flex;
flex-wrap: wrap;
gap: 16px;
margin-top: 16px
}
.rf-feedback-alert .rf-feedback-alert-actions .mdBtnR+.mdBtnR {
margin-left: 0
}
.rf-feedback-alert.no-margin {
margin: 0
}
.rf-feedback-alert.rf-feedback-mt {
margin-top: 12px
}
.rf-feedback-alert.rf-alert-type-info {
border-color: var(--rf-brand-color-status-info)
}
.rf-feedback-alert.rf-alert-type-warning {
border-color: var(--rf-brand-color-status-warning)
}
.rf-feedback-alert.rf-alert-type-error {
border-color: var(--rf-brand-color-status-error)
}
.rf-feedback-alert.rf-alert-type-success {
border-color: var(--rf-brand-color-status-success)
}
.rf-input .rf-feedback-alert {
margin-top: 20px;
margin-bottom: 0
}
.rfwf-errors {
margin-bottom: 16px
}
.alert .close {
width: 20px;
background: rgba(255,255,255,.4);
border: none
}
.attendee-tile {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
min-width: 200px;
width: 100%;
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
padding: 16px;
text-align: center;
position: relative
}
.attendee-tile.no-border {
border: 1px solid rgba(0,0,0,0)
}
.attendee-tile.list-layout {
flex-direction: row;
justify-content: left;
max-width: none;
text-align: left
}
.attendee-tile.list-layout .attendee-tile-name {
text-align: left
}
.attendee-tile.list-layout.no-border {
padding: 0
}
.attendee-tile.list-layout .attendee-tile-image {
flex-shrink: 0;
margin-bottom: 0;
margin-right: 24px
}
.attendee-tile.list-layout .attendee-tile-role {
margin-bottom: 0;
min-height: auto
}
.attendee-tile .tile-bookmark-container {
position: absolute;
top: 12px;
left: 12px;
display: flex;
justify-content: center;
align-items: center
}
.attendee-tile .attendee-tile-text-container {
width: 100%
}
.attendee-tile .attendee-tile-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
width: 100%;
margin-bottom: 4px;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-weight: var(--rf-system-font-weight-600)
}
.attendee-tile .attendee-tile-name:hover {
color: var(--rf-brand-color-primary);
text-decoration: underline
}
.attendee-tile .attendee-tile-role {
font-size: 14px;
min-height: 59px;
margin-bottom: 12px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
@supports(-webkit-line-clamp: 3) {
.attendee-tile .attendee-tile-role {
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
}
.attendee-tile .attendee-tile-message-button {
width: 100%
}
.attendee-tile:hover {
cursor: pointer
}
.attendee-tile:hover .attendee-tile-name {
color: var(--rf-brand-color-primary)
}
.attendee-tile-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 16px
}
.tile-details-modal .tile-details-modal-title {
font-size: 20px
}
.tile-details-modal-avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
display: flex;
justify-content: center;
align-items: center;
flex-shrink: 0;
font-size: 42px;
overflow: hidden;
height: 160px;
width: 160px;
max-height: 160px;
max-width: 160px;
text-transform: uppercase
}
.tile-details-modal-avatar img {
width: 100%
}
.tile-details-modal-avatar.no-image {
background-color: var(--rf-system-color-neutral-60)
}
.speaker-tile-container {
width: 100%
}
@media all and (min-width: 550px) {
.speaker-tile-container {
width:200px
}
}
.attendee-tile-image {
height: 96px;
width: 96px;
max-height: 96px;
max-width: 96px;
-webkit-border-radius: 96px;
-moz-border-radius: 96px;
-ms-border-radius: 96px;
-o-border-radius: 96px;
border-radius: 96px;
overflow: hidden;
margin-bottom: 12px
}
.attendee-tile-image.no-margin {
margin: 0
}
.attendee-tile-image img {
height: 100%;
width: 100%;
max-height: 100%;
max-width: 100%;
object-fit: cover
}
.attendee-tile-image.no-avatar {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--rf-system-color-neutral-60)
}
.attendee-tile-image.no-avatar p {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-size: 24px;
margin: 0;
font-weight: var(--rf-system-font-weight-600)
}
.attendee-tile-image.attendee-tile-lg {
height: 104px;
width: 104px;
max-height: 104px;
max-width: 104px;
-webkit-border-radius: 104px;
-moz-border-radius: 104px;
-ms-border-radius: 104px;
-o-border-radius: 104px;
border-radius: 104px
}
.attendee-tile-image.attendee-tile-lg p {
font-size: var(--rf-brand-font-scale-2)
}
.rf-box {
border: 1px solid var(--rf-comp-box-border-color, var(--rf-brand-color-border));
padding: var(--rf-comp-box-padding, 16px);
border-radius: var(--rf-brand-shape-radius)
}
.rf-box>:last-child {
margin-block-end:0}
.rf-admin-content .rf-countdown,.rfComp-canvas .rf-countdown,.rf-default-modal .rf-countdown,[id*=rf-].rf-widget .rf-countdown {
display: flex;
justify-content: center;
align-items: center
}
.rf-admin-content .rf-countdown p,.rfComp-canvas .rf-countdown p,.rf-default-modal .rf-countdown p,[id*=rf-].rf-widget .rf-countdown p {
margin: 0 48px 0 0;
color: var(--rf-brand-color-status-disabled)
}
.rf-admin-content .rf-countdown p.is-active,.rfComp-canvas .rf-countdown p.is-active,.rf-default-modal .rf-countdown p.is-active,[id*=rf-].rf-widget .rf-countdown p.is-active {
color: var(--rf-brand-color-primary)
}
.rf-dynamic-list.small {
width: 300px
}
.rf-dynamic-list ul {
padding: 0;
margin: 0
}
.rf-dynamic-list li {
border-top: 2px solid rgba(0,0,0,.06);
padding: 8px 4px;
overflow: hidden
}
.rf-dynamic-list li .rfSI {
float: right
}
.rf-dynamic-list li .rfSI:first-child {
float: left
}
.rf-dynamic-list li .rfSI:first-child svg {
fill: rgba(0,0,0,.5)
}
.rf-dynamic-list li:last-child {
border-bottom: 2px solid rgba(0,0,0,.06)
}
.rf-dynamic-list li p {
color: rgba(0,0,0,.5);
margin: 0 0 0 8px;
display: block;
float: left;
line-height: 16px
}
.rf-email-row {
margin-block-start:16px}
.rf-email-row+.rf-email-group__actions {
margin-block-start:24px}
.rf-file-download .rf-file-download-list {
padding: 0
}
.rf-grid {
--rf-comp-grid-desktop-columns: 3;
--rf-comp-grid-columns: var(--rf-comp-grid-desktop-columns);
--rf-comp-grid-desktop-column-gap: 24px;
--rf-comp-grid-column-gap: var(--rf-comp-grid-desktop-column-gap);
--rf-comp-grid-desktop-row-gap: 20px;
--rf-comp-grid-row-gap: var(--rf-comp-grid-desktop-row-gap);
--rf-comp-grid-desktop-cell-padding: 32px;
--rf-comp-grid-cell-padding: var(--rf-comp-grid-desktop-cell-padding);
display: grid;
grid-template-columns: repeat(var(--rf-comp-grid-columns), 1fr);
column-gap: var(--rf-comp-grid-column-gap);
row-gap: var(--rf-comp-grid-row-gap)
}
@media all and (max-width: 768px) {
.rf-grid {
--rf-comp-grid-columns: var(--rf-comp-grid-mobile-columns, 1);
--rf-comp-grid-column-gap: var(--rf-comp-grid-mobile-column-gap, var(--rf-comp-grid-desktop-column-gap));
--rf-comp-grid-row-gap: var(--rf-comp-grid-mobile-row-gap, var(--rf-comp-grid-desktop-row-gap));
--rf-comp-grid-cell-padding: var(--rf-comp-grid-mobile-cell-padding, var(--rf-comp-grid-desktop-cell-padding))
}
}
.rf-grid.rf-grid-cell-border>* {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
padding: var(--rf-comp-grid-cell-padding)
}
.rf-grid-view {
display: grid;
gap: 16px
}
@media all and (min-width: 769px) {
.rf-grid-view {
grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))
}
.rf-grid-view.wide-column {
grid-template-columns: repeat(auto-fill, minmax(375px, 1fr))
}
.rf-grid-view--single-column {
grid-template-columns: 100%
}
}
.rf-grid-tile-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
border: solid 1px var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius)
}
.rf-grid-tile-wrapper .grid-tile-controls {
display: flex;
flex-wrap: wrap;
gap: 16px;
padding: 0 16px 16px
}
.rf-grid-tile {
width: 100%;
cursor: pointer;
overflow: hidden
}
.rf-grid-tile .grid-tile-default-image,.rf-grid-tile .grid-tile-media-container {
height: 136px;
display: flex;
justify-content: center;
background-color: var(--rf-brand-color-surface-2);
border-bottom: 1px solid var(--rf-brand-color-border);
width: 100%
}
.rf-grid-tile .grid-tile-media-container {
align-items: flex-start;
padding: 16px 16px 0;
overflow: hidden
}
.rf-grid-tile .grid-tile-media-container--h-auto {
height: auto
}
.rf-grid-tile .grid-tile-media-container.no-padding {
padding: 0
}
.rf-grid-tile .grid-tile-media-container .grid-tile-media-whitespace {
background-color: var(--rf-brand-color-surface);
padding: 8px 8px 0;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.rf-grid-tile .grid-tile-media-container .grid-tile-media-whitespace.no-padding {
padding: 0
}
.rf-grid-tile .grid-tile-media-container .grid-tile-media-whitespace.light-padding {
padding: 14px 14px 0
}
.rf-grid-tile .grid-tile-media-container .grid-tile-media-image {
width: 100%
}
.rf-grid-tile .grid-tile-default-image {
align-items: center
}
.rf-grid-tile .grid-tile-badges {
display: flex;
gap: 8px
}
.rf-grid-tile .grid-tile-info {
display: flex;
flex-direction: column;
row-gap: 16px;
padding: 16px;
min-height: 50px
}
.rf-grid-tile .grid-tile-info .grid-tile-title-container {
display: flex;
justify-content: space-between;
align-items: center
}
.rf-grid-tile .grid-tile-info .grid-tile-title {
font-weight: var(--rf-system-font-weight-600);
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.rf-grid-tile .grid-tile-info .grid-tile-description {
margin: 0
}
.rf-image-thumbnail.thumbnail-xs .image-thumbnail-container {
height: 100px
}
.rf-image-thumbnail.thumbnail-sm .image-thumbnail-container {
height: 150px
}
.rf-image-thumbnail.thumbnail-lg .image-thumbnail-container {
height: 300px
}
.rf-image-thumbnail.thumbnail-xl .image-thumbnail-container {
height: 400px
}
.rf-image-thumbnail .image-thumbnail-container {
position: relative;
width: 100%;
border: 1px solid var(--rf-brand-color-border);
height: 200px;
border-radius: var(--rf-brand-shape-radius);
overflow: hidden
}
.rf-image-thumbnail .image-thumbnail-container:hover .image-thumbnail-overlay {
display: block
}
.rf-image-thumbnail.no-overlay .image-thumbnail-container .image-thumbnail-overlay {
display: none
}
.rf-image-thumbnail.landscape-thumbnail .image-thumbnail-preview img {
height: auto;
width: 100%
}
.rf-image-thumbnail .image-thumbnail-overlay {
font-size: var(--rf-brand-font-size);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 10;
background: linear-gradient(rgba(0, 0, 0, 0.5) 2.5em, transparent 0%),linear-gradient(to top, rgba(0, 0, 0, 0.5) 2.5em, transparent 0%)
}
.rf-image-thumbnail .image-thumbnail-overlay p {
font-size: 1em;
color: var(--rf-system-color-neutral-100);
position: absolute;
left: 8px;
margin: 0;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.rf-image-thumbnail .image-thumbnail-overlay p:first-of-type {
top: 8px;
right: 8px
}
.rf-image-thumbnail .image-thumbnail-overlay p:last-of-type {
right: 26px;
bottom: 8px
}
.rf-image-thumbnail .image-thumbnail-overlay .image-thumbnail-action {
position: absolute
}
.rf-image-thumbnail .image-thumbnail-overlay .image-thumbnail-action.bottom {
bottom: 6px
}
.rf-image-thumbnail .image-thumbnail-overlay .image-thumbnail-action.top {
top: 6px
}
.rf-image-thumbnail .image-thumbnail-overlay .image-thumbnail-action.below-top {
top: 45px
}
.rf-image-thumbnail .image-thumbnail-overlay .image-thumbnail-action.right {
right: 2px
}
.rf-image-thumbnail .image-thumbnail-overlay .image-thumbnail-action.left {
left: 2px
}
.rf-image-thumbnail .image-thumbnail-preview {
position: relative;
width: 100%;
height: 100%;
overflow: hidden
}
.rf-image-thumbnail .image-thumbnail-preview img {
position: absolute;
left: 50%;
top: 50%;
height: 100%;
width: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: none !important
}
.rf-image-carousel {
height: 100%;
position: relative;
background: var(--rf-system-color-neutral-20)
}
.rf-image-carousel .react-swipe-container {
height: 100%
}
.rf-image-carousel .react-swipe-container>div {
height: 100%
}
.rf-image-carousel .react-swipe-container .carousel-image-wrapper {
height: 100%
}
.rf-image-carousel .carousel-actions {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 98%;
z-index: 1;
display: flex;
justify-content: space-between
}
.rf-image-carousel .carousel-actions .rfSI {
border-radius: var(--rf-brand-shape-radius);
background-color: rgba(0,0,0,.5);
width: 32px;
max-width: 32px;
height: 32px;
max-height: 32px;
padding: 4px
}
.rf-image-carousel .carousel-actions .rfSI:first-of-type {
text-align: left
}
.rf-image-carousel .carousel-actions .rfSI:last-of-type {
text-align: right
}
.rf-persistent-banner {
background-color: var(--rf-brand-color-primary);
color: var(--rf-brand-color-on-primary);
padding: 8px 16px
}
.rf-persistent-banner .rf-persistent-banner-interior {
max-width: 1440px;
width: 95%;
min-height: 40px;
flex-grow: 1;
margin: 0 auto;
padding: 0 12px;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%
}
@media all and (min-width: 769px) {
.rf-persistent-banner .rf-persistent-banner-interior {
padding:0 20px
}
}
@media all and (max-width: 549px) {
.rf-persistent-banner .rf-persistent-banner-interior {
flex-direction:column;
gap: 8px
}
}
.rf-recommendation-profile-overview {
padding-inline:16px;--rf-comp-recommendation-profile-overview-gap: 24px
}
@container ((min-width: 1200px)) {
.rf-recommendation-profile-overview {
--rf-comp-recommendation-profile-overview-aside-width: 392px;
--rf-comp-recommendation-profile-overview-flex-wrap: nowrap
}
}
.rf-recommendation-profile-overview-container {
container-type: inline-size
}
.rf-recommendation-profile-overview-wrapper {
display: flex;
flex-wrap: var(--rf-comp-recommendation-profile-overview-flex-wrap, wrap);
gap: var(--rf-comp-recommendation-profile-overview-gap)
}
.rf-recommendation-profile-overview-aside {
display: flex;
flex-direction: column;
gap: var(--rf-comp-recommendation-profile-overview-gap);
max-width: var(--rf-comp-recommendation-profile-overview-aside-width, 100%);
width: 100%
}
.rf-recommendation-profile-overview-main {
width: 100%
}
@container ((max-width: 1199px)) {
.rf-recommendation-profile-overview-main .rf-recommendation-profile-overview-button-wrapper {
margin-top: var(--rf-comp-recommendation-profile-overview-gap)
}
}
.rf-recommendation-profile-overview-main-inner {
display: flex;
flex-direction: column;
gap: var(--rf-comp-recommendation-profile-overview-gap)
}
.rf-scanner {
position: relative;
width: 100%
}
.rf-scanner.rf-scanner-android-full-height {
height: 100%
}
.rf-scanner .rf-scanner-title {
align-items: center;
background: var(--rf-brand-color-inverse-surface);
border-radius: var(--rf-brand-shape-radius);
color: var(--rf-brand-color-inverse-on-surface);
display: inline-flex;
font-size: var(--rf-brand-font-scale-5);
margin: 0;
padding: 4px 8px
}
.rf-scanner #qr-shaded-region::before {
border: 3px solid var(--rf-system-color-neutral-100);
border-radius: 8px;
content: "";
display: block;
height: calc(100% + 6px);
margin: -3px;
width: calc(100% + 6px)
}
.rf-scanner #qr-shaded-region>div {
display: none
}
.rf-scanner .rf-scanner-control-top,.rf-scanner .rf-scanner-control-bottom {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 8px 16px;
inset-inline: 24px;
justify-content: space-between;
position: absolute
}
.rf-scanner .rf-scanner-control-top-start,.rf-scanner .rf-scanner-control-top-end,.rf-scanner .rf-scanner-control-bottom-start,.rf-scanner .rf-scanner-control-bottom-end {
flex: 1
}
.rf-scanner .rf-scanner-control-top-center,.rf-scanner .rf-scanner-control-bottom-center {
flex-shrink: 0
}
.rf-scanner .rf-scanner-control-top {
inset-block-start: 24px
}
.rf-scanner .rf-scanner-control-bottom {
inset-block-end: 24px
}
.rf-scanner .rf-scanner-torch-container {
flex-shrink: 0
}
.rf-scanner-container.rf-scanner-container-size-full {
width: 100%;
height: 100%
}
.rf-scanner-container .rf-scanner-preferences {
margin-inline:auto;padding-inline:24px}
.rf-status-light {
--rf-comp-status-light-color-background: var(--rf-brand-color-status-info);
--rf-comp-status-light-color-on-background: var(--rf-brand-color-status-on-info);
align-items: center;
background-color: var(--rf-comp-status-light-color-background);
border-radius: 16px;
color: var(--rf-comp-status-light-color-on-background);
display: flex;
height: 16px;
inset-block-end: 0;
inset-inline-end: 0;
justify-content: center;
outline: 2px solid var(--rf-brand-color-surface);
position: absolute;
width: 16px
}
.rf-status-light.status-relative {
position: relative
}
.rf-status-light.status-sm {
height: 12px;
width: 12px
}
.rf-status-light.status-success {
--rf-comp-status-light-color-background: var(--rf-brand-color-status-success);
--rf-comp-status-light-color-on-background: var(--rf-brand-color-status-on-success)
}
.rf-status-light.status-error {
--rf-comp-status-light-color-background: var(--rf-brand-color-status-error);
--rf-comp-status-light-color-on-background: var(--rf-brand-color-status-on-error)
}
.rf-status-light.status-warning {
--rf-comp-status-light-color-background: var(--rf-brand-color-status-warning);
--rf-comp-status-light-color-on-background: var(--rf-brand-color-status-on-warning)
}
.rf-status-light.status-info {
--rf-comp-status-light-color-background: var(--rf-brand-color-status-info);
--rf-comp-status-light-color-on-background: var(--rf-brand-color-status-on-info)
}
.rf-status-light.status-disabled {
--rf-comp-status-light-color-background: var(--rf-brand-color-status-disabled);
--rf-comp-status-light-color-on-background: var(--rf-brand-color-status-on-disabled)
}
.rf-status-list-item-loading {
display: flex;
align-items: center;
gap: 16px
}
.rf-status-list-item-loading h3 {
margin-block-end:0}
.rf-status-list-item-loading-icon {
max-width: 24px;
max-height: 24px
}
.rf-status-list-item-loading-text {
font-weight: 600
}
.rf-table-container {
width: 100%;
overflow: auto
}
.rf-table-container.header-only {
overflow: visible
}
.rf-table-container+.rf-table-container {
padding-top: 20px
}
.rf-table-container .table-action-bar {
display: flex;
width: 100%;
background-color: var(--rf-brand-color-primary);
padding: 8px 16px;
position: absolute;
z-index: 10;
color: var(--rf-brand-color-on-primary);
align-items: center
}
.rf-table-container .table-action-bar .rf-checkbox-wrapper {
flex: 1
}
.rf-table-container .table-action-bar .rf-checkbox .checkbox-bg {
border-color: var(--rf-brand-color-on-primary);
background-color: var(--rf-brand-color-primary)
}
.rf-table-container .table-action-bar .rf-checkbox .rfSI svg {
fill: var(--rf-system-color-neutral-100);
opacity: 0
}
.rf-table-container .table-action-bar .rf-checkbox .rfSI svg:hover,.rf-table-container .table-action-bar .rf-checkbox .rfSI svg:active,.rf-table-container .table-action-bar .rf-checkbox .rfSI svg:focus {
fill: var(--rf-system-color-neutral-100);
opacity: .6
}
.rf-table-container .table-action-bar .rf-checkbox input[type=checkbox]:checked+.checkbox-bg {
background-color: var(--rf-brand-color-surface)
}
.rf-table-container .table-action-bar .rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rfSI svg,.rf-table-container .table-action-bar .rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rfSI svg:hover,.rf-table-container .table-action-bar .rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rfSI svg:active,.rf-table-container .table-action-bar .rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rfSI svg:focus {
fill: var(--rf-brand-color-primary) !important;
opacity: 1
}
.rf-table-container .table-action-bar .rf-checkbox .rf-checkbox-label {
margin-left: 24px;
color: var(--rf-system-color-neutral-100)
}
.rf-table-container .table-action-bar .rf-select input {
border-color: var(--rf-system-color-neutral-100) !important
}
.rf-table-container .rf-table-headline {
padding: 0 20px;
margin-top: 12px
}
.rf-table-container .rf-table {
display: table;
width: 100%;
min-width: 762px;
border-collapse: collapse
}
.rf-table-container .rf-table.no-min-width {
min-width: auto
}
.rf-table-container .rf-table.rf-bulk-actions-table .table-body .table-header {
height: 49px
}
.rf-table-container .rf-table.rf-bulk-actions-table .table-body .table-header>div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.rf-table-container .rf-table.rf-bulk-actions-table .table-body .table-row .table-checkbox {
width: 16px
}
.rf-table-container .rf-table .rf-table-sort-icon {
margin-left: 8px
}
.rf-table-container .rf-table .table-body {
display: table-row-group;
clear: both
}
.rf-table-container .rf-table .table-body .table-row {
display: table-row;
position: relative;
border-bottom: 1px solid var(--rf-brand-color-border);
height: 40px;
clear: both
}
.rf-table-container .rf-table .table-body .table-row .checkbox-width-small {
width: 16px
}
.rf-table-container .rf-table .table-body .table-row.disabled-row-text>div {
color: var(--rf-system-color-neutral-70)
}
.rf-table-container .rf-table .table-body .table-row .table-cell-changed {
background-color: var(--rf-system-color-orange-90);
font-weight: var(--rf-system-font-weight-700)
}
.rf-table-container .rf-table .table-body .table-row .rf-pill {
margin-left: 4px
}
.rf-table-container .rf-table .table-body .table-row:last-child:not(.table-header) {
border-bottom: none
}
.rf-table-container .rf-table .table-body .table-row:hover,.rf-table-container .rf-table .table-body .table-row.active {
background-color: var(--rf-brand-color-surface-2)
}
.rf-table-container .rf-table .table-body .table-row.table-header .table-checkbox {
width: 45px
}
.rf-table-container .rf-table .table-body .table-row.table-header .sort-arrow .rfSI {
margin-left: 16px
}
.rf-table-container .rf-table .table-body .table-row.table-header:hover {
background-color: var(--rf-brand-color-surface)
}
.rf-table-container .rf-table .table-body .table-row.table-header>div {
border-bottom: 2px solid var(--rf-brand-color-border) !important;
border-top: 1px solid var(--rf-brand-color-border);
color: var(--rf-brand-color-text-heading);
font-size: var(--rf-brand-font-scale-6);
font-weight: var(--rf-system-font-weight-700)
}
.rf-table-container .rf-table .table-body .table-row.table-header.no-border-top>div {
border-top: none
}
.rf-table-container .rf-table .table-body .table-row.table-header.no-border-bottom {
border-bottom: none
}
.rf-table-container .rf-table .table-body .table-row>div {
display: table-cell;
padding: 12px 16px;
font-size: var(--rf-brand-font-scale-7);
font-weight: var(--rf-system-font-weight-500);
line-height: 1.4;
vertical-align: middle;
max-width: 250px;
word-wrap: break-word
}
.rf-table-container .rf-table .table-body .table-row>div a,.rf-table-container .rf-table .table-body .table-row>div .link-span {
color: var(--rf-brand-color-primary);
cursor: pointer;
font-size: 12px
}
.rf-table-container .rf-table .table-body .table-row>div p {
margin-bottom: 0
}
.rf-table-container .rf-table .table-body .table-row>div .rf-pill.margin-right {
margin-left: 0;
margin-right: 12px
}
.rf-table-container .rf-table .table-body .table-row>div.min-width-xs {
min-width: 50px
}
.rf-table-container .rf-table .table-body .table-row>div.min-width-sm {
min-width: 100px
}
.rf-table-container .rf-table .table-body .table-row>div.min-width-md {
min-width: 200px
}
.rf-table-container .rf-table .table-body .table-row>div.min-width-lg {
min-width: 300px
}
.rf-table-container .rf-table .table-body .table-row>div.min-width-xl {
min-width: 400px
}
.rf-table-container .rf-table .table-body .table-row:last-child>div {
border-bottom: none
}
.rf-table-container .rf-table .table-body .table-row .ever-present-actions {
width: 130px;
text-align: right
}
.rf-table-container .rf-table .table-body .table-row .row-actions {
min-width: 40px
}
.rf-table-container .rf-table .table-body .table-row .row-actions:hover .show-actions .rfSI {
background-color: var(--rf-brand-color-surface-3);
border-radius: var(--rf-brand-shape-radius)
}
.rf-table-container .rf-table .table-body .table-row .row-actions .show-actions .rfSI.active {
background-color: var(--rf-brand-color-surface-3);
border-radius: var(--rf-brand-shape-radius)
}
.rf-table-container .rf-table .table-body .table-row .inline-row-actions {
width: 20px
}
.rf-table-container .rf-table .table-body .table-row .inline-row-actions .rfSI {
width: 24px;
height: 24px;
max-width: 24px;
max-height: 24px
}
.rf-table-container .rf-table .table-body .table-row .inline-actions {
padding: 8px 16px;
text-align: right
}
.rf-table-container .rf-table .table-body .table-row .inline-actions>div {
display: inline-block
}
.rf-table-container .rf-table .table-body .table-row .inline-actions .icon-action-text {
display: none
}
.rf-table-container .rf-table .table-body .table-row .show-actions {
display: flex;
height: 40px;
justify-content: flex-end;
align-items: center
}
.rf-table-container .rf-table .table-body .table-row .show-actions .overlay-unhover-watcher {
position: fixed;
display: none;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10
}
.rf-table-container .rf-table .table-body .table-row .show-actions .overlay-unhover-watcher.active {
display: block
}
.rf-table-container .rf-table .table-body .table-row .show-actions .rfSI {
z-index: 10;
max-width: 32px;
width: 32px;
padding: 0 4px
}
.rf-table-container .rf-table .table-body .table-row .show-actions .rfSI svg {
width: 24px
}
.rf-table-container .rf-table .table-body .table-row .show-actions:hover .rfSI {
background-color: var(--rf-brand-color-surface-3);
border-radius: var(--rf-brand-shape-radius)
}
.rf-table-container .rf-table .table-body .table-row .show-actions:hover+.main-actions {
visibility: visible;
opacity: 1;
transition: .2s
}
.rf-table-container .rf-table .table-body .table-row .main-actions {
position: absolute;
right: 16px;
top: 40px;
visibility: hidden;
opacity: 0;
transition: .2s;
min-width: 120px;
overflow: hidden;
background-color: var(--rf-brand-color-surface);
display: flex;
flex-direction: column;
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
z-index: 50;
text-align: left
}
.rf-table-container .rf-table .table-body .table-row .main-actions>div,.rf-table-container .rf-table .table-body .table-row .main-actions>a {
padding: 6px 8px !important;
display: flex;
cursor: pointer;
height: 30px;
color: var(--rf-brand-color-text-body)
}
.rf-table-container .rf-table .table-body .table-row .main-actions>div .rfSI,.rf-table-container .rf-table .table-body .table-row .main-actions>a .rfSI {
margin: 0 4px 0 0
}
.rf-table-container .rf-table .table-body .table-row .main-actions>div .rfSI.disabled svg,.rf-table-container .rf-table .table-body .table-row .main-actions>a .rfSI.disabled svg {
fill: var(--rf-system-color-neutral-40)
}
.rf-table-container .rf-table .table-body .table-row .main-actions>div .rfSI.disabled+.icon-action-text,.rf-table-container .rf-table .table-body .table-row .main-actions>a .rfSI.disabled+.icon-action-text {
color: var(--rf-system-color-neutral-40);
opacity: .5;
cursor: not-allowed
}
.rf-table-container .rf-table .table-body .table-row .main-actions>div .rfSI svg,.rf-table-container .rf-table .table-body .table-row .main-actions>a .rfSI svg {
fill: var(--rf-brand-color-text-body)
}
.rf-table-container .rf-table .table-body .table-row .main-actions>div .icon-action-text,.rf-table-container .rf-table .table-body .table-row .main-actions>a .icon-action-text {
line-height: 18px;
white-space: nowrap
}
.rf-table-container .rf-table .table-body .table-row .main-actions>div:hover,.rf-table-container .rf-table .table-body .table-row .main-actions>a:hover {
background: var(--rf-brand-color-primary)
}
.rf-table-container .rf-table .table-body .table-row .main-actions>div:hover .rfSI.disabled+.icon-action-text,.rf-table-container .rf-table .table-body .table-row .main-actions>a:hover .rfSI.disabled+.icon-action-text {
color: var(--rf-brand-color-status-on-disabled);
opacity: .5
}
.rf-table-container .rf-table .table-body .table-row .main-actions>div:hover .rfSI svg,.rf-table-container .rf-table .table-body .table-row .main-actions>a:hover .rfSI svg {
fill: var(--rf-brand-color-on-primary)
}
.rf-table-container .rf-table .table-body .table-row .main-actions>div:hover .icon-action-text,.rf-table-container .rf-table .table-body .table-row .main-actions>a:hover .icon-action-text {
color: var(--rf-brand-color-on-primary)
}
.rf-table-container .rf-table .table-body .table-row .main-actions:hover {
opacity: 1;
visibility: visible
}
.rf-table-container .rf-table .table-body .table-row .highlightable {
user-select: all;
cursor: text
}
.rf-table-container .rf-table .table-body .table-row:before,.rf-table-container .rf-table .table-body .table-row:after {
content: "";
display: table;
clear: both
}
.rf-table-container .rf-table .table-body a.table-row {
color: var(--rf-brand-color-text-body);
text-decoration: none;
cursor: pointer
}
.rf-table-container .rf-table .table-body a.table-row:hover,.rf-table-container .rf-table .table-body a.table-row.active {
color: var(--rf-brand-color-text-body)
}
.rf-table-container .rf-table .table-body:before,.rf-table-container .rf-table .table-body:after {
content: "";
display: table;
clear: both
}
.rf-table-container .rf-table .rf-drag-headers.table-body .table-header div {
border-bottom: 1px solid var(--rf-brand-color-primary)
}
.rf-table-container .rf-table.min-width {
overflow: scroll;
display: block
}
.rf-table-container .rf-table.min-width>div {
width: 100%
}
.rf-table-container .rf-table.min-width .table-body {
display: block;
min-width: 1400px
}
.rf-table-container.border-bottom {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.reports-list .md-frame .virt-table-overflow {
padding-top: 42px
}
.reports-list .md-frame .virt-table-overflow .rf-tooltip-container * {
font-size: 12px
}
.search-results-status {
text-align: center;
padding: 100px
}
.search-results-status.no-results {
display: flex;
flex-direction: column;
align-items: center
}
.search-results-status.no-results img,.search-results-status.no-results h4,.search-results-status.no-results p {
display: block;
margin: 0 auto;
line-height: 24px
}
.search-results-status.no-results img {
max-width: 100px;
margin-bottom: 20px
}
.search-results-status.no-results h4 {
font-size: 16px;
font-weight: var(--rf-system-font-weight-600);
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.search-results-status.no-results p {
font-size: 13px;
color: var(--rf-brand-color-text-body)
}
.rf-simple-table,.table {
width: 100%;
margin: 0 0 12px;
border: 1px solid var(--rf-brand-color-border)
}
.rf-simple-table.no-border,.table.no-border {
border: none
}
.rf-simple-table.no-borders,.table.no-borders {
border: none
}
.rf-simple-table.no-borders tr,.table.no-borders tr {
border: none
}
.rf-simple-table.v-align-top th,.rf-simple-table.v-align-top td,.table.v-align-top th,.table.v-align-top td {
vertical-align: top
}
.rf-simple-table.clickable-rows tbody tr,.table.clickable-rows tbody tr {
cursor: pointer
}
.rf-simple-table.clickable-rows .active,.table.clickable-rows .active {
background-color: var(--rf-brand-color-primary)
}
.rf-simple-table.clickable-rows .active td,.rf-simple-table.clickable-rows .active td *,.table.clickable-rows .active td,.table.clickable-rows .active td * {
color: var(--rf-brand-color-on-primary)
}
.rf-simple-table tr,.table tr {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.rf-simple-table tr th,.table tr th {
text-transform: uppercase;
font-weight: var(--rf-system-font-weight-700);
white-space: nowrap
}
.rf-simple-table tr th a,.table tr th a {
text-transform: none;
text-decoration: underline
}
.rf-simple-table tr td,.table tr td {
overflow-wrap: anywhere
}
.rf-simple-table tr th,.rf-simple-table tr td,.table tr th,.table tr td {
padding: 12px;
color: var(--rf-brand-color-text-heading)
}
.rf-simple-table tr .bold,.table tr .bold {
font-weight: var(--rf-system-font-weight-600)
}
.rf-simple-table tfoot td,.table tfoot td {
font-weight: var(--rf-system-font-weight-700)
}
.rf-simple-table tfoot td>*,.table tfoot td>* {
font-weight: var(--rf-system-font-weight-700)
}
.rf-simple-table .rf-table-actions,.table .rf-table-actions {
padding-right: 16px;
float: right
}
.rf-simple-table .rf-table-actions .rfSI,.table .rf-table-actions .rfSI {
margin: -8px -8px -8px 12px
}
.rf-simple-table .rf-table-actions .rfSI:first-child,.table .rf-table-actions .rfSI:first-child {
margin-left: 0
}
.rf-simple-table .row-actions,.table .row-actions {
width: 48px;
text-align: right
}
.rf-simple-table .rf-input,.rf-simple-table .rf-select,.rf-simple-table input,.table .rf-input,.table .rf-select,.table input {
padding: 0
}
.rf-simple-table.column-borders th,.rf-simple-table.column-borders td,.table.column-borders th,.table.column-borders td {
border-right: 1px solid var(--rf-brand-color-border)
}
.rf-simple-table.column-borders th:last-child,.rf-simple-table.column-borders td:last-child,.table.column-borders th:last-child,.table.column-borders td:last-child {
border-right: none
}
.rf-simple-table.table-striped tr th,.rf-simple-table.table-striped tr td,.rf-simple-table.table-condensed tr th,.rf-simple-table.table-condensed tr td,.rf-simple-table.table-hover tr th,.rf-simple-table.table-hover tr td,.table.table-striped tr th,.table.table-striped tr td,.table.table-condensed tr th,.table.table-condensed tr td,.table.table-hover tr th,.table.table-hover tr td {
color: var(--rf-brand-color-text-body)
}
.rf-simple-table td[class*=col-],.rf-simple-table th[class*=col-],.table td[class*=col-],.table th[class*=col-] {
position: static;
float: none;
display: table-cell;
width: auto
}
.rf-overlay-new.rf-adv-table-actions {
min-width: 120px;
z-index: 10
}
.rf-overlay-new.rf-adv-table-actions .rf-scroll-frame>.unhover-trigger {
padding: 0
}
.rf-overlay-new.rf-adv-table-actions .rf-scroll-frame>.unhover-trigger>div {
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 6px 8px;
cursor: pointer;
width: 100%
}
.rf-overlay-new.rf-adv-table-actions .rf-scroll-frame>.unhover-trigger>div.disabled .icon-action-text,.rf-overlay-new.rf-adv-table-actions .rf-scroll-frame>.unhover-trigger>div.disabled:hover .icon-action-text {
color: var(--rf-brand-color-status-disabled);
cursor: not-allowed
}
.rf-overlay-new.rf-adv-table-actions .rf-scroll-frame>.unhover-trigger>div:hover {
background: var(--rf-brand-color-primary)
}
.rf-overlay-new.rf-adv-table-actions .rf-scroll-frame>.unhover-trigger>div:hover svg {
fill: var(--rf-brand-color-on-primary)
}
.rf-overlay-new.rf-adv-table-actions .rf-scroll-frame>.unhover-trigger>div:hover .icon-action-text {
color: var(--rf-brand-color-on-primary)
}
.rf-overlay-new.rf-adv-table-actions .rf-scroll-frame>.unhover-trigger>div:hover .icon-action-text.disabled {
opacity: .5;
cursor: not-allowed
}
.rf-overlay-new.rf-adv-table-actions .rf-scroll-frame .rfSI {
width: 16px;
height: 16px;
margin-right: 4px
}
.rf-overlay-new.rf-adv-table-actions .rf-scroll-frame .rfSI svg {
fill: var(--rf-brand-color-text-body)
}
.rf-overlay-new.rf-adv-table-actions .rf-scroll-frame .icon-action-text {
white-space: nowrap;
flex: 1
}
.rf-overlay-new.rf-adv-table-actions.rf-modal-overlay {
z-index: 60
}
.rf-virtualized-simple-table {
width: 100%;
margin: 0 0 16px;
clear: both
}
.rf-virtualized-simple-table:before,.rf-virtualized-simple-table:after {
content: "";
display: table;
clear: both
}
.rf-virtualized-simple-table .ReactVirtualized__Table__headerTruncatedText {
font-weight: var(--rf-system-font-weight-600)
}
.rf-virtualized-simple-table .ReactVirtualized__Table__headerRow {
font-weight: var(--rf-system-font-weight-700);
padding: 4px 20px 0 0;
color: var(--rf-brand-color-text-body);
border: 1px solid var(--rf-brand-color-border);
border-bottom: none
}
.rf-virtualized-simple-table .ReactVirtualized__Table__row {
padding: 2px 20px 0 0;
border-bottom: 1px solid var(--rf-brand-color-border);
color: rgba(0,0,0,.7)
}
.rf-virtualized-simple-table .ReactVirtualized__Table__row:last-child {
border-bottom: none
}
.rf-virtualized-simple-table .ReactVirtualized__Grid {
border: 1px solid var(--rf-brand-color-border)
}
.rf-virtualized-simple-table .ReactVirtualized__Grid::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
height: 8px
}
.rf-virtualized-simple-table .ReactVirtualized__Grid::-webkit-scrollbar-track {
background: var(--rf-brand-color-surface-2);
opacity: 1
}
.rf-virtualized-simple-table .ReactVirtualized__Grid::-webkit-scrollbar-thumb {
background: var(--rf-system-color-neutral-50);
opacity: 1;
border-radius: var(--rf-brand-shape-radius)
}
.constrained-table th:first-of-type,.constrained-table td:first-of-type {
width: 100px
}
.table-results {
color: var(--rf-brand-color-text-body);
padding: 12px 0
}
.rf-sticky-table {
border: 1px solid var(--rf-brand-color-border);
flex-grow: 1;
background-color: var(--rf-brand-color-surface);
height: 100%;
overflow: auto
}
.rf-sticky-table.truncate-cells tbody td div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.rf-sticky-table.no-min-width th,.rf-sticky-table.no-min-width td {
min-width: auto
}
.rf-sticky-table.no-border {
border: none
}
.rf-sticky-table table {
min-width: 100%;
height: 100%;
border-collapse: collapse
}
.rf-sticky-table table.height-auto {
height: auto
}
.rf-sticky-table table th,.rf-sticky-table table td {
min-width: 200px;
max-width: 400px
}
.rf-sticky-table table thead th {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: var(--rf-brand-color-surface);
z-index: 10;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.rf-sticky-table table thead th+th {
border-left: 1px solid var(--rf-brand-color-border)
}
.rf-sticky-table table thead th h6 {
font-weight: var(--rf-system-font-weight-700);
margin: 0;
height: 34px;
line-height: 34px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: uppercase
}
.rf-sticky-table table thead th>div {
padding: 8px;
font-weight: var(--rf-system-font-weight-700);
line-height: 34px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-transform: uppercase
}
.rf-sticky-table table thead th .rf-tooltip-container {
flex: 1
}
.rf-sticky-table table tbody tr+tr {
border-top: 1px solid var(--rf-brand-color-border)
}
.rf-sticky-table table tbody td {
position: relative
}
.rf-sticky-table table tbody td+td {
border-left: 1px solid var(--rf-brand-color-border)
}
.rf-sticky-table table tbody td div {
min-height: 32px;
padding: 8px;
word-break: break-word;
line-height: 16px
}
.rf-sticky-table table tbody td div * {
word-break: break-word
}
.rf-sticky-table table tfoot td {
position: -webkit-sticky;
position: sticky;
bottom: 0;
background-color: var(--rf-brand-color-surface-2)
}
.rf-sticky-table table tfoot td>div {
border-top: 1px solid var(--rf-brand-color-border);
border-right: 1px solid var(--rf-brand-color-border);
padding: 8px;
height: 47px;
display: flex
}
.rf-sticky-table table tfoot td * {
line-height: 25px
}
.rf-sticky-table table tfoot td .rf-tooltip-container {
flex: 1
}
.table-breadcrumbs {
padding: 12px 0
}
.rf-search-results-container .rf-table-container {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.rf-search-results-container .rf-search-output-pagination {
display: block;
text-align: center
}
.rf-search-results-container .rf-search-output-pagination .pagination {
margin: 12px auto
}
.rf-search-results-container .search-results-header-filter {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 32px
}
.rf-search-results-container .list-preview-image,.create-section-template-modal .list-preview-image {
height: 58px;
width: 100px;
border: 1px solid var(--rf-brand-color-border);
background-color: var(--rf-brand-color-on-primary)
}
.rf-search-results-container .list-preview-image--responsive,.create-section-template-modal .list-preview-image--responsive {
width: 100%;
height: auto
}
.rf-search-results-container .list-preview-image img,.create-section-template-modal .list-preview-image img {
width: 100%
}
.rf-search-results-container .list-preview-default-thumbnail,.create-section-template-modal .list-preview-default-thumbnail {
display: flex;
justify-content: center;
align-items: center;
width: 100px;
background-color: var(--rf-brand-color-surface-2);
padding: 20px;
border: 1px solid var(--rf-brand-color-border)
}
.rf-search-results-container .list-preview-default-thumbnail--full,.create-section-template-modal .list-preview-default-thumbnail--full {
aspect-ratio: 1.724137931;
width: 100%
}
.rf-table-pagination {
display: block;
text-align: center;
border-top: 1px solid var(--rf-brand-color-border)
}
.rf-table-pagination .pagination {
margin: 12px auto
}
.actions-menu-item.disabled {
cursor: not-allowed;
color: var(--rf-brand-color-status-disabled)
}
.custom-selector-table {
border-top: 1px solid var(--rf-brand-color-border);
max-height: 440px;
overflow-y: auto
}
.dual-list-selector {
display: grid;
grid-template-columns: 1fr 1fr;
width: 100%;
column-gap: 16px
}
.dual-list-selector .dual-list-top-panel {
padding: 0 16px;
position: relative
}
.dual-list-selector .dual-list-top-panel .jump-to-available-btn,.dual-list-selector .dual-list-top-panel .jump-to-selected-btn {
position: absolute;
top: 4px;
right: 12px
}
.dual-list-selector .dual-list-freeze-content {
border-top: 1px solid var(--rf-brand-color-border)
}
.dual-list-selector .dual-list-available-list {
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius);
border: 1px solid var(--rf-brand-color-border)
}
.dual-list-selector .dual-list-available-list .limit-reached-banner {
display: flex;
align-items: center;
height: 40px;
background-color: var(--rf-brand-color-inverse-surface);
padding: 16px
}
.dual-list-selector .dual-list-available-list .limit-reached-banner span {
color: var(--rf-brand-color-inverse-on-surface)
}
.dual-list-selector .dual-list-selected-list {
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius);
border: 1px solid var(--rf-brand-color-border)
}
.session-list-agenda {
display: flex;
flex-direction: column;
gap: 16px
}
.session-list-agenda .rf-tile-body {
padding: 20px
}
.rf-tile,.rf-compressed-tile {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
background-color: var(--rf-brand-color-surface)
}
.rf-tile:hover .rf-tile-body .rf-tile-title a,.rf-tile:hover .rf-tile-body .rf-tile-title a:link,.rf-tile:hover .rf-tile-body .rf-tile-title a:visited,.rf-tile:hover .rf-tile-body .rf-tile-title button,.rf-compressed-tile:hover .rf-tile-body .rf-tile-title a,.rf-compressed-tile:hover .rf-tile-body .rf-tile-title a:link,.rf-compressed-tile:hover .rf-tile-body .rf-tile-title a:visited,.rf-compressed-tile:hover .rf-tile-body .rf-tile-title button {
cursor: pointer;
color: var(--rf-brand-color-primary)
}
.rf-tile .rf-tile-body .rf-tile-title,.rf-compressed-tile .rf-tile-body .rf-tile-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 16px
}
@supports(-webkit-line-clamp: 2) {
.rf-tile .rf-tile-body .rf-tile-title,.rf-compressed-tile .rf-tile-body .rf-tile-title {
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
}
.rf-tile .rf-tile-body .rf-tile-title a,.rf-tile .rf-tile-body .rf-tile-title a:link,.rf-tile .rf-tile-body .rf-tile-title a:visited,.rf-compressed-tile .rf-tile-body .rf-tile-title a,.rf-compressed-tile .rf-tile-body .rf-tile-title a:link,.rf-compressed-tile .rf-tile-body .rf-tile-title a:visited {
display: block;
font-weight: var(--rf-system-font-weight-600);
color: var(--rf-brand-color-text-heading);
text-decoration: none
}
.rf-tile .rf-tile-body .rf-tile-title a:hover,.rf-tile .rf-tile-body .rf-tile-title a:link:hover,.rf-tile .rf-tile-body .rf-tile-title a:visited:hover,.rf-compressed-tile .rf-tile-body .rf-tile-title a:hover,.rf-compressed-tile .rf-tile-body .rf-tile-title a:link:hover,.rf-compressed-tile .rf-tile-body .rf-tile-title a:visited:hover {
text-decoration: underline
}
.rf-tile .rf-tile-body .session-date-time,.rf-compressed-tile .rf-tile-body .session-date-time {
display: inline-block;
line-height: 14px;
font-size: 14px
}
.rf-tile .rf-tile-body .session-date-time .session-date,.rf-tile .rf-tile-body .session-date-time .session-time,.rf-compressed-tile .rf-tile-body .session-date-time .session-date,.rf-compressed-tile .rf-tile-body .session-date-time .session-time {
font-weight: var(--rf-system-font-weight-500);
display: inline-block;
margin: 8px 0 0;
font-size: 14px
}
.rf-tile .rf-tile-body .session-date-time .session-date,.rf-compressed-tile .rf-tile-body .session-date-time .session-date {
padding-right: 8px;
margin-right: 8px;
border-right: 1px solid var(--rf-brand-color-text-body)
}
.rf-tile .rf-tile-info,.rf-compressed-tile .rf-tile-info {
font-size: 14px;
line-height: 22px;
font-weight: var(--rf-system-font-weight-400);
color: var(--rf-brand-color-text-body);
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden
}
.rf-tile-grid {
display: grid;
gap: 20px 16px;
grid-template-columns: repeat(auto-fill, minmax(var(--tile-grid-min, 288px), 1fr))
}
.rf-tile-container .rf-tile-wrapper,.rf-tile-grid .rf-tile-wrapper {
width: 100%;
display: flex;
flex-direction: row
}
.rf-tile-container .rf-tile-no-banner .rf-tile-body .rf-tile-avatars,.rf-tile-grid .rf-tile-no-banner .rf-tile-body .rf-tile-avatars {
margin-top: 0
}
.rf-tile-container .rf-tile,.rf-tile-grid .rf-tile {
display: flex;
flex-direction: column;
width: 100%;
position: relative
}
.rf-tile-container .rf-tile .rf-tile-rating,.rf-tile-grid .rf-tile .rf-tile-rating {
display: none;
position: absolute;
top: 0;
right: 0;
z-index: 1;
padding: 8px
}
.rf-tile-container .rf-tile .rf-tile-rating .mdBtnR-icon-button,.rf-tile-grid .rf-tile .rf-tile-rating .mdBtnR-icon-button {
background-color: rgba(255,255,255,.8)
}
.rf-tile-container .rf-tile .rf-tile-rating .mdBtnR-icon-button .rfSI,.rf-tile-grid .rf-tile .rf-tile-rating .mdBtnR-icon-button .rfSI {
fill: var(--rf-brand-color-primary)
}
.rf-tile-container .rf-tile .rf-tile-rating .mdBtnR-icon-button .rfSI svg,.rf-tile-grid .rf-tile .rf-tile-rating .mdBtnR-icon-button .rfSI svg {
fill: var(--rf-brand-color-primary)
}
.rf-tile-container .rf-tile .rf-tile-rating .mdBtnR-icon-button.active,.rf-tile-grid .rf-tile .rf-tile-rating .mdBtnR-icon-button.active {
background-color: var(--rf-brand-color-primary)
}
.rf-tile-container .rf-tile .rf-tile-rating .mdBtnR-icon-button.active .rfSI,.rf-tile-grid .rf-tile .rf-tile-rating .mdBtnR-icon-button.active .rfSI {
fill: var(--rf-brand-color-on-primary)
}
.rf-tile-container .rf-tile .rf-tile-rating .mdBtnR-icon-button.active .rfSI svg,.rf-tile-grid .rf-tile .rf-tile-rating .mdBtnR-icon-button.active .rfSI svg {
fill: var(--rf-brand-color-on-primary)
}
.rf-tile-container .rf-tile:hover .rf-tile-rating,.rf-tile-grid .rf-tile:hover .rf-tile-rating {
display: flex
}
.rf-tile-container .rf-tile:hover .rf-tile-rating .mdBtnR:hover,.rf-tile-grid .rf-tile:hover .rf-tile-rating .mdBtnR:hover {
background-color: var(--rf-brand-color-primary)
}
.rf-tile-container .rf-tile:hover .rf-tile-rating .mdBtnR:hover .rfSI,.rf-tile-grid .rf-tile:hover .rf-tile-rating .mdBtnR:hover .rfSI {
fill: var(--rf-brand-color-on-primary)
}
.rf-tile-container .rf-tile:hover .rf-tile-rating .mdBtnR:hover .rfSI svg,.rf-tile-grid .rf-tile:hover .rf-tile-rating .mdBtnR:hover .rfSI svg {
fill: var(--rf-brand-color-on-primary)
}
.rf-tile-container .rf-tile .rfSI-stroke *,.rf-tile-grid .rf-tile .rfSI-stroke * {
stroke: var(--rf-system-color-neutral-60)
}
.rf-tile-container .rf-tile .rf-tile-banner,.rf-tile-grid .rf-tile .rf-tile-banner {
position: relative;
overflow: hidden;
border-radius: calc(var(--rf-brand-shape-radius) - 1px) calc(var(--rf-brand-shape-radius) - 1px) 0 0;
width: 100%;
height: 0;
padding-top: 38.8888888889%
}
.rf-tile-container .rf-tile .rf-tile-banner img,.rf-tile-grid .rf-tile .rf-tile-banner img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}
.rf-tile-container .rf-tile .rf-tile-banner.no-banner,.rf-tile-grid .rf-tile .rf-tile-banner.no-banner {
background-color: var(--rf-brand-color-surface-2);
display: flex;
justify-content: center;
align-items: center
}
.rf-tile-container .rf-tile .rf-tile-banner.no-banner>.rfSI-sm,.rf-tile-grid .rf-tile .rf-tile-banner.no-banner>.rfSI-sm {
margin-top: -38.8888888889%
}
.rf-tile-container .rf-tile .rf-tile-body,.rf-tile-grid .rf-tile .rf-tile-body {
padding: 16px 16px 36px
}
.rf-tile-container .rf-tile .rf-tile-avatars,.rf-tile-grid .rf-tile .rf-tile-avatars {
margin-top: -41px;
margin-bottom: 16px;
display: flex
}
.rf-tile-container .rf-tile .rf-tile-avatars .rf-tile-avatar,.rf-tile-grid .rf-tile .rf-tile-avatars .rf-tile-avatar {
position: relative;
margin-left: 16px;
text-align: center;
background-color: var(--rf-brand-color-surface);
width: 50px;
height: 50px;
padding: 0;
border-radius: 100px;
border: 1px solid var(--rf-brand-color-border);
overflow: hidden;
cursor: pointer
}
.rf-tile-container .rf-tile .rf-tile-avatars .rf-tile-avatar.has-initials,.rf-tile-grid .rf-tile .rf-tile-avatars .rf-tile-avatar.has-initials {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--rf-system-color-neutral-50)
}
.rf-tile-container .rf-tile .rf-tile-avatars .rf-tile-avatar.has-initials span,.rf-tile-grid .rf-tile .rf-tile-avatars .rf-tile-avatar.has-initials span {
color: var(--rf-system-color-neutral-100);
font-size: 16px
}
.rf-tile-container .rf-tile .rf-tile-avatars .rf-tile-avatar:first-child,.rf-tile-grid .rf-tile .rf-tile-avatars .rf-tile-avatar:first-child {
margin-left: 0
}
.rf-tile-container .rf-tile .rf-tile-avatars .rf-tile-avatar .rf-tile-avatar-img,.rf-tile-grid .rf-tile .rf-tile-avatars .rf-tile-avatar .rf-tile-avatar-img {
max-width: 100%
}
.rf-tile-container .rf-tile .rf-tile-avatars .rf-tile-avatar .rf-tile-avatar-count,.rf-tile-grid .rf-tile .rf-tile-avatars .rf-tile-avatar .rf-tile-avatar-count {
display: block;
font-size: 16px;
line-height: 22px;
font-weight: var(--rf-system-font-weight-600);
color: var(--rf-brand-color-text-body);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.rf-tile-container .rf-tile .rf-tile-avatars+.rf-pill,.rf-tile-grid .rf-tile .rf-tile-avatars+.rf-pill {
margin-top: 0
}
.rf-tile-container .rf-tile .rf-pill,.rf-tile-grid .rf-tile .rf-pill {
margin: 0 0 20px 0
}
.rf-tile-container .rf-tile .rf-tile-title a,.rf-tile-container .rf-tile .rf-tile-title a:link,.rf-tile-container .rf-tile .rf-tile-title a:visited,.rf-tile-grid .rf-tile .rf-tile-title a,.rf-tile-grid .rf-tile .rf-tile-title a:link,.rf-tile-grid .rf-tile .rf-tile-title a:visited {
font-size: 18px;
line-height: 22px
}
.rf-tile-container .rf-tile .rf-tile-info,.rf-tile-grid .rf-tile .rf-tile-info {
--max-height: 98px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-height: var(--max-height);
margin-bottom: 12px;
font-size: var(--rf-brand-font-scale-6)
}
@supports(-webkit-line-clamp: 5) {
.rf-tile-container .rf-tile .rf-tile-info,.rf-tile-grid .rf-tile .rf-tile-info {
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical
}
}
@supports(max-height: 1lh) {
.rf-tile-container .rf-tile .rf-tile-info,.rf-tile-grid .rf-tile .rf-tile-info {
--max-height: 5lh
}
}
.rf-tile-container .rf-tile .rf-tile-info .session-time-in-person,.rf-tile-container .rf-tile .rf-tile-info .reservation-type__label,.rf-tile-grid .rf-tile .rf-tile-info .session-time-in-person,.rf-tile-grid .rf-tile .rf-tile-info .reservation-type__label {
font-size: var(--rf-brand-font-scale-6)
}
.rf-tile-container .rf-tile .rf-tile-footer,.rf-tile-grid .rf-tile .rf-tile-footer {
padding: 0 16px 24px;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: auto;
flex-wrap: wrap;
gap: 16px
}
.rf-tile-container .rf-tile .rf-tile-footer .favorite-catalog-result,.rf-tile-grid .rf-tile .rf-tile-footer .favorite-catalog-result {
background: none;
border: none;
padding: 0
}
.rf-tile-container .rf-tile .rf-tile-footer .favorite-catalog-result svg,.rf-tile-grid .rf-tile .rf-tile-footer .favorite-catalog-result svg {
fill: var(--rf-comp-favorite-icon-color)
}
.rf-tile-container .rf-tile .rf-tile-footer .favorite-catalog-result.favorited svg,.rf-tile-grid .rf-tile .rf-tile-footer .favorite-catalog-result.favorited svg {
fill: var(--rf-comp-favorite-icon-favorited-color)
}
.reservation-type {
align-items: center
}
.rf-tile-container {
display: flex;
flex-wrap: wrap;
margin: 0 -8px
}
.rf-tile-container.tile-align-center .speaker-tile-container,.rf-tile-container.tile-align-start .speaker-tile-container,.rf-tile-container.tile-align-end .speaker-tile-container {
margin: 8px
}
.rf-tile-container.tile-align-start {
justify-content: start
}
.rf-tile-container.tile-content-align-start .attendee-tile {
text-align: start;
align-items: start
}
.rf-tile-container.tile-align-end {
justify-content: end
}
.rf-tile-container.tile-content-align-end .attendee-tile {
text-align: end;
align-items: end
}
.rf-tile-container.tile-align-center {
justify-content: center
}
.rf-tile-container.tile-content-align-center .attendee-tile {
text-align: center;
align-items: center
}
.rf-tile-container .rf-tile-wrapper {
padding: 0 8px
}
@media all and (min-width: 769px) {
.rf-tile-container .rf-tile-wrapper {
width:50%
}
}
@media all and (min-width: 1024px) {
.rf-tile-container .rf-tile-wrapper {
width:33.33%
}
}
.rf-tile-container .rf-tile {
margin-bottom: 20px
}
.rf-compressed-tile-wrapper {
margin-bottom: 16px
}
.rf-compressed-tile-wrapper.has-initials .rf-tile-image {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--rf-system-color-neutral-50);
width: 48px;
border-radius: 100px
}
.rf-compressed-tile-wrapper.has-initials .rf-tile-image span {
color: var(--rf-system-color-neutral-100);
font-size: 16px
}
.rf-compressed-tile {
display: flex;
padding: 16px
}
@media all and (max-width: 768px) {
.rf-compressed-tile {
display:block
}
}
.rf-compressed-tile .rf-tile-image {
max-width: 48px;
max-height: 48px;
flex-shrink: 0;
margin-right: 16px;
margin-bottom: 12px;
border-radius: 100px;
overflow: hidden
}
.rf-compressed-tile .rf-tile-image img {
display: block
}
.rf-compressed-tile .rf-tile-title a,.rf-compressed-tile .rf-tile-title a:link,.rf-compressed-tile .rf-tile-title a:visited {
font-size: 16px;
line-height: 20px;
margin-bottom: 8px
}
.rf-compressed-tile .rf-tile-info {
-webkit-line-clamp: 2;
max-height: 87px
}
.rf-time-limit {
display: flex
}
.rf-time-limit .rf-time-limit-label {
color: var(--rf-brand-color-on-primary);
margin: 0
}
.rf-time-selector {
display: flex
}
.rf-time-selector .select-time-dropdown {
flex-grow: 1
}
.rf-time-selector .select-am-pm {
margin-left: 16px;
min-width: 120px;
display: flex;
align-items: flex-start
}
.rf-time-selector.has-label .select-am-pm {
margin-top: 24px
}
.rf-toast-notification {
background-color: var(--rf-brand-color-surface);
border-radius: var(--rf-brand-shape-radius);
border: 1px solid var(--rf-brand-color-border);
border-left-width: 8px;
box-shadow: 0 5.5px 16px 0 rgba(0,0,0,.19),0 1px 6px 0 rgba(0,0,0,.04);
display: flex;
flex-wrap: wrap;
gap: 8px;
padding: 16px 36px 16px 8px;
position: relative
}
@media all and (min-width: 769px) {
.rf-toast-notification {
max-width:400px;
flex-wrap: nowrap
}
}
.rf-toast-notification .rf-toast-notification-icon {
flex-shrink: 0
}
.rf-toast-notification .close-toast {
position: absolute;
top: 12px;
right: 12px
}
.rf-toast-notification.toast-info {
border-left-color: var(--rf-brand-color-status-info)
}
.rf-toast-notification.toast-warning {
border-left-color: var(--rf-brand-color-status-warning)
}
.rf-toast-notification.toast-error {
border-left-color: var(--rf-brand-color-status-error)
}
.rf-toast-notification.toast-success {
border-left-color: var(--rf-brand-color-status-success)
}
.rf-toast-notification .rf-toast-message {
color: var(--rf-brand-color-text-body);
display: flex;
flex-direction: column;
flex-grow: 1;
gap: 16px;
overflow-wrap: anywhere;
width: 100%
}
.rf-toast-notification .rf-toast-message h2 {
color: var(--rf-brand-color-text-heading);
font-size: var(--rf-brand-font-scale-5);
margin-bottom: 4px
}
.rf-toast-notification .rf-toast-message p {
color: var(--rf-brand-color-text-body);
font-size: var(--rf-brand-font-scale-6);
margin-block:0}
.rf-toast-notification .rf-toast-message-actions {
display: flex;
gap: 16px;
flex-wrap: wrap
}
.rf-toast-notification .rf-toast-message-actions .mdBtnR+.mdBtnR {
margin-left: 0
}
.rf-toast-notification.animate-toast-in {
animation: toast-in 600ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 1
}
@media(prefers-reduced-motion: reduce) {
.rf-toast-notification.animate-toast-in {
animation: none
}
}
.rf-toast-notification.animate-toast-out {
animation: toast-out 300ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0
}
@media(prefers-reduced-motion: reduce) {
.rf-toast-notification.animate-toast-out {
animation: none
}
}
@keyframes toast-in {
from {
opacity: 0;
transform: translateX(-100%)
}
to {
opacity: 1;
transform: translateX(0)
}
}
@keyframes toast-out {
from {
opacity: 1;
transform: translateX(0)
}
to {
opacity: 0;
transform: translateX(-100%)
}
}
.rf-notification-toaster {
bottom: 16px;
display: flex;
flex-direction: column;
gap: 24px;
left: 16px;
right: 16px;
max-height: calc(100vh - 16px);
margin: -24px;
overflow-y: auto;
padding: 24px;
position: fixed;
z-index: 100
}
@media(max-height: 400px) {
.rf-notification-toaster {
max-height:100vh
}
}
@media all and (min-width: 1024px) {
.rf-notification-toaster {
bottom:64px;
max-height: calc(100vh - 64px);
left: 96px;
right: auto
}
}
.game-leaderboard-card {
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.game-leaderboard-card .leaderboard-card-header {
background-color: var(--rf-brand-color-surface-2);
height: 100px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 32px 12px 24px
}
.game-leaderboard-card .leaderboard-card-header>div:last-of-type p {
font-size: 12px;
margin-bottom: 0
}
.game-leaderboard-card .leaderboard-card-list {
height: 340px;
padding: 0px 32px 0px 24px;
overflow: auto
}
.game-leaderboard-card .leaderboard-card-list ul {
padding: 0
}
.game-leaderboard-card .leaderboard-card-list li {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 0
}
.game-leaderboard-card .leaderboard-card-list li>span:first-of-type h3 {
display: inline-block;
margin-right: 24px
}
.game-trophy-card {
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.game-trophy-card .trophy-card-header {
background-color: var(--rf-brand-color-surface-2);
height: 100px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 32px 12px 24px
}
.game-trophy-card .trophy-card-header>div:last-of-type p {
font-size: 12px;
margin-bottom: 0
}
.game-trophy-card.headless-trophy-card .trophy-card-list {
height: 422px;
padding: 32px 0
}
.game-trophy-card .trophy-card-list {
height: 340px;
padding: 24px 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
overflow: auto
}
.game-trophy-card .trophy-card-list .trophy {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 16px 12px;
max-width: 80px
}
.game-trophy-card .trophy-card-list .trophy .rf-tooltip-container {
padding: 0
}
.game-trophy-card .trophy-card-list .trophy img {
width: 72px;
height: 72px
}
.game-trophy-card .trophy-card-list .trophy p {
text-align: center
}
.page-builder-display-reset .hotel-card .card-body {
height: auto
}
.page-builder-display-reset .page-builder-panel .card-controls,.page-builder-display-reset .rf-grid-layout-25 .card-controls,.page-builder-display-reset .rf-grid-layout-33 .card-controls {
flex-wrap: wrap
}
.page-builder-display-reset .page-builder-panel .card-controls .mdBtnR:first-of-type,.page-builder-display-reset .rf-grid-layout-25 .card-controls .mdBtnR:first-of-type,.page-builder-display-reset .rf-grid-layout-33 .card-controls .mdBtnR:first-of-type {
margin-bottom: 8px
}
.page-builder-display-reset .rf-grid-layout-33 .rf-simple-flex-grid .rf-flex-column-25 {
width: 50%
}
.page-builder-display-reset .my-survey-list-card {
border: none
}
.page-builder-display-reset .my-survey-list-card .card-header {
padding: 0;
border: none
}
.page-builder-display-reset .my-survey-list-card .card-header .card-header-title {
padding: 0;
margin-bottom: 8px
}
.page-builder-display-reset .my-survey-list-card .card-body {
border: none
}
.page-builder-display-reset .my-survey-list-card .card-body h5 {
font-size: 14px
}
.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container {
margin: 0
}
.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table,.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .table-body,.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .table-row {
display: block
}
.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table .table-row {
padding: 12px 16px;
background-color: var(--rf-brand-color-surface-2);
border-radius: var(--rf-brand-shape-radius);
height: auto;
margin-bottom: 10px;
cursor: pointer;
border: none
}
.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table .table-row:hover {
background-color: var(--rf-brand-color-primary-muted)
}
.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table .table-row>div {
display: block;
max-width: none;
padding: 0;
color: var(--rf-brand-color-text-body);
font-size: 14px
}
.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table .table-row:first-child,.page-builder-display-reset .my-survey-list-card .card-body .rf-table-container .rf-table .table-row:last-child {
border: none
}
.page-builder-display-reset .page-builder-panel .order-summary-card .card-body,.page-builder-display-reset .rf-grid-layout-25 .order-summary-card .card-body,.page-builder-display-reset .rf-grid-layout-33 .order-summary-card .card-body,.page-builder-display-reset .rf-grid-layout-50 .order-summary-card .card-body {
height: auto;
min-height: 80px
}
.page-builder-display-reset .page-builder-panel .order-summary-card .rfG-row>.order-summary,.page-builder-display-reset .rf-grid-layout-25 .order-summary-card .rfG-row>.order-summary,.page-builder-display-reset .rf-grid-layout-33 .order-summary-card .rfG-row>.order-summary,.page-builder-display-reset .rf-grid-layout-50 .order-summary-card .rfG-row>.order-summary {
width: 100%
}
.page-builder-display-reset .page-builder-panel .order-summary-card .order-summary-item:last-of-type,.page-builder-display-reset .rf-grid-layout-25 .order-summary-card .order-summary-item:last-of-type,.page-builder-display-reset .rf-grid-layout-33 .order-summary-card .order-summary-item:last-of-type,.page-builder-display-reset .rf-grid-layout-50 .order-summary-card .order-summary-item:last-of-type {
margin-bottom: 0;
padding-bottom: 0
}
.page-builder-display-reset .page-builder-panel .order-summary-card .order-summary-item .order-date,.page-builder-display-reset .rf-grid-layout-25 .order-summary-card .order-summary-item .order-date,.page-builder-display-reset .rf-grid-layout-33 .order-summary-card .order-summary-item .order-date,.page-builder-display-reset .rf-grid-layout-50 .order-summary-card .order-summary-item .order-date {
display: none
}
.page-builder-display-reset .page-builder-panel .order-summary-card .order-summary-item>div:nth-last-of-type(2),.page-builder-display-reset .rf-grid-layout-25 .order-summary-card .order-summary-item>div:nth-last-of-type(2),.page-builder-display-reset .rf-grid-layout-33 .order-summary-card .order-summary-item>div:nth-last-of-type(2),.page-builder-display-reset .rf-grid-layout-50 .order-summary-card .order-summary-item>div:nth-last-of-type(2) {
margin-bottom: 8px
}
.page-builder-display-reset .page-builder-panel .order-summary-card .rfG-row>.order-summary-notes,.page-builder-display-reset .rf-grid-layout-25 .order-summary-card .rfG-row>.order-summary-notes,.page-builder-display-reset .rf-grid-layout-33 .order-summary-card .rfG-row>.order-summary-notes,.page-builder-display-reset .rf-grid-layout-50 .order-summary-card .rfG-row>.order-summary-notes {
display: none
}
.rf-verification-code .digit-input-wrapper {
display: flex;
justify-content: center;
align-items: center;
gap: 16px;
padding: 24px 0
}
.rf-verification-code .digit-input-wrapper .digit-input-field {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius);
font-size: var(--rf-brand-font-scale-2);
border-radius: var(--rf-brand-shape-radius-lg);
width: 80px;
height: 80px;
text-align: center
}
.rf-verification-code .digit-input-wrapper .digit-input-field:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-verification-code .digit-input-wrapper .digit-input-field:active,.rf-verification-code .digit-input-wrapper .digit-input-field:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.rf-verification-code .digit-input-wrapper .digit-input-field :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-verification-code .digit-input-wrapper .digit-input-field :disabled:hover,.rf-verification-code .digit-input-wrapper .digit-input-field :disabled:active,.rf-verification-code .digit-input-wrapper .digit-input-field :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
@media all and (max-width: 1023px) {
.rf-verification-code .digit-input-wrapper .digit-input-field {
width:60px
}
}
@media all and (max-width: 768px) {
.rf-verification-code .digit-input-wrapper .digit-input-field {
font-size:var(--rf-brand-font-scale-3);
width: 40px;
height: 60px
}
}
.rf-verification-code .digit-input-wrapper .digit-input-field::-webkit-outer-spin-button,.rf-verification-code .digit-input-wrapper .digit-input-field::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0
}
.rf-verification-code .digit-input-wrapper .digit-input-field[type=number] {
-moz-appearance: textfield
}
.rf-verification-code .rf-verification-code-paragraph {
font-size: var(--rf-brand-font-size);
text-align: center
}
.filter-section-wrapper {
display: flex;
align-items: center;
min-height: 50px
}
.filter-section-wrapper .report-builder-filter-info-tooltip {
display: block;
min-width: 275px
}
.filter-section-wrapper .filter-number {
width: 20px;
font-size: 18px;
font-weight: var(--rf-system-font-weight-700);
color: #5c00dc
}
.filter-section-wrapper .filter-section {
border: 1px solid var(--rf-brand-color-border);
background: var(--rf-brand-color-surface);
border-radius: var(--rf-brand-shape-radius);
padding: 8px 24px 8px 8px;
width: 100%;
position: relative
}
.filter-section-wrapper .filter-section.error {
border: 1px solid #d92d20
}
@media all and (min-width: 769px) {
.filter-section-wrapper .filter-section .responsive-columns {
display:grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px
}
}
.filter-section-wrapper .filter-section .remove-filter-section,.filter-section-wrapper .filter-section .display-block-property-info {
position: absolute;
right: 4px
}
.filter-section-wrapper .filter-section .remove-filter-section {
top: 8px
}
.filter-section-wrapper .filter-section .display-block-property-info {
top: 26px
}
.rf-page-search-container {
position: relative;
background-color: var(--rf-brand-color-surface-2)
}
.rf-page-search-container .rf-search-pin {
position: absolute;
top: 4px;
right: 4px
}
.rf-page-search-container .search-criteria-container {
padding: 12px 16px 0
}
.rf-page-search-container .search-criteria-container,.rf-page-search-container .search-footer-actions {
position: relative;
clear: both
}
.rf-page-search-container .search-criteria-container:before,.rf-page-search-container .search-criteria-container:after,.rf-page-search-container .search-footer-actions:before,.rf-page-search-container .search-footer-actions:after {
content: "";
display: table;
clear: both
}
.rf-page-search-container .search-footer-actions {
padding: 0 16px 12px
}
.rf-page-search-container .search-footer-actions+.collapse {
border: none
}
.rf-page-search-container .search-actions {
text-align: right;
vertical-align: middle;
margin: 0;
float: right;
display: inline-block
}
.rf-page-search-container .add-criteria-button {
margin-left: 4px
}
.rf-page-search-container .advanced-expression-container {
padding: 0 16px
}
.search-output-save-search-modal .modal-body {
padding: 20px 32px 16px 32px
}
.grid-targeted-agenda .targeted-agenda-section {
margin-bottom: 44px
}
.grid-targeted-agenda .carousel-header .targeted-agenda-header {
margin: 0
}
.grid-targeted-agenda .targeted-agenda-header {
display: flex;
align-items: center;
margin-bottom: 32px
}
.grid-targeted-agenda .targeted-agenda-header .targeted-agenda-headline {
width: 100%
}
.grid-targeted-agenda .targeted-agenda-header .targeted-agenda-headline h2 {
margin: 0
}
.grid-targeted-agenda .targeted-agenda-details-card {
margin-bottom: 16px
}
.grid-targeted-agenda .session-date-time span {
display: block;
font-size: 14px
}
.grid-targeted-agenda .session-date-time .session-date {
font-weight: var(--rf-system-font-weight-500) !important
}
@media all and (max-width: 1023px) {
.panel-left .grid-targeted-agenda .workflow-targeted-agenda-header {
display:block
}
}
div[id*=rf-].rf-widget .workflow-targeted-agenda .targeted-agenda-details-card h5 {
margin-bottom: 8px
}
.rf-show-hide {
margin-bottom: 10px
}
.rf-show-hide .rf-show-hide-trigger {
color: var(--rf-brand-color-primary);
cursor: pointer;
display: block;
line-height: 1.4em
}
.rf-show-hide .rf-show-hide-align-label-right {
text-align: right
}
.slide-out-container-full {
position: fixed;
top: 0;
bottom: 0;
right: 0;
z-index: 3040
}
.slide-out-container-full.no-padding .slide-out-body {
padding: 0
}
.slide-out-container-full.no-width {
width: 0
}
.slide-out-container-full .clickable-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0);
transition: all .7s ease;
visibility: hidden
}
.slide-out-container-full .clickable-overlay.panel-open {
visibility: visible;
background-color: rgba(68,68,68,.6)
}
.slide-out-container-full .slide-out-panel .slide-out-header {
padding: 24px 48px 24px 16px;
background-color: var(--rf-brand-color-surface);
border-bottom: 1px solid var(--rf-brand-color-border)
}
.slide-out-container-full .slide-out-panel .slide-out-header h2 {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-size: 20px;
line-height: 1.4em;
padding: 0;
margin: 0;
display: inline-block;
font-weight: var(--rf-system-font-weight-600);
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
.slide-out-container-full .slide-out-panel .slide-out-body hr {
margin: 2em 0
}
.slide-out-container-full .slide-out-panel .slide-out-body .description-box {
padding: 5px 15px 0;
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius)
}
.slide-out-container-full .slide-out-panel .slide-out-body .step-setting-arrayobjectlist,.slide-out-container-full .slide-out-panel .slide-out-body .step-setting-border-top {
border-top: 1px solid var(--rf-brand-color-border)
}
.slide-out-panel {
height: 100%;
position: absolute;
display: flex;
flex-direction: column;
top: 0;
bottom: 0;
right: -5px;
margin-right: -1000px;
background-color: var(--rf-brand-color-surface);
transition: margin .7s ease
}
@media all and (min-width: 1024px) {
.slide-out-panel {
min-width:800px
}
}
@media all and (min-width: 1200px) {
.slide-out-panel {
width:1000px
}
}
@media all and (max-width: 1023px) {
.slide-out-panel {
width:100vw
}
}
.slide-out-panel.slide-out-panel-right {
-webkit-box-shadow: -2px 0px 4px 0px rgba(0,0,0,.14);
-moz-box-shadow: -2px 0px 4px 0px rgba(0,0,0,.14);
box-shadow: -2px 0px 4px 0px rgba(0,0,0,.14)
}
.slide-out-panel.slide-out-panel-right.panel-open {
margin-right: 0;
right: 0
}
.slide-out-panel.slide-out-panel-left {
right: 0;
-webkit-box-shadow: -2px 0px 4px 0px rgba(0,0,0,.14);
-moz-box-shadow: -2px 0px 4px 0px rgba(0,0,0,.14);
box-shadow: -2px 0px 4px 0px rgba(0,0,0,.14)
}
.slide-out-panel.slide-out-panel-left.panel-open {
transform: translateX(100%)
}
.slide-out-panel .slide-out-header {
position: relative;
padding: 8px 48px 8px 16px
}
.slide-out-panel .slide-out-header .rfSI {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 16px
}
.slide-out-panel .slide-out-body {
padding: 24px;
height: 100%;
overflow: auto
}
.slide-out-panel .slide-out-body.slide-out-body-flex-column {
display: flex;
flex-direction: column
}
.slide-out-panel .slide-out-body .video-details-frame .video-details-bodyframe-container {
flex-direction: column;
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius-lg);
padding: 24px
}
.slide-out-panel .slide-out-body .video-details-frame .video-details-bodyframe-container .video-details-preview {
flex: 0;
padding: 0;
border: none
}
.slide-out-panel .slide-out-body .video-details-frame .video-details-bodyframe-container .video-details-tools {
padding: 0;
width: 100%;
border: none
}
.slide-out-panel .slide-out-panel-padding {
padding: 16px
}
.slide-out-panel .slide-out-footer {
padding: 16px;
text-align: right;
border-top: 1px solid var(--rf-brand-color-border);
margin-top: auto
}
.slide-out-panel-open {
overflow: hidden
}
.workflow-builder-form-selection .rf-single-select {
width: 50%
}
.rf-simple-list-container {
border-top: 1px solid var(--rf-brand-color-border)
}
.rf-simple-list-container.no-border {
border-top: none
}
.rf-simple-list-container p {
margin: 0;
word-wrap: break-word
}
.rf-simple-list-container.has-action .rf-list-main {
padding-right: 14px
}
.rf-simple-list-container.has-order .rf-list-order {
left: 8px;
width: auto;
max-width: 40px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
font-size: 20px;
color: var(--rf-brand-color-primary)
}
.rf-simple-list-container.has-order .rf-list-main {
padding-left: 14px
}
.rf-simple-list-container.is-clickable p {
color: var(--rf-brand-color-primary);
cursor: pointer
}
.rf-simple-list-row {
position: relative;
display: flex;
flex-wrap: nowrap;
align-items: center;
padding: 12px 8px;
background-color: var(--rf-brand-color-surface)
}
.rf-simple-list-row.no-padding-inline {
padding-inline:0}
.rf-simple-list-row.has-background {
background-color: var(--rf-brand-color-surface-2);
padding: 0 8px 0 12px
}
.rf-simple-list-row.has-background:hover {
background-color: var(--rf-brand-color-surface-3)
}
.rf-simple-list-row.no-padding {
padding: 0
}
.rf-simple-list-row .list-action-is-top {
align-self: flex-start
}
.rf-simple-list-row * {
vertical-align: middle
}
.rf-simple-list-row .rf-list-order {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 0 8px 0 0;
left: 8px;
width: auto;
max-width: 40px;
text-align: center;
font-size: 20px;
color: var(--rf-brand-color-primary)
}
.rf-simple-list-row .rf-list-main {
flex: 1;
overflow-wrap: anywhere
}
.rf-simple-list-row .inline-hover-add-button {
bottom: 0;
height: auto
}
.rf-simple-list-row .inline-hover-add-button .hover-row-line {
bottom: 0
}
.rf-simple-list-row .inline-hover-add-button:hover .hover-row-line {
opacity: 1
}
.rf-simple-list-row.has-inline-add .inline-hover-add-button {
cursor: pointer
}
.rf-simple-list-row.has-inline-add .inline-hover-add-button:hover .hover-row-line {
opacity: 0
}
.rf-simple-list-row .has-primary-actions {
display: flex
}
.rf-simple-list-row .has-primary-actions ul {
display: flex;
margin: 0;
padding: 0
}
.rf-simple-list-row .has-primary-actions ul li+li {
margin-left: 8px
}
.rf-simple-list-row .has-primary-actions .mdBtnR-text-button .rfSI svg {
fill: var(--rf-system-color-neutral-30)
}
.rf-simple-list-row .has-primary-actions .mdBtnR-text-button .mdBtnR-text {
color: var(--rf-brand-color-text-body)
}
.rf-simple-list-row .has-primary-actions .mdBtnR-text-button+.mdBtnR-text-button {
margin-left: 20px
}
.rf-simple-list-row .has-primary-actions .main-action-item {
margin-right: 16px;
cursor: pointer
}
.rf-simple-list-row .has-primary-actions .main-action-item:last-of-type {
margin-right: 0
}
.rf-simple-list-row .has-primary-actions .main-action-item .rfSI {
margin-right: 8px
}
.rf-simple-list-row .has-primary-actions .main-action-item .mdBtnR-text-button .rfSI {
margin-right: 0
}
.rf-simple-list-row .rf-row-actions {
text-align: right
}
.rf-simple-list-row .row-actions {
display: block;
position: absolute;
right: 0
}
.rf-simple-list-row .main-actions {
position: relative;
padding-right: 12px;
right: 50px;
visibility: hidden;
opacity: 0;
transition: .2s
}
.rf-simple-list-row .main-actions:hover {
right: 20px;
visibility: visible;
opacity: 1;
background-color: var(--rf-brand-color-surface-2)
}
.rf-simple-list-row .show-actions {
position: absolute;
right: 12px;
background-color: var(--rf-brand-color-surface)
}
.rf-simple-list-row .show-actions:hover {
background-color: var(--rf-brand-color-surface-2)
}
.rf-simple-list-row .show-actions:hover+.main-actions {
right: 20px;
visibility: visible;
opacity: 1;
transition: .2s;
background-color: var(--rf-brand-color-surface-2)
}
.rf-simple-list-row:last-of-type:not(:only-child) .inline-hover-add-button .hover-row-line {
border: none
}
.row-actions-overlay ul {
padding: 12px
}
.rf-simple-list-footer {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
border-top: 1px solid var(--rf-brand-color-border);
padding: 8px 8px 8px 4px
}
.rf-simple-list-footer .reset-to-default {
cursor: pointer
}
.inline-hover-add-button {
height: 20px;
z-index: 1;
position: absolute;
left: 0;
bottom: -9px;
right: 0
}
.inline-hover-add-button .hover-add-line {
opacity: 0;
position: absolute;
bottom: 9px;
left: 0;
min-height: 1px;
border-top: 2px solid var(--rf-brand-color-primary);
width: 100%;
z-index: -1
}
.inline-hover-add-button .hover-row-line {
position: absolute;
bottom: 9px;
left: 0;
min-height: 1px;
border-top: 1px solid var(--rf-brand-color-border);
width: 100%
}
.inline-hover-add-button .rfSI {
opacity: 0;
padding: 0;
font-size: 18px;
margin: 0 auto;
border-radius: 50%;
width: 20px;
height: 20px;
max-width: 20px;
max-height: 20px;
background-color: var(--rf-brand-color-primary);
display: block
}
.inline-hover-add-button .rfSI svg {
fill: var(--rf-brand-color-on-primary)
}
.inline-hover-add-button:hover .rfSI,.inline-hover-add-button:hover .hover-add-line {
opacity: 1
}
.inline-hover-add-button:hover .hover-row-line {
opacity: 0
}
.inline-hover-add-button.active .hover-add-line,.inline-hover-add-button.active .rfSI {
opacity: 1
}
.rf-list-editor .inline-hover-add-button {
display: none
}
.rf-list-editor .rf-simple-list-row {
border-bottom: 1px solid var(--rf-brand-color-border);
padding: 12px
}
.rf-list-editor .rf-simple-list-row:first-child {
border-top: 1px solid var(--rf-brand-color-border)
}
.rf-list-editor .rf-simple-list-row p {
margin: 0
}
.rf-list-editor .rf-simple-list-row .rf-row-actions {
right: 6px
}
.rf-list-editor .rf-list-editor-footer {
position: relative
}
.rf-list-editor .rf-list-editor-footer .rf-input+.rfSI {
position: absolute;
top: 13px;
right: 6px
}
.fuelux .wizard>ul>li {
position: relative;
float: left;
height: 48px;
padding: 0 20px 0 30px;
margin: 0;
font-size: 16px;
line-height: 46px;
color: var(--rf-system-color-neutral-50);
cursor: default;
background: var(--rf-brand-color-surface-3);
border-bottom: 1px solid var(--rf-system-color-neutral-70);
border-radius: 0
}
.fuelux .wizard>ul>li:first-child {
padding-left: 20px;
border-radius: 0
}
.fuelux .wizard>ul>li.active {
color: #1570ef;
background: var(--rf-system-color-blue-90)
}
.fuelux .wizard>ul>li.active .chevron:before {
border-left: 14px solid var(--rf-system-color-blue-90)
}
.fuelux .wizard>ul>li .badge {
margin-right: 8px
}
.fuelux .wizard>ul>li .chevron {
position: absolute;
top: 0;
right: -14px;
z-index: 1;
display: block;
border: 24px solid rgba(0,0,0,0);
border-right: 0;
border-left: 14px solid var(--rf-system-color-neutral-70)
}
.fuelux .wizard>ul>li .chevron:before {
position: absolute;
top: -24px;
right: 1px;
display: block;
border: 24px solid rgba(0,0,0,0);
border-right: 0;
border-left: 14px solid var(--rf-system-color-neutral-80);
content: ""
}
.fuelux .wizard .actions {
position: absolute;
right: 0;
z-index: 2;
float: right;
height: 48px;
padding-right: 15px;
padding-left: 15px;
line-height: 46px;
vertical-align: middle;
background-color: var(--rf-brand-color-surface-3);
border-left: 1px solid var(--rf-system-color-neutral-70);
border-bottom: 1px solid var(--rf-system-color-neutral-70)
}
.div-row,.div-row>div {
background: rgba(0,0,0,0);
border-collapse: collapse;
border-spacing: 0
}
.rfG-table-container {
width: 100%;
background: var(--rf-brand-color-surface);
position: relative;
overflow: auto
}
.table-container {
width: 100%;
background: var(--rf-brand-color-surface);
position: relative;
overflow: auto;
max-height: 700px;
z-index: 900
}
.complex-table {
display: table;
background: var(--rf-brand-color-surface);
width: 100%;
position: relative;
border-collapse: collapse
}
.div-row {
display: table-row;
border-top: 1px solid rgba(238,238,238,.7)
}
.div-row:hover {
background-color: rgba(238,238,238,.7)
}
.div-row-th {
width: 100%;
height: 54px;
white-space: nowrap
}
.div-row-th:first-of-type {
border: none
}
.div-row-th:hover {
background-color: rgba(0,0,0,0)
}
.div-row-th>div {
white-space: nowrap
}
.div-row>div {
display: table-cell;
padding: 10px;
vertical-align: middle;
z-index: 1
}
.div-row-td>div {
white-space: normal
}
.div-row>div>span {
vertical-align: top;
line-height: 34px
}
.td-min {
min-width: 280px
}
@media all and (min-width: 769px) {
.td-min {
min-width:300px
}
}
.gray-shell::-webkit-scrollbar {
width: 8px;
height: 8px
}
.gray-shell::-webkit-scrollbar-track {
background-color: var(--rf-system-color-neutral-90);
margin: 1px
}
.gray-shell::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,.2);
border-radius: 6px
}
.gray-shell::-webkit-scrollbar-corner {
background-color: var(--rf-system-color-neutral-90)
}
.table-bordered {
border: none;
border-top: 1px solid var(--rf-brand-color-border);
border-bottom: 1px solid var(--rf-brand-color-border)
}
.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
border-left: none
}
table.table-bordered td:last-child,table.table-bordered th:last-child {
border-right: none
}
.table-bordered>thead>tr>th {
font-weight: var(--rf-system-font-weight-400)
}
.custom-table-row {
clear: both;
overflow: hidden;
position: relative;
margin-bottom: 10px;
padding-bottom: 10px;
color: var(--rf-brand-color-text-body);
border-bottom: 1px solid var(--rf-brand-color-border)
}
.custom-table-row .ct-item {
overflow: hidden;
text-overflow: ellipsis;
margin: 0 0 5px
}
.custom-table-row .ct-item h4 {
font-size: 15px;
font-weight: var(--rf-system-font-weight-400);
color: var(--rf-brand-color-text-body)
}
.custom-table-row.ct-headers {
border-bottom: 2px solid var(--rf-brand-color-border);
padding-bottom: 0
}
.custom-table-row:last-of-type {
border-bottom: none
}
@media screen and (max-width: 768px) {
.custom-table-row {
margin-bottom:15px
}
.custom-table-row .ct-controls {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px
}
.custom-table-row.ct-headers {
display: none
}
}
@media all and (min-width: 769px) {
.custom-table-row .ct-item {
float:left;
margin: 0;
padding-right: 5px
}
.custom-table-row .ct-controls {
float: right;
margin-right: 10px
}
.custom-table-row.ct-headers .ct-item {
margin: 0 0 5px
}
.custom-table-row:last-of-type {
padding-bottom: 10px
}
}
.ct-row-borderless {
background-color: var(--rf-brand-color-surface)
}
.ct-row-borderless .ct-headers,.ct-row-borderless .ct-item {
clear: both;
margin-bottom: 10px
}
@media all and (min-width: 769px) {
.ct-row-borderless .ct-headers,.ct-row-borderless .ct-item {
margin-bottom:0
}
}
.ct-row-borderless .ct-headers {
margin-bottom: 20px;
display: none
}
@media all and (min-width: 769px) {
.ct-row-borderless .ct-headers {
display:block
}
}
.ct-row-borderless .ct-item {
padding: 5px 0;
cursor: pointer
}
.ct-row-borderless .ct-item:hover {
cursor: pointer;
background-color: var(--rf-system-color-blue-90)
}
.ct-row-borderless .ct-item ol li {
margin: 10px 0;
padding-left: 15px;
cursor: pointer
}
.ct-row-borderless .ct-item ol li:hover {
cursor: pointer
}
.ct-row-borderless .ct-item.active {
background: var(--rf-system-color-blue-90)
}
.ct-row-borderless .icon-controls-right {
margin-right: 10px
}
.ct-row-borderless .icon-status {
display: inline-block;
margin: 0 2px
}
.ct-row-borderless .icon-status sub {
display: block;
text-align: center;
line-height: inherit;
bottom: 3px;
cursor: default
}
.ct-row-borderless ol {
position: relative;
overflow: hidden;
clear: both
}
.ct-row-borderless ol li {
list-style: none;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 10px;
padding-left: 5px
}
.ct-row-borderless ol li strong {
color: var(--rf-brand-color-text-body);
font-weight: var(--rf-system-font-weight-400)
}
@media all and (min-width: 769px) {
.ct-row-borderless ol li {
float:left
}
}
@media screen and (max-width: 768px) {
.ct-row-borderless .icon-controls-right {
float:none;
margin: 0 5px
}
}
.md-frame-table .md-table-row {
text-align: center
}
.md-frame-table .md-table-row:hover {
background-color: var(--rf-brand-color-surface-2)
}
.md-frame-table .md-table-header:hover {
background-color: inherit
}
.md-frame-table .md-table-row {
padding: 8px 0;
clear: both;
overflow: hidden;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.md-frame-table .md-table-header {
padding: 16px 0 0
}
.md-frame-table .md-table-header h5 {
color: var(--rf-brand-color-text-body);
font-size: 1rem;
font-weight: var(--rf-system-font-weight-400);
margin: 0
}
.md-frame-table .md-table-column {
min-height: 29px;
-ms-overflow-x: hidden;
-ms-text-overflow: ellipsis;
position: relative
}
.md-frame-table .md-table-column>span {
word-wrap: break-word;
vertical-align: -webkit-baseline-middle
}
.md-form.searchOutput-advanced .well {
padding: 10px
}
.bs-temp-row {
min-height: 30px;
padding: 8px 0
}
.bs-temp-row span {
font-size: 14px;
word-wrap: break-word
}
.grid-table {
overflow: auto
}
.grid-table .table {
min-width: 750px;
width: 100%
}
.grid-table .header * {
font-weight: var(--rf-system-font-weight-700)
}
.table-responsive {
overflow: auto
}
.md-frame-body .table-responsive {
overflow: auto
}
.md-frame-body .table-responsive .table {
min-width: 800px
}
.frame-tabs-nav {
position: absolute;
top: 0;
right: 0;
height: 100%;
display: flex;
align-items: center;
background: var(--rf-brand-color-surface)
}
.frame-tabs-nav .nav-left,.frame-tabs-nav .nav-right {
margin: 0
}
.frame-tabs-nav .nav-left:not(.disabled):hover svg,.frame-tabs-nav .nav-right:not(.disabled):hover svg {
fill: var(--rf-brand-color-primary)
}
.frame-tabs-container {
background-color: var(--rf-brand-color-surface-2);
padding: 0;
margin: 0;
display: flex;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.frame-tabs-container menu {
padding: 0;
margin: 0
}
.frame-tabs-container .frame-tab-item {
margin: 2px 2px 0;
border-bottom: 3px solid rgba(0,0,0,0);
display: inline-block;
list-style: none;
padding: 16px 30px;
background-color: rgba(0,0,0,0);
cursor: pointer
}
.frame-tabs-container .frame-tab-item.active,.frame-tabs-container .frame-tab-item:hover,.frame-tabs-container .frame-tab-item:focus {
border-bottom: 3px solid var(--rf-brand-color-primary)
}
.frame-tabs-container .frame-tab-item.active .frame-tab-title,.frame-tabs-container .frame-tab-item:hover .frame-tab-title,.frame-tabs-container .frame-tab-item:focus .frame-tab-title {
opacity: 1;
text-decoration: none;
font-weight: var(--rf-system-font-weight-600)
}
.frame-tabs-container .frame-tab-item.active .frame-tab-icon-container,.frame-tabs-container .frame-tab-item:hover .frame-tab-icon-container,.frame-tabs-container .frame-tab-item:focus .frame-tab-icon-container {
opacity: 1
}
.frame-tabs-container .frame-tab-item.disable-tab-click {
cursor: default
}
.frame-tabs-container .frame-tab-item.disable-tab-click:not(.active) {
border-bottom: none
}
.frame-tabs-container .frame-tab-item.disable-tab-click:not(.active) .frame-tab-title {
opacity: .5;
font-weight: var(--rf-system-font-weight-400);
color: var(--rf-brand-color-primary) !important
}
.frame-tabs-container .frame-tab-item .rf-pill {
vertical-align: top
}
.frame-tabs-container .frame-tab-item .frame-tab-title {
display: inline-block;
text-align: center;
color: var(--rf-brand-color-text-body);
opacity: .5;
font-size: var(--rf-brand-font-size);
font-weight: var(--rf-system-font-weight-600)
}
.frame-tabs-container .frame-tab-item .frame-tab-title:after {
display: block;
content: attr(title);
font-weight: var(--rf-system-font-weight-700);
height: 1px;
color: rgba(0,0,0,0);
overflow: hidden;
visibility: hidden
}
.frame-tabs-container .frame-tab-item .frame-tab-icon-container {
opacity: .5;
margin-right: 8px
}
@media all and (max-width: 768px) {
.frame-tabs-container .frame-tab-item {
padding:12px 4px 4px
}
}
.frame-tabs-container.light-bg {
background-color: var(--rf-brand-color-surface)
}
.frame-tabs-container.light-bg .frame-tab-item .frame-tab-title {
font-weight: var(--rf-system-font-weight-600);
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.frame-tabs-container.light-bg .frame-tab-item.active,.frame-tabs-container.light-bg .frame-tab-item:hover {
background-color: var(--rf-brand-color-surface-2)
}
.frame-tabs-container.light-bg .frame-tab-item.active .frame-tab-title,.frame-tabs-container.light-bg .frame-tab-item:hover .frame-tab-title {
font-weight: var(--rf-system-font-weight-600);
color: var(--rf-brand-color-text-heading) !important
}
.frame-tabs-container.compact-pill {
display: flex;
flex-wrap: wrap;
background-color: rgba(0,0,0,0);
margin-bottom: 8px
}
.frame-tabs-container.compact-pill .frame-tab-item {
position: relative;
display: block;
margin-right: 8px;
border: none;
padding: 0;
text-transform: initial
}
.frame-tabs-container.compact-pill .frame-tab-item:hover,.frame-tabs-container.compact-pill .frame-tab-item.active {
border: none;
background-color: rgba(0,0,0,0);
text-decoration: none
}
.frame-tabs-container.compact-pill .frame-tab-item:hover .frame-tab-title,.frame-tabs-container.compact-pill .frame-tab-item.active .frame-tab-title {
text-decoration: none;
background-color: var(--rf-brand-color-primary-muted);
color: var(--rf-brand-color-primary) !important
}
.frame-tabs-container.compact-pill .frame-tab-title {
position: relative;
display: block;
line-height: 14px;
background-color: var(--rf-brand-color-surface-2);
padding: 8px 12px;
border-radius: var(--rf-brand-shape-radius-lg);
font-weight: var(--rf-system-font-weight-600);
border: 1px solid rgba(0,0,0,0);
color: var(--rf-brand-color-text-body);
margin: 0 0 8px 0;
box-shadow: none;
text-decoration: none;
text-align: center;
cursor: pointer
}
.frame-tabs-container.compact-pill .frame-tab-title:after {
display: none
}
.frame-tabs-container.small-tabs .frame-tab-item {
padding: 12px 4px 4px
}
.frame-tabs-container.small-tabs .frame-tab-title {
font-size: var(--rf-brand-font-size)
}
.frame-tabs-container.vertical-tabs {
display: flex;
flex-direction: column;
padding: 24px 16px;
background-color: rgba(0,0,0,0);
border: none;
overflow: auto
}
.frame-tabs-container.vertical-tabs .frame-tab-item {
padding: 8px 12px;
line-height: 1;
text-transform: initial;
border: none;
border-radius: var(--rf-brand-shape-radius-lg)
}
.frame-tabs-container.vertical-tabs .frame-tab-item.active {
background-color: var(--rf-brand-color-primary-muted);
border: none
}
.frame-tabs-container.full-width-tabs .frame-tab-item {
display: inline-flex;
justify-content: center;
align-items: center;
flex: 1
}
.frame-tabs-container.no-border {
border-bottom: none
}
.tab-body {
padding: 16px
}
.tab-body.no-padding {
padding: 0
}
.tab-body.has-border {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius-lg)
}
.subtabs {
background: var(--rf-brand-color-primary);
overflow: auto;
padding: 8px 0
}
.subtabs .subtab {
float: left;
margin: 0 0 0 40px;
color: var(--rf-brand-color-on-primary);
cursor: pointer;
opacity: .6;
text-transform: uppercase
}
.subtabs .subtab.active,.subtabs .subtab:hover {
opacity: 1
}
.subtab-header {
padding: 10px 20px;
width: 100%;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.subtab-header .subtab-controls {
float: right
}
.subtab-header .rf-select {
clear: both;
float: left;
width: 260px;
margin-bottom: -16px
}
.subtab-header .rf-select-results-container li {
width: 100%
}
.subtab-header:before,.subtab-header:after {
display: table;
clear: both;
content: ""
}
.profile-tasks {
padding: 0
}
.subtab-header {
clear: both
}
.subtab-header:before,.subtab-header:after {
content: "";
display: table;
clear: both
}
.subtab-header .task-status-container {
padding: 0
}
.subtab-header .task-status-container li {
float: left;
margin-right: 40px
}
.subtab-header .task-status-container .task-status-item {
font-size: 12px;
color: var(--rf-system-color-neutral-40);
display: inline-block;
line-height: 34px
}
.subtab-header .task-status-container .task-status-item span {
color: var(--rf-system-color-neutral-20);
font-size: 18px;
font-weight: var(--rf-system-font-weight-700);
display: inline-block;
margin: 0 5px 0 0
}
.subtab-body {
padding: 0 20px
}
.rf-default-modal .countdown-wrapper {
display: flex
}
.rf-default-modal .countdown-wrapper p {
margin: 0;
font-size: 64px;
margin-right: 32px;
color: var(--rf-brand-color-status-disabled)
}
.rf-default-modal .countdown-wrapper .is-active {
color: var(--rf-brand-color-primary)
}
#targeted-agendas .targeted-agenda-empty-state .md-frame-body {
padding: 50px
}
#targeted-agendas .targeted-agenda-empty-state .rf-flex-frame {
text-align: center;
padding: 50px 0
}
#targeted-agendas .targeted-agenda-empty-state .rf-flex-frame .rfSI-stroke {
margin: 0 0 12px
}
#targeted-agendas .targeted-agenda-empty-state .rf-flex-frame h5 {
margin: 0 0 12px
}
#targeted-agendas .targeted-agenda-empty-state .rf-flex-frame p {
margin: 0 0 20px
}
#targeted-agendas .group-settings-slideout-panel .ace_editor {
height: 300px
}
#targeted-agendas .group-settings-slideout-panel .advanced-tab .delete-agenda-group .mdBtnR-text {
color: var(--rf-brand-color-status-error)
}
.rf-speaker-container {
display: flex;
flex-wrap: wrap
}
@media all and (min-width: 550px) {
.rf-speaker-container .ta-grid-speaker-card {
width:50%
}
}
@media all and (min-width: 769px) {
.rf-speaker-container .ta-grid-speaker-card {
width:33.33%
}
}
@media all and (min-width: 1024px) {
.rf-speaker-container .ta-grid-speaker-card {
width:20%
}
}
.ta-grid-speaker-card {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
width: 100%;
flex-shrink: 0
}
.ta-grid-speaker-card:hover .rf-result-title {
color: var(--rf-brand-color-primary)
}
.ta-grid-speaker-card .speaker-photo {
width: 130px;
height: 130px;
border-radius: 200px;
overflow: hidden;
margin: 0 0 12px
}
.ta-grid-speaker-card .speaker-photo.has-initials {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--rf-system-color-neutral-50)
}
.ta-grid-speaker-card .speaker-photo.has-initials span {
color: var(--rf-system-color-neutral-100);
font-size: 30px
}
.ta-grid-speaker-card .speaker-photo img {
max-width: 130px;
border-radius: 200px;
display: block
}
.ta-grid-speaker-card .speaker-info {
max-width: 200px;
margin-bottom: 20px
}
.ta-grid-speaker-card .speaker-info .rf-result-title {
cursor: pointer
}
.ta-grid-speaker-card .speaker-info .rf-result-title:hover {
text-decoration-line: underline;
color: var(--rf-brand-color-primary)
}
div[id*=rf-].rf-widget .speaker-info .speaker-trigger,.rf-default-modal .speaker-info .speaker-trigger {
color: var(--rf-brand-color-text-body)
}
.template-selector-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--grid-min, 330px), 1fr));
gap: 16px
}
.template-selector-tile {
display: flex;
flex-direction: column;
width: 100%;
position: relative;
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
background-color: var(--rf-brand-color-surface);
padding: 0;
text-align: left
}
.template-selector-tile.is-selected {
border: 1px solid var(--rf-brand-color-primary);
-webkit-box-shadow: 0 0 6px var(--rf-brand-color-primary);
-moz-box-shadow: 0 0 6px var(--rf-brand-color-primary);
-ms-box-shadow: 0 0 6px var(--rf-brand-color-primary);
-o-box-shadow: 0 0 6px var(--rf-brand-color-primary);
box-shadow: 0 0 6px var(--rf-brand-color-primary)
}
.template-selector-tile.is-selected .template-selector-tile-title,.template-selector-tile:hover .template-selector-tile-title {
color: var(--rf-brand-color-primary)
}
.template-selector-tile .show-icon {
display: flex;
justify-content: center;
align-items: center;
height: 24px;
width: 24px;
max-height: 24px;
max-width: 24px;
border-radius: 50%;
position: absolute;
z-index: 10
}
.template-selector-tile .is-legacy {
top: 4px;
right: 4px;
background-color: var(--rf-brand-color-surface)
}
.template-selector-tile .is-selected {
top: -8px;
right: -8px;
background-color: var(--rf-brand-color-primary)
}
.template-selector-tile .is-selected .rfSI svg {
fill: var(--rf-brand-color-on-primary)
}
.template-selector-tile .template-selector-tile-banner {
position: relative;
overflow: hidden;
border-radius: calc(var(--rf-brand-shape-radius) - 1px) calc(var(--rf-brand-shape-radius) - 1px) 0 0;
width: 100%;
height: 0;
padding-top: 42.4242424242%
}
.template-selector-tile .template-selector-tile-banner img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}
.template-selector-tile .template-selector-tile-banner.no-banner {
background-color: var(--rf-brand-color-surface-2);
display: flex;
justify-content: center;
align-items: center
}
.template-selector-tile .template-selector-tile-banner.no-banner>.rfSI-sm {
margin-top: -42.4242424242%
}
.template-selector-tile .template-selector-tile-banner.no-banner>.rfSI-sm * {
stroke: var(--rf-system-color-neutral-60)
}
.template-selector-tile .template-selector-tile-body {
padding: 16px
}
.template-selector-tile .template-selector-tile-body .template-selector-tile-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 4px
}
@supports(-webkit-line-clamp: 2) {
.template-selector-tile .template-selector-tile-body .template-selector-tile-title {
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
}
.rf-video-thumbnail {
position: relative;
padding-top: 56.25%;
width: 100%;
background-color: var(--rf-brand-color-surface-2)
}
.rf-video-thumbnail>.rfSI {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.rf-video-thumbnail>.rfSI svg {
fill: var(--rf-brand-color-status-disabled) !important
}
.rf-video-thumbnail img {
position: absolute;
inset: 0;
width: 100%;
height: 100%
}
.rf-video-thumbnail.img-border-radius {
border-radius: var(--rf-brand-shape-radius-xl);
overflow: hidden
}
.rf-video-thumbnail-badge {
position: absolute;
bottom: 8px;
left: 8px
}
.rf-video-thumbnail-duration {
position: absolute;
bottom: 8px;
right: 8px;
background-color: var(--rf-brand-color-text-heading);
color: var(--rf-brand-color-surface);
padding: 4px;
line-height: 1;
font-weight: var(--rf-system-font-weight-600);
font-size: 12px !important
}
.rf-video-thumbnail.aspect-9\/16 {
padding-top: 177.7777777778%
}
.rf-video-thumbnail.aspect-1\/1 {
padding-top: 100%
}
.rf-video-thumbnail.aspect-4\/5 {
padding-top: 125%
}
.table-thumbnail-wrapper {
max-width: 75px
}
.video-thumbnail-preview {
max-width: 400px
}
.video-details-bodyframe-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%
}
.video-details-preview .flowplayer {
height: 225px;
max-height: 225px
}
.video-details-preview .video-thumbnail-preview,.video-details-preview .rf-flowplayer-simulive {
max-width: initial
}
.video-details-preview .video-thumbnail-preview .flowplayer,.video-details-preview .rf-flowplayer-simulive .flowplayer {
height: initial;
max-height: initial
}
.video-thumbnail-preview {
position: relative;
width: 100%
}
.video-thumbnail-preview>img {
width: 100%;
cursor: pointer;
height: inherit;
object-fit: cover
}
.video-thumbnail-preview>.rfSI {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 64px;
height: 64px;
max-width: 64px;
max-height: 64px
}
.video-thumbnail-preview>p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
margin: 0;
padding: 1em;
font-size: 18px;
font-weight: var(--rf-system-font-weight-600);
color: var(--rf-system-color-neutral-100);
line-height: 1.1875em;
text-align: center
}
.video-thumbnail-preview .overlay-container-thumbnail {
width: 100%;
height: inherit;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(34,34,34,.55)
}
.video-thumbnail-preview .overlay-container-thumbnail:hover {
cursor: pointer
}
.video-thumbnail-preview .overlay-container-duration {
position: absolute;
bottom: 10px;
right: 10px;
background-color: var(--rf-system-color-neutral-0);
z-index: 10
}
.video-thumbnail-preview .overlay-container-duration p {
color: var(--rf-system-color-neutral-100);
margin: 0;
padding: 4px 8px;
font-weight: var(--rf-system-font-weight-700)
}
.video-thumbnail-preview .overlay-container-duration:hover {
cursor: pointer
}
.video-thumbnail-preview .video-preview-placeholder {
background-color: var(--rf-brand-color-surface-2);
padding: 42px 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column
}
.video-thumbnail-preview .video-preview-placeholder>.rfSI svg {
color: var(--rf-system-color-neutral-60);
fill: var(--rf-system-color-neutral-60)
}
.video-thumbnail-preview .video-preview-placeholder p {
color: var(--rf-system-color-neutral-50);
max-width: 235px;
text-align: center;
margin-top: 16px
}
.video-thumbnail-preview .stream-preview-placeholder {
min-height: 214px
}
.livestream-preview-players .rf-flowplayer-simulive {
max-width: initial
}
.livestream-preview-players .video-thumbnail-preview {
max-width: initial
}
.livestream-preview-players .video-thumbnail-preview .livestream-preview-countdown {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center
}
.livestream-preview-players .video-thumbnail-preview .livestream-preview-countdown>h1 {
font-weight: var(--rf-system-font-weight-600);
color: var(--rf-system-color-neutral-100)
}
.rfwf-working-reports {
height: 100%
}
.rfwf-working-reports .working-report-table .grid-bottom-left,.rfwf-working-reports .working-report-table .grid-top-right {
-ms-overflow-style: none;
scrollbar-width: none
}
.rfwf-working-reports .working-report-table .grid-bottom-left::-webkit-scrollbar,.rfwf-working-reports .working-report-table .grid-top-right::-webkit-scrollbar {
-webkit-appearance: none;
width: 0;
height: 0
}
.rfwf-working-reports .working-report-table:not(.rf-virtualized-table-no-results)>.ReactVirtualized__Grid:first-of-type {
overflow: hidden !important
}
.rfwf-working-reports .working-report-table .file-list a {
display: block
}
.rfwf-working-reports .working-report-table .header-cell {
padding: 8px;
border: 1px solid var(--rf-brand-color-border);
border-right: none
}
.rfwf-working-reports .working-report-table .header-cell h6 {
text-transform: uppercase
}
.rfwf-working-reports .working-report-table .header-cell .rf-flex-frame {
justify-content: space-between
}
.rfwf-working-reports .working-report-table .body-cell.even-row,.rfwf-working-reports .working-report-table .body-cell.odd-row {
border-top: 1px solid var(--rf-brand-color-border);
border-left: 1px solid var(--rf-brand-color-border)
}
.rfwf-working-reports .working-report-table .body-cell.even-row.numeric-header,.rfwf-working-reports .working-report-table .body-cell.odd-row.numeric-header {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
border-right: 1px solid var(--rf-brand-color-border)
}
.rfwf-working-reports .working-report-table .body-cell.even-row.numeric-header .row-index,.rfwf-working-reports .working-report-table .body-cell.odd-row.numeric-header .row-index {
color: var(--rf-brand-color-primary);
font-weight: var(--rf-system-font-weight-600);
font-size: var(--rf-brand-font-scale-6)
}
.rfwf-working-reports .working-report-table .body-cell.even-row>div>span,.rfwf-working-reports .working-report-table .body-cell.odd-row>div>span {
display: inline-block
}
.rfwf-working-reports .working-report-table .body-cell.even-row .rf-input,.rfwf-working-reports .working-report-table .body-cell.even-row .rf-select,.rfwf-working-reports .working-report-table .body-cell.odd-row .rf-input,.rfwf-working-reports .working-report-table .body-cell.odd-row .rf-select {
padding: 5px !important
}
.rfwf-working-reports .working-report-table .last-pinned-column {
border-right: 1px solid #00bcd6
}
.rfwf-working-reports .working-report-table .last-pinned-column .drag-handle {
background-color: rgba(0,0,0,0)
}
.rfwf-working-reports .working-report-table .end-row-cell,.rfwf-working-reports .working-report-table .checkbox-header-cell {
border-right: 1px solid var(--rf-brand-color-border)
}
.rfwf-working-reports .working-report-message {
margin: 16px 0
}
.rfwf-working-reports .wr-table .rf-textarea textarea {
min-height: 50px
}
.rfwf-working-reports .wr-table #editForm.custom-element {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.rfwf-working-reports .wr-table #editForm.custom-element>div {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center
}
.rfwf-working-reports .wr-table #editForm .form-horizontal>div {
height: 40px
}
.rfwf-working-reports .md-frame-header {
border-bottom: none
}
.rfwf-working-reports .md-frame-header .header-controls {
z-index: 101
}
.rfwf-working-reports .md-frame-header .column-sort {
display: inline-block;
margin-right: 12px
}
.rfwf-working-reports .md-frame-header .rf-select input {
border-color: var(--rf-system-color-neutral-100) !important
}
.rfwf-working-reports .md-frame-header .rf-select .rf-select-selected {
padding-right: 16px;
padding-left: 8px
}
.rfwf-working-reports .rfwf-header-results {
font-size: 12px;
margin-left: 12px
}
.rfwf-working-reports .rfwf-bg-primary h2,.rfwf-working-reports .rfwf-bg-primary .rfwf-header-results,.rfwf-working-reports .rfwf-bg-primary .control-icon-text {
color: var(--rf-system-color-neutral-100)
}
.rfwf-working-reports .md-frame {
margin: 0
}
.rfwf-working-reports .header-controls svg {
fill: var(--rf-system-color-neutral-100)
}
.rfwf-working-reports .header-controls svg:hover,.rfwf-working-reports .header-controls svg:active,.rfwf-working-reports .header-controls svg:focus {
fill: var(--rf-system-color-neutral-100);
opacity: .7
}
.rfwf-working-reports .clear-results {
text-transform: uppercase;
font-size: 16px;
cursor: pointer
}
.rfwf-working-reports .activated {
border: 1px solid #027a48 !important;
background-color: rgba(2,122,72,.4) !important
}
.rfwf-working-reports .wr-scroll-buttons {
text-align: center;
width: 100%
}
.rfwf-working-reports .open-manage-volunteer-modal {
position: fixed;
top: 0;
left: 0
}
.rf-progress-meter {
background-color: var(--rf-brand-color-surface-3);
border-radius: 200px;
color: var(--rf-comp-progress-meter-color-fill, #1570ef);
height: 8px;
overflow: hidden;
position: relative;
max-width: 350px
}
.rf-progress-meter.progress-fill-primary {
--rf-comp-progress-meter-color-fill: var(--rf-brand-color-primary)
}
.rf-progress-meter.progress-fill-success {
--rf-comp-progress-meter-color-fill: var(--rf-brand-color-status-success)
}
@keyframes indeterminate-progress {
0% {
transform: translateX(-100%)
}
100% {
transform: translateX(200%)
}
}
.rf-progress-meter.indeterminate>svg {
animation: indeterminate-progress 1500ms infinite ease-in-out;
width: 50%
}
.rf-progress-meter>svg {
border-radius: 200px;
height: 100%;
position: absolute
}
button,html input[type=button],input[type=reset],input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled],html input[disabled] {
cursor: default
}
.mdBtnR,a.mdBtnR {
position: relative;
cursor: pointer;
background: rgba(0,0,0,0) none;
letter-spacing: var(--rf-comp-button-font-letter-spacing);
border-width: var(--rf-comp-button-shape-border-width);
border-style: solid;
border-color: rgba(0,0,0,0);
display: inline-block;
font-family: var(--rf-comp-button-font-family);
font-size: var(--rf-comp-button-font-size);
font-weight: var(--rf-comp-button-font-weight);
font-style: var(--rf-comp-button-font-style);
line-height: 1;
margin: 0;
outline: 0;
padding: var(--rf-comp-button-space-padding);
text-align: center;
text-decoration: none;
text-transform: var(--rf-comp-button-font-transform);
transition: var(--rf-comp-button-motion-transition);
vertical-align: middle;
white-space: nowrap;
-webkit-border-radius: var(--rf-comp-button-shape-radius);
-moz-border-radius: var(--rf-comp-button-shape-radius);
-ms-border-radius: var(--rf-comp-button-shape-radius);
-o-border-radius: var(--rf-comp-button-shape-radius);
border-radius: var(--rf-comp-button-shape-radius);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-transform: all .3s ease-in-out 0s;
-moz-transform: all .3s ease-in-out 0s;
-ms-transform: all .3s ease-in-out 0s;
-o-transform: all .3s ease-in-out 0s;
transform: all .3s ease-in-out 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.mdBtnR.mdBtnR-adv,a.mdBtnR.mdBtnR-adv {
display: flex;
align-items: center
}
.mdBtnR.cancel+.mdBtnR.confirm,.mdBtnR.cancel+a.mdBtnR.confirm,a.mdBtnR.cancel+.mdBtnR.confirm,a.mdBtnR.cancel+a.mdBtnR.confirm {
display: inline-flex
}
.mdBtnR .mdBtnR-text,a.mdBtnR .mdBtnR-text {
display: inline-block;
vertical-align: middle;
font-weight: var(--rf-comp-button-font-weight);
font-style: var(--rf-comp-button-font-style);
cursor: pointer;
font-size: var(--rf-comp-button-font-size);
line-height: 18px
}
.mdBtnR .mdBtnR-text+.rfSI,a.mdBtnR .mdBtnR-text+.rfSI {
margin-left: 8px
}
.mdBtnR .mdBtnR-text+.rf-pill,a.mdBtnR .mdBtnR-text+.rf-pill {
margin-left: 14px
}
.mdBtnR .rfSI,a.mdBtnR .rfSI {
height: 18px;
width: 18px;
max-height: 18px;
max-width: 18px
}
.mdBtnR .rfSI+.mdBtnR-text,a.mdBtnR .rfSI+.mdBtnR-text {
margin-left: 12px
}
.mdBtnR>.rfSI:first-child,a.mdBtnR>.rfSI:first-child {
margin-left: -4px
}
.mdBtnR>.rfSI:last-child,a.mdBtnR>.rfSI:last-child {
margin-right: -4px
}
.mdBtnR .rf-pill,a.mdBtnR .rf-pill {
line-height: 12px;
margin: -1px 0
}
.mdBtnR .rf-pill+.mdBtnR-text,a.mdBtnR .rf-pill+.mdBtnR-text {
margin-left: 18px
}
.mdBtnR:hover,.mdBtnR:focus,.mdBtnR.active,a.mdBtnR:hover,a.mdBtnR:focus,a.mdBtnR.active {
background-image: none;
outline: 0;
text-decoration: none
}
.mdBtnR.disabled,.mdBtnR:disabled,.mdBtnR[disabled],a.mdBtnR.disabled,a.mdBtnR:disabled,a.mdBtnR[disabled] {
border-color: var(--rf-brand-color-status-disabled);
background-color: var(--rf-brand-color-status-disabled);
box-shadow: var(--rf-comp-button-elevation-shadow);
cursor: not-allowed;
opacity: var(--rf-comp-button-disabled-opacity)
}
.mdBtnR.disabled *,.mdBtnR:disabled *,.mdBtnR[disabled] *,a.mdBtnR.disabled *,a.mdBtnR:disabled *,a.mdBtnR[disabled] * {
cursor: not-allowed
}
.mdBtnR.disabled svg,.mdBtnR:disabled svg,.mdBtnR[disabled] svg,a.mdBtnR.disabled svg,a.mdBtnR:disabled svg,a.mdBtnR[disabled] svg {
fill: var(--rf-brand-color-status-on-disabled)
}
.mdBtnR.disabled .mdBtnR-text,.mdBtnR:disabled .mdBtnR-text,.mdBtnR[disabled] .mdBtnR-text,a.mdBtnR.disabled .mdBtnR-text,a.mdBtnR:disabled .mdBtnR-text,a.mdBtnR[disabled] .mdBtnR-text {
color: var(--rf-brand-color-status-on-disabled)
}
.mdBtnR.disabled:hover,.mdBtnR.disabled:focus,.mdBtnR.disabled.active,.mdBtnR:disabled:hover,.mdBtnR:disabled:focus,.mdBtnR:disabled.active,.mdBtnR[disabled]:hover,.mdBtnR[disabled]:focus,.mdBtnR[disabled].active,a.mdBtnR.disabled:hover,a.mdBtnR.disabled:focus,a.mdBtnR.disabled.active,a.mdBtnR:disabled:hover,a.mdBtnR:disabled:focus,a.mdBtnR:disabled.active,a.mdBtnR[disabled]:hover,a.mdBtnR[disabled]:focus,a.mdBtnR[disabled].active {
border-color: var(--rf-brand-color-status-disabled);
background-color: var(--rf-brand-color-status-disabled);
box-shadow: var(--rf-comp-button-elevation-shadow)
}
.mdBtnR.disabled:hover svg,.mdBtnR.disabled:focus svg,.mdBtnR.disabled.active svg,.mdBtnR:disabled:hover svg,.mdBtnR:disabled:focus svg,.mdBtnR:disabled.active svg,.mdBtnR[disabled]:hover svg,.mdBtnR[disabled]:focus svg,.mdBtnR[disabled].active svg,a.mdBtnR.disabled:hover svg,a.mdBtnR.disabled:focus svg,a.mdBtnR.disabled.active svg,a.mdBtnR:disabled:hover svg,a.mdBtnR:disabled:focus svg,a.mdBtnR:disabled.active svg,a.mdBtnR[disabled]:hover svg,a.mdBtnR[disabled]:focus svg,a.mdBtnR[disabled].active svg {
fill: var(--rf-brand-color-status-on-disabled)
}
.mdBtnR[class*=mdBtnR-outline].disabled,.mdBtnR[class*=mdBtnR-outline]:disabled,.mdBtnR[class*=mdBtnR-outline][disabled],a.mdBtnR[class*=mdBtnR-outline].disabled,a.mdBtnR[class*=mdBtnR-outline]:disabled,a.mdBtnR[class*=mdBtnR-outline][disabled] {
color: var(--rf-brand-color-status-disabled);
background-color: var(--rf-brand-color-surface)
}
.mdBtnR[class*=mdBtnR-outline].disabled svg,.mdBtnR[class*=mdBtnR-outline]:disabled svg,.mdBtnR[class*=mdBtnR-outline][disabled] svg,a.mdBtnR[class*=mdBtnR-outline].disabled svg,a.mdBtnR[class*=mdBtnR-outline]:disabled svg,a.mdBtnR[class*=mdBtnR-outline][disabled] svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR[class*=mdBtnR-outline].disabled .rf-pill,.mdBtnR[class*=mdBtnR-outline].disabled .mdBtnR-text,.mdBtnR[class*=mdBtnR-outline]:disabled .rf-pill,.mdBtnR[class*=mdBtnR-outline]:disabled .mdBtnR-text,.mdBtnR[class*=mdBtnR-outline][disabled] .rf-pill,.mdBtnR[class*=mdBtnR-outline][disabled] .mdBtnR-text,a.mdBtnR[class*=mdBtnR-outline].disabled .rf-pill,a.mdBtnR[class*=mdBtnR-outline].disabled .mdBtnR-text,a.mdBtnR[class*=mdBtnR-outline]:disabled .rf-pill,a.mdBtnR[class*=mdBtnR-outline]:disabled .mdBtnR-text,a.mdBtnR[class*=mdBtnR-outline][disabled] .rf-pill,a.mdBtnR[class*=mdBtnR-outline][disabled] .mdBtnR-text {
color: var(--rf-brand-color-status-disabled)
}
.mdBtnR[class*=mdBtnR-outline].disabled:hover,.mdBtnR[class*=mdBtnR-outline].disabled:focus,.mdBtnR[class*=mdBtnR-outline].disabled.active,.mdBtnR[class*=mdBtnR-outline]:disabled:hover,.mdBtnR[class*=mdBtnR-outline]:disabled:focus,.mdBtnR[class*=mdBtnR-outline]:disabled.active,.mdBtnR[class*=mdBtnR-outline][disabled]:hover,.mdBtnR[class*=mdBtnR-outline][disabled]:focus,.mdBtnR[class*=mdBtnR-outline][disabled].active,a.mdBtnR[class*=mdBtnR-outline].disabled:hover,a.mdBtnR[class*=mdBtnR-outline].disabled:focus,a.mdBtnR[class*=mdBtnR-outline].disabled.active,a.mdBtnR[class*=mdBtnR-outline]:disabled:hover,a.mdBtnR[class*=mdBtnR-outline]:disabled:focus,a.mdBtnR[class*=mdBtnR-outline]:disabled.active,a.mdBtnR[class*=mdBtnR-outline][disabled]:hover,a.mdBtnR[class*=mdBtnR-outline][disabled]:focus,a.mdBtnR[class*=mdBtnR-outline][disabled].active {
color: var(--rf-brand-color-status-disabled);
background-color: var(--rf-brand-color-surface)
}
.mdBtnR[class*=mdBtnR-outline].disabled:hover svg,.mdBtnR[class*=mdBtnR-outline].disabled:focus svg,.mdBtnR[class*=mdBtnR-outline].disabled.active svg,.mdBtnR[class*=mdBtnR-outline]:disabled:hover svg,.mdBtnR[class*=mdBtnR-outline]:disabled:focus svg,.mdBtnR[class*=mdBtnR-outline]:disabled.active svg,.mdBtnR[class*=mdBtnR-outline][disabled]:hover svg,.mdBtnR[class*=mdBtnR-outline][disabled]:focus svg,.mdBtnR[class*=mdBtnR-outline][disabled].active svg,a.mdBtnR[class*=mdBtnR-outline].disabled:hover svg,a.mdBtnR[class*=mdBtnR-outline].disabled:focus svg,a.mdBtnR[class*=mdBtnR-outline].disabled.active svg,a.mdBtnR[class*=mdBtnR-outline]:disabled:hover svg,a.mdBtnR[class*=mdBtnR-outline]:disabled:focus svg,a.mdBtnR[class*=mdBtnR-outline]:disabled.active svg,a.mdBtnR[class*=mdBtnR-outline][disabled]:hover svg,a.mdBtnR[class*=mdBtnR-outline][disabled]:focus svg,a.mdBtnR[class*=mdBtnR-outline][disabled].active svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR.mdBtnR-add-a-thing,a.mdBtnR.mdBtnR-add-a-thing {
padding-left: 0
}
.mdBtnR.mdBtnR-add-a-thing .mdBtnR-text,a.mdBtnR.mdBtnR-add-a-thing .mdBtnR-text {
color: var(--rf-brand-color-primary)
}
.mdBtnR.mdBtnR-add-a-thing .rfSI svg,a.mdBtnR.mdBtnR-add-a-thing .rfSI svg {
fill: var(--rf-brand-color-primary)
}
.mdBtnR.mdBtnR-add-a-thing.disabled,.mdBtnR.mdBtnR-add-a-thing:disabled,.mdBtnR.mdBtnR-add-a-thing[disabled],a.mdBtnR.mdBtnR-add-a-thing.disabled,a.mdBtnR.mdBtnR-add-a-thing:disabled,a.mdBtnR.mdBtnR-add-a-thing[disabled] {
pointer-events: none;
background-color: rgba(0,0,0,0);
border: rgba(0,0,0,0);
box-shadow: none
}
.mdBtnR.mdBtnR-add-a-thing.disabled .rfSI svg,.mdBtnR.mdBtnR-add-a-thing:disabled .rfSI svg,.mdBtnR.mdBtnR-add-a-thing[disabled] .rfSI svg,a.mdBtnR.mdBtnR-add-a-thing.disabled .rfSI svg,a.mdBtnR.mdBtnR-add-a-thing:disabled .rfSI svg,a.mdBtnR.mdBtnR-add-a-thing[disabled] .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR.mdBtnR-add-a-thing.disabled .mdBtnR-text,.mdBtnR.mdBtnR-add-a-thing:disabled .mdBtnR-text,.mdBtnR.mdBtnR-add-a-thing[disabled] .mdBtnR-text,a.mdBtnR.mdBtnR-add-a-thing.disabled .mdBtnR-text,a.mdBtnR.mdBtnR-add-a-thing:disabled .mdBtnR-text,a.mdBtnR.mdBtnR-add-a-thing[disabled] .mdBtnR-text {
color: var(--rf-brand-color-status-disabled)
}
.mdBtnR.mdBtnR-text-button,a.mdBtnR.mdBtnR-text-button {
padding: 4px 0;
border: none
}
.mdBtnR.mdBtnR-text-button .mdBtnR-text,a.mdBtnR.mdBtnR-text-button .mdBtnR-text {
color: var(--rf-comp-link-color);
line-height: 1.4em;
font-weight: var(--rf-system-font-weight-400);
font-size: var(--rf-brand-font-size);
text-transform: none;
letter-spacing: 0
}
.mdBtnR.mdBtnR-text-button .rfSI,a.mdBtnR.mdBtnR-text-button .rfSI {
color: var(--rf-comp-link-color)
}
.mdBtnR.mdBtnR-text-button .rfSI svg,a.mdBtnR.mdBtnR-text-button .rfSI svg {
fill: currentColor
}
.mdBtnR.mdBtnR-text-button.disabled,.mdBtnR.mdBtnR-text-button:disabled,.mdBtnR.mdBtnR-text-button[disabled],a.mdBtnR.mdBtnR-text-button.disabled,a.mdBtnR.mdBtnR-text-button:disabled,a.mdBtnR.mdBtnR-text-button[disabled] {
background-color: rgba(0,0,0,0);
border: rgba(0,0,0,0);
box-shadow: none
}
.mdBtnR.mdBtnR-text-button.disabled .rfSI svg,.mdBtnR.mdBtnR-text-button:disabled .rfSI svg,.mdBtnR.mdBtnR-text-button[disabled] .rfSI svg,a.mdBtnR.mdBtnR-text-button.disabled .rfSI svg,a.mdBtnR.mdBtnR-text-button:disabled .rfSI svg,a.mdBtnR.mdBtnR-text-button[disabled] .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR.mdBtnR-text-button.disabled .mdBtnR-text,.mdBtnR.mdBtnR-text-button:disabled .mdBtnR-text,.mdBtnR.mdBtnR-text-button[disabled] .mdBtnR-text,a.mdBtnR.mdBtnR-text-button.disabled .mdBtnR-text,a.mdBtnR.mdBtnR-text-button:disabled .mdBtnR-text,a.mdBtnR.mdBtnR-text-button[disabled] .mdBtnR-text {
color: var(--rf-brand-color-status-disabled)
}
.mdBtnR.mdBtnR-text-button-on-primary,a.mdBtnR.mdBtnR-text-button-on-primary {
padding: 4px 0;
border: none
}
.mdBtnR.mdBtnR-text-button-on-primary .mdBtnR-text,a.mdBtnR.mdBtnR-text-button-on-primary .mdBtnR-text {
color: var(--rf-brand-color-on-primary);
line-height: 1.4em;
font-weight: var(--rf-system-font-weight-400);
font-size: var(--rf-brand-font-size);
text-transform: none;
letter-spacing: 0
}
.mdBtnR.mdBtnR-text-button-on-primary .rfSI,a.mdBtnR.mdBtnR-text-button-on-primary .rfSI {
color: var(--rf-brand-color-on-primary)
}
.mdBtnR.mdBtnR-text-button-on-primary .rfSI svg,a.mdBtnR.mdBtnR-text-button-on-primary .rfSI svg {
fill: currentColor
}
.mdBtnR.mdBtnR-text-button-on-primary.disabled,.mdBtnR.mdBtnR-text-button-on-primary:disabled,.mdBtnR.mdBtnR-text-button-on-primary[disabled],a.mdBtnR.mdBtnR-text-button-on-primary.disabled,a.mdBtnR.mdBtnR-text-button-on-primary:disabled,a.mdBtnR.mdBtnR-text-button-on-primary[disabled] {
background-color: rgba(0,0,0,0);
border: rgba(0,0,0,0);
box-shadow: none
}
.mdBtnR.mdBtnR-text-button-on-primary.disabled .rfSI svg,.mdBtnR.mdBtnR-text-button-on-primary:disabled .rfSI svg,.mdBtnR.mdBtnR-text-button-on-primary[disabled] .rfSI svg,a.mdBtnR.mdBtnR-text-button-on-primary.disabled .rfSI svg,a.mdBtnR.mdBtnR-text-button-on-primary:disabled .rfSI svg,a.mdBtnR.mdBtnR-text-button-on-primary[disabled] .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR.mdBtnR-text-button-on-primary.disabled .mdBtnR-text,.mdBtnR.mdBtnR-text-button-on-primary:disabled .mdBtnR-text,.mdBtnR.mdBtnR-text-button-on-primary[disabled] .mdBtnR-text,a.mdBtnR.mdBtnR-text-button-on-primary.disabled .mdBtnR-text,a.mdBtnR.mdBtnR-text-button-on-primary:disabled .mdBtnR-text,a.mdBtnR.mdBtnR-text-button-on-primary[disabled] .mdBtnR-text {
color: var(--rf-brand-color-status-disabled)
}
.mdBtnR.pull-right+.pull-right,a.mdBtnR.pull-right+.pull-right {
margin-left: 0;
margin-right: 16px
}
.mdBtnR.mdBtnR-sm,a.mdBtnR.mdBtnR-sm {
padding: var(--rf-comp-button-space-padding-small)
}
.mdBtnR.mdBtnR-sm .mdBtnR-text,a.mdBtnR.mdBtnR-sm .mdBtnR-text {
font-size: 12px;
line-height: 15px
}
.mdBtnR.mdBtnR-sm .mdBtnR-text+.rfSI,a.mdBtnR.mdBtnR-sm .mdBtnR-text+.rfSI {
margin-left: 4px
}
.mdBtnR.mdBtnR-sm .mdBtnR-text+.rf-pill,a.mdBtnR.mdBtnR-sm .mdBtnR-text+.rf-pill {
margin-left: 4px
}
.mdBtnR.mdBtnR-sm .rfSI,a.mdBtnR.mdBtnR-sm .rfSI {
height: 14px;
width: 14px;
max-height: 14px;
max-width: 14px
}
.mdBtnR.mdBtnR-sm .rfSI+.mdBtnR-text,a.mdBtnR.mdBtnR-sm .rfSI+.mdBtnR-text {
margin-left: 4px
}
.mdBtnR.mdBtnR-sm .rf-pill,a.mdBtnR.mdBtnR-sm .rf-pill {
font-size: 9px;
line-height: 10px;
padding: 1px 4px 3px
}
.mdBtnR.mdBtnR-sm .rf-pill .rf-pill-text,a.mdBtnR.mdBtnR-sm .rf-pill .rf-pill-text {
font-size: 10px;
line-height: 10px
}
.mdBtnR.mdBtnR-sm .rf-pill+.mdBtnR-text,a.mdBtnR.mdBtnR-sm .rf-pill+.mdBtnR-text {
margin-left: 8px
}
.mdBtnR.full-width,a.mdBtnR.full-width {
display: inline-flex;
justify-content: center;
margin-left: 0;
overflow-wrap: break-word;
white-space: normal;
width: 100%
}
.mdBtnR.justify-start,a.mdBtnR.justify-start {
display: inline-flex;
justify-content: flex-start
}
.mdBtnR-toggle,.rfSI-toggle {
background-color: var(--rf-brand-color-surface-2);
border-radius: calc(var(--rf-comp-button-shape-radius) + 2px);
padding: 2px;
border: none;
overflow: hidden
}
.mdBtnR-toggle .mdBtnR,.rfSI-toggle .mdBtnR {
margin: 0;
background-color: rgba(0,0,0,0);
border: none;
border-radius: var(--rf-comp-button-shape-radius);
box-shadow: none
}
.mdBtnR-toggle .mdBtnR .mdBtnR-text,.rfSI-toggle .mdBtnR .mdBtnR-text {
color: var(--rf-system-color-neutral-50);
font-weight: var(--rf-system-font-weight-600)
}
.mdBtnR-toggle .mdBtnR:hover,.mdBtnR-toggle .mdBtnR:focus,.mdBtnR-toggle .mdBtnR:active,.rfSI-toggle .mdBtnR:hover,.rfSI-toggle .mdBtnR:focus,.rfSI-toggle .mdBtnR:active {
cursor: pointer;
background-color: rgba(0,0,0,0);
border: none;
box-shadow: none
}
.mdBtnR-toggle .mdBtnR:hover .mdBtnR-text,.mdBtnR-toggle .mdBtnR:focus .mdBtnR-text,.mdBtnR-toggle .mdBtnR:active .mdBtnR-text,.rfSI-toggle .mdBtnR:hover .mdBtnR-text,.rfSI-toggle .mdBtnR:focus .mdBtnR-text,.rfSI-toggle .mdBtnR:active .mdBtnR-text {
color: var(--rf-system-color-neutral-50)
}
.mdBtnR-toggle .mdBtnR.active,.rfSI-toggle .mdBtnR.active {
background-color: var(--rf-brand-color-surface);
border: none;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,.2)
}
.mdBtnR-toggle .mdBtnR.active .mdBtnR-text,.rfSI-toggle .mdBtnR.active .mdBtnR-text {
color: var(--rf-brand-color-primary)
}
.mdBtnR-toggle {
display: inline-flex;
align-items: center
}
.mdBtnR-toggle .mdBtnR.mdBtnR-adv {
display: inline-block;
max-height: 32px;
width: auto;
padding: 0 16px;
margin: 0
}
.mdBtnR-toggle .mdBtnR.mdBtnR-adv svg {
fill: var(--rf-system-color-neutral-50)
}
.mdBtnR-toggle .mdBtnR.mdBtnR-adv.active svg {
fill: var(--rf-brand-color-primary)
}
.mdBtnR-toggle .mdBtnR.mdBtnR-adv.active .rfSI-stroke svg * {
stroke: var(--rf-brand-color-primary)
}
.mdBtnR-toggle .mdBtnR.full-width-toggle {
width: 100%
}
.mdBtnR-toggle .mdBtnR .rfSI-stroke {
max-height: 24px;
max-width: 24px
}
.mdBtnR-toggle .rfSI {
height: 24px;
width: 24px;
max-height: 24px;
max-width: 24px
}
.is-button-menu span.rfSI {
width: 14px
}
.mdBtnR-primary,a.mdBtnR-primary {
color: var(--rf-comp-button-primary-color-on-background);
background-color: var(--rf-comp-button-primary-color-background);
border-color: var(--rf-comp-button-primary-color-border);
box-shadow: var(--rf-comp-button-primary-elevation-shadow)
}
.mdBtnR-primary .mdBtnR-text,a.mdBtnR-primary .mdBtnR-text {
color: var(--rf-comp-button-primary-color-on-background)
}
.mdBtnR-primary svg,a.mdBtnR-primary svg {
fill: var(--rf-comp-button-primary-color-on-background)
}
.mdBtnR-primary svg:hover,.mdBtnR-primary svg:focus,.mdBtnR-primary svg.active,a.mdBtnR-primary svg:hover,a.mdBtnR-primary svg:focus,a.mdBtnR-primary svg.active {
fill: var(--rf-comp-button-primary-color-on-background)
}
.mdBtnR-primary:hover,.mdBtnR-primary:focus,.mdBtnR-primary.active,a.mdBtnR-primary:hover,a.mdBtnR-primary:focus,a.mdBtnR-primary.active {
color: var(--rf-comp-button-primary-hover-color-on-background);
background-color: var(--rf-comp-button-primary-hover-color-background);
background-image: none;
border-color: var(--rf-comp-button-primary-hover-color-border);
box-shadow: var(--rf-comp-button-primary-hover-elevation-shadow);
transform: var(--rf-comp-button-hover-motion-transform)
}
.mdBtnR-primary:hover .mdBtnR-text,.mdBtnR-primary:focus .mdBtnR-text,.mdBtnR-primary.active .mdBtnR-text,a.mdBtnR-primary:hover .mdBtnR-text,a.mdBtnR-primary:focus .mdBtnR-text,a.mdBtnR-primary.active .mdBtnR-text {
color: var(--rf-comp-button-primary-hover-color-on-background)
}
.mdBtnR-primary:hover svg,.mdBtnR-primary:focus svg,.mdBtnR-primary.active svg,a.mdBtnR-primary:hover svg,a.mdBtnR-primary:focus svg,a.mdBtnR-primary.active svg {
fill: var(--rf-comp-button-primary-hover-color-on-background)
}
.mdBtnR-primary:hover svg:hover,.mdBtnR-primary:hover svg:focus,.mdBtnR-primary:hover svg.active,.mdBtnR-primary:focus svg:hover,.mdBtnR-primary:focus svg:focus,.mdBtnR-primary:focus svg.active,.mdBtnR-primary.active svg:hover,.mdBtnR-primary.active svg:focus,.mdBtnR-primary.active svg.active,a.mdBtnR-primary:hover svg:hover,a.mdBtnR-primary:hover svg:focus,a.mdBtnR-primary:hover svg.active,a.mdBtnR-primary:focus svg:hover,a.mdBtnR-primary:focus svg:focus,a.mdBtnR-primary:focus svg.active,a.mdBtnR-primary.active svg:hover,a.mdBtnR-primary.active svg:focus,a.mdBtnR-primary.active svg.active {
fill: var(--rf-comp-button-primary-hover-color-on-background)
}
.mdBtnR-outline-primary,a.mdBtnR-outline-primary {
color: var(--rf-comp-button-secondary-color-on-background);
background-color: var(--rf-comp-button-secondary-color-background);
border-color: var(--rf-comp-button-secondary-color-border);
box-shadow: var(--rf-comp-button-elevation-shadow)
}
.mdBtnR-outline-primary .mdBtnR-text,a.mdBtnR-outline-primary .mdBtnR-text {
color: var(--rf-comp-button-secondary-color-on-background)
}
.mdBtnR-outline-primary svg,a.mdBtnR-outline-primary svg {
fill: var(--rf-comp-button-secondary-color-on-background)
}
.mdBtnR-outline-primary svg:hover,.mdBtnR-outline-primary svg:focus,.mdBtnR-outline-primary svg.active,a.mdBtnR-outline-primary svg:hover,a.mdBtnR-outline-primary svg:focus,a.mdBtnR-outline-primary svg.active {
fill: var(--rf-comp-button-secondary-color-on-background)
}
.mdBtnR-outline-primary:hover,.mdBtnR-outline-primary:focus,.mdBtnR-outline-primary.active,a.mdBtnR-outline-primary:hover,a.mdBtnR-outline-primary:focus,a.mdBtnR-outline-primary.active {
color: var(--rf-comp-button-secondary-hover-color-on-background);
background-color: var(--rf-comp-button-secondary-hover-color-background);
background-image: none;
border-color: var(--rf-comp-button-secondary-hover-color-border);
box-shadow: var(--rf-comp-button-hover-elevation-shadow);
transform: var(--rf-comp-button-hover-motion-transform)
}
.mdBtnR-outline-primary:hover .mdBtnR-text,.mdBtnR-outline-primary:focus .mdBtnR-text,.mdBtnR-outline-primary.active .mdBtnR-text,a.mdBtnR-outline-primary:hover .mdBtnR-text,a.mdBtnR-outline-primary:focus .mdBtnR-text,a.mdBtnR-outline-primary.active .mdBtnR-text {
color: var(--rf-comp-button-secondary-hover-color-on-background)
}
.mdBtnR-outline-primary:hover svg,.mdBtnR-outline-primary:focus svg,.mdBtnR-outline-primary.active svg,a.mdBtnR-outline-primary:hover svg,a.mdBtnR-outline-primary:focus svg,a.mdBtnR-outline-primary.active svg {
fill: var(--rf-comp-button-secondary-hover-color-on-background)
}
.mdBtnR-outline-primary:hover svg:hover,.mdBtnR-outline-primary:hover svg:focus,.mdBtnR-outline-primary:hover svg.active,.mdBtnR-outline-primary:focus svg:hover,.mdBtnR-outline-primary:focus svg:focus,.mdBtnR-outline-primary:focus svg.active,.mdBtnR-outline-primary.active svg:hover,.mdBtnR-outline-primary.active svg:focus,.mdBtnR-outline-primary.active svg.active,a.mdBtnR-outline-primary:hover svg:hover,a.mdBtnR-outline-primary:hover svg:focus,a.mdBtnR-outline-primary:hover svg.active,a.mdBtnR-outline-primary:focus svg:hover,a.mdBtnR-outline-primary:focus svg:focus,a.mdBtnR-outline-primary:focus svg.active,a.mdBtnR-outline-primary.active svg:hover,a.mdBtnR-outline-primary.active svg:focus,a.mdBtnR-outline-primary.active svg.active {
fill: var(--rf-comp-button-secondary-hover-color-on-background)
}
.mdBtnR-plain,a.mdBtnR-plain {
color: var(--rf-comp-button-tertiary-color-on-background);
background-color: var(--rf-comp-button-tertiary-color-background);
border-color: var(--rf-comp-button-tertiary-color-border)
}
.mdBtnR-plain .mdBtnR-text,a.mdBtnR-plain .mdBtnR-text {
color: var(--rf-comp-button-tertiary-color-on-background)
}
.mdBtnR-plain svg,a.mdBtnR-plain svg {
fill: var(--rf-comp-button-tertiary-color-on-background)
}
.mdBtnR-plain svg:hover,.mdBtnR-plain svg:focus,.mdBtnR-plain svg.active,a.mdBtnR-plain svg:hover,a.mdBtnR-plain svg:focus,a.mdBtnR-plain svg.active {
fill: var(--rf-comp-button-tertiary-color-on-background)
}
.mdBtnR-plain:hover,.mdBtnR-plain:focus,.mdBtnR-plain.active,a.mdBtnR-plain:hover,a.mdBtnR-plain:focus,a.mdBtnR-plain.active {
color: var(--rf-comp-button-tertiary-hover-color-on-background);
background-color: var(--rf-comp-button-tertiary-hover-color-background);
background-image: none;
border-color: var(--rf-comp-button-tertiary-hover-color-border)
}
.mdBtnR-plain:hover .mdBtnR-text,.mdBtnR-plain:focus .mdBtnR-text,.mdBtnR-plain.active .mdBtnR-text,a.mdBtnR-plain:hover .mdBtnR-text,a.mdBtnR-plain:focus .mdBtnR-text,a.mdBtnR-plain.active .mdBtnR-text {
color: var(--rf-comp-button-tertiary-hover-color-on-background)
}
.mdBtnR-plain:hover svg,.mdBtnR-plain:focus svg,.mdBtnR-plain.active svg,a.mdBtnR-plain:hover svg,a.mdBtnR-plain:focus svg,a.mdBtnR-plain.active svg {
fill: var(--rf-comp-button-tertiary-hover-color-on-background)
}
.mdBtnR-plain:hover svg:hover,.mdBtnR-plain:hover svg:focus,.mdBtnR-plain:hover svg.active,.mdBtnR-plain:focus svg:hover,.mdBtnR-plain:focus svg:focus,.mdBtnR-plain:focus svg.active,.mdBtnR-plain.active svg:hover,.mdBtnR-plain.active svg:focus,.mdBtnR-plain.active svg.active,a.mdBtnR-plain:hover svg:hover,a.mdBtnR-plain:hover svg:focus,a.mdBtnR-plain:hover svg.active,a.mdBtnR-plain:focus svg:hover,a.mdBtnR-plain:focus svg:focus,a.mdBtnR-plain:focus svg.active,a.mdBtnR-plain.active svg:hover,a.mdBtnR-plain.active svg:focus,a.mdBtnR-plain.active svg.active {
fill: var(--rf-comp-button-tertiary-hover-color-on-background)
}
.mdBtnR-white,a.mdBtnR-white {
color: var(--rf-brand-color-primary);
background-color: var(--rf-system-color-neutral-100);
border-color: var(--rf-system-color-neutral-100);
box-shadow: var(--rf-comp-button-elevation-shadow)
}
.mdBtnR-white .mdBtnR-text,a.mdBtnR-white .mdBtnR-text {
color: var(--rf-brand-color-primary)
}
.mdBtnR-white svg,a.mdBtnR-white svg {
fill: var(--rf-brand-color-primary)
}
.mdBtnR-white svg:hover,.mdBtnR-white svg:focus,.mdBtnR-white svg.active,a.mdBtnR-white svg:hover,a.mdBtnR-white svg:focus,a.mdBtnR-white svg.active {
fill: var(--rf-brand-color-primary)
}
.mdBtnR-white:hover,.mdBtnR-white:focus,.mdBtnR-white.active,a.mdBtnR-white:hover,a.mdBtnR-white:focus,a.mdBtnR-white.active {
color: var(--rf-brand-color-primary);
background-color: var(--rf-system-color-neutral-80);
background-image: none;
border-color: var(--rf-system-color-neutral-80);
box-shadow: var(--rf-comp-button-hover-elevation-shadow);
transform: var(--rf-comp-button-hover-motion-transform)
}
.mdBtnR-white:hover .mdBtnR-text,.mdBtnR-white:focus .mdBtnR-text,.mdBtnR-white.active .mdBtnR-text,a.mdBtnR-white:hover .mdBtnR-text,a.mdBtnR-white:focus .mdBtnR-text,a.mdBtnR-white.active .mdBtnR-text {
color: var(--rf-brand-color-primary)
}
.mdBtnR-white:hover svg,.mdBtnR-white:focus svg,.mdBtnR-white.active svg,a.mdBtnR-white:hover svg,a.mdBtnR-white:focus svg,a.mdBtnR-white.active svg {
fill: var(--rf-brand-color-primary)
}
.mdBtnR-white:hover svg:hover,.mdBtnR-white:hover svg:focus,.mdBtnR-white:hover svg.active,.mdBtnR-white:focus svg:hover,.mdBtnR-white:focus svg:focus,.mdBtnR-white:focus svg.active,.mdBtnR-white.active svg:hover,.mdBtnR-white.active svg:focus,.mdBtnR-white.active svg.active,a.mdBtnR-white:hover svg:hover,a.mdBtnR-white:hover svg:focus,a.mdBtnR-white:hover svg.active,a.mdBtnR-white:focus svg:hover,a.mdBtnR-white:focus svg:focus,a.mdBtnR-white:focus svg.active,a.mdBtnR-white.active svg:hover,a.mdBtnR-white.active svg:focus,a.mdBtnR-white.active svg.active {
fill: var(--rf-brand-color-primary)
}
.mdBtnR-outline-white,a.mdBtnR-outline-white {
color: var(--rf-system-color-neutral-100);
background-color: rgba(0,0,0,0);
border-color: var(--rf-system-color-neutral-100);
box-shadow: var(--rf-comp-button-elevation-shadow)
}
.mdBtnR-outline-white .mdBtnR-text,a.mdBtnR-outline-white .mdBtnR-text {
color: var(--rf-system-color-neutral-100)
}
.mdBtnR-outline-white svg,a.mdBtnR-outline-white svg {
fill: var(--rf-system-color-neutral-100)
}
.mdBtnR-outline-white svg:hover,.mdBtnR-outline-white svg:focus,.mdBtnR-outline-white svg.active,a.mdBtnR-outline-white svg:hover,a.mdBtnR-outline-white svg:focus,a.mdBtnR-outline-white svg.active {
fill: var(--rf-system-color-neutral-100)
}
.mdBtnR-outline-white:hover,.mdBtnR-outline-white:focus,.mdBtnR-outline-white.active,a.mdBtnR-outline-white:hover,a.mdBtnR-outline-white:focus,a.mdBtnR-outline-white.active {
color: var(--rf-system-color-neutral-100);
background-color: rgba(0,0,0,0);
background-image: none;
border-color: var(--rf-system-color-neutral-80);
box-shadow: var(--rf-comp-button-hover-elevation-shadow);
transform: var(--rf-comp-button-hover-motion-transform)
}
.mdBtnR-outline-white:hover .mdBtnR-text,.mdBtnR-outline-white:focus .mdBtnR-text,.mdBtnR-outline-white.active .mdBtnR-text,a.mdBtnR-outline-white:hover .mdBtnR-text,a.mdBtnR-outline-white:focus .mdBtnR-text,a.mdBtnR-outline-white.active .mdBtnR-text {
color: var(--rf-system-color-neutral-100)
}
.mdBtnR-outline-white:hover svg,.mdBtnR-outline-white:focus svg,.mdBtnR-outline-white.active svg,a.mdBtnR-outline-white:hover svg,a.mdBtnR-outline-white:focus svg,a.mdBtnR-outline-white.active svg {
fill: var(--rf-system-color-neutral-100)
}
.mdBtnR-outline-white:hover svg:hover,.mdBtnR-outline-white:hover svg:focus,.mdBtnR-outline-white:hover svg.active,.mdBtnR-outline-white:focus svg:hover,.mdBtnR-outline-white:focus svg:focus,.mdBtnR-outline-white:focus svg.active,.mdBtnR-outline-white.active svg:hover,.mdBtnR-outline-white.active svg:focus,.mdBtnR-outline-white.active svg.active,a.mdBtnR-outline-white:hover svg:hover,a.mdBtnR-outline-white:hover svg:focus,a.mdBtnR-outline-white:hover svg.active,a.mdBtnR-outline-white:focus svg:hover,a.mdBtnR-outline-white:focus svg:focus,a.mdBtnR-outline-white:focus svg.active,a.mdBtnR-outline-white.active svg:hover,a.mdBtnR-outline-white.active svg:focus,a.mdBtnR-outline-white.active svg.active {
fill: var(--rf-system-color-neutral-100)
}
.mdBtnR-info,a.mdBtnR-info {
color: var(--rf-brand-color-status-on-info);
background-color: var(--rf-brand-color-status-info);
border-color: var(--rf-brand-color-status-info);
box-shadow: var(--rf-comp-button-elevation-shadow)
}
.mdBtnR-info .mdBtnR-text,a.mdBtnR-info .mdBtnR-text {
color: var(--rf-brand-color-status-on-info)
}
.mdBtnR-info svg,a.mdBtnR-info svg {
fill: var(--rf-brand-color-status-on-info)
}
.mdBtnR-info svg:hover,.mdBtnR-info svg:focus,.mdBtnR-info svg.active,a.mdBtnR-info svg:hover,a.mdBtnR-info svg:focus,a.mdBtnR-info svg.active {
fill: var(--rf-brand-color-status-on-info)
}
.mdBtnR-info:hover,.mdBtnR-info:focus,.mdBtnR-info.active,a.mdBtnR-info:hover,a.mdBtnR-info:focus,a.mdBtnR-info.active {
color: var(--rf-brand-color-status-on-info);
background-color: var(--rf-brand-color-status-info-hover);
background-image: none;
border-color: var(--rf-brand-color-status-info-hover);
box-shadow: var(--rf-comp-button-hover-elevation-shadow);
transform: var(--rf-comp-button-hover-motion-transform)
}
.mdBtnR-info:hover .mdBtnR-text,.mdBtnR-info:focus .mdBtnR-text,.mdBtnR-info.active .mdBtnR-text,a.mdBtnR-info:hover .mdBtnR-text,a.mdBtnR-info:focus .mdBtnR-text,a.mdBtnR-info.active .mdBtnR-text {
color: var(--rf-brand-color-status-on-info)
}
.mdBtnR-info:hover svg,.mdBtnR-info:focus svg,.mdBtnR-info.active svg,a.mdBtnR-info:hover svg,a.mdBtnR-info:focus svg,a.mdBtnR-info.active svg {
fill: var(--rf-brand-color-status-on-info)
}
.mdBtnR-info:hover svg:hover,.mdBtnR-info:hover svg:focus,.mdBtnR-info:hover svg.active,.mdBtnR-info:focus svg:hover,.mdBtnR-info:focus svg:focus,.mdBtnR-info:focus svg.active,.mdBtnR-info.active svg:hover,.mdBtnR-info.active svg:focus,.mdBtnR-info.active svg.active,a.mdBtnR-info:hover svg:hover,a.mdBtnR-info:hover svg:focus,a.mdBtnR-info:hover svg.active,a.mdBtnR-info:focus svg:hover,a.mdBtnR-info:focus svg:focus,a.mdBtnR-info:focus svg.active,a.mdBtnR-info.active svg:hover,a.mdBtnR-info.active svg:focus,a.mdBtnR-info.active svg.active {
fill: var(--rf-brand-color-status-on-info)
}
.mdBtnR-outline-info,a.mdBtnR-outline-info {
color: var(--rf-brand-color-status-info);
background-color: rgba(0,0,0,0);
border-color: var(--rf-brand-color-status-info);
box-shadow: var(--rf-comp-button-elevation-shadow)
}
.mdBtnR-outline-info .mdBtnR-text,a.mdBtnR-outline-info .mdBtnR-text {
color: var(--rf-brand-color-status-info)
}
.mdBtnR-outline-info svg,a.mdBtnR-outline-info svg {
fill: var(--rf-brand-color-status-info)
}
.mdBtnR-outline-info svg:hover,.mdBtnR-outline-info svg:focus,.mdBtnR-outline-info svg.active,a.mdBtnR-outline-info svg:hover,a.mdBtnR-outline-info svg:focus,a.mdBtnR-outline-info svg.active {
fill: var(--rf-brand-color-status-info)
}
.mdBtnR-outline-info:hover,.mdBtnR-outline-info:focus,.mdBtnR-outline-info.active,a.mdBtnR-outline-info:hover,a.mdBtnR-outline-info:focus,a.mdBtnR-outline-info.active {
color: var(--rf-brand-color-status-info);
background-color: var(--rf-brand-color-status-info-container);
background-image: none;
border-color: var(--rf-brand-color-status-info);
box-shadow: var(--rf-comp-button-hover-elevation-shadow);
transform: var(--rf-comp-button-hover-motion-transform)
}
.mdBtnR-outline-info:hover .mdBtnR-text,.mdBtnR-outline-info:focus .mdBtnR-text,.mdBtnR-outline-info.active .mdBtnR-text,a.mdBtnR-outline-info:hover .mdBtnR-text,a.mdBtnR-outline-info:focus .mdBtnR-text,a.mdBtnR-outline-info.active .mdBtnR-text {
color: var(--rf-brand-color-status-info)
}
.mdBtnR-outline-info:hover svg,.mdBtnR-outline-info:focus svg,.mdBtnR-outline-info.active svg,a.mdBtnR-outline-info:hover svg,a.mdBtnR-outline-info:focus svg,a.mdBtnR-outline-info.active svg {
fill: var(--rf-brand-color-status-info)
}
.mdBtnR-outline-info:hover svg:hover,.mdBtnR-outline-info:hover svg:focus,.mdBtnR-outline-info:hover svg.active,.mdBtnR-outline-info:focus svg:hover,.mdBtnR-outline-info:focus svg:focus,.mdBtnR-outline-info:focus svg.active,.mdBtnR-outline-info.active svg:hover,.mdBtnR-outline-info.active svg:focus,.mdBtnR-outline-info.active svg.active,a.mdBtnR-outline-info:hover svg:hover,a.mdBtnR-outline-info:hover svg:focus,a.mdBtnR-outline-info:hover svg.active,a.mdBtnR-outline-info:focus svg:hover,a.mdBtnR-outline-info:focus svg:focus,a.mdBtnR-outline-info:focus svg.active,a.mdBtnR-outline-info.active svg:hover,a.mdBtnR-outline-info.active svg:focus,a.mdBtnR-outline-info.active svg.active {
fill: var(--rf-brand-color-status-info)
}
.mdBtnR-success,a.mdBtnR-success {
color: var(--rf-brand-color-status-on-success);
background-color: var(--rf-brand-color-status-success);
border-color: var(--rf-brand-color-status-success);
box-shadow: var(--rf-comp-button-elevation-shadow)
}
.mdBtnR-success .mdBtnR-text,a.mdBtnR-success .mdBtnR-text {
color: var(--rf-brand-color-status-on-success)
}
.mdBtnR-success svg,a.mdBtnR-success svg {
fill: var(--rf-brand-color-status-on-success)
}
.mdBtnR-success svg:hover,.mdBtnR-success svg:focus,.mdBtnR-success svg.active,a.mdBtnR-success svg:hover,a.mdBtnR-success svg:focus,a.mdBtnR-success svg.active {
fill: var(--rf-brand-color-status-on-success)
}
.mdBtnR-success:hover,.mdBtnR-success:focus,.mdBtnR-success.active,a.mdBtnR-success:hover,a.mdBtnR-success:focus,a.mdBtnR-success.active {
color: var(--rf-brand-color-status-on-success);
background-color: var(--rf-brand-color-status-success-hover);
background-image: none;
border-color: var(--rf-brand-color-status-success-hover);
box-shadow: var(--rf-comp-button-hover-elevation-shadow);
transform: var(--rf-comp-button-hover-motion-transform)
}
.mdBtnR-success:hover .mdBtnR-text,.mdBtnR-success:focus .mdBtnR-text,.mdBtnR-success.active .mdBtnR-text,a.mdBtnR-success:hover .mdBtnR-text,a.mdBtnR-success:focus .mdBtnR-text,a.mdBtnR-success.active .mdBtnR-text {
color: var(--rf-brand-color-status-on-success)
}
.mdBtnR-success:hover svg,.mdBtnR-success:focus svg,.mdBtnR-success.active svg,a.mdBtnR-success:hover svg,a.mdBtnR-success:focus svg,a.mdBtnR-success.active svg {
fill: var(--rf-brand-color-status-on-success)
}
.mdBtnR-success:hover svg:hover,.mdBtnR-success:hover svg:focus,.mdBtnR-success:hover svg.active,.mdBtnR-success:focus svg:hover,.mdBtnR-success:focus svg:focus,.mdBtnR-success:focus svg.active,.mdBtnR-success.active svg:hover,.mdBtnR-success.active svg:focus,.mdBtnR-success.active svg.active,a.mdBtnR-success:hover svg:hover,a.mdBtnR-success:hover svg:focus,a.mdBtnR-success:hover svg.active,a.mdBtnR-success:focus svg:hover,a.mdBtnR-success:focus svg:focus,a.mdBtnR-success:focus svg.active,a.mdBtnR-success.active svg:hover,a.mdBtnR-success.active svg:focus,a.mdBtnR-success.active svg.active {
fill: var(--rf-brand-color-status-on-success)
}
.mdBtnR-outline-success,a.mdBtnR-outline-success {
color: var(--rf-brand-color-status-success);
background-color: rgba(0,0,0,0);
border-color: var(--rf-brand-color-status-success);
box-shadow: var(--rf-comp-button-elevation-shadow)
}
.mdBtnR-outline-success .mdBtnR-text,a.mdBtnR-outline-success .mdBtnR-text {
color: var(--rf-brand-color-status-success)
}
.mdBtnR-outline-success svg,a.mdBtnR-outline-success svg {
fill: var(--rf-brand-color-status-success)
}
.mdBtnR-outline-success svg:hover,.mdBtnR-outline-success svg:focus,.mdBtnR-outline-success svg.active,a.mdBtnR-outline-success svg:hover,a.mdBtnR-outline-success svg:focus,a.mdBtnR-outline-success svg.active {
fill: var(--rf-brand-color-status-success)
}
.mdBtnR-outline-success:hover,.mdBtnR-outline-success:focus,.mdBtnR-outline-success.active,a.mdBtnR-outline-success:hover,a.mdBtnR-outline-success:focus,a.mdBtnR-outline-success.active {
color: var(--rf-brand-color-status-success);
background-color: var(--rf-brand-color-status-success-container);
background-image: none;
border-color: var(--rf-brand-color-status-success);
box-shadow: var(--rf-comp-button-hover-elevation-shadow);
transform: var(--rf-comp-button-hover-motion-transform)
}
.mdBtnR-outline-success:hover .mdBtnR-text,.mdBtnR-outline-success:focus .mdBtnR-text,.mdBtnR-outline-success.active .mdBtnR-text,a.mdBtnR-outline-success:hover .mdBtnR-text,a.mdBtnR-outline-success:focus .mdBtnR-text,a.mdBtnR-outline-success.active .mdBtnR-text {
color: var(--rf-brand-color-status-success)
}
.mdBtnR-outline-success:hover svg,.mdBtnR-outline-success:focus svg,.mdBtnR-outline-success.active svg,a.mdBtnR-outline-success:hover svg,a.mdBtnR-outline-success:focus svg,a.mdBtnR-outline-success.active svg {
fill: var(--rf-brand-color-status-success)
}
.mdBtnR-outline-success:hover svg:hover,.mdBtnR-outline-success:hover svg:focus,.mdBtnR-outline-success:hover svg.active,.mdBtnR-outline-success:focus svg:hover,.mdBtnR-outline-success:focus svg:focus,.mdBtnR-outline-success:focus svg.active,.mdBtnR-outline-success.active svg:hover,.mdBtnR-outline-success.active svg:focus,.mdBtnR-outline-success.active svg.active,a.mdBtnR-outline-success:hover svg:hover,a.mdBtnR-outline-success:hover svg:focus,a.mdBtnR-outline-success:hover svg.active,a.mdBtnR-outline-success:focus svg:hover,a.mdBtnR-outline-success:focus svg:focus,a.mdBtnR-outline-success:focus svg.active,a.mdBtnR-outline-success.active svg:hover,a.mdBtnR-outline-success.active svg:focus,a.mdBtnR-outline-success.active svg.active {
fill: var(--rf-brand-color-status-success)
}
.mdBtnR-warning,a.mdBtnR-warning {
color: var(--rf-brand-color-status-on-warning);
background-color: var(--rf-brand-color-status-warning);
border-color: var(--rf-brand-color-status-warning)
}
.mdBtnR-warning .mdBtnR-text,a.mdBtnR-warning .mdBtnR-text {
color: var(--rf-brand-color-status-on-warning)
}
.mdBtnR-warning svg,a.mdBtnR-warning svg {
fill: var(--rf-brand-color-status-on-warning)
}
.mdBtnR-warning svg:hover,.mdBtnR-warning svg:focus,.mdBtnR-warning svg.active,a.mdBtnR-warning svg:hover,a.mdBtnR-warning svg:focus,a.mdBtnR-warning svg.active {
fill: var(--rf-brand-color-status-on-warning)
}
.mdBtnR-warning:hover,.mdBtnR-warning:focus,.mdBtnR-warning.active,a.mdBtnR-warning:hover,a.mdBtnR-warning:focus,a.mdBtnR-warning.active {
color: var(--rf-brand-color-status-on-warning);
background-color: var(--rf-brand-color-status-warning-hover);
background-image: none;
border-color: var(--rf-brand-color-status-warning-hover)
}
.mdBtnR-warning:hover .mdBtnR-text,.mdBtnR-warning:focus .mdBtnR-text,.mdBtnR-warning.active .mdBtnR-text,a.mdBtnR-warning:hover .mdBtnR-text,a.mdBtnR-warning:focus .mdBtnR-text,a.mdBtnR-warning.active .mdBtnR-text {
color: var(--rf-brand-color-status-on-warning)
}
.mdBtnR-warning:hover svg,.mdBtnR-warning:focus svg,.mdBtnR-warning.active svg,a.mdBtnR-warning:hover svg,a.mdBtnR-warning:focus svg,a.mdBtnR-warning.active svg {
fill: var(--rf-brand-color-status-on-warning)
}
.mdBtnR-warning:hover svg:hover,.mdBtnR-warning:hover svg:focus,.mdBtnR-warning:hover svg.active,.mdBtnR-warning:focus svg:hover,.mdBtnR-warning:focus svg:focus,.mdBtnR-warning:focus svg.active,.mdBtnR-warning.active svg:hover,.mdBtnR-warning.active svg:focus,.mdBtnR-warning.active svg.active,a.mdBtnR-warning:hover svg:hover,a.mdBtnR-warning:hover svg:focus,a.mdBtnR-warning:hover svg.active,a.mdBtnR-warning:focus svg:hover,a.mdBtnR-warning:focus svg:focus,a.mdBtnR-warning:focus svg.active,a.mdBtnR-warning.active svg:hover,a.mdBtnR-warning.active svg:focus,a.mdBtnR-warning.active svg.active {
fill: var(--rf-brand-color-status-on-warning)
}
.mdBtnR-outline-warning,a.mdBtnR-outline-warning {
color: var(--rf-brand-color-status-warning);
background-color: rgba(0,0,0,0);
border-color: var(--rf-brand-color-status-warning);
box-shadow: var(--rf-comp-button-elevation-shadow)
}
.mdBtnR-outline-warning .mdBtnR-text,a.mdBtnR-outline-warning .mdBtnR-text {
color: var(--rf-brand-color-status-warning)
}
.mdBtnR-outline-warning svg,a.mdBtnR-outline-warning svg {
fill: var(--rf-brand-color-status-warning)
}
.mdBtnR-outline-warning svg:hover,.mdBtnR-outline-warning svg:focus,.mdBtnR-outline-warning svg.active,a.mdBtnR-outline-warning svg:hover,a.mdBtnR-outline-warning svg:focus,a.mdBtnR-outline-warning svg.active {
fill: var(--rf-brand-color-status-warning)
}
.mdBtnR-outline-warning:hover,.mdBtnR-outline-warning:focus,.mdBtnR-outline-warning.active,a.mdBtnR-outline-warning:hover,a.mdBtnR-outline-warning:focus,a.mdBtnR-outline-warning.active {
color: var(--rf-brand-color-status-warning);
background-color: var(--rf-brand-color-status-warning-container);
background-image: none;
border-color: var(--rf-brand-color-status-warning);
box-shadow: var(--rf-comp-button-hover-elevation-shadow);
transform: var(--rf-comp-button-hover-motion-transform)
}
.mdBtnR-outline-warning:hover .mdBtnR-text,.mdBtnR-outline-warning:focus .mdBtnR-text,.mdBtnR-outline-warning.active .mdBtnR-text,a.mdBtnR-outline-warning:hover .mdBtnR-text,a.mdBtnR-outline-warning:focus .mdBtnR-text,a.mdBtnR-outline-warning.active .mdBtnR-text {
color: var(--rf-brand-color-status-warning)
}
.mdBtnR-outline-warning:hover svg,.mdBtnR-outline-warning:focus svg,.mdBtnR-outline-warning.active svg,a.mdBtnR-outline-warning:hover svg,a.mdBtnR-outline-warning:focus svg,a.mdBtnR-outline-warning.active svg {
fill: var(--rf-brand-color-status-warning)
}
.mdBtnR-outline-warning:hover svg:hover,.mdBtnR-outline-warning:hover svg:focus,.mdBtnR-outline-warning:hover svg.active,.mdBtnR-outline-warning:focus svg:hover,.mdBtnR-outline-warning:focus svg:focus,.mdBtnR-outline-warning:focus svg.active,.mdBtnR-outline-warning.active svg:hover,.mdBtnR-outline-warning.active svg:focus,.mdBtnR-outline-warning.active svg.active,a.mdBtnR-outline-warning:hover svg:hover,a.mdBtnR-outline-warning:hover svg:focus,a.mdBtnR-outline-warning:hover svg.active,a.mdBtnR-outline-warning:focus svg:hover,a.mdBtnR-outline-warning:focus svg:focus,a.mdBtnR-outline-warning:focus svg.active,a.mdBtnR-outline-warning.active svg:hover,a.mdBtnR-outline-warning.active svg:focus,a.mdBtnR-outline-warning.active svg.active {
fill: var(--rf-brand-color-status-warning)
}
.mdBtnR-danger,a.mdBtnR-danger {
color: var(--rf-brand-color-status-on-error);
background-color: var(--rf-brand-color-status-error);
border-color: var(--rf-brand-color-status-error);
box-shadow: var(--rf-comp-button-elevation-shadow)
}
.mdBtnR-danger .mdBtnR-text,a.mdBtnR-danger .mdBtnR-text {
color: var(--rf-brand-color-status-on-error)
}
.mdBtnR-danger svg,a.mdBtnR-danger svg {
fill: var(--rf-brand-color-status-on-error)
}
.mdBtnR-danger svg:hover,.mdBtnR-danger svg:focus,.mdBtnR-danger svg.active,a.mdBtnR-danger svg:hover,a.mdBtnR-danger svg:focus,a.mdBtnR-danger svg.active {
fill: var(--rf-brand-color-status-on-error)
}
.mdBtnR-danger:hover,.mdBtnR-danger:focus,.mdBtnR-danger.active,a.mdBtnR-danger:hover,a.mdBtnR-danger:focus,a.mdBtnR-danger.active {
color: var(--rf-brand-color-status-on-error);
background-color: var(--rf-brand-color-status-error-hover);
background-image: none;
border-color: var(--rf-brand-color-status-error-hover);
box-shadow: var(--rf-comp-button-hover-elevation-shadow);
transform: var(--rf-comp-button-hover-motion-transform)
}
.mdBtnR-danger:hover .mdBtnR-text,.mdBtnR-danger:focus .mdBtnR-text,.mdBtnR-danger.active .mdBtnR-text,a.mdBtnR-danger:hover .mdBtnR-text,a.mdBtnR-danger:focus .mdBtnR-text,a.mdBtnR-danger.active .mdBtnR-text {
color: var(--rf-brand-color-status-on-error)
}
.mdBtnR-danger:hover svg,.mdBtnR-danger:focus svg,.mdBtnR-danger.active svg,a.mdBtnR-danger:hover svg,a.mdBtnR-danger:focus svg,a.mdBtnR-danger.active svg {
fill: var(--rf-brand-color-status-on-error)
}
.mdBtnR-danger:hover svg:hover,.mdBtnR-danger:hover svg:focus,.mdBtnR-danger:hover svg.active,.mdBtnR-danger:focus svg:hover,.mdBtnR-danger:focus svg:focus,.mdBtnR-danger:focus svg.active,.mdBtnR-danger.active svg:hover,.mdBtnR-danger.active svg:focus,.mdBtnR-danger.active svg.active,a.mdBtnR-danger:hover svg:hover,a.mdBtnR-danger:hover svg:focus,a.mdBtnR-danger:hover svg.active,a.mdBtnR-danger:focus svg:hover,a.mdBtnR-danger:focus svg:focus,a.mdBtnR-danger:focus svg.active,a.mdBtnR-danger.active svg:hover,a.mdBtnR-danger.active svg:focus,a.mdBtnR-danger.active svg.active {
fill: var(--rf-brand-color-status-on-error)
}
.mdBtnR-outline-danger,a.mdBtnR-outline-danger {
color: var(--rf-brand-color-status-error);
background-color: rgba(0,0,0,0);
border-color: var(--rf-brand-color-status-error);
box-shadow: var(--rf-comp-button-elevation-shadow)
}
.mdBtnR-outline-danger .mdBtnR-text,a.mdBtnR-outline-danger .mdBtnR-text {
color: var(--rf-brand-color-status-error)
}
.mdBtnR-outline-danger svg,a.mdBtnR-outline-danger svg {
fill: var(--rf-brand-color-status-error)
}
.mdBtnR-outline-danger svg:hover,.mdBtnR-outline-danger svg:focus,.mdBtnR-outline-danger svg.active,a.mdBtnR-outline-danger svg:hover,a.mdBtnR-outline-danger svg:focus,a.mdBtnR-outline-danger svg.active {
fill: var(--rf-brand-color-status-error)
}
.mdBtnR-outline-danger:hover,.mdBtnR-outline-danger:focus,.mdBtnR-outline-danger.active,a.mdBtnR-outline-danger:hover,a.mdBtnR-outline-danger:focus,a.mdBtnR-outline-danger.active {
color: var(--rf-brand-color-status-error);
background-color: var(--rf-brand-color-status-error-container);
background-image: none;
border-color: var(--rf-brand-color-status-error);
box-shadow: var(--rf-comp-button-hover-elevation-shadow);
transform: var(--rf-comp-button-hover-motion-transform)
}
.mdBtnR-outline-danger:hover .mdBtnR-text,.mdBtnR-outline-danger:focus .mdBtnR-text,.mdBtnR-outline-danger.active .mdBtnR-text,a.mdBtnR-outline-danger:hover .mdBtnR-text,a.mdBtnR-outline-danger:focus .mdBtnR-text,a.mdBtnR-outline-danger.active .mdBtnR-text {
color: var(--rf-brand-color-status-error)
}
.mdBtnR-outline-danger:hover svg,.mdBtnR-outline-danger:focus svg,.mdBtnR-outline-danger.active svg,a.mdBtnR-outline-danger:hover svg,a.mdBtnR-outline-danger:focus svg,a.mdBtnR-outline-danger.active svg {
fill: var(--rf-brand-color-status-error)
}
.mdBtnR-outline-danger:hover svg:hover,.mdBtnR-outline-danger:hover svg:focus,.mdBtnR-outline-danger:hover svg.active,.mdBtnR-outline-danger:focus svg:hover,.mdBtnR-outline-danger:focus svg:focus,.mdBtnR-outline-danger:focus svg.active,.mdBtnR-outline-danger.active svg:hover,.mdBtnR-outline-danger.active svg:focus,.mdBtnR-outline-danger.active svg.active,a.mdBtnR-outline-danger:hover svg:hover,a.mdBtnR-outline-danger:hover svg:focus,a.mdBtnR-outline-danger:hover svg.active,a.mdBtnR-outline-danger:focus svg:hover,a.mdBtnR-outline-danger:focus svg:focus,a.mdBtnR-outline-danger:focus svg.active,a.mdBtnR-outline-danger.active svg:hover,a.mdBtnR-outline-danger.active svg:focus,a.mdBtnR-outline-danger.active svg.active {
fill: var(--rf-brand-color-status-error)
}
.mdBtnR-text-button,a.mdBtnR-text-button {
color: var(--rf-comp-link-color);
background-color: none;
border-color: none
}
.mdBtnR-text-button .mdBtnR-text,a.mdBtnR-text-button .mdBtnR-text {
color: var(--rf-comp-link-color)
}
.mdBtnR-text-button svg,a.mdBtnR-text-button svg {
fill: var(--rf-comp-link-color)
}
.mdBtnR-text-button svg:hover,.mdBtnR-text-button svg:focus,.mdBtnR-text-button svg.active,a.mdBtnR-text-button svg:hover,a.mdBtnR-text-button svg:focus,a.mdBtnR-text-button svg.active {
fill: var(--rf-comp-link-color)
}
.mdBtnR-text-button:hover,.mdBtnR-text-button:focus,.mdBtnR-text-button.active,a.mdBtnR-text-button:hover,a.mdBtnR-text-button:focus,a.mdBtnR-text-button.active {
color: var(--rf-comp-link-hover-color);
background-color: none;
background-image: none;
border-color: none
}
.mdBtnR-text-button:hover .mdBtnR-text,.mdBtnR-text-button:focus .mdBtnR-text,.mdBtnR-text-button.active .mdBtnR-text,a.mdBtnR-text-button:hover .mdBtnR-text,a.mdBtnR-text-button:focus .mdBtnR-text,a.mdBtnR-text-button.active .mdBtnR-text {
color: var(--rf-comp-link-hover-color)
}
.mdBtnR-text-button:hover svg,.mdBtnR-text-button:focus svg,.mdBtnR-text-button.active svg,a.mdBtnR-text-button:hover svg,a.mdBtnR-text-button:focus svg,a.mdBtnR-text-button.active svg {
fill: var(--rf-comp-link-hover-color)
}
.mdBtnR-text-button:hover svg:hover,.mdBtnR-text-button:hover svg:focus,.mdBtnR-text-button:hover svg.active,.mdBtnR-text-button:focus svg:hover,.mdBtnR-text-button:focus svg:focus,.mdBtnR-text-button:focus svg.active,.mdBtnR-text-button.active svg:hover,.mdBtnR-text-button.active svg:focus,.mdBtnR-text-button.active svg.active,a.mdBtnR-text-button:hover svg:hover,a.mdBtnR-text-button:hover svg:focus,a.mdBtnR-text-button:hover svg.active,a.mdBtnR-text-button:focus svg:hover,a.mdBtnR-text-button:focus svg:focus,a.mdBtnR-text-button:focus svg.active,a.mdBtnR-text-button.active svg:hover,a.mdBtnR-text-button.active svg:focus,a.mdBtnR-text-button.active svg.active {
fill: var(--rf-comp-link-hover-color)
}
.mdBtnR-text-button.text-white,a.mdBtnR-text-button.text-white {
--rf-comp-link-color: var(--rf-system-color-neutral-100);
--rf-comp-link-hover-color: var(--rf-system-color-neutral-100)
}
.mdBtnR-text-button.text-white:hover .mdBtnR-text,a.mdBtnR-text-button.text-white:hover .mdBtnR-text {
text-decoration: var(--rf-comp-link-hover-font-decoration)
}
.mdBtnR-text-button.text-black,a.mdBtnR-text-button.text-black {
--rf-comp-link-color: var(--rf-brand-color-text-body);
--rf-comp-link-hover-color: var(--rf-brand-color-text-body)
}
.mdBtnR-icon-dark svg {
fill: var(--rf-system-color-neutral-30)
}
.mdBtnR-icon-dark svg:hover,.mdBtnR-icon-dark svg:focus,.mdBtnR-icon-dark svg.active {
fill: var(--rf-system-color-neutral-30)
}
.mdBtnR-icon-dark.disabled svg,.mdBtnR-icon-dark.disabled:hover svg,.mdBtnR-icon-dark:disabled svg,.mdBtnR-icon-dark:disabled:hover svg,.mdBtnR-icon-dark[disabled] svg,.mdBtnR-icon-dark[disabled]:hover svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR-icon-light svg {
fill: var(--rf-system-color-neutral-100)
}
.mdBtnR-icon-light svg:hover,.mdBtnR-icon-light svg:focus,.mdBtnR-icon-light svg.active {
fill: var(--rf-system-color-neutral-100)
}
.mdBtnR-icon-light.disabled svg,.mdBtnR-icon-light.disabled:hover svg,.mdBtnR-icon-light:disabled svg,.mdBtnR-icon-light:disabled:hover svg,.mdBtnR-icon-light[disabled] svg,.mdBtnR-icon-light[disabled]:hover svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR-icon-text svg {
fill: var(--rf-brand-color-text-body)
}
.mdBtnR-icon-text svg:hover,.mdBtnR-icon-text svg:focus,.mdBtnR-icon-text svg.active {
fill: var(--rf-brand-color-text-body)
}
.mdBtnR-icon-text.disabled svg,.mdBtnR-icon-text.disabled:hover svg,.mdBtnR-icon-text:disabled svg,.mdBtnR-icon-text:disabled:hover svg,.mdBtnR-icon-text[disabled] svg,.mdBtnR-icon-text[disabled]:hover svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR-icon-primary svg {
fill: var(--rf-brand-color-primary)
}
.mdBtnR-icon-primary svg:hover,.mdBtnR-icon-primary svg:focus,.mdBtnR-icon-primary svg.active {
fill: var(--rf-brand-color-primary)
}
.mdBtnR-icon-primary.disabled svg,.mdBtnR-icon-primary.disabled:hover svg,.mdBtnR-icon-primary:disabled svg,.mdBtnR-icon-primary:disabled:hover svg,.mdBtnR-icon-primary[disabled] svg,.mdBtnR-icon-primary[disabled]:hover svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR-dark,.mdBtnR-dark a.mdBtnR-dark {
background-color: var(--rf-system-color-neutral-10);
border-color: var(--rf-system-color-neutral-10)
}
.mdBtnR-dark:hover,.mdBtnR-dark:focus,.mdBtnR-dark.active,.mdBtnR-dark a.mdBtnR-dark:hover,.mdBtnR-dark a.mdBtnR-dark:focus,.mdBtnR-dark a.mdBtnR-dark.active {
color: var(--rf-system-color-neutral-30);
background-color: var(--rf-system-color-neutral-30);
border-color: var(--rf-system-color-neutral-30);
box-shadow: none
}
.mdBtnR-dark.disabled,.mdBtnR-dark.disabled:hover,.mdBtnR-dark:disabled,.mdBtnR-dark:disabled:hover,.mdBtnR-dark[disabled],.mdBtnR-dark[disabled]:hover,.mdBtnR-dark a.mdBtnR-dark.disabled,.mdBtnR-dark a.mdBtnR-dark.disabled:hover,.mdBtnR-dark a.mdBtnR-dark:disabled,.mdBtnR-dark a.mdBtnR-dark:disabled:hover,.mdBtnR-dark a.mdBtnR-dark[disabled],.mdBtnR-dark a.mdBtnR-dark[disabled]:hover {
background-color: var(--rf-system-color-neutral-10);
border-color: var(--rf-system-color-neutral-10);
box-shadow: none
}
.mdBtnR-light,.mdBtnR-light a.mdBtnR-light {
background-color: var(--rf-system-color-neutral-100);
border-color: var(--rf-system-color-neutral-100)
}
.mdBtnR-light:hover,.mdBtnR-light:focus,.mdBtnR-light.active,.mdBtnR-light a.mdBtnR-light:hover,.mdBtnR-light a.mdBtnR-light:focus,.mdBtnR-light a.mdBtnR-light.active {
color: var(--rf-system-color-neutral-80);
background-color: var(--rf-system-color-neutral-80);
border-color: var(--rf-system-color-neutral-80);
box-shadow: none
}
.mdBtnR-light.disabled,.mdBtnR-light.disabled:hover,.mdBtnR-light:disabled,.mdBtnR-light:disabled:hover,.mdBtnR-light[disabled],.mdBtnR-light[disabled]:hover,.mdBtnR-light a.mdBtnR-light.disabled,.mdBtnR-light a.mdBtnR-light.disabled:hover,.mdBtnR-light a.mdBtnR-light:disabled,.mdBtnR-light a.mdBtnR-light:disabled:hover,.mdBtnR-light a.mdBtnR-light[disabled],.mdBtnR-light a.mdBtnR-light[disabled]:hover {
background-color: var(--rf-system-color-neutral-10);
border-color: var(--rf-system-color-neutral-10);
box-shadow: none
}
.mdBtnR-transparent,.mdBtnR-transparent a.mdBtnR-transparent {
background-color: rgba(0,0,0,0);
border-color: rgba(0,0,0,0)
}
.mdBtnR-transparent:hover,.mdBtnR-transparent:focus,.mdBtnR-transparent.active,.mdBtnR-transparent a.mdBtnR-transparent:hover,.mdBtnR-transparent a.mdBtnR-transparent:focus,.mdBtnR-transparent a.mdBtnR-transparent.active {
color: var(--rf-brand-color-surface-2);
background-color: var(--rf-brand-color-surface-2);
border-color: var(--rf-brand-color-surface-2);
box-shadow: none
}
.mdBtnR-transparent.disabled,.mdBtnR-transparent.disabled:hover,.mdBtnR-transparent:disabled,.mdBtnR-transparent:disabled:hover,.mdBtnR-transparent[disabled],.mdBtnR-transparent[disabled]:hover,.mdBtnR-transparent a.mdBtnR-transparent.disabled,.mdBtnR-transparent a.mdBtnR-transparent.disabled:hover,.mdBtnR-transparent a.mdBtnR-transparent:disabled,.mdBtnR-transparent a.mdBtnR-transparent:disabled:hover,.mdBtnR-transparent a.mdBtnR-transparent[disabled],.mdBtnR-transparent a.mdBtnR-transparent[disabled]:hover {
background-color: var(--rf-system-color-neutral-10);
border-color: var(--rf-system-color-neutral-10);
box-shadow: none
}
.mdBtnR-is-transparent {
background-color: rgba(0,0,0,0);
border-color: rgba(0,0,0,0)
}
.mdBtnR-is-transparent.disabled,.mdBtnR-is-transparent.disabled:hover,.mdBtnR-is-transparent:disabled,.mdBtnR-is-transparent:disabled:hover,.mdBtnR-is-transparent[disabled],.mdBtnR-is-transparent[disabled]:hover {
background-color: rgba(0,0,0,0);
border-color: rgba(0,0,0,0)
}
.mdBtnR.mdBtnR-link {
border: none
}
.mdBtnR.mdBtnR-link .mdBtnR-text {
font-weight: var(--rf-system-font-weight-400)
}
.mdBtnR.mdBtnR-link,a.mdBtnR.mdBtnR-link {
padding: 0
}
.mdBtnR-link,a.mdBtnR-link {
background-color: rgba(0,0,0,0);
border: none;
border-radius: 0;
color: var(--rf-comp-link-color);
font-size: var(--rf-brand-font-size);
vertical-align: top
}
.mdBtnR-link .mdBtnR-text,a.mdBtnR-link .mdBtnR-text {
text-transform: none;
letter-spacing: 0;
line-height: 1.4em;
font-weight: var(--rf-system-font-weight-400);
font-size: var(--rf-brand-font-size);
text-decoration: var(--rf-comp-link-font-decoration);
text-align: left
}
.mdBtnR-link .mdBtnR-text+.rfSI,a.mdBtnR-link .mdBtnR-text+.rfSI {
margin-right: 6px
}
.mdBtnR-link .mdBtnR-text+.rf-pill,a.mdBtnR-link .mdBtnR-text+.rf-pill {
margin-left: 8px
}
.mdBtnR-link:disabled,.mdBtnR-link.disabled,.mdBtnR-link[disabled],a.mdBtnR-link:disabled,a.mdBtnR-link.disabled,a.mdBtnR-link[disabled] {
border-color: rgba(0,0,0,0);
background-color: rgba(0,0,0,0);
box-shadow: none
}
.mdBtnR-link:disabled .rfSI svg,.mdBtnR-link.disabled .rfSI svg,.mdBtnR-link[disabled] .rfSI svg,a.mdBtnR-link:disabled .rfSI svg,a.mdBtnR-link.disabled .rfSI svg,a.mdBtnR-link[disabled] .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR-link:disabled .mdBtnR-text,.mdBtnR-link.disabled .mdBtnR-text,.mdBtnR-link[disabled] .mdBtnR-text,a.mdBtnR-link:disabled .mdBtnR-text,a.mdBtnR-link.disabled .mdBtnR-text,a.mdBtnR-link[disabled] .mdBtnR-text {
color: var(--rf-brand-color-status-disabled)
}
.mdBtnR-link:disabled:hover,.mdBtnR-link.disabled:hover,.mdBtnR-link[disabled]:hover,a.mdBtnR-link:disabled:hover,a.mdBtnR-link.disabled:hover,a.mdBtnR-link[disabled]:hover {
background: none;
box-shadow: none;
color: var(--rf-brand-color-status-disabled)
}
.mdBtnR-link:disabled:hover .mdBtnR-text,.mdBtnR-link.disabled:hover .mdBtnR-text,.mdBtnR-link[disabled]:hover .mdBtnR-text,a.mdBtnR-link:disabled:hover .mdBtnR-text,a.mdBtnR-link.disabled:hover .mdBtnR-text,a.mdBtnR-link[disabled]:hover .mdBtnR-text {
color: var(--rf-brand-color-status-disabled);
text-decoration: none
}
.mdBtnR-link:disabled:hover .rfSI svg,.mdBtnR-link.disabled:hover .rfSI svg,.mdBtnR-link[disabled]:hover .rfSI svg,a.mdBtnR-link:disabled:hover .rfSI svg,a.mdBtnR-link.disabled:hover .rfSI svg,a.mdBtnR-link[disabled]:hover .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR-link .rfSI,a.mdBtnR-link .rfSI {
height: 16px;
width: 16px;
max-height: 16px;
max-width: 16px;
margin: 0
}
.mdBtnR-link .rfSI svg,a.mdBtnR-link .rfSI svg {
fill: currentColor
}
.mdBtnR-link .rfSI+.mdBtnR-text,a.mdBtnR-link .rfSI+.mdBtnR-text {
margin-left: 6px
}
.mdBtnR-link .rf-pill+.mdBtnR-text,a.mdBtnR-link .rf-pill+.mdBtnR-text {
margin-left: 8px
}
.mdBtnR-link.mdBtnR-adv .rfSI svg,a.mdBtnR-link.mdBtnR-adv .rfSI svg {
fill: currentColor
}
.mdBtnR-link.mdBtnR-adv:disabled .rfSI svg,.mdBtnR-link.mdBtnR-adv.disabled .rfSI svg,.mdBtnR-link.mdBtnR-adv[disabled] .rfSI svg,a.mdBtnR-link.mdBtnR-adv:disabled .rfSI svg,a.mdBtnR-link.mdBtnR-adv.disabled .rfSI svg,a.mdBtnR-link.mdBtnR-adv[disabled] .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR-link:hover,.mdBtnR-link:focus-visible,.mdBtnR-link:active,a.mdBtnR-link:hover,a.mdBtnR-link:focus-visible,a.mdBtnR-link:active {
background-color: rgba(0,0,0,0);
color: var(--rf-comp-link-hover-color);
opacity: .8
}
.mdBtnR-link:hover .rfSI svg,.mdBtnR-link:focus-visible .rfSI svg,.mdBtnR-link:active .rfSI svg,a.mdBtnR-link:hover .rfSI svg,a.mdBtnR-link:focus-visible .rfSI svg,a.mdBtnR-link:active .rfSI svg {
fill: var(--rf-comp-link-hover-color)
}
.mdBtnR-link:hover .mdBtnR-text,.mdBtnR-link:focus-visible .mdBtnR-text,.mdBtnR-link:active .mdBtnR-text,a.mdBtnR-link:hover .mdBtnR-text,a.mdBtnR-link:focus-visible .mdBtnR-text,a.mdBtnR-link:active .mdBtnR-text {
color: var(--rf-comp-link-hover-color);
text-decoration: var(--rf-comp-link-hover-font-decoration)
}
.mdBtnR-link-on-primary,a.mdBtnR-link-on-primary {
background-color: rgba(0,0,0,0);
border: none;
border-radius: 0;
color: var(--rf-brand-color-on-primary);
font-size: var(--rf-brand-font-size);
vertical-align: top
}
.mdBtnR-link-on-primary .mdBtnR-text,a.mdBtnR-link-on-primary .mdBtnR-text {
text-transform: none;
letter-spacing: 0;
line-height: 1.4em;
font-weight: var(--rf-system-font-weight-400);
font-size: var(--rf-brand-font-size);
text-decoration: var(--rf-comp-link-font-decoration);
text-align: left
}
.mdBtnR-link-on-primary .mdBtnR-text+.rfSI,a.mdBtnR-link-on-primary .mdBtnR-text+.rfSI {
margin-right: 6px
}
.mdBtnR-link-on-primary .mdBtnR-text+.rf-pill,a.mdBtnR-link-on-primary .mdBtnR-text+.rf-pill {
margin-left: 8px
}
.mdBtnR-link-on-primary:disabled,.mdBtnR-link-on-primary.disabled,.mdBtnR-link-on-primary[disabled],a.mdBtnR-link-on-primary:disabled,a.mdBtnR-link-on-primary.disabled,a.mdBtnR-link-on-primary[disabled] {
border-color: rgba(0,0,0,0);
background-color: rgba(0,0,0,0);
box-shadow: none
}
.mdBtnR-link-on-primary:disabled .rfSI svg,.mdBtnR-link-on-primary.disabled .rfSI svg,.mdBtnR-link-on-primary[disabled] .rfSI svg,a.mdBtnR-link-on-primary:disabled .rfSI svg,a.mdBtnR-link-on-primary.disabled .rfSI svg,a.mdBtnR-link-on-primary[disabled] .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR-link-on-primary:disabled .mdBtnR-text,.mdBtnR-link-on-primary.disabled .mdBtnR-text,.mdBtnR-link-on-primary[disabled] .mdBtnR-text,a.mdBtnR-link-on-primary:disabled .mdBtnR-text,a.mdBtnR-link-on-primary.disabled .mdBtnR-text,a.mdBtnR-link-on-primary[disabled] .mdBtnR-text {
color: var(--rf-brand-color-status-disabled)
}
.mdBtnR-link-on-primary:disabled:hover,.mdBtnR-link-on-primary.disabled:hover,.mdBtnR-link-on-primary[disabled]:hover,a.mdBtnR-link-on-primary:disabled:hover,a.mdBtnR-link-on-primary.disabled:hover,a.mdBtnR-link-on-primary[disabled]:hover {
background: none;
box-shadow: none;
color: var(--rf-brand-color-status-disabled)
}
.mdBtnR-link-on-primary:disabled:hover .mdBtnR-text,.mdBtnR-link-on-primary.disabled:hover .mdBtnR-text,.mdBtnR-link-on-primary[disabled]:hover .mdBtnR-text,a.mdBtnR-link-on-primary:disabled:hover .mdBtnR-text,a.mdBtnR-link-on-primary.disabled:hover .mdBtnR-text,a.mdBtnR-link-on-primary[disabled]:hover .mdBtnR-text {
color: var(--rf-brand-color-status-disabled);
text-decoration: none
}
.mdBtnR-link-on-primary:disabled:hover .rfSI svg,.mdBtnR-link-on-primary.disabled:hover .rfSI svg,.mdBtnR-link-on-primary[disabled]:hover .rfSI svg,a.mdBtnR-link-on-primary:disabled:hover .rfSI svg,a.mdBtnR-link-on-primary.disabled:hover .rfSI svg,a.mdBtnR-link-on-primary[disabled]:hover .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR-link-on-primary .rfSI,a.mdBtnR-link-on-primary .rfSI {
height: 16px;
width: 16px;
max-height: 16px;
max-width: 16px;
margin: 0
}
.mdBtnR-link-on-primary .rfSI svg,a.mdBtnR-link-on-primary .rfSI svg {
fill: currentColor
}
.mdBtnR-link-on-primary .rfSI+.mdBtnR-text,a.mdBtnR-link-on-primary .rfSI+.mdBtnR-text {
margin-left: 6px
}
.mdBtnR-link-on-primary .rf-pill+.mdBtnR-text,a.mdBtnR-link-on-primary .rf-pill+.mdBtnR-text {
margin-left: 8px
}
.mdBtnR-link-on-primary.mdBtnR-adv .rfSI svg,a.mdBtnR-link-on-primary.mdBtnR-adv .rfSI svg {
fill: currentColor
}
.mdBtnR-link-on-primary.mdBtnR-adv:disabled .rfSI svg,.mdBtnR-link-on-primary.mdBtnR-adv.disabled .rfSI svg,.mdBtnR-link-on-primary.mdBtnR-adv[disabled] .rfSI svg,a.mdBtnR-link-on-primary.mdBtnR-adv:disabled .rfSI svg,a.mdBtnR-link-on-primary.mdBtnR-adv.disabled .rfSI svg,a.mdBtnR-link-on-primary.mdBtnR-adv[disabled] .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.mdBtnR-link-on-primary:hover,.mdBtnR-link-on-primary:focus-visible,.mdBtnR-link-on-primary:active,a.mdBtnR-link-on-primary:hover,a.mdBtnR-link-on-primary:focus-visible,a.mdBtnR-link-on-primary:active {
background-color: rgba(0,0,0,0);
color: var(--rf-brand-color-on-primary);
opacity: .8
}
.mdBtnR-link-on-primary:hover .rfSI svg,.mdBtnR-link-on-primary:focus-visible .rfSI svg,.mdBtnR-link-on-primary:active .rfSI svg,a.mdBtnR-link-on-primary:hover .rfSI svg,a.mdBtnR-link-on-primary:focus-visible .rfSI svg,a.mdBtnR-link-on-primary:active .rfSI svg {
fill: var(--rf-brand-color-on-primary)
}
.mdBtnR-link-on-primary:hover .mdBtnR-text,.mdBtnR-link-on-primary:focus-visible .mdBtnR-text,.mdBtnR-link-on-primary:active .mdBtnR-text,a.mdBtnR-link-on-primary:hover .mdBtnR-text,a.mdBtnR-link-on-primary:focus-visible .mdBtnR-text,a.mdBtnR-link-on-primary:active .mdBtnR-text {
color: var(--rf-brand-color-on-primary);
text-decoration: var(--rf-comp-link-hover-font-decoration)
}
.rf-fab {
position: fixed;
right: var(--rf-comp-fab-button-right-position);
bottom: var(--rf-comp-fab-button-bottom-position);
z-index: 2050;
text-align: right
}
.rf-fab .fab-label {
display: none;
color: var(--rf-system-color-neutral-90);
vertical-align: middle;
background-color: var(--rf-system-color-neutral-40);
padding: 3px 7px;
margin-right: 10px;
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius);
text-transform: capitalize;
font-size: 13px
}
.rf-fab .fab-main-action:hover .fab-label,.rf-fab .fab-extended-action:hover .fab-label {
display: inline-block
}
.rf-fab .fab-btn {
color: var(--rf-system-color-neutral-100);
cursor: pointer;
background-image: none;
background: rgba(0,0,0,0);
border: 1px solid rgba(0,0,0,0);
border-radius: 50%;
box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
display: inline-block;
font-family: inherit;
font-size: inherit;
font-weight: var(--rf-system-font-weight-400);
line-height: 1;
margin: 0;
outline: 0;
overflow: hidden;
position: relative;
text-align: center;
text-transform: uppercase;
transition: box-shadow .2s cubic-bezier(0.4, 0, 1, 1),background-color .2s cubic-bezier(0.4, 0, 0.2, 1),color .2s cubic-bezier(0.4, 0, 0.2, 1);
vertical-align: middle;
white-space: nowrap;
padding: 13px
}
.rf-fab .fab-btn:hover,.rf-fab .fab-btn:focus,.rf-fab .fab-btn.active {
box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32)
}
.rf-fab .fab-btn.disabled,.rf-fab .fab-btn:disabled {
cursor: not-allowed;
opacity: .6;
background-image: none;
text-decoration: none;
background-color: var(--rf-brand-color-status-disabled);
border-color: var(--rf-brand-color-status-disabled)
}
.rf-fab .fab-btn.disabled .rfSI,.rf-fab .fab-btn:disabled .rfSI {
cursor: not-allowed
}
.rf-fab .fab-btn.fab-btn-primary {
background-color: var(--rf-comp-button-primary-color-background) !important;
border-color: var(--rf-comp-button-primary-color-background) !important;
color: var(--rf-comp-button-primary-color-on-background) !important
}
.rf-fab .fab-btn.fab-btn-primary .rfSI {
fill: var(--rf-comp-button-primary-color-on-background) !important
}
.rf-fab .fab-btn.fab-btn-primary .rfSI svg {
fill: var(--rf-comp-button-primary-color-on-background) !important
}
.rf-fab .fab-btn.fab-btn-primary .rfSI:hover,.rf-fab .fab-btn.fab-btn-primary .rfSI:focus,.rf-fab .fab-btn.fab-btn-primary .rfSI.active {
fill: var(--rf-comp-button-primary-color-on-background) !important
}
.rf-fab .fab-btn.fab-btn-gray {
background-color: var(--rf-system-color-neutral-50) !important;
border-color: var(--rf-system-color-neutral-50) !important
}
.rf-fab .fab-btn.fab-btn-gray .rfSI {
fill: var(--rf-system-color-neutral-100) !important
}
.rf-fab .fab-btn.fab-btn-gray .rfSI svg {
fill: var(--rf-system-color-neutral-100) !important
}
.rf-fab .fab-btn.fab-btn-gray .rfSI:hover,.rf-fab .fab-btn.fab-btn-gray .rfSI:focus,.rf-fab .fab-btn.fab-btn-gray .rfSI.active {
fill: var(--rf-system-color-neutral-100) !important
}
.rf-fab .fab-extended-actions {
margin-bottom: 12px;
margin-right: 5px
}
.rf-fab .fab-extended-actions .fab-btn {
padding: 8px
}
.rf-fab .fab-extended-action {
margin-bottom: 12px
}
.rf-button-inline-toggle button {
display: inline-block;
background: var(--rf-brand-color-surface-2);
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
color: var(--rf-brand-color-text-body);
padding: 8px;
min-width: 34px;
min-height: 34px;
margin-right: 4px;
font-weight: var(--rf-system-font-weight-600);
text-align: center;
vertical-align: middle;
font-size: 13px
}
.rf-button-inline-toggle button:hover,.rf-button-inline-toggle button.active {
background: var(--rf-brand-color-text-body);
border-color: var(--rf-brand-color-text-body);
color: var(--rf-brand-color-surface)
}
.rf-button-inline-toggle button:last-of-type {
margin-right: 0
}
.mdBtnR-img {
height: 113px;
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
margin: 0 0 16px;
text-align: center;
cursor: pointer
}
.mdBtnR-img.disabled {
cursor: not-allowed
}
.mdBtnR-img.util-icon-button .radio-image-icon-container {
margin: 22px 0
}
.mdBtnR-img .report-label,.mdBtnR-img .img-button-label {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.mdBtnR-img .report-label.disabled,.mdBtnR-img .img-button-label.disabled {
color: var(--rf-brand-color-status-disabled)
}
.mdBtnR-img.active {
background: var(--rf-brand-color-primary)
}
.mdBtnR-img.active .report-label,.mdBtnR-img.active .img-button-label {
color: var(--rf-brand-color-on-primary)
}
.mdBtnR-img:not(.active):hover {
background-color: var(--rf-brand-color-surface-2)
}
.mdBtnR-img>span {
display: block;
font-weight: var(--rf-system-font-weight-700)
}
.mdBtnR-img .rfSI-stroke {
margin: 18px auto
}
.mdBtnR-img.is-graphic {
height: initial;
padding: 24px 40px
}
.mdBtnR-img .graphic-container svg {
width: 100%
}
.mdBtnR-img .graphic-container+span:not(:empty) {
margin-top: 24px
}
.mdBtnR-img+.mdBtnR-img-description {
text-align: center;
max-width: 80%;
margin: 0 auto
}
.mdBtnR-img+.max-width-full {
max-width: 100%
}
.template-card {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
margin: 0 0 16px;
padding: 16px;
cursor: pointer;
width: 100%;
text-align: left
}
.template-card .icon-container+.title-container {
padding-left: 8px
}
.template-card .title-container {
display: flex;
flex-direction: column
}
.template-card.active {
background-color: var(--rf-brand-color-primary-muted);
border: 2px solid var(--rf-brand-color-primary)
}
.template-card.disabled {
opacity: .4;
cursor: not-allowed
}
.template-card:not(.active):hover {
background-color: var(--rf-brand-color-surface-2)
}
.template-card.has-icon,.template-card.has-image {
display: flex;
align-items: center
}
.template-card.has-icon .icon-container,.template-card.has-image .icon-container {
margin-right: 8px
}
.template-card.has-icon .title-container,.template-card.has-image .title-container {
flex: 1
}
.template-card.has-icon .title-container *,.template-card.has-image .title-container * {
margin: 0
}
.template-card.has-icon .icon-container {
max-width: 60px
}
.template-card.has-image .icon-container {
max-width: 150px
}
.template-card.has-image .icon-container img {
max-width: 100%
}
.mdBtnR-dropdown-button {
height: 18px;
min-width: 18px;
padding: 3px;
background: var(--rf-brand-color-surface-2);
border: 1px solid var(--rf-system-color-neutral-80);
display: flex;
line-height: .8
}
.mdBtnR-dropdown-button .rfSI {
width: 10px;
height: 10px;
margin: 0 auto !important
}
.mdBtnR-dropdown-button .rfSI svg {
fill: var(--rf-system-color-neutral-30)
}
.mdBtnR-dropdown-button:disabled .rfSI svg,.mdBtnR-dropdown-button.disabled .rfSI svg,.mdBtnR-dropdown-button[disabled] .rfSI svg {
fill: var(--rf-system-color-neutral-100)
}
.mdBtnR-dropdown-button .mdBtnR-text {
margin-right: 4px;
font-size: 10px;
line-height: 10px
}
.mdBtnR-icon-button {
width: 34px;
height: 34px;
border-radius: 100px;
padding: 6px;
border: none
}
.mdBtnR-icon-button+.mdBtnR {
margin-left: 8px
}
.mdBtnR-icon-button:hover {
background-color: var(--rf-brand-color-surface-3)
}
.mdBtnR-icon-button .rfSI-stroke {
height: 100%;
width: 100%;
max-height: 100%;
max-width: 100%
}
.mdBtnR-icon-button .rfSI-stroke svg * {
stroke: var(--rf-system-color-neutral-30);
stroke-width: 1.5
}
.mdBtnR-icon-button.mdBtnR.disabled,.mdBtnR-icon-button.mdBtnR:disabled,.mdBtnR-icon-button.mdBtnR[disabled] {
background-color: rgba(0,0,0,0);
border: none;
box-shadow: none
}
.mdBtnR-icon-button.mdBtnR.disabled svg *,.mdBtnR-icon-button.mdBtnR:disabled svg *,.mdBtnR-icon-button.mdBtnR[disabled] svg * {
stroke: var(--rf-brand-color-status-disabled)
}
.open-column-options {
justify-content: center;
width: 18px;
padding: 3px;
margin: 0;
line-height: 0;
background: var(--rf-brand-color-surface-2);
border: 1px solid var(--rf-brand-color-border);
box-shadow: none
}
.open-column-options:hover,.open-column-options:focus {
box-shadow: none
}
.open-column-options .rfSI {
width: 10px;
height: 10px;
margin: 0
}
.open-column-options svg {
fill: var(--rf-brand-color-text-body)
}
.mdBtnR.rf-icon-button {
box-shadow: none;
border-width: 2px
}
.mdBtnR.rf-icon-button.disabled,.mdBtnR.rf-icon-button.disabled:hover,.mdBtnR.rf-icon-button:disabled,.mdBtnR.rf-icon-button:disabled:hover,.mdBtnR.rf-icon-button[disabled],.mdBtnR.rf-icon-button[disabled]:hover {
box-shadow: none
}
.mdBtnR.rf-icon-button .rfSI {
margin: initial
}
.rf-icon-button {
padding: 6px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-ms-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px
}
.rf-icon-button.is-square {
border-radius: 0
}
.rf-icon-button.rf-icon-button-sm {
padding: 2px
}
.rf-icon-button.rf-icon-button-md {
padding: 6px
}
.rf-icon-button.rf-icon-button-lg {
padding: 6px
}
.rf-icon-button.rf-icon-button-lg .rfSI {
height: 32px;
width: 32px;
max-height: 32px;
max-width: 32px
}
.rf-icon-button.rf-icon-button-xl {
padding: 10px
}
.rf-icon-button.rf-icon-button-xl .rfSI {
height: 32px;
width: 32px;
max-height: 32px;
max-width: 32px
}
.rf-icon-button .rfSI {
height: 24px;
width: 24px;
max-height: 24px;
max-width: 24px
}
.mdBtnR.sso-button {
justify-content: center;
margin: 0;
overflow: hidden
}
.mdBtnR.sso-button .rfSI {
position: absolute;
left: 0;
top: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 34px;
max-height: initial;
max-width: initial;
background-color: var(--rf-system-color-neutral-100);
margin: 0
}
.mdBtnR.sso-button .rfSI svg {
max-width: 16px;
max-height: 16px
}
.mdBtnR.sso-button .rfSI+.mdBtnR-text {
margin-left: 34px
}
.mdBtnR.sso-button>.rfSI:first-child {
margin: 0
}
.mdBtnR.sso-button:hover,.mdBtnR.sso-button:focus {
text-decoration: initial
}
.mdBtnR.sso-google {
--rf-comp-button-primary-color-background: #4274EF;
--rf-comp-button-primary-elevation-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--rf-comp-button-primary-color-background);
--rf-comp-button-primary-color-on-background: white;
--rf-comp-button-primary-hover-color-background: #4274EF;
--rf-comp-button-primary-hover-elevation-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--rf-comp-button-primary-color-background);
--rf-comp-button-primary-hover-color-on-background: white
}
.mdBtnR.sso-linkedin {
--rf-comp-button-primary-color-background: #007EBB;
--rf-comp-button-primary-elevation-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--rf-comp-button-primary-color-background);
--rf-comp-button-primary-color-on-background: white;
--rf-comp-button-primary-hover-color-background: #007EBB;
--rf-comp-button-primary-hover-elevation-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--rf-comp-button-primary-color-background);
--rf-comp-button-primary-hover-color-on-background: white
}
.mdBtnR.sso-employee {
--rf-comp-button-primary-color-background: var(--rf-system-color-neutral-30);
--rf-comp-button-primary-elevation-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--rf-comp-button-primary-color-background);
--rf-comp-button-primary-color-on-background: white;
--rf-comp-button-primary-hover-color-background: var(--rf-system-color-neutral-30);
--rf-comp-button-primary-hover-elevation-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5), 0 0 0 1px var(--rf-comp-button-primary-color-background);
--rf-comp-button-primary-hover-color-on-background: white
}
.mdBtnR.sso-employee svg,.mdBtnR.sso-employee:hover,.mdBtnR.sso-employee:focus {
fill: var(--rf-system-color-neutral-30)
}
.mdBtnR.sso-employee svg svg,.mdBtnR.sso-employee:hover svg,.mdBtnR.sso-employee:focus svg {
fill: var(--rf-system-color-neutral-30)
}
.mdBtnR.sso-employee svg svg:hover,.mdBtnR.sso-employee svg svg:focus,.mdBtnR.sso-employee:hover svg:hover,.mdBtnR.sso-employee:hover svg:focus,.mdBtnR.sso-employee:focus svg:hover,.mdBtnR.sso-employee:focus svg:focus {
fill: var(--rf-system-color-neutral-30)
}
.rf-button-group {
display: flex
}
.rf-button-group--justify-center {
justify-content: center
}
.rf-button-group--justify-end {
justify-content: flex-end
}
.rf-button-group--justify-between {
justify-content: space-between
}
.rf-button-group--align-start {
align-items: flex-start
}
.rf-button-group--align-center {
align-items: center
}
.rf-button-group--align-end {
align-items: flex-end
}
.rf-button-group--column {
flex-direction: column
}
.rf-button-group--wrap {
flex-wrap: wrap
}
.rf-button-group>.mdBtnR {
margin: 0
}
.admin-form .icon-append,.admin-form .icon-prepend {
border-color: var(--rf-system-color-neutral-70);
transition: border-color .3s;
-o-transition: border-color .3s;
-ms-transition: border-color .3s;
-moz-transition: border-color .3s;
-webkit-transition: border-color .3s
}
.admin-form .icon-append {
right: 5px;
padding-left: 3px;
border-left-width: 1px;
border-left-style: solid
}
.admin-form .icon-append,.admin-form .icon-prepend {
position: absolute;
top: 5px;
width: 22px;
height: 22px;
font-size: 14px;
line-height: 22px;
text-align: center
}
.rf-alpha-color {
position: relative;
align-items: center
}
.rf-alpha-color .rf-input {
padding: 0
}
.rf-alpha-color .rf-input+* {
margin-left: 8px
}
.rf-alpha-color-swatch {
height: 32px;
width: 32px;
min-width: 32px;
border-radius: var(--rf-brand-shape-radius);
border: 1px solid var(--rf-brand-color-border);
padding: 0;
cursor: pointer
}
.rf-alpha-color-swatch+.rf-input {
margin-left: 8px
}
.rf-alpha-color-swatch.transparent-chip {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQAWJ84A0+ScZRAxiGSRgQSAb40wkoDAgBvAlt1AAGcEIiBGgbiAAgXwixcH9GzgAAAABJRU5ErkJggg==") left center
}
.rf-alpha-color-container {
display: flex;
align-items: center;
justify-content: center;
background: var(--rf-brand-color-surface)
}
.rf-alpha-color-container .react-colorful {
height: auto;
width: 252px
}
.rf-alpha-color-container .react-colorful__saturation {
height: 252px;
width: 252px;
max-height: 252px;
max-width: 252px;
border-radius: var(--rf-brand-shape-radius-lg)
}
.rf-alpha-color-container .react-colorful__alpha,.rf-alpha-color-container .react-colorful__hue {
height: 12px;
border-radius: 52px
}
.rf-alpha-color-container .react-colorful>div+div {
margin-top: 16px
}
.rf-overlay-new.rf-color-picker-overlay {
min-width: 252px;
min-height: 252px;
border-radius: var(--rf-brand-shape-radius-lg);
border: 0
}
.rf-overlay-new.rf-color-picker-overlay .rf-color-picker-overlay-container {
padding: 16px 24px 24px
}
.rf-overlay-new.rf-color-picker-overlay .rf-color-picker-overlay-container>*+* {
margin-top: 20px
}
.rf-color-palettes .color-palette-grid {
min-width: 270px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
gap: 8px;
place-items: center
}
.rf-file-finder .modal-content .modal-body {
padding: 0
}
.rf-file-finder .modal-content .modal-body p {
margin: 0;
height: 24px;
line-height: 26px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.rf-file-finder .rf-input {
clear: both
}
.rf-file-finder .rf-input:before,.rf-file-finder .rf-input:after {
content: "";
display: table;
clear: both
}
.rf-file-finder .rf-input .rf-label {
float: left;
display: block;
width: auto;
line-height: 26px;
padding-right: 8px
}
.rf-file-finder .rf-input input {
width: 400px
}
.rf-file-finder .rf-finder-header {
border-bottom: 1px solid var(--rf-brand-color-border);
padding: 12px 20px
}
.rf-file-finder .rf-finder-body {
width: 100%;
overflow: auto;
border-top: 1px solid var(--rf-brand-color-border)
}
.rf-file-finder .rf-finder-container {
clear: both
}
.rf-file-finder .rf-finder-container:before,.rf-file-finder .rf-finder-container:after {
content: "";
display: table;
clear: both
}
.rf-file-finder .finder-panel {
border-right: 1px solid var(--rf-brand-color-border);
min-height: 200px;
width: 233.33px;
padding: 0;
margin: 0;
float: left
}
.rf-file-finder .finder-panel-item {
padding: 0 0 0 19px;
display: flex;
align-items: center
}
.rf-file-finder .finder-panel-item .new-folder {
width: 100%;
margin-right: 6px
}
.rf-file-finder .finder-panel-item .new-folder input {
height: 25px
}
.rf-file-finder .finder-panel-item .rfSI {
min-width: 24px
}
.rf-file-finder .finder-panel-item.selected {
background: var(--rf-brand-color-primary);
border: none
}
.rf-file-finder .finder-panel-item.selected:before,.rf-file-finder .finder-panel-item.selected:after {
display: none
}
.rf-file-finder .finder-panel-item.selected p {
color: var(--rf-brand-color-on-primary)
}
.rf-file-finder .finder-panel-item.selected .rfSI svg {
fill: var(--rf-brand-color-on-primary);
opacity: 1
}
.rf-file-finder .finder-panel-item.disabled {
cursor: not-allowed
}
.rf-file-finder .finder-panel-item.disabled:hover {
background: none
}
.rf-file-finder .finder-panel-item.disabled .rfSI {
cursor: not-allowed
}
.rf-file-finder .finder-panel-item.disabled .rfSI svg {
cursor: not-allowed;
fill: var(--rf-system-color-neutral-60)
}
.rf-file-finder .finder-panel-item.disabled p {
cursor: not-allowed;
color: var(--rf-system-color-neutral-60)
}
.rf-file-finder .report-selector-search-list tr td {
padding: 2px 10px;
white-space: nowrap;
cursor: pointer;
border-right: 1px solid var(--rf-system-color-neutral-80)
}
.rf-file-finder .report-selector-search-list tr td .rfSI {
margin-right: 12px
}
.report-selector-search-list tr:hover,.finder-panel-item:hover {
background: var(--rf-brand-color-surface-2);
cursor: pointer
}
.report-selector-search-list tr .rfSI,.finder-panel-item .rfSI {
margin: 0 8px 0 0
}
.report-selector-search-list tr .rfSI svg,.finder-panel-item .rfSI svg {
fill: var(--rf-system-color-neutral-30)
}
.report-selector-search-list tr p,.finder-panel-item p {
color: var(--rf-brand-color-text-body)
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 16px auto;
text-align: center
}
.pagination.no-margin {
margin: 0
}
.pagination>li {
display: inline-block;
margin-bottom: 4px
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: var(--rf-brand-shape-radius);
border-top-left-radius: var(--rf-brand-shape-radius)
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
border-bottom-right-radius: var(--rf-brand-shape-radius);
border-top-right-radius: var(--rf-brand-shape-radius)
}
.pagination>li>a,.pagination>li>span,.pagination>.pagination-goto-input {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
float: none;
display: block;
padding: 6px 12px;
line-height: 1.4;
text-decoration: none;
color: var(--rf-brand-color-text-body);
background-color: var(--rf-brand-color-surface);
border: 1px solid var(--rf-brand-color-border);
margin-left: -1px
}
.pagination>li>.pagination-goto-label {
margin-left: 20px
}
.pagination>li>.pagination-goto-input {
padding: 0;
margin-left: 8px;
width: 64px !important
}
.pagination>li>.pagination-submit {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 8px;
margin-top: -1px
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
text-decoration: none;
z-index: 2;
color: var(--rf-brand-color-on-primary);
background-color: var(--rf-brand-color-primary);
border-color: var(--rf-brand-color-primary);
cursor: default
}
.pagination>.disabled,.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
color: var(--rf-brand-color-status-disabled);
border-color: var(--rf-brand-color-border);
background-color: var(--rf-brand-color-surface);
text-decoration: none;
cursor: not-allowed
}
.pagination>.disabled>a>span,.pagination>.disabled>a>span:focus,.pagination>.disabled>a>span:hover {
text-decoration: none;
color: var(--rf-brand-color-status-disabled);
cursor: not-allowed
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
text-decoration: none;
color: var(--rf-brand-color-on-primary);
background-color: var(--rf-brand-color-primary);
border: 1px solid var(--rf-brand-color-primary)
}
.row-icon-controls {
display: none;
right: 0;
background-color: inherit;
padding: 4px 12px;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.row-icon-controls span {
cursor: pointer
}
.row-icon-controls span:hover,.row-icon-controls span:active,.row-icon-controls span:focus {
cursor: pointer
}
.has-icon-controls:hover .row-icon-controls {
display: block
}
.progress {
margin-bottom: 0;
height: 13px;
-webkit-box-shadow: none;
box-shadow: none;
background: var(--rf-brand-color-surface)
}
.progress .progress-bar {
background-color: #00bcd6;
-webkit-box-shadow: none;
box-shadow: none;
text-shadow: none
}
.progress-climb {
background: var(--rf-brand-color-surface)
}
.progress-climb .progress-bar {
background-color: #00bcd6
}
.progress-status {
background: var(--rf-brand-color-status-success)
}
.progress-status .progress-bar {
background-color: var(--rf-brand-color-status-error)
}
.loading-zone {
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
margin-top: 25px;
position: absolute;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center
}
.loading-zone .rfSI {
height: 50px;
width: 50px;
max-height: 50px;
max-width: 50px
}
@media all and (min-width: 1024px) {
.irs-slider-sontainer {
width:100%
}
}
#irs-active-slider {
background: var(--rf-system-color-neutral-40);
box-shadow: var(--rf-system-color-neutral-50) 1px 1px 1px 0;
width: 12px;
height: 24px;
top: 16px
}
.irs {
height: 40px;
position: relative;
display: block
}
.irs-line,.irs-line-left,.irs-line-mid,.irs-line-right {
height: 8px
}
.irs-line {
top: 25px;
background: var(--rf-brand-color-surface-3)
}
.irs-line {
position: relative;
display: block;
overflow: hidden
}
.irs-line-left {
left: 0;
width: 10%
}
.irs-line-left,.irs-line-mid,.irs-line-right {
position: absolute;
display: block;
top: 0
}
.irs-line-mid {
left: 10%;
width: 80%
}
.irs-line-right {
right: 0;
width: 10%
}
.irs-max,.irs-min {
color: var(--rf-system-color-neutral-50);
font-size: 12px;
top: 0;
padding: 1px 3px;
background: var(--rf-brand-color-surface-2)
}
.irs-from,.irs-max,.irs-min,.irs-single,.irs-to {
line-height: 1.333;
text-shadow: none;
border-radius: 0
}
.irs-min {
position: absolute;
display: block;
left: 0
}
.irs-max,.irs-min,.irs-slider {
cursor: default
}
.irs-max {
position: absolute;
display: block;
right: 0
}
.irs-from,.irs-single,.irs-to {
padding: 1px 5px
}
.irs-from,.irs-single,.irs-to {
color: var(--rf-system-color-neutral-100);
font-size: 10px;
padding: 1px 5px;
background: var(--rf-brand-color-surface-2)
}
.irs-from,.irs-single,.irs-to {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap
}
.irs-diapason {
background: var(--rf-brand-color-primary)
}
.irs-diapason {
height: 8px;
top: 25px
}
.irs-diapason {
position: absolute;
display: block;
left: 0;
width: 100%
}
.irs-slider.from {
left: 100px
}
.irs-slider {
width: 10px;
height: 22px;
top: 17px;
border: 1px solid var(--rf-system-color-neutral-100);
background: var(--rf-system-color-neutral-40)
}
.irs-slider {
position: absolute;
display: block;
z-index: 1
}
.irs-slider.from:before {
left: -300%
}
.irs-slider.from:before,.irs-slider.single:before,.irs-slider.to:before {
position: absolute;
display: block;
content: "";
top: -50%;
width: 400%;
height: 200%;
background: rgba(0,0,0,0)
}
.irs-slider.last {
z-index: 2
}
.irs-slider.to:before {
left: 0
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px
}
a.icon-tooltip:hover {
text-decoration: none
}
a.icon-tooltip span {
z-index: 10;
display: none;
padding: 10px;
line-height: inherit
}
a.icon-tooltip:hover span {
display: inline;
position: absolute;
margin-left: 10px;
margin-top: -4px;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
background: var(--rf-brand-color-surface)
}
a.icon-tooltip span {
border-radius: 2px;
box-shadow: 0 1px 10px 1px #58595b
}
body div.ui-tooltip {
opacity: 1;
border: 1px solid var(--rf-brand-color-border);
position: absolute;
z-index: 9999;
background: var(--rf-brand-color-surface);
min-width: 100px;
max-height: 300px;
border-radius: var(--rf-brand-shape-radius);
font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
display: flex;
clear: both;
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
body div.ui-tooltip:before,body div.ui-tooltip:after {
content: "";
display: table;
clear: both
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-size: 12px;
font-style: normal;
font-weight: var(--rf-system-font-weight-400);
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
filter: alpha(opacity=0);
opacity: 0;
line-break: auto
}
.tooltip .tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: rgba(0,0,0,0);
border-style: solid
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9
}
.tooltip .tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: var(--rf-system-color-neutral-100);
text-align: center;
background-color: var(--rf-system-color-neutral-0);
border-radius: var(--rf-brand-shape-radius)
}
.alignment-matrix {
display: grid;
gap: 4px;
width: 100px;
height: 140px;
border: 2px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
padding: 16px 8px 4px
}
.alignment-matrix.square-matrix {
height: 100px;
padding: 8px
}
.alignment-matrix .alignment-button-container {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
height: 100%;
width: 100%;
max-height: 100%;
max-width: 100%
}
.alignment-matrix .alignment-button-container .ribbon-full-width-rectangle {
width: 100%;
height: 24px;
fill: var(--rf-brand-color-primary)
}
.alignment-matrix .alignment-button-container .ribbon-full-width-rectangle.gray {
fill: var(--rf-system-color-neutral-50)
}
.alignment-matrix.full-grid {
grid-template-rows: repeat(3, 1fr);
grid-template-columns: repeat(3, 1fr)
}
.alignment-matrix.split-grid {
align-content: space-between;
padding: 8px
}
.alignment-matrix-label {
color: var(--rf-brand-color-status-disabled)
}
.rf-checkbox .rf-checkbox-icon {
position: absolute;
width: 16px;
height: 16px;
top: 0;
left: 0
}
.rf-checkbox svg {
fill: var(--rf-brand-color-surface)
}
.rf-checkbox svg:hover,.rf-checkbox svg:active,.rf-checkbox svg:focus {
fill: var(--rf-comp-checkbox-color);
transition: background .2s linear;
-webkit-transition: background .2s linear
}
@media all and (max-width: 768px) {
.rf-checkbox svg:hover,.rf-checkbox svg:active,.rf-checkbox svg:focus {
fill:var(--rf-brand-color-surface)
}
}
.rf-checkbox .checkbox-bg {
width: 16px;
height: 16px;
border-radius: 4px;
border: 1px solid var(--rf-comp-checkbox-color);
background: var(--rf-brand-color-surface);
box-sizing: border-box;
transition: background .2s linear,border .2s linear;
-webkit-transition: background .2s linear,border .2s linear
}
.rf-checkbox input[type=checkbox]:checked,.rf-checkbox input[type=checkbox]:indeterminate {
width: 30px
}
.rf-checkbox input[type=checkbox]:checked+.checkbox-bg,.rf-checkbox input[type=checkbox]:indeterminate+.checkbox-bg {
background: var(--rf-comp-checkbox-color-checked);
border-color: var(--rf-comp-checkbox-color-checked);
transition: background .2s linear,border .2s linear;
-webkit-transition: background .2s linear,border .2s linear
}
.rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rf-checkbox-icon svg,.rf-checkbox input[type=checkbox]:indeterminate+.checkbox-bg+.rf-checkbox-icon svg {
fill: var(--rf-brand-color-surface)
}
.rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rf-checkbox-icon svg:hover,.rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rf-checkbox-icon svg:active,.rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rf-checkbox-icon svg:focus,.rf-checkbox input[type=checkbox]:indeterminate+.checkbox-bg+.rf-checkbox-icon svg:hover,.rf-checkbox input[type=checkbox]:indeterminate+.checkbox-bg+.rf-checkbox-icon svg:active,.rf-checkbox input[type=checkbox]:indeterminate+.checkbox-bg+.rf-checkbox-icon svg:focus {
fill: var(--rf-brand-color-surface) !important;
transition: background .2s linear;
-webkit-transition: background .2s linear
}
.rf-checkbox input[type=checkbox]:disabled+.checkbox-bg,.rf-checkbox input[type=checkbox][disabled]+.checkbox-bg {
border: 1px solid var(--rf-brand-color-status-disabled);
background-color: rgba(0,0,0,0)
}
.rf-checkbox input[type=checkbox]:disabled+.checkbox-bg+.rf-checkbox-icon svg,.rf-checkbox input[type=checkbox][disabled]+.checkbox-bg+.rf-checkbox-icon svg {
fill: rgba(0,0,0,0);
cursor: not-allowed
}
.rf-checkbox input[type=checkbox]:disabled+.checkbox-bg+.rf-checkbox-icon svg:hover,.rf-checkbox input[type=checkbox]:disabled+.checkbox-bg+.rf-checkbox-icon svg:active,.rf-checkbox input[type=checkbox]:disabled+.checkbox-bg+.rf-checkbox-icon svg:focus,.rf-checkbox input[type=checkbox][disabled]+.checkbox-bg+.rf-checkbox-icon svg:hover,.rf-checkbox input[type=checkbox][disabled]+.checkbox-bg+.rf-checkbox-icon svg:active,.rf-checkbox input[type=checkbox][disabled]+.checkbox-bg+.rf-checkbox-icon svg:focus {
fill: rgba(0,0,0,0) !important;
cursor: not-allowed
}
.rf-checkbox input[type=checkbox]:disabled:checked+.checkbox-bg,.rf-checkbox input[type=checkbox]:disabled:indeterminate+.checkbox-bg,.rf-checkbox input[type=checkbox][disabled]:checked+.checkbox-bg,.rf-checkbox input[type=checkbox][disabled]:indeterminate+.checkbox-bg {
border: 1px solid rgba(0,0,0,0);
background-color: var(--rf-brand-color-status-disabled)
}
.rf-checkbox input[type=checkbox]:disabled:checked+.checkbox-bg+.rf-checkbox-icon svg,.rf-checkbox input[type=checkbox]:disabled:indeterminate+.checkbox-bg+.rf-checkbox-icon svg,.rf-checkbox input[type=checkbox][disabled]:checked+.checkbox-bg+.rf-checkbox-icon svg,.rf-checkbox input[type=checkbox][disabled]:indeterminate+.checkbox-bg+.rf-checkbox-icon svg {
fill: var(--rf-brand-color-surface) !important
}
.rf-checkbox input[type=checkbox]:disabled:checked+.checkbox-bg+.rf-checkbox-icon svg:hover,.rf-checkbox input[type=checkbox]:disabled:checked+.checkbox-bg+.rf-checkbox-icon svg:active,.rf-checkbox input[type=checkbox]:disabled:checked+.checkbox-bg+.rf-checkbox-icon svg:focus,.rf-checkbox input[type=checkbox]:disabled:indeterminate+.checkbox-bg+.rf-checkbox-icon svg:hover,.rf-checkbox input[type=checkbox]:disabled:indeterminate+.checkbox-bg+.rf-checkbox-icon svg:active,.rf-checkbox input[type=checkbox]:disabled:indeterminate+.checkbox-bg+.rf-checkbox-icon svg:focus,.rf-checkbox input[type=checkbox][disabled]:checked+.checkbox-bg+.rf-checkbox-icon svg:hover,.rf-checkbox input[type=checkbox][disabled]:checked+.checkbox-bg+.rf-checkbox-icon svg:active,.rf-checkbox input[type=checkbox][disabled]:checked+.checkbox-bg+.rf-checkbox-icon svg:focus,.rf-checkbox input[type=checkbox][disabled]:indeterminate+.checkbox-bg+.rf-checkbox-icon svg:hover,.rf-checkbox input[type=checkbox][disabled]:indeterminate+.checkbox-bg+.rf-checkbox-icon svg:active,.rf-checkbox input[type=checkbox][disabled]:indeterminate+.checkbox-bg+.rf-checkbox-icon svg:focus {
fill: var(--rf-brand-color-surface) !important;
transition: background .2s linear;
-webkit-transition: background .2s linear
}
.rf-checkbox.disabled span {
color: var(--rf-brand-color-status-disabled)
}
.rf-checkbox.disabled .rf-checkbox-label {
cursor: not-allowed
}
.rf-checkbox.success .checkbox-bg {
border-color: var(--rf-brand-color-status-success)
}
.rf-checkbox.success input[type=checkbox]:checked+.checkbox-bg,.rf-checkbox.success input[type=checkbox]:indeterminate+.checkbox-bg {
background: var(--rf-brand-color-status-success)
}
.rf-checkbox.checkbox-block {
display: block;
margin-bottom: 8px
}
.rf-checkbox-content {
display: flex
}
.rf-checkbox-content.has-sub-label {
flex-direction: column
}
.rf-checkbox-content .rf-checkbox-label-tooltip-wrapper {
display: flex;
align-items: center
}
:focus {
outline: 0 !important
}
.admin-form .checkbox input,.admin-form .radio input {
position: absolute;
left: -9999px
}
.admin-form .inline-checkbox-container {
float: left;
margin-right: 20px
}
.admin-form .checkbox {
position: relative;
display: block;
min-height: 20px;
margin: 0;
padding-left: 25px;
line-height: 20px;
color: var(--rf-brand-color-text-body);
cursor: pointer;
font-size: 13px;
font-weight: var(--rf-system-font-weight-400);
outline: none
}
.admin-form .checkbox input[type=checkbox],.admin-form .checkbox-inline input[type=checkbox] {
position: absolute;
box-sizing: border-box;
padding: 0;
width: 20px;
height: 20px;
margin: 0 0 0 -25px;
line-height: normal;
outline: none
}
.admin-form .checkbox i {
position: absolute;
top: 0;
left: 0;
display: block;
width: 20px;
height: 20px;
outline: 0;
border-width: 1px;
border-style: solid;
background: var(--rf-brand-color-surface)
}
.admin-form .checkbox input+i:after {
position: absolute;
opacity: 0;
transition: opacity .1s;
-o-transition: opacity .1s;
-ms-transition: opacity .1s;
-moz-transition: opacity .1s;
-webkit-transition: opacity .1s
}
.admin-form .checkbox input+i:after,.admin-form .rating input+label:hover,.admin-form .rating input+label:hover~label,.admin-form .rating input:checked~label {
color: var(--rf-brand-color-status-info)
}
.admin-form .checkbox input:checked+i:after,.admin-form .radio input:checked+i:after {
opacity: 1
}
.admin-form .checkbox i {
border-color: var(--rf-brand-color-border);
transition: border-color .3s;
-o-transition: border-color .3s;
-ms-transition: border-color .3s;
-moz-transition: border-color .3s;
-webkit-transition: border-color .3s
}
.md-checkbox {
height: 16px;
float: left
}
.md-checkbox .rfSI {
width: 16px;
height: 16px;
float: left;
margin: 0 0 0 -16px
}
.md-checkbox .rfSI svg {
fill: var(--rf-system-color-neutral-100)
}
.md-checkbox span {
cursor: pointer;
font-size: 16px;
color: var(--rf-system-color-neutral-0);
float: left;
margin: 0 60px 0 5px;
line-height: 16px
}
.md-checkbox input {
display: none
}
.md-checkbox i,.md-checkbox i:hover {
color: var(--rf-system-color-neutral-100);
padding: 0;
font-size: 14px;
margin: -1px 0 0 -15px;
float: left
}
.md-checkbox input[type=checkbox]:checked {
width: 30px
}
.md-checkbox .check-bkg {
width: 16px;
height: 16px;
border-radius: 2px;
border: 1px solid var(--rf-brand-color-primary);
float: left;
background: var(--rf-brand-color-surface);
box-sizing: border-box
}
.md-checkbox input[type=checkbox]:checked+.check-bkg {
background: var(--rf-brand-color-primary)
}
input[type=checkbox],.checkbox input[type=checkbox] {
accent-color: var(--rf-comp-checkbox-color);
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
-ms-appearance: checkbox;
-o-appearance: checkbox;
appearance: checkbox;
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important
}
input[type=checkbox]:hover,input[type=checkbox]:active,input[type=checkbox]:focus,.checkbox input[type=checkbox]:hover,.checkbox input[type=checkbox]:active,.checkbox input[type=checkbox]:focus {
border: none !important
}
input[type=checkbox]:checked,.checkbox input[type=checkbox]:checked {
accent-color: var(--rf-comp-checkbox-color-checked)
}
.checkbox-label {
width: 100%;
color: var(--rf-brand-color-primary);
font-weight: var(--rf-system-font-weight-300);
display: block;
font-size: 12px;
max-width: 100%;
margin-bottom: 0
}
.chip {
height: 30px;
border: 1px solid var(--rf-brand-color-border);
border-radius: 30px;
width: fit-content;
display: inline-flex;
align-items: center;
padding: 0 8px;
margin: 0 8px 8px 0;
background-color: var(--rf-brand-color-surface)
}
.chip.chip-with-image {
padding-left: 2px
}
.chip:hover {
cursor: pointer;
background-color: var(--rf-brand-color-surface-2)
}
.chip:focus {
background-color: var(--rf-brand-color-surface-2)
}
.chip.chip-highlighted {
background-color: var(--rf-brand-color-primary);
color: var(--rf-brand-color-on-primary);
border-color: var(--rf-brand-color-primary)
}
.chip.chip-highlighted p {
color: var(--rf-brand-color-on-primary)
}
.chip.chip-highlighted:hover {
background-color: var(--rf-brand-color-primary-hover);
border-color: var(--rf-brand-color-primary-hover)
}
.chip.chip-highlighted:focus {
background-color: var(--rf-brand-color-primary-hover);
border-color: var(--rf-brand-color-primary-hover)
}
.chip .chip-image-container {
width: 24px;
height: 24px
}
.chip .chip-image-container img {
width: 100%;
height: 100%;
border-radius: 12px
}
.chip .chip-image-overlay {
background: rgba(0,0,0,.4);
border-radius: 30px;
position: absolute
}
.chip .chip-text p {
margin: 0 4px
}
.chip .chip-text-constrained p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 219px
}
.rf-date-picker {
width: 100%;
cursor: pointer
}
.rf-date-picker input {
cursor: pointer;
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
.rf-date-picker input:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-date-picker input:active,.rf-date-picker input:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.rf-date-picker input :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-date-picker input :disabled:hover,.rf-date-picker input :disabled:active,.rf-date-picker input :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-date-picker.disabled input {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-date-picker.disabled input:hover,.rf-date-picker.disabled input:active,.rf-date-picker.disabled input:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-date-picker .DayPickerInput {
display: block;
width: 100%
}
.rf-date-picker input+.rfSI,.rf-date-picker .DayPickerInput+.rfSI {
position: absolute;
right: 4px;
top: 7px
}
.rf-date-picker .rf-daypicker-input-container {
position: relative
}
.DayPickerInput {
display: inline-block;
font-size: 1rem;
outline: none !important
}
.DayPickerInput * {
outline: none !important
}
.DayPickerInput .DayPicker-wrapper {
position: relative;
box-shadow: 0 2px 5px rgba(0,0,0,.15);
flex-direction: row;
padding-bottom: 1em;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.DayPickerInput .DayPickerInput-Overlay {
left: 0
}
.rf-date-and-time-picker {
position: relative
}
.rf-date-and-time-picker .rf-date-and-time-picker-popup {
top: 0
}
.rf-date-and-time-picker .rf-date-and-time-picker-popup-container {
position: relative
}
.rf-date-and-time-picker .rf-date-and-time-picker-popup-inner {
padding-inline:12px}
.DayPickerInput .rf-date-and-time-picker-popup,.DayPickerInput .DayPickerInput-Overlay,.rf-date-and-time-picker .rf-date-and-time-picker-popup,.rf-date-and-time-picker .DayPickerInput-Overlay {
position: absolute;
z-index: 10;
background: var(--rf-brand-color-surface);
box-shadow: 0 2px 5px rgba(0,0,0,.15)
}
.DayPickerInput .DayPicker-NavBar .DayPicker-NavButton,.rf-date-and-time-picker .DayPicker-NavBar .DayPicker-NavButton {
position: absolute;
top: 1em;
right: 1.5em;
left: auto;
display: inline-block;
margin-top: 2px;
width: 1.25em;
height: 1.25em;
background-position: center;
background-size: 50%;
background-repeat: no-repeat;
color: var(--rf-comp-dropdown-action-color-on-background);
cursor: pointer
}
.DayPickerInput .DayPicker-NavBar .DayPicker-NavButton:hover,.rf-date-and-time-picker .DayPicker-NavBar .DayPicker-NavButton:hover {
opacity: .8
}
.DayPickerInput .DayPicker-NavBar .DayPicker-NavButton--prev,.rf-date-and-time-picker .DayPicker-NavBar .DayPicker-NavButton--prev {
margin-right: 1.5em;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC")
}
.DayPickerInput .DayPicker-NavBar .DayPicker-NavButton--next,.rf-date-and-time-picker .DayPicker-NavBar .DayPicker-NavButton--next {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==")
}
.DayPickerInput .DayPicker-Months,.rf-date-and-time-picker .DayPicker-Months {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.DayPickerInput .DayPicker-Month,.rf-date-and-time-picker .DayPicker-Month {
display: table;
margin: 0 1em;
margin-top: 1em;
border-spacing: 0;
border-collapse: collapse;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.DayPickerInput .DayPicker-Month .DayPicker-Caption,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Caption {
display: table-caption;
margin-bottom: .5em;
padding: 0 .5em;
text-align: left
}
.DayPickerInput .DayPicker-Month .DayPicker-Caption>div,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Caption>div {
font-weight: var(--rf-system-font-weight-500);
font-size: 1.15em
}
.DayPickerInput .DayPicker-Month .DayPicker-Caption div,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Caption div {
max-width: calc(100% - 44px);
word-wrap: break-word
}
.DayPickerInput .DayPicker-Month .DayPicker-Weekdays,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Weekdays {
display: table-header-group;
margin-top: 1em
}
.DayPickerInput .DayPicker-Month .DayPicker-Weekdays .DayPicker-WeekdaysRow,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Weekdays .DayPicker-WeekdaysRow {
display: table-row
}
.DayPickerInput .DayPicker-Month .DayPicker-Weekdays .DayPicker-Weekday,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Weekdays .DayPicker-Weekday {
display: table-cell;
padding: .5em;
text-align: center;
font-size: .875em;
color: var(--rf-brand-color-status-disabled)
}
.DayPickerInput .DayPicker-Month .DayPicker-Weekdays abbr[title],.rf-date-and-time-picker .DayPicker-Month .DayPicker-Weekdays abbr[title] {
border-bottom: none;
text-decoration: none
}
.DayPickerInput .DayPicker-Month .DayPicker-Weekdays abbr,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Weekdays abbr {
color: var(--rf-brand-color-status-disabled)
}
.DayPickerInput .DayPicker-Month .DayPicker-Body,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Body {
display: table-row-group
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker-Week,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Body .DayPicker-Week {
display: table-row
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker-Day,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Body .DayPicker-Day {
display: table-cell;
padding: .5em;
vertical-align: middle;
text-align: center;
cursor: pointer;
border-radius: var(--rf-brand-shape-radius)
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker-Day--today,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Body .DayPicker-Day--today {
color: var(--rf-brand-color-primary);
font-weight: var(--rf-system-font-weight-700)
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker-Day--outside,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Body .DayPicker-Day--outside {
color: var(--rf-system-color-neutral-50);
cursor: default
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker-Day--disabled,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Body .DayPicker-Day--disabled {
color: var(--rf-brand-color-status-disabled);
cursor: default
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker-WeekNumber,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Body .DayPicker-WeekNumber {
display: table-cell;
padding: .5em;
min-width: 1em;
border-right: 1px solid #eaecec;
color: var(--rf-system-color-neutral-50);
vertical-align: middle;
text-align: right;
font-size: .75em;
cursor: pointer
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker-Day--today,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Body .DayPicker-Day--today {
color: var(--rf-brand-color-primary)
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Body .DayPicker:not(.DayPicker--interactionDisabled) .DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
background-color: var(--rf-brand-color-primary-muted)
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside),.rf-date-and-time-picker .DayPicker-Month .DayPicker-Body .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
color: var(--rf-brand-color-on-primary);
background-color: var(--rf-brand-color-primary)
}
.DayPickerInput .DayPicker-Month .DayPicker-Body .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover,.rf-date-and-time-picker .DayPicker-Month .DayPicker-Body .DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
background-color: var(--rf-brand-color-primary)
}
.DayPickerInput .DayPicker-NavButton--interactionDisabled,.rf-date-and-time-picker .DayPicker-NavButton--interactionDisabled {
display: none
}
.DayPickerInput .DayPicker--interactionDisabled .DayPicker-Day,.rf-date-and-time-picker .DayPicker--interactionDisabled .DayPicker-Day {
cursor: default
}
.DayPickerInput .DayPicker-Footer,.rf-date-and-time-picker .DayPicker-Footer {
padding-top: .5em;
text-align: center
}
.DayPickerInput .DayPicker-Footer .DayPicker-TodayButton,.rf-date-and-time-picker .DayPicker-Footer .DayPicker-TodayButton {
border: none;
background-color: rgba(0,0,0,0);
background-image: none;
box-shadow: none;
color: var(--rf-brand-color-primary);
font-size: .875em;
cursor: pointer
}
.modal-date-picker {
z-index: 9999
}
.modal-date-picker+.modal-date-picker {
z-index: 9998
}
.modal-date-picker+.modal-date-picker+.modal-date-picker {
z-index: 9997
}
.modal-date-picker .DayPickerInput-OverlayWrapper {
position: fixed
}
#ui-datepicker-div {
background-color: var(--rf-brand-color-surface);
border: 1px solid var(--rf-brand-color-border);
z-index: 3051 !important
}
.ui-datepicker .ui-icon {
background: none !important;
text-indent: 0 !important;
overflow: initial !important;
margin: 0 !important;
height: auto !important;
width: auto !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
.ui-widget-header .ui-state-hover {
background-color: var(--rf-system-color-neutral-60) !important;
border-color: var(--rf-system-color-neutral-60) !important
}
.ui-datepicker {
width: 17em;
padding: 0;
display: none
}
.ui-datepicker .ui-datepicker-header {
position: relative;
border: 0;
font-weight: var(--rf-system-font-weight-700);
width: 100%;
padding: 4px 0;
background-color: var(--rf-brand-color-surface-2);
color: var(--rf-system-color-neutral-40)
}
.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%
}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
width: 49%
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
border: 0;
font-weight: var(--rf-system-font-weight-700);
color: var(--rf-system-color-neutral-40)
}
.ui-datepicker td {
border: 0;
padding: 1px
}
.ui-datepicker td a,.ui-datepicker td span {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-datepicker-cover {
display: none;
display: block;
position: absolute;
z-index: -1;
filter: mask();
top: -4px;
left: -4px;
width: 200px;
height: 200px
}
.ui-datepicker-today a:hover {
background-color: var(--rf-system-color-neutral-40);
color: var(--rf-system-color-neutral-100)
}
.ui-datepicker-today a {
background-color: var(--rf-system-color-neutral-60);
cursor: pointer;
padding: 0 4px;
margin-bottom: 0
}
.ui-datepicker td a {
margin-bottom: 0;
border: 0
}
.ui-datepicker td:hover {
color: var(--rf-system-color-neutral-100)
}
.ui-datepicker td .ui-state-default {
border: 0;
background: rgba(0,0,0,0);
margin-bottom: 0;
padding: 5px;
color: var(--rf-system-color-neutral-40);
text-align: center;
filter: none
}
.ui-datepicker td .ui-state-highlight {
color: var(--rf-system-color-neutral-100);
background-color: #e71356;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.ui-datepicker td .ui-state-active {
color: var(--rf-system-color-neutral-20);
background-color: var(--rf-brand-color-surface-3);
margin-bottom: 0;
font-size: normal;
text-shadow: 0;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.ui-datepicker td .ui-state-hover {
color: var(--rf-system-color-neutral-100);
background: #1570ef;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
border-color: #1570ef;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.ui-timepicker-div .ui-widget-header {
margin-bottom: 8px
}
.ui-timepicker-div dl {
text-align: left
}
.ui-timepicker-div dl dt {
float: left;
clear: left;
padding: 0 0 0 5px
}
.ui-timepicker-div dl dd {
margin: 17px 10px 12px 40%
}
.ui-timepicker-div td {
font-size: 90%
}
.ui-tpicker-grid-label {
background: rgba(0,0,0,0);
border: none;
margin: 0;
padding: 0
}
.ui-timepicker-rtl dl {
text-align: right;
padding: 0 5px 0 0
}
.ui-timepicker-rtl dl dt {
float: right;
clear: right
}
.ui-timepicker-rtl dl dd {
margin: 0 40% 10px 10px
}
.select2-container {
height: 100%;
width: 100%
}
.select2-container .select2-choice {
width: 100%;
text-align: left
}
.admin-form .select2-container .select2-choice .select2-chosen {
padding-left: 0
}
.admin-form .select2-container .select2-choice .select2-arrow b {
line-height: 28px
}
.select2-dropdown-open .select2-choice {
border-color: var(--rf-brand-color-primary)
}
.select2-container-disabled .select2-choice:hover,.select2-container-disabled .select2-choice:focus,.select2-container-disabled .select2-choice:active {
border: 1px solid var(--rf-brand-color-border)
}
.select2-container-multi .select2-choices {
height: auto !important;
margin: 0;
padding: 0 0 1px;
position: relative;
cursor: text;
overflow: hidden;
min-height: 32px;
border-radius: var(--rf-brand-shape-radius)
}
.select2-container-multi .select2-choices .select2-search-field {
margin: 0;
padding: 0;
white-space: nowrap
}
.select2-container-multi .select2-choices li {
float: left;
list-style: none
}
.select2-container-multi .select2-choices .select2-search-field input {
padding: 5px;
margin: 0;
font-family: inherit;
font-size: inherit;
outline: 0;
background: rgba(0,0,0,0) !important;
min-height: auto
}
.smart-style-3 .select2-container-multi .select2-choices .select2-search-field input {
box-shadow: none !important;
border: none !important;
min-height: 27px
}
.smart-style-3 .search-output-container .criterion-select2 .select2-choices .select2-search-field input {
padding: 0
}
.smart-style-3 .search-output-container .select2-container-multi .select2-choices .select2-search-field input {
min-height: 1px
}
.search-output-container .md-form label .select2-container .select2-choice .select2-arrow {
line-height: 32px
}
.select2-results {
max-height: 200px;
padding: 0 0 0 4px;
margin: 4px 4px 4px 0;
font-size: 13px;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit {
background: var(--rf-brand-color-surface-2);
display: list-item;
padding: 3px 5px
}
.select2-results li {
list-style: none
}
.select2-no-results:before {
display: inline-block;
font-weight: var(--rf-system-font-weight-400);
content: "";
margin-right: 5px
}
.select2-no-results:before,.select2-search:before {
font-style: normal;
font-family: FontAwesome;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.select2-container-multi .select2-search-choice-close {
display: block;
top: 0;
right: 0;
padding: 3px 4px 3px 6px;
border-radius: 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0;
font-family: FontAwesome
}
.select2-container-multi .select2-choices .select2-search-choice {
padding: 4px 28px 4px 8px;
position: relative;
line-height: 18px;
color: inherit;
cursor: default;
border: 1px solid var(--rf-brand-color-primary);
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: var(--rf-brand-color-primary)
}
.md-form .select2-container .select2-choice .select2-arrow b:before {
margin-top: 7px
}
.smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR),.form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR),.rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
.smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):hover,.form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):hover,.rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):active,.smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):focus,.form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):active,.form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):focus,.rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):active,.rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled,.form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled,.rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled:hover,.smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled:active,.smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled:focus,.form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled:hover,.form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled:active,.form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled:focus,.rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled:hover,.rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled:active,.rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled,.form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled,.rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled:hover,.smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled:active,.smart-form input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled:focus,.form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled:hover,.form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled:active,.form-control input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled:focus,.rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled:hover,.rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled:active,.rf-select input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-input {
width: 100%
}
.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR),.rf-input textarea {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):hover,.rf-input textarea:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):active,.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):focus,.rf-input textarea:active,.rf-input textarea:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled,.rf-input textarea :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled:hover,.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled:active,.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) :disabled:focus,.rf-input textarea :disabled:hover,.rf-input textarea :disabled:active,.rf-input textarea :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled,.rf-input textarea:disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled:hover,.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled:active,.rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):disabled:focus,.rf-input textarea:disabled:hover,.rf-input textarea:disabled:active,.rf-input textarea:disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-input.no-padding {
padding: 0
}
.rf-input ul {
margin: 0;
padding: 0
}
.rf-input.rf-input-left-icon input:not([type=checkbox]):not([type=radio]):not(.mdBtnR) {
padding-left: 24px
}
.rf-input .readOnly-value {
height: auto;
font-size: 16px;
line-height: 1.3em
}
.rf-input.disabled input:not(.mdBtnR),.rf-input.disabled textarea {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-input.disabled input:not(.mdBtnR):hover,.rf-input.disabled input:not(.mdBtnR):active,.rf-input.disabled input:not(.mdBtnR):focus,.rf-input.disabled textarea:hover,.rf-input.disabled textarea:active,.rf-input.disabled textarea:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-req {
color: var(--rf-brand-color-status-error);
vertical-align: middle;
margin-left: 2px
}
.rf-search-input {
width: 100%
}
.rf-search-input .search-input-container {
display: flex;
width: 100%
}
.rf-search-input input,.rf-search-input .rf-search-input-icon {
border: 1px solid var(--rf-brand-color-border);
transition: .2s ease-in-out
}
.rf-search-input input {
border-right: none;
width: 100%;
line-height: 20px;
display: block;
padding: 6px 8px;
background-color: var(--rf-brand-color-surface);
color: var(--rf-brand-color-text-body);
-webkit-border-radius: var(--rf-brand-shape-radius) 0 0 var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius) 0 0 var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius) 0 0 var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius) 0 0 var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius) 0 0 var(--rf-brand-shape-radius)
}
.rf-search-input input:hover,.rf-search-input input:hover+.rf-search-input-icon {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-search-input input:active,.rf-search-input input:active+.rf-search-input-icon,.rf-search-input input:focus,.rf-search-input input:focus+.rf-search-input-icon {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.rf-search-input .rf-search-input-icon {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
background-color: var(--rf-brand-color-surface-2);
border-left-color: var(--rf-brand-color-border) !important;
width: 34px;
-webkit-border-radius: 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0;
-moz-border-radius: 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0;
-ms-border-radius: 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0;
-o-border-radius: 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0;
border-radius: 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0
}
.rf-search-input .rf-search-input-icon .rfSI svg {
fill: var(--rf-comp-dropdown-action-color-on-background)
}
.rf-search-input:hover input,.rf-search-input:hover .rf-search-input-icon {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-icon-input {
width: 100%
}
.rf-icon-input.icon-left input {
order: 2
}
.rf-icon-input.icon-left .rf-input-icon {
order: 1;
border-left: none;
border-right: 1px solid var(--rf-brand-color-border);
-webkit-border-radius: var(--rf-brand-shape-radius) 0 0 var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius) 0 0 var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius) 0 0 var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius) 0 0 var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius) 0 0 var(--rf-brand-shape-radius)
}
.rf-icon-input.uneditable .icon-input-container {
background-color: var(--rf-brand-color-surface-2)
}
.rf-icon-input.disabled .icon-input-container {
background-color: var(--rf-brand-color-surface-2);
cursor: not-allowed
}
.rf-icon-input.disabled .icon-input-container input {
cursor: not-allowed
}
.rf-icon-input.no-bg .rf-input-icon {
background-color: rgba(0,0,0,0)
}
.rf-icon-input.is-focused .icon-input-container {
border-color: var(--rf-brand-color-primary);
-webkit-box-shadow: 0 0 6px var(--rf-brand-color-primary);
-moz-box-shadow: 0 0 6px var(--rf-brand-color-primary);
-ms-box-shadow: 0 0 6px var(--rf-brand-color-primary);
-o-box-shadow: 0 0 6px var(--rf-brand-color-primary);
box-shadow: 0 0 6px var(--rf-brand-color-primary)
}
.rf-icon-input.full-icon .rf-input-icon .rfSI {
cursor: pointer;
height: 24px;
width: 24px;
max-height: 24px;
max-width: 24px
}
.rf-icon-input.full-icon .rf-input-icon .rfSI svg {
cursor: pointer
}
.rf-icon-input.no-icon-border .rf-input-icon {
border: none
}
.rf-icon-input.icon-primary-color .rf-input-icon .rfSI svg {
fill: var(--rf-brand-color-primary)
}
.rf-icon-input.normal-icon .rf-input-icon .rfSI {
height: 24px;
width: 24px;
max-height: 24px;
max-width: 24px
}
.rf-icon-input .icon-input-container {
display: flex;
width: 100%;
background-color: var(--rf-brand-color-surface);
transition: .2s ease-in-out;
border: 1px solid var(--rf-comp-input-color-border);
border-radius: var(--rf-comp-input-shape-radius);
position: relative
}
.rf-icon-input .icon-input-container:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-icon-input .icon-input-container:focus-within {
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important
}
.rf-icon-input input {
width: 100%;
line-height: 20px;
display: block;
padding: 4px 6px;
background-color: rgba(0,0,0,0);
color: var(--rf-brand-color-text-body);
font-size: var(--rf-brand-font-size);
border: none;
margin: 2px
}
.rf-icon-input .rf-input-icon {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--rf-brand-color-surface-2);
width: 35px;
min-width: 35px;
border-left: 1px solid var(--rf-brand-color-border);
-webkit-border-radius: 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0;
-moz-border-radius: 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0;
-ms-border-radius: 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0;
-o-border-radius: 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0;
border-radius: 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0
}
.rf-icon-input .rf-input-icon.has-unit-abbrev {
background-color: rgba(0,0,0,0);
border-left: none;
width: auto;
min-width: unset;
padding: 0 8px
}
.rf-icon-input .rf-input-icon abbr {
color: var(--rf-comp-input-color-placeholder);
text-decoration: none
}
.rf-icon-input .rf-input-icon .rfSI {
height: 12px;
width: 12px;
max-height: 12px;
max-width: 12px
}
.rf-icon-input .rf-input-icon .rfSI-stroke {
height: 16px;
width: 16px;
max-height: 16px;
max-width: 16px
}
.rf-icon-input .rf-input-icon .rfSI svg {
fill: var(--rf-comp-dropdown-action-color-on-background)
}
.rf-icon-input .rf-input-icon .rfSI-stroke {
height: 15px;
width: 15px;
max-height: 15px;
max-width: 15px
}
.rf-icon-input .rf-input-icon .rfSI-stroke svg * {
stroke: var(--rf-system-color-neutral-50)
}
.admin-form section,.md-form section {
margin-bottom: 10px
}
@media screen and (max-width: 768px) {
.admin-form section:last-of-type,.md-form section:last-of-type {
margin-bottom:0
}
}
.split-input section:last-of-type {
margin-bottom: 20px
}
.admin-form .label {
color: var(--rf-brand-color-text-body);
display: block;
font-weight: var(--rf-system-font-weight-400);
font-size: 13px;
line-height: 19px;
margin-bottom: 6px;
text-align: left
}
.admin-form .label .req {
color: var(--rf-brand-color-status-error);
font-size: 18px;
line-height: 16px;
vertical-align: middle
}
.admin-form .input,.admin-form .select,.admin-form .textarea {
color: var(--rf-brand-color-text-body);
display: block;
font-weight: var(--rf-system-font-weight-300);
position: relative;
width: 100%;
clear: both;
overflow: hidden
}
.admin-form .input input,.admin-form .select select,.admin-form .textarea textarea,.admin-form label .select2-container .select2-choice,.admin-form .twitter-typeahead .tt-query,.admin-form label .select2-container-multi .select2-choices {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
.admin-form .input input:hover,.admin-form .select select:hover,.admin-form .textarea textarea:hover,.admin-form label .select2-container .select2-choice:hover,.admin-form .twitter-typeahead .tt-query:hover,.admin-form label .select2-container-multi .select2-choices:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.admin-form .input input:active,.admin-form .input input:focus,.admin-form .select select:active,.admin-form .select select:focus,.admin-form .textarea textarea:active,.admin-form .textarea textarea:focus,.admin-form label .select2-container .select2-choice:active,.admin-form label .select2-container .select2-choice:focus,.admin-form .twitter-typeahead .tt-query:active,.admin-form .twitter-typeahead .tt-query:focus,.admin-form label .select2-container-multi .select2-choices:active,.admin-form label .select2-container-multi .select2-choices:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.admin-form .input input :disabled,.admin-form .select select :disabled,.admin-form .textarea textarea :disabled,.admin-form label .select2-container .select2-choice :disabled,.admin-form .twitter-typeahead .tt-query :disabled,.admin-form label .select2-container-multi .select2-choices :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.admin-form .input input :disabled:hover,.admin-form .input input :disabled:active,.admin-form .input input :disabled:focus,.admin-form .select select :disabled:hover,.admin-form .select select :disabled:active,.admin-form .select select :disabled:focus,.admin-form .textarea textarea :disabled:hover,.admin-form .textarea textarea :disabled:active,.admin-form .textarea textarea :disabled:focus,.admin-form label .select2-container .select2-choice :disabled:hover,.admin-form label .select2-container .select2-choice :disabled:active,.admin-form label .select2-container .select2-choice :disabled:focus,.admin-form .twitter-typeahead .tt-query :disabled:hover,.admin-form .twitter-typeahead .tt-query :disabled:active,.admin-form .twitter-typeahead .tt-query :disabled:focus,.admin-form label .select2-container-multi .select2-choices :disabled:hover,.admin-form label .select2-container-multi .select2-choices :disabled:active,.admin-form label .select2-container-multi .select2-choices :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
label .select2-container .select2-choice {
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius)
}
.admin-form label .select2-container .select2-choice,.admin-form label .select2-container-multi .select2-choices {
padding: 0
}
.admin-form .myState-error,.admin-form .state-error.input input,.admin-form .state-error.input input:hover,.admin-form .state-error.input input:active,.admin-form .state-error.input input:focus,.admin-form .state-error .select2-container .select2-choice,.admin-form .state-error .select2-container .select2-choice:hover,.admin-form .state-error .select2-container .select2-choice:active,.admin-form .state-error .select2-container .select2-choice:focus {
background: var(--rf-system-color-red-50) !important;
border-color: var(--rf-brand-color-status-error) !important
}
.rf-nps-question .form-element-feedback {
margin-bottom: 6px
}
.rf-nps-question .rf-button-inline-toggle button {
display: block;
margin-right: 0;
margin-bottom: 8px;
min-width: 250px;
text-align: left
}
.rf-phone-number .rf-standalone-label {
width: 100%
}
.rf-phone-number .phone-number-wrapper {
display: flex
}
.rf-phone-number .rf-select {
width: 150px;
flex-shrink: 0;
margin-right: 20px
}
.rf-phone-number .rf-input {
width: 100%;
flex: 1
}
.rf-phone-number-overlay {
width: 300px !important
}
.select2-search-choice-close {
display: block;
min-width: 21px;
min-height: 20px;
position: absolute;
right: 3px;
top: 3px;
margin: 0;
padding: 0;
font-size: 15px;
text-decoration: none;
font-style: normal;
font-weight: var(--rf-system-font-weight-400);
line-height: 1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.rf-tag-container {
padding: 0;
margin: 0;
font-size: 0
}
.rf-tag-container .rf-tag {
display: inline-block;
vertical-align: middle;
background-color: var(--rf-brand-color-surface-2);
font-size: var(--rf-brand-font-size);
position: relative;
cursor: pointer;
color: var(--rf-brand-color-text-body);
margin-left: 0;
line-height: 1;
margin-right: 8px;
margin-bottom: 8px;
border: 1px solid var(--rf-brand-color-border);
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius);
padding: 6px
}
.rf-tag-container .rf-tag:hover {
opacity: .85
}
.rf-tag-container .rf-tag.active {
border-width: 2px
}
.rf-tag-container .rf-tag:not(.has-remove):hover {
opacity: 1
}
.rf-tag-container .rf-tag.has-remove {
padding: 6px 24px 6px 6px
}
.rf-tag-container .rf-tag.info {
background-color: var(--rf-brand-color-status-info-container);
border-color: var(--rf-brand-color-status-info)
}
.rf-tag-container .rf-tag.info svg {
fill: var(--rf-system-color-neutral-30)
}
.rf-tag-container .rf-tag.warning {
background-color: var(--rf-brand-color-status-warning-container);
border-color: var(--rf-brand-color-status-warning);
color: var(--rf-brand-color-status-on-warning)
}
.rf-tag-container .rf-tag.warning svg {
fill: var(--rf-brand-color-status-on-warning)
}
.rf-tag-container .rf-tag.danger {
background-color: var(--rf-brand-color-status-error-container);
border-color: var(--rf-brand-color-status-error)
}
.rf-tag-container .rf-tag.danger svg {
fill: var(--rf-system-color-neutral-30)
}
.rf-tag-container .rf-tag .rf-tooltip-container {
padding: 0 4px 0 0;
margin: -4px 0 -6px
}
.rf-tag-container .rf-tag-remove {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 4px;
vertical-align: middle;
cursor: pointer;
font-size: 16px
}
.rf-tag-container .rf-tag-remove.disabled {
color: var(--rf-system-color-neutral-60)
}
.rf-tag-input {
padding-bottom: 8px
}
.rf-tag-input>.rf-input {
padding-bottom: 8px
}
.rf-pill {
display: inline-block;
background-color: rgba(0,0,0,0);
border: 1px solid rgba(0,0,0,0);
border-radius: 50px;
text-transform: uppercase;
padding: 1px 7px 3px;
font-size: 11px;
line-height: 14px;
vertical-align: middle;
margin-left: 12px;
fill: currentColor
}
.rf-pill.rf-pill-flex {
align-items: center;
display: inline-flex;
gap: 4px;
line-height: 1;
padding: 4px 8px
}
.rf-pill.rf-pill-flex .rf-pill-text {
font-size: var(--rf-brand-font-scale-7);
line-height: 1
}
.rf-pill .rfSI {
vertical-align: middle;
height: 14px;
width: 14px;
margin-right: 0;
max-height: 14px;
max-width: 14px;
fill: currentColor
}
.rf-pill .rfSI svg {
fill: currentColor
}
.rf-pill .rfSI .rf-pill-text {
margin-left: 2px
}
.rf-pill .rf-pill-text {
color: currentColor;
display: inline-block;
vertical-align: middle;
font-size: 11px;
line-height: 13px;
font-weight: var(--rf-system-font-weight-600)
}
.rf-pill .rf-pill-text .rfSI {
margin-left: 2px;
margin-right: 0
}
.rf-pill-open {
background-color: rgba(0,0,0,0);
border-color: var(--rf-brand-color-primary);
color: var(--rf-brand-color-primary)
}
.rf-pill-open .rf-pill-text {
color: var(--rf-brand-color-primary)
}
.rf-pill-primary {
background-color: var(--rf-brand-color-primary);
border-color: var(--rf-brand-color-primary);
color: var(--rf-brand-color-on-primary)
}
.rf-pill-primary-open {
background-color: rgba(0,0,0,0);
border-color: var(--rf-brand-color-primary);
color: var(--rf-brand-color-primary)
}
.rf-pill-white {
background-color: var(--rf-system-color-neutral-100);
border-color: var(--rf-system-color-neutral-100);
color: var(--rf-brand-color-primary)
}
.rf-pill-white-open {
background-color: rgba(0,0,0,0);
border-color: var(--rf-system-color-neutral-100);
color: var(--rf-system-color-neutral-100)
}
.rf-pill-lightgray {
background-color: var(--rf-system-color-neutral-70);
border-color: var(--rf-system-color-neutral-70);
color: var(--rf-system-color-neutral-30)
}
.rf-pill-lightgray-open {
background-color: rgba(0,0,0,0);
border-color: var(--rf-system-color-neutral-40);
color: var(--rf-system-color-neutral-40)
}
.rf-pill-medgray {
background-color: var(--rf-system-color-neutral-70);
border-color: var(--rf-system-color-neutral-70);
color: var(--rf-system-color-neutral-30)
}
.rf-pill-medgray-open {
background-color: rgba(0,0,0,0);
border-color: var(--rf-system-color-neutral-40);
color: var(--rf-system-color-neutral-40)
}
.rf-pill-gray {
background-color: var(--rf-system-color-neutral-30);
border-color: var(--rf-system-color-neutral-30);
color: var(--rf-system-color-neutral-100)
}
.rf-pill-gray-open {
background-color: rgba(0,0,0,0);
border-color: var(--rf-system-color-neutral-30);
color: var(--rf-system-color-neutral-30)
}
.rf-pill-blue {
background-color: var(--rf-brand-color-status-info);
border-color: var(--rf-brand-color-status-info);
color: var(--rf-brand-color-status-on-info)
}
.rf-pill-blue-open {
background-color: rgba(0,0,0,0);
border-color: var(--rf-brand-color-status-info);
color: var(--rf-brand-color-status-info)
}
.rf-pill-lightblue {
background-color: #00bcd6;
border-color: #00bcd6;
color: var(--rf-system-color-neutral-100)
}
.rf-pill-lightblue-open {
background-color: rgba(0,0,0,0);
border-color: #00bcd6;
color: #00bcd6
}
.rf-pill-purple {
background-color: #5c00dc;
border-color: #5c00dc;
color: var(--rf-system-color-neutral-100)
}
.rf-pill-purple-open {
background-color: rgba(0,0,0,0);
border-color: #5c00dc;
color: #5c00dc
}
.rf-pill-green {
background-color: var(--rf-brand-color-status-success);
border-color: var(--rf-brand-color-status-success);
color: var(--rf-brand-color-status-on-success)
}
.rf-pill-green-open {
background-color: rgba(0,0,0,0);
border-color: var(--rf-brand-color-status-success);
color: var(--rf-brand-color-status-success)
}
.rf-pill-orange {
background-color: var(--rf-brand-color-status-warning);
border-color: var(--rf-brand-color-status-warning);
color: var(--rf-brand-color-status-on-warning)
}
.rf-pill-orange-open {
background-color: rgba(0,0,0,0);
border-color: var(--rf-brand-color-status-warning);
color: var(--rf-brand-color-status-warning)
}
.rf-pill-yellow {
background-color: #ffc107;
border-color: #ffc107;
color: var(--rf-brand-color-text-heading)
}
.rf-pill-yellow-open {
background-color: rgba(0,0,0,0);
border-color: #ffc107;
color: #ffc107
}
.rf-pill-red {
background-color: var(--rf-brand-color-status-error);
border-color: var(--rf-brand-color-status-error);
color: var(--rf-brand-color-status-on-error)
}
.rf-pill-red-open {
background-color: rgba(0,0,0,0);
border-color: var(--rf-brand-color-status-error);
color: var(--rf-brand-color-status-error)
}
.rf-pill-pink {
background-color: #e71356;
border-color: #e71356;
color: var(--rf-system-color-neutral-100)
}
.rf-pill-pink-open {
background-color: rgba(0,0,0,0);
border-color: #e71356;
color: #e71356
}
input[type=radio],.radio input[type=radio] {
accent-color: var(--rf-comp-radio-color);
-webkit-appearance: radio;
-moz-appearance: radio;
-ms-appearance: radio;
-o-appearance: radio;
appearance: radio
}
.rf-radio-option input[type=radio] {
position: absolute;
visibility: hidden;
margin: 0
}
.rf-radio-option input[type=radio]:checked~.check::before {
background: var(--rf-comp-radio-color)
}
.rf-radio-option input[type=radio]:checked~.check {
border: 1px solid var(--rf-comp-radio-color)
}
.rf-radio-option input[type=radio]:checked~.check::before {
background: var(--rf-comp-radio-color)
}
.rf-radio-option input[type=radio]:disabled,.rf-radio-option input[type=radio]:disabled~* {
cursor: not-allowed
}
.rf-radio-option input[type=radio]:disabled~.rf-radio-label {
color: var(--rf-brand-color-status-disabled)
}
.rf-radio-option input[type=radio]:disabled:checked~.check::before {
background: var(--rf-brand-color-status-disabled)
}
.rf-radio-option input[type=radio]:disabled:checked~.check {
border: 1px solid var(--rf-brand-color-status-disabled)
}
.rf-radio-option input[type=radio]:disabled:checked~.check::before {
background: var(--rf-brand-color-status-disabled)
}
.rf-radio-option input[type=radio]:disabled+.check {
border-color: var(--rf-brand-color-status-disabled)
}
.rf-radio-option .rf-radio-label,.rf-radio-option span:first-of-type {
font-size: var(--rf-brand-font-size);
color: var(--rf-brand-color-text-body);
display: block;
position: relative;
-webkit-transition: all .25s linear
}
.rf-radio-option .check {
border: 1px solid var(--rf-comp-radio-color);
border-radius: 100%;
height: 15px;
width: 15px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
box-sizing: border-box
}
.rf-radio-option .check::before {
display: block;
position: absolute;
content: "";
border-radius: 100%;
height: 9px;
width: 9px;
top: 2px;
left: 2px;
margin: auto;
transition: background .2s linear;
-webkit-transition: background .2s linear
}
.rf-radio-option:hover .check::before,.rf-radio-option:focus .check::before {
display: block;
position: absolute;
content: "";
border-radius: 100%;
height: 9px;
width: 9px;
top: 2px;
left: 2px;
margin: auto;
transition: background .2s linear;
-webkit-transition: background .2s linear;
background: var(--rf-brand-color-status-disabled)
}
.rf-radio-option:hover input[type=radio]:disabled:not(:checked)+.check::before,.rf-radio-option:focus input[type=radio]:disabled:not(:checked)+.check::before {
background: none
}
.radio-appended-text {
margin-left: 8px
}
.rf-chip-wrapper {
display: flex;
flex-direction: column;
width: 100%
}
.rf-chip-wrapper.no-vertical-spacing {
padding-block:0}
.rf-chip-wrapper .selected-container {
display: inline-flex;
flex-wrap: wrap
}
.rf-chip-wrapper .selected-container.mb-2-chip-spacing {
margin-top: 2px
}
.rf-chip-wrapper .selected-container .add-interests-container {
width: 100%
}
.rf-chip-wrapper .not-selected-container {
display: inline-flex;
flex-wrap: wrap
}
.rf-day-picker button {
background: var(--rf-brand-color-surface-2);
height: 34px;
margin-right: 4px;
width: 34px;
border-radius: var(--rf-brand-shape-radius);
font-weight: var(--rf-system-font-weight-600);
font-size: 16px
}
.rf-day-picker button:hover {
background: var(--rf-system-color-neutral-70)
}
.rf-day-picker button.active {
background: var(--rf-brand-color-text-body);
border-color: var(--rf-brand-color-text-body);
color: var(--rf-brand-color-surface)
}
.rf-select {
width: 100%;
display: flex;
flex-direction: column
}
.rf-select * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.rf-select ul {
margin: 0;
padding: 0
}
.rf-select .rf-dropdown-container {
align-items: center;
cursor: pointer;
display: flex;
position: relative;
box-shadow: var(--rf-comp-button-elevation-shadow);
border-radius: var(--rf-comp-input-shape-radius);
height: 100%
}
.rf-select .rf-dropdown-container input {
border: none;
cursor: pointer
}
.rf-select .rf-dropdown-container input:disabled {
background-color: rgba(0,0,0,0)
}
.rf-select .rf-dropdown-container input:active,.rf-select .rf-dropdown-container input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-select .rf-dropdown-container .rf-dropdown-trigger {
position: relative;
width: 100%;
cursor: pointer;
border: 1px solid var(--rf-comp-dropdown-action-color-border);
border-right: none;
background-color: var(--rf-comp-input-color-background);
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-ms-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
.rf-select .rf-dropdown-container .rf-dropdown-trigger input {
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important
}
.rf-select .rf-dropdown-container .rf-dropdown-trigger input:hover,.rf-select .rf-dropdown-container .rf-dropdown-trigger input:active,.rf-select .rf-dropdown-container .rf-dropdown-trigger input:focus {
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important
}
.rf-select .rf-dropdown-container:hover .rf-dropdown-trigger,.rf-select .rf-dropdown-container:hover .dropdown-icon-background,.rf-select .rf-dropdown-container:active .rf-dropdown-trigger,.rf-select .rf-dropdown-container:active .dropdown-icon-background,.rf-select .rf-dropdown-container:focus .rf-dropdown-trigger,.rf-select .rf-dropdown-container:focus .dropdown-icon-background {
border-color: var(--rf-comp-dropdown-action-color-border)
}
.rf-select .select-dropdown-icon {
position: absolute;
top: 0;
right: 0
}
.rf-select .select-dropdown-icon,.rf-select .select-dropdown-icon .dropdown-icon-background {
width: 36px;
height: 100%
}
.rf-select .select-dropdown-icon .dropdown-icon-background {
pointer-events: none;
cursor: pointer;
background-color: var(--rf-comp-dropdown-action-color-background);
border: 1px solid var(--rf-comp-input-color-border);
border-left: none;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-ms-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
-webkit-border-radius: 0 var(--rf-comp-input-shape-radius) var(--rf-comp-input-shape-radius) 0;
-moz-border-radius: 0 var(--rf-comp-input-shape-radius) var(--rf-comp-input-shape-radius) 0;
-ms-border-radius: 0 var(--rf-comp-input-shape-radius) var(--rf-comp-input-shape-radius) 0;
-o-border-radius: 0 var(--rf-comp-input-shape-radius) var(--rf-comp-input-shape-radius) 0;
border-radius: 0 var(--rf-comp-input-shape-radius) var(--rf-comp-input-shape-radius) 0
}
.rf-select .select-dropdown-icon .rfSI {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 18px;
width: 18px;
max-height: 18px;
max-width: 18px
}
.rf-select .select-dropdown-icon .rfSI svg {
fill: var(--rf-comp-dropdown-action-color-on-background)
}
.rf-select .rf-selected-container {
position: relative;
height: 100%
}
.rf-select .relative-select-container {
position: relative
}
.rf-select .relative-select-container .placeholder-first-option {
color: var(--rf-comp-input-color-placeholder);
opacity: .75
}
.rf-select select,.rf-select select:not([multiple]) {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-ms-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
.rf-select select:hover,.rf-select select:not([multiple]):hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-select select:active,.rf-select select:focus,.rf-select select:not([multiple]):active,.rf-select select:not([multiple]):focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.rf-select select :disabled,.rf-select select:not([multiple]) :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-select select :disabled:hover,.rf-select select :disabled:active,.rf-select select :disabled:focus,.rf-select select:not([multiple]) :disabled:hover,.rf-select select:not([multiple]) :disabled:active,.rf-select select:not([multiple]) :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-select select+.select-dropdown-icon,.rf-select select:not([multiple])+.select-dropdown-icon {
position: absolute;
right: 0;
top: 0;
pointer-events: none
}
.rf-select select:hover,.rf-select select:not([multiple]):hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-select select:hover+.select-dropdown-icon .dropdown-icon-background,.rf-select select:not([multiple]):hover+.select-dropdown-icon .dropdown-icon-background {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-select select:active,.rf-select select:focus,.rf-select select:not([multiple]):active,.rf-select select:not([multiple]):focus {
border-color: var(--rf-comp-input-active-color-border)
}
.rf-select select:active+.select-dropdown-icon .dropdown-icon-background,.rf-select select:focus+.select-dropdown-icon .dropdown-icon-background,.rf-select select:not([multiple]):active+.select-dropdown-icon .dropdown-icon-background,.rf-select select:not([multiple]):focus+.select-dropdown-icon .dropdown-icon-background {
border-color: var(--rf-comp-input-active-color-border)
}
.rf-select.rf-error .rf-dropdown-trigger,.rf-select.rf-error .dropdown-icon-background {
border-color: var(--rf-brand-color-status-error)
}
.rf-select.rf-error select+.rf-dropdown-container:hover .rf-dropdown-trigger,.rf-select.rf-error select+.rf-dropdown-container:hover .dropdown-icon-background {
border-color: var(--rf-comp-dropdown-action-color-border)
}
.rf-select.rf-error select+.rf-dropdown-container:active .rf-dropdown-trigger,.rf-select.rf-error select+.rf-dropdown-container:active .dropdown-icon-background,.rf-select.rf-error select+.rf-dropdown-container:focus .rf-dropdown-trigger,.rf-select.rf-error select+.rf-dropdown-container:focus .dropdown-icon-background {
border-color: var(--rf-brand-color-status-error)
}
.rf-select.rf-error select:active,.rf-select.rf-error select:focus {
border-color: var(--rf-brand-color-status-error)
}
.rf-select.rf-error select:active+.select-dropdown-icon .dropdown-icon-background,.rf-select.rf-error select:focus+.select-dropdown-icon .dropdown-icon-background {
border-color: var(--rf-brand-color-status-error)
}
.rf-select.disabled .dropdown-icon-background,.rf-select.disabled .rf-dropdown-trigger {
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-select.disabled .rf-dropdown-container input {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-select.disabled .rf-dropdown-container input:hover,.rf-select.disabled .rf-dropdown-container input:active,.rf-select.disabled .rf-dropdown-container input:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-select.disabled:hover .rf-dropdown-trigger,.rf-select.disabled:hover .dropdown-icon-background,.rf-select.disabled:active .rf-dropdown-trigger,.rf-select.disabled:active .dropdown-icon-background,.rf-select.disabled:focus .rf-dropdown-trigger,.rf-select.disabled:focus .dropdown-icon-background {
border-color: var(--rf-comp-dropdown-action-color-border)
}
.rf-select.disabled:hover .dropdown-icon-background,.rf-select.disabled:active .dropdown-icon-background,.rf-select.disabled:focus .dropdown-icon-background {
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-select.disabled select {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-select.disabled select:hover,.rf-select.disabled select:active,.rf-select.disabled select:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-select.disabled select:hover+.select-dropdown-icon .dropdown-icon-background,.rf-select.disabled select:active+.select-dropdown-icon .dropdown-icon-background,.rf-select.disabled select:focus+.select-dropdown-icon .dropdown-icon-background {
border-color: var(--rf-comp-dropdown-action-color-border)
}
.rf-select.disabled * {
cursor: not-allowed !important
}
.rf-select.disabled .select-dropdown-icon svg {
fill: rgba(0,0,0,.38)
}
.rf-select.disabled+.rfSI svg {
fill: var(--rf-brand-color-status-disabled);
cursor: not-allowed
}
.rf-select.no-padding {
padding: 0
}
.rf-select.no-padding .rf-select-selected {
cursor: pointer
}
.rf-select .rf-label {
cursor: pointer
}
.rf-select .rf-label:hover {
cursor: pointer
}
.rf-select .rf-selected-remove {
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%);
vertical-align: middle;
cursor: pointer;
font-size: 16px;
color: var(--rf-system-color-neutral-60)
}
.rf-select.rf-input-select .dropdown-icon-background {
border-color: var(--rf-comp-dropdown-action-color-border)
}
.select-with-tooltip .rf-tooltip-container .rfSI {
width: 18px;
margin: 0 0 -4px;
display: block
}
.dropdown-results-container {
max-height: none;
padding: 0
}
.dropdown-results-container ul {
margin: 0;
padding: 0
}
.dropdown-results-container .rf-select-results-container {
background: var(--rf-brand-color-surface);
width: 100%;
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius)
}
.dropdown-results-container .rf-select-results-container .select-results-action {
padding: 0 8px;
width: 100%;
text-align: left
}
.dropdown-results-container .rf-select-results-container input {
padding-right: 24px;
margin: 0;
cursor: text
}
.dropdown-results-container .rf-select-results-container .group-header {
cursor: default;
font-weight: var(--rf-system-font-weight-600);
padding-top: 12px;
text-transform: uppercase;
border-top: 1px solid var(--rf-comp-input-color-border);
margin-top: 4px
}
.dropdown-results-container .rf-select-results-container .group-header:first-of-type {
padding: 8px;
border-top: none;
margin-top: 0
}
.dropdown-results-container .rf-select-results-container .group-header.active,.dropdown-results-container .rf-select-results-container .group-header:hover {
background-color: rgba(0,0,0,0)
}
.dropdown-results-container .rf-select-results-container li {
padding: 8px;
margin-bottom: 0 !important;
cursor: pointer;
color: var(--rf-brand-color-text-body);
font-size: var(--rf-brand-font-size);
font-weight: var(--rf-system-font-weight-400);
display: flex;
align-items: center;
clear: both
}
.dropdown-results-container .rf-select-results-container li:before,.dropdown-results-container .rf-select-results-container li:after {
content: "";
display: table;
clear: both
}
.dropdown-results-container .rf-select-results-container li:hover,.dropdown-results-container .rf-select-results-container li:focus {
background-color: var(--rf-brand-color-primary-muted)
}
.dropdown-results-container .rf-select-results-container li:first-of-type {
-webkit-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
-moz-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
-ms-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
-o-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0
}
.dropdown-results-container .rf-select-results-container li:last-of-type {
-webkit-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-moz-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-ms-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-o-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius)
}
.dropdown-results-container .rf-select-results-container li:hover .check::before {
display: block;
position: absolute;
content: "";
height: 8px;
width: 8px;
top: 2px;
left: 2px;
margin: auto;
transition: background .2s linear;
-webkit-transition: background .2s linear;
background: var(--rf-brand-color-primary-muted);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%
}
.dropdown-results-container .rf-select-results-container li.common-select-dropdown-option-item.rf-disabled-result {
color: var(--rf-brand-color-status-disabled);
cursor: not-allowed
}
.dropdown-results-container .rf-select-results-container li.common-select-dropdown-option-item.rf-disabled-result:hover,.dropdown-results-container .rf-select-results-container li.common-select-dropdown-option-item.rf-disabled-result:focus {
background-color: rgba(0,0,0,0)
}
.dropdown-results-container .rf-select-results-container .rf-checkbox,.dropdown-results-container .rf-select-results-container .rf-radio-option {
display: block;
margin-right: 8px;
height: 14px;
width: 16px;
min-width: 16px
}
.dropdown-results-container .rf-select-results-container .rf-checkbox .checkbox-bg {
width: 14px;
height: 14px
}
.dropdown-results-container .rf-select-results-container .rf-checkbox .rfSI {
width: 14px;
height: 14px
}
.dropdown-results-container .rf-select-results-container .rf-radio-option .check {
height: 14px;
width: 14px
}
.dropdown-results-container .rf-select-results-container .rf-radio-option .check:before {
height: 8px;
width: 8px
}
.dropdown-results-container .rf-select-results-container .common-select-dropdown-option-item.active .rfSI svg {
fill: var(--rf-system-color-neutral-100)
}
.dropdown-results-container .rf-select-results-container .rf-select-result-item {
display: block;
width: 100%;
line-height: 1.2em;
word-break: break-word
}
.dropdown-results-container .rf-select-results-container .rf-select-result-item .disabled {
color: var(--rf-brand-color-status-disabled)
}
.dropdown-results-container .rf-select-results-container.has-add .rf-select-results {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.dropdown-results-container .rf-select-results-container.has-add .rf-select-results li:first-of-type {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.dropdown-results-container .rf-select-results-container.has-add .rf-select-results li:last-of-type {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.dropdown-results-container .rf-singleselect .common-select-dropdown-option-item.active {
background: var(--rf-brand-color-primary);
color: var(--rf-brand-color-on-primary)
}
.dropdown-results-container .rf-select-search {
padding: 8px;
position: relative;
-webkit-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
-moz-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
-ms-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
-o-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0
}
.dropdown-results-container .rf-select-search .dropdown-search-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 12px
}
.dropdown-results-container .rf-select-search .dropdown-search-icon svg {
fill: var(--rf-system-color-neutral-60)
}
.dropdown-results-container .rf-select-search .dropdown-search-icon svg:hover {
fill: var(--rf-system-color-neutral-60);
cursor: default
}
.dropdown-results-container .rf-select-search .rfSI-left-input {
left: 8px;
top: 16px
}
.dropdown-results-container .rf-select-results {
overflow: auto;
max-height: 240px;
text-align: left;
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius)
}
.dropdown-results-container .rf-select-search+.rf-select-results {
-webkit-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-moz-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-ms-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-o-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius)
}
.dropdown-results-container .rf-select-search+.rf-select-results li:first-of-type {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.dropdown-results-container .rf-dropdown-add-line {
position: relative;
padding: 8px;
border-top: 1px solid var(--rf-comp-input-color-border);
-webkit-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-moz-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-ms-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-o-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius)
}
.dropdown-results-container input {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
.dropdown-results-container input:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.dropdown-results-container input:active,.dropdown-results-container input:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.dropdown-results-container input :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.dropdown-results-container input :disabled:hover,.dropdown-results-container input :disabled:active,.dropdown-results-container input :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-single-select .rf-dropdown-results-footer,.modal .rf-single-select .rf-dropdown-results-footer {
position: absolute;
inset: 0
}
.rf-single-select .rf-dropdown-trigger,.modal .rf-single-select .rf-dropdown-trigger {
width: 100%
}
.rf-single-select .rf-select-selected,.modal .rf-single-select .rf-select-selected {
align-items: center;
display: flex;
padding-left: 8px;
padding-right: 36px;
height: 100%;
max-width: 100%;
white-space: nowrap;
cursor: pointer
}
.rf-single-select .rf-select-selected li,.modal .rf-single-select .rf-select-selected li {
display: inline-block;
line-height: var(--rf-comp-input-font-line-height);
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
font-size: var(--rf-brand-font-size);
cursor: pointer;
padding-right: 28px;
position: relative
}
.rf-single-select .rf-select-selected li.hide-remove,.modal .rf-single-select .rf-select-selected li.hide-remove {
padding-right: 8px
}
.rf-multi-select .rf-select-results li {
position: relative
}
.rf-multi-select .rf-select-results li:hover .rf-checkbox svg {
fill: var(--rf-brand-color-primary-muted)
}
.rf-multi-select .rf-select-selected {
margin-top: 8px
}
.rf-multi-select .rf-select-selected li {
display: inline-block;
vertical-align: middle;
background-color: var(--rf-brand-color-surface-2);
font-size: var(--rf-brand-font-size);
position: relative;
cursor: pointer;
color: var(--rf-brand-color-text-body);
margin-left: 0;
line-height: 1;
margin-right: 8px;
margin-bottom: 8px;
border: 1px solid var(--rf-brand-color-border);
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius);
padding: 6px 24px 6px 6px
}
.rf-multi-select .rf-select-selected li:hover {
opacity: .85
}
.rf-multi-select .rf-select-selected li.hide-remove {
padding-right: 4px
}
.rf-multi-select .rf-select-selected .primary-value {
border-width: 2px
}
.rf-multi-select.disabled .rf-select-selected li {
color: rgba(0,0,0,.38)
}
.rf-multi-select.disabled .rf-select-selected li:hover {
opacity: 1
}
.select2-container-active .select2-choice,.select2-dropdown-open .select2-choice {
border: 1px solid var(--rf-brand-color-primary)
}
.rf-select2-override>label,.rf-select2-override .rf-label {
width: 100%;
color: var(--rf-brand-color-primary);
font-weight: var(--rf-system-font-weight-400);
display: block;
font-size: 12px;
height: auto;
line-height: 1.4em;
max-width: 100%;
margin-bottom: 0
}
.rf-select2-override .select2-choice,.rf-select2-override .select2-choices {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius);
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px
}
.rf-select2-override .select2-choice:hover,.rf-select2-override .select2-choices:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-select2-override .select2-choice:active,.rf-select2-override .select2-choice:focus,.rf-select2-override .select2-choices:active,.rf-select2-override .select2-choices:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.rf-select2-override .select2-choice :disabled,.rf-select2-override .select2-choices :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-select2-override .select2-choice :disabled:hover,.rf-select2-override .select2-choice :disabled:active,.rf-select2-override .select2-choice :disabled:focus,.rf-select2-override .select2-choices :disabled:hover,.rf-select2-override .select2-choices :disabled:active,.rf-select2-override .select2-choices :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-select2-override .select2-choices input {
padding: 0 !important
}
.rf-select2-override .select2-container:focus-within .select2-choice {
border-color: var(--rf-comp-input-active-color-border);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.rf-select2-override .select2-container-active,.rf-select2-override .select2-dropdown-open {
border-color: var(--rf-comp-input-active-color-border)
}
.rf-select2-override .select2-container-active .select2-choices,.rf-select2-override .select2-dropdown-open .select2-choices {
border-color: var(--rf-brand-color-primary-hover);
-webkit-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-moz-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-ms-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-o-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important
}
.rf-select2-override .select2-container.select-single-border .select2-search-field input.select2-input {
border: none
}
.rf-select2-override .select2-container.select-single-border .select2-search-field input.select2-input:focus {
box-shadow: none
}
.select2-drop-active {
padding-top: 4px;
border: 1px solid var(--rf-brand-color-primary)
}
.select2-results .select2-highlighted {
background: var(--rf-brand-color-primary);
color: var(--rf-brand-color-on-primary)
}
div.select label {
font-size: .8rem
}
div.select.lg {
margin-bottom: 30px
}
div.select.lg label {
font-size: 1rem;
padding-top: 10px
}
div.select.lg .select2-selection__arrow {
top: 10px
}
.select2-drop {
z-index: 4000 !important
}
.select2-drop-active {
z-index: 4050 !important
}
.select2-results {
z-index: 4100 !important
}
.select2-container {
box-sizing: border-box;
display: inline-block;
margin: 0;
position: relative;
vertical-align: middle
}
.select2-container .select2-selection--single {
box-sizing: border-box;
cursor: pointer;
display: block;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--single .select2-selection__rendered {
display: block;
padding-left: 8px;
padding-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-selection--single .select2-selection__clear {
position: relative
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 8px;
padding-left: 20px
}
.select2-container .select2-selection--multiple {
box-sizing: border-box;
cursor: pointer;
display: block;
min-height: 32px;
user-select: none;
-webkit-user-select: none
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
display: inline-block;
overflow: hidden;
padding-left: 8px;
text-overflow: ellipsis;
white-space: nowrap
}
.select2-container .select2-search--inline {
float: left
}
.select2-container .select2-search--inline .select2-search__field {
color: var(--rf-brand-color-text-body);
font-weight: var(--rf-system-font-weight-400);
box-sizing: border-box;
border: none;
font-size: 100%;
margin-top: 5px;
padding: 0
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-dropdown {
background-color: var(--rf-brand-color-surface);
border: 1px solid var(--rf-brand-color-border);
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
display: block;
position: absolute;
left: -100000px;
width: 100%;
z-index: 1051
}
.select2-results {
display: block
}
.select2-results__options {
list-style: none;
margin: 0;
padding: 4px
}
.select2-results__option {
color: var(--rf-brand-color-text-body);
font-weight: var(--rf-system-font-weight-400);
padding: 6px;
user-select: none;
-webkit-user-select: none
}
.select2-results__option[aria-selected] {
cursor: pointer
}
.select2-container--open .select2-selection {
left: 0
}
.select2-container--open .select2-dropdown {
left: 0
}
.select2-container--open .select2-dropdown--above {
border-bottom: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--open .select2-dropdown--below {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-search--dropdown {
display: block;
padding: 0
}
.select2-search--dropdown .select2-search__field {
color: var(--rf-brand-color-text-body);
font-weight: var(--rf-system-font-weight-400);
padding: 8px;
width: 100%;
box-sizing: border-box
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none
}
.select2-close-mask {
border: 0;
margin: 0;
padding: 0;
display: block;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 99;
background-color: var(--rf-brand-color-surface);
filter: alpha(opacity=0)
}
.select2-hidden-accessible {
border: 0 !important;
clip: rect(0 0 0 0) !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important
}
.select2-container--default .select2-selection--single {
background-color: var(--rf-brand-color-surface);
border-bottom: 1px solid var(--rf-brand-color-border);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--rf-brand-color-text-body);
font-weight: var(--rf-system-font-weight-400);
line-height: 1.4em;
font-size: 1.5rem;
padding-left: 0
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: var(--rf-system-font-weight-700)
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
color: var(--rf-brand-color-text-body);
font-weight: var(--rf-system-font-weight-400)
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 1px;
right: 1px;
width: 20px
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #888 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
border-style: solid;
border-width: 5px 4px 0 4px;
height: 0;
left: 50%;
margin-left: -4px;
margin-top: -2px;
position: absolute;
top: 50%;
width: 0
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
float: left
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 1px;
right: auto
}
.select2-container--default.select2-container--disabled .select2-selection--single {
background-color: var(--rf-system-color-neutral-80);
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
display: none
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: rgba(0,0,0,0) rgba(0,0,0,0) #888 rgba(0,0,0,0);
border-width: 0 4px 5px 4px
}
.select2-container--default .select2-selection--multiple {
background-color: var(--rf-brand-color-surface);
border: 1px solid var(--rf-system-color-neutral-60);
border-radius: var(--rf-brand-shape-radius);
cursor: text
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0 5px;
width: 100%
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
list-style: none
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
color: var(--rf-system-color-neutral-50);
margin-top: 5px;
float: left
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
float: right;
font-weight: var(--rf-system-font-weight-700);
margin-top: 5px;
margin-right: 10px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: var(--rf-system-color-neutral-80);
border: 1px solid var(--rf-system-color-neutral-60);
border-radius: var(--rf-brand-shape-radius);
cursor: default;
float: left;
margin-right: 5px;
margin-top: 5px;
padding: 0 5px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
color: var(--rf-system-color-neutral-50);
cursor: pointer;
display: inline-block;
font-weight: var(--rf-system-font-weight-700);
margin-right: 2px
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
color: var(--rf-system-color-neutral-20)
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
float: right
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 5px;
margin-right: auto
}
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
margin-left: 2px;
margin-right: auto
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: solid #000 1px;
outline: 0
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: var(--rf-system-color-neutral-80);
cursor: default
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
display: none
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: none;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.select2-container--default .select2-search--inline .select2-search__field {
background: rgba(0,0,0,0);
border: none;
outline: 0;
box-shadow: none;
-webkit-appearance: textfield
}
.select2-container--default .select2-results>.select2-results__options {
max-height: 200px;
overflow-y: auto
}
.select2-container--default .select2-results__option[role=group] {
padding: 0
}
.select2-container--default .select2-results__option[aria-disabled=true] {
color: var(--rf-system-color-neutral-50)
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: var(--rf-system-color-neutral-80)
}
.select2-container--default .select2-results__option .select2-results__option {
padding-left: 1em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
padding-left: 0
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
margin-left: -1em;
padding-left: 2em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -2em;
padding-left: 3em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -3em;
padding-left: 4em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -4em;
padding-left: 5em
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
margin-left: -5em;
padding-left: 6em
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--rf-brand-color-primary);
color: var(--rf-brand-color-on-primary)
}
.select2-container--default .select2-results__group {
cursor: default;
display: block;
padding: 6px
}
.rf-select {
width: 100%;
display: flex;
flex-direction: column
}
.rf-select * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.rf-select ul {
margin: 0;
padding: 0
}
.rf-select .rf-dropdown-container {
align-items: center;
cursor: pointer;
display: flex;
position: relative;
box-shadow: var(--rf-comp-button-elevation-shadow);
border-radius: var(--rf-comp-input-shape-radius);
height: 100%
}
.rf-select .rf-dropdown-container input {
border: none;
cursor: pointer
}
.rf-select .rf-dropdown-container input:disabled {
background-color: rgba(0,0,0,0)
}
.rf-select .rf-dropdown-container input:active,.rf-select .rf-dropdown-container input:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-select .rf-dropdown-container .rf-dropdown-trigger {
position: relative;
width: 100%;
cursor: pointer;
border: 1px solid var(--rf-comp-dropdown-action-color-border);
border-right: none;
background-color: var(--rf-comp-input-color-background);
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-ms-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
.rf-select .rf-dropdown-container .rf-dropdown-trigger input {
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important
}
.rf-select .rf-dropdown-container .rf-dropdown-trigger input:hover,.rf-select .rf-dropdown-container .rf-dropdown-trigger input:active,.rf-select .rf-dropdown-container .rf-dropdown-trigger input:focus {
border: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important
}
.rf-select .rf-dropdown-container:hover .rf-dropdown-trigger,.rf-select .rf-dropdown-container:hover .dropdown-icon-background,.rf-select .rf-dropdown-container:active .rf-dropdown-trigger,.rf-select .rf-dropdown-container:active .dropdown-icon-background,.rf-select .rf-dropdown-container:focus .rf-dropdown-trigger,.rf-select .rf-dropdown-container:focus .dropdown-icon-background {
border-color: var(--rf-comp-dropdown-action-color-border)
}
.rf-select .select-dropdown-icon {
position: absolute;
top: 0;
right: 0
}
.rf-select .select-dropdown-icon,.rf-select .select-dropdown-icon .dropdown-icon-background {
width: 36px;
height: 100%
}
.rf-select .select-dropdown-icon .dropdown-icon-background {
pointer-events: none;
cursor: pointer;
background-color: var(--rf-comp-dropdown-action-color-background);
border: 1px solid var(--rf-comp-input-color-border);
border-left: none;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-ms-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
-webkit-border-radius: 0 var(--rf-comp-input-shape-radius) var(--rf-comp-input-shape-radius) 0;
-moz-border-radius: 0 var(--rf-comp-input-shape-radius) var(--rf-comp-input-shape-radius) 0;
-ms-border-radius: 0 var(--rf-comp-input-shape-radius) var(--rf-comp-input-shape-radius) 0;
-o-border-radius: 0 var(--rf-comp-input-shape-radius) var(--rf-comp-input-shape-radius) 0;
border-radius: 0 var(--rf-comp-input-shape-radius) var(--rf-comp-input-shape-radius) 0
}
.rf-select .select-dropdown-icon .rfSI {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 18px;
width: 18px;
max-height: 18px;
max-width: 18px
}
.rf-select .select-dropdown-icon .rfSI svg {
fill: var(--rf-comp-dropdown-action-color-on-background)
}
.rf-select .rf-selected-container {
position: relative;
height: 100%
}
.rf-select .relative-select-container {
position: relative
}
.rf-select .relative-select-container .placeholder-first-option {
color: var(--rf-comp-input-color-placeholder);
opacity: .75
}
.rf-select select,.rf-select select:not([multiple]) {
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-ms-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
.rf-select select:hover,.rf-select select:not([multiple]):hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-select select:active,.rf-select select:focus,.rf-select select:not([multiple]):active,.rf-select select:not([multiple]):focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.rf-select select :disabled,.rf-select select:not([multiple]) :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-select select :disabled:hover,.rf-select select :disabled:active,.rf-select select :disabled:focus,.rf-select select:not([multiple]) :disabled:hover,.rf-select select:not([multiple]) :disabled:active,.rf-select select:not([multiple]) :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-select select+.select-dropdown-icon,.rf-select select:not([multiple])+.select-dropdown-icon {
position: absolute;
right: 0;
top: 0;
pointer-events: none
}
.rf-select select:hover,.rf-select select:not([multiple]):hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-select select:hover+.select-dropdown-icon .dropdown-icon-background,.rf-select select:not([multiple]):hover+.select-dropdown-icon .dropdown-icon-background {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-select select:active,.rf-select select:focus,.rf-select select:not([multiple]):active,.rf-select select:not([multiple]):focus {
border-color: var(--rf-comp-input-active-color-border)
}
.rf-select select:active+.select-dropdown-icon .dropdown-icon-background,.rf-select select:focus+.select-dropdown-icon .dropdown-icon-background,.rf-select select:not([multiple]):active+.select-dropdown-icon .dropdown-icon-background,.rf-select select:not([multiple]):focus+.select-dropdown-icon .dropdown-icon-background {
border-color: var(--rf-comp-input-active-color-border)
}
.rf-select.rf-error .rf-dropdown-trigger,.rf-select.rf-error .dropdown-icon-background {
border-color: var(--rf-brand-color-status-error)
}
.rf-select.rf-error select+.rf-dropdown-container:hover .rf-dropdown-trigger,.rf-select.rf-error select+.rf-dropdown-container:hover .dropdown-icon-background {
border-color: var(--rf-comp-dropdown-action-color-border)
}
.rf-select.rf-error select+.rf-dropdown-container:active .rf-dropdown-trigger,.rf-select.rf-error select+.rf-dropdown-container:active .dropdown-icon-background,.rf-select.rf-error select+.rf-dropdown-container:focus .rf-dropdown-trigger,.rf-select.rf-error select+.rf-dropdown-container:focus .dropdown-icon-background {
border-color: var(--rf-brand-color-status-error)
}
.rf-select.rf-error select:active,.rf-select.rf-error select:focus {
border-color: var(--rf-brand-color-status-error)
}
.rf-select.rf-error select:active+.select-dropdown-icon .dropdown-icon-background,.rf-select.rf-error select:focus+.select-dropdown-icon .dropdown-icon-background {
border-color: var(--rf-brand-color-status-error)
}
.rf-select.disabled .dropdown-icon-background,.rf-select.disabled .rf-dropdown-trigger {
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-select.disabled .rf-dropdown-container input {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-select.disabled .rf-dropdown-container input:hover,.rf-select.disabled .rf-dropdown-container input:active,.rf-select.disabled .rf-dropdown-container input:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-select.disabled:hover .rf-dropdown-trigger,.rf-select.disabled:hover .dropdown-icon-background,.rf-select.disabled:active .rf-dropdown-trigger,.rf-select.disabled:active .dropdown-icon-background,.rf-select.disabled:focus .rf-dropdown-trigger,.rf-select.disabled:focus .dropdown-icon-background {
border-color: var(--rf-comp-dropdown-action-color-border)
}
.rf-select.disabled:hover .dropdown-icon-background,.rf-select.disabled:active .dropdown-icon-background,.rf-select.disabled:focus .dropdown-icon-background {
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-select.disabled select {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-select.disabled select:hover,.rf-select.disabled select:active,.rf-select.disabled select:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-select.disabled select:hover+.select-dropdown-icon .dropdown-icon-background,.rf-select.disabled select:active+.select-dropdown-icon .dropdown-icon-background,.rf-select.disabled select:focus+.select-dropdown-icon .dropdown-icon-background {
border-color: var(--rf-comp-dropdown-action-color-border)
}
.rf-select.disabled * {
cursor: not-allowed !important
}
.rf-select.disabled .select-dropdown-icon svg {
fill: rgba(0,0,0,.38)
}
.rf-select.disabled+.rfSI svg {
fill: var(--rf-brand-color-status-disabled);
cursor: not-allowed
}
.rf-select.no-padding {
padding: 0
}
.rf-select.no-padding .rf-select-selected {
cursor: pointer
}
.rf-select .rf-label {
cursor: pointer
}
.rf-select .rf-label:hover {
cursor: pointer
}
.rf-select .rf-selected-remove {
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%);
vertical-align: middle;
cursor: pointer;
font-size: 16px;
color: var(--rf-system-color-neutral-60)
}
.rf-select.rf-input-select .dropdown-icon-background {
border-color: var(--rf-comp-dropdown-action-color-border)
}
.select-with-tooltip .rf-tooltip-container .rfSI {
width: 18px;
margin: 0 0 -4px;
display: block
}
.dropdown-results-container {
max-height: none;
padding: 0
}
.dropdown-results-container ul {
margin: 0;
padding: 0
}
.dropdown-results-container .rf-select-results-container {
background: var(--rf-brand-color-surface);
width: 100%;
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius)
}
.dropdown-results-container .rf-select-results-container .select-results-action {
padding: 0 8px;
width: 100%;
text-align: left
}
.dropdown-results-container .rf-select-results-container input {
padding-right: 24px;
margin: 0;
cursor: text
}
.dropdown-results-container .rf-select-results-container .group-header {
cursor: default;
font-weight: var(--rf-system-font-weight-600);
padding-top: 12px;
text-transform: uppercase;
border-top: 1px solid var(--rf-comp-input-color-border);
margin-top: 4px
}
.dropdown-results-container .rf-select-results-container .group-header:first-of-type {
padding: 8px;
border-top: none;
margin-top: 0
}
.dropdown-results-container .rf-select-results-container .group-header.active,.dropdown-results-container .rf-select-results-container .group-header:hover {
background-color: rgba(0,0,0,0)
}
.dropdown-results-container .rf-select-results-container li {
padding: 8px;
margin-bottom: 0 !important;
cursor: pointer;
color: var(--rf-brand-color-text-body);
font-size: var(--rf-brand-font-size);
font-weight: var(--rf-system-font-weight-400);
display: flex;
align-items: center;
clear: both
}
.dropdown-results-container .rf-select-results-container li:before,.dropdown-results-container .rf-select-results-container li:after {
content: "";
display: table;
clear: both
}
.dropdown-results-container .rf-select-results-container li:hover,.dropdown-results-container .rf-select-results-container li:focus {
background-color: var(--rf-brand-color-primary-muted)
}
.dropdown-results-container .rf-select-results-container li:first-of-type {
-webkit-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
-moz-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
-ms-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
-o-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0
}
.dropdown-results-container .rf-select-results-container li:last-of-type {
-webkit-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-moz-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-ms-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-o-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius)
}
.dropdown-results-container .rf-select-results-container li:hover .check::before {
display: block;
position: absolute;
content: "";
height: 8px;
width: 8px;
top: 2px;
left: 2px;
margin: auto;
transition: background .2s linear;
-webkit-transition: background .2s linear;
background: var(--rf-brand-color-primary-muted);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%
}
.dropdown-results-container .rf-select-results-container li.common-select-dropdown-option-item.rf-disabled-result {
color: var(--rf-brand-color-status-disabled);
cursor: not-allowed
}
.dropdown-results-container .rf-select-results-container li.common-select-dropdown-option-item.rf-disabled-result:hover,.dropdown-results-container .rf-select-results-container li.common-select-dropdown-option-item.rf-disabled-result:focus {
background-color: rgba(0,0,0,0)
}
.dropdown-results-container .rf-select-results-container .rf-checkbox,.dropdown-results-container .rf-select-results-container .rf-radio-option {
display: block;
margin-right: 8px;
height: 14px;
width: 16px;
min-width: 16px
}
.dropdown-results-container .rf-select-results-container .rf-checkbox .checkbox-bg {
width: 14px;
height: 14px
}
.dropdown-results-container .rf-select-results-container .rf-checkbox .rfSI {
width: 14px;
height: 14px
}
.dropdown-results-container .rf-select-results-container .rf-radio-option .check {
height: 14px;
width: 14px
}
.dropdown-results-container .rf-select-results-container .rf-radio-option .check:before {
height: 8px;
width: 8px
}
.dropdown-results-container .rf-select-results-container .common-select-dropdown-option-item.active .rfSI svg {
fill: var(--rf-system-color-neutral-100)
}
.dropdown-results-container .rf-select-results-container .rf-select-result-item {
display: block;
width: 100%;
line-height: 1.2em;
word-break: break-word
}
.dropdown-results-container .rf-select-results-container .rf-select-result-item .disabled {
color: var(--rf-brand-color-status-disabled)
}
.dropdown-results-container .rf-select-results-container.has-add .rf-select-results {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.dropdown-results-container .rf-select-results-container.has-add .rf-select-results li:first-of-type {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.dropdown-results-container .rf-select-results-container.has-add .rf-select-results li:last-of-type {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.dropdown-results-container .rf-singleselect .common-select-dropdown-option-item.active {
background: var(--rf-brand-color-primary);
color: var(--rf-brand-color-on-primary)
}
.dropdown-results-container .rf-select-search {
padding: 8px;
position: relative;
-webkit-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
-moz-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
-ms-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
-o-border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0
}
.dropdown-results-container .rf-select-search .dropdown-search-icon {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 12px
}
.dropdown-results-container .rf-select-search .dropdown-search-icon svg {
fill: var(--rf-system-color-neutral-60)
}
.dropdown-results-container .rf-select-search .dropdown-search-icon svg:hover {
fill: var(--rf-system-color-neutral-60);
cursor: default
}
.dropdown-results-container .rf-select-search .rfSI-left-input {
left: 8px;
top: 16px
}
.dropdown-results-container .rf-select-results {
overflow: auto;
max-height: 240px;
text-align: left;
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius)
}
.dropdown-results-container .rf-select-search+.rf-select-results {
-webkit-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-moz-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-ms-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-o-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius)
}
.dropdown-results-container .rf-select-search+.rf-select-results li:first-of-type {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0
}
.dropdown-results-container .rf-dropdown-add-line {
position: relative;
padding: 8px;
border-top: 1px solid var(--rf-comp-input-color-border);
-webkit-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-moz-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-ms-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
-o-border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius)
}
.dropdown-results-container input {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
.dropdown-results-container input:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.dropdown-results-container input:active,.dropdown-results-container input:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.dropdown-results-container input :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.dropdown-results-container input :disabled:hover,.dropdown-results-container input :disabled:active,.dropdown-results-container input :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-single-select .rf-dropdown-results-footer,.modal .rf-single-select .rf-dropdown-results-footer {
position: absolute;
inset: 0
}
.rf-single-select .rf-dropdown-trigger,.modal .rf-single-select .rf-dropdown-trigger {
width: 100%
}
.rf-single-select .rf-select-selected,.modal .rf-single-select .rf-select-selected {
align-items: center;
display: flex;
padding-left: 8px;
padding-right: 36px;
height: 100%;
max-width: 100%;
white-space: nowrap;
cursor: pointer
}
.rf-single-select .rf-select-selected li,.modal .rf-single-select .rf-select-selected li {
display: inline-block;
line-height: var(--rf-comp-input-font-line-height);
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
font-size: var(--rf-brand-font-size);
cursor: pointer;
padding-right: 28px;
position: relative
}
.rf-single-select .rf-select-selected li.hide-remove,.modal .rf-single-select .rf-select-selected li.hide-remove {
padding-right: 8px
}
.rf-multi-select .rf-select-results li {
position: relative
}
.rf-multi-select .rf-select-results li:hover .rf-checkbox svg {
fill: var(--rf-brand-color-primary-muted)
}
.rf-multi-select .rf-select-selected {
margin-top: 8px
}
.rf-multi-select .rf-select-selected li {
display: inline-block;
vertical-align: middle;
background-color: var(--rf-brand-color-surface-2);
font-size: var(--rf-brand-font-size);
position: relative;
cursor: pointer;
color: var(--rf-brand-color-text-body);
margin-left: 0;
line-height: 1;
margin-right: 8px;
margin-bottom: 8px;
border: 1px solid var(--rf-brand-color-border);
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius);
padding: 6px 24px 6px 6px
}
.rf-multi-select .rf-select-selected li:hover {
opacity: .85
}
.rf-multi-select .rf-select-selected li.hide-remove {
padding-right: 4px
}
.rf-multi-select .rf-select-selected .primary-value {
border-width: 2px
}
.rf-multi-select.disabled .rf-select-selected li {
color: rgba(0,0,0,.38)
}
.rf-multi-select.disabled .rf-select-selected li:hover {
opacity: 1
}
.select2-container-active .select2-choice,.select2-dropdown-open .select2-choice {
border: 1px solid var(--rf-brand-color-primary)
}
.rf-select2-override>label,.rf-select2-override .rf-label {
width: 100%;
color: var(--rf-brand-color-primary);
font-weight: var(--rf-system-font-weight-400);
display: block;
font-size: 12px;
height: auto;
line-height: 1.4em;
max-width: 100%;
margin-bottom: 0
}
.rf-select2-override .select2-choice,.rf-select2-override .select2-choices {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius);
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 4px
}
.rf-select2-override .select2-choice:hover,.rf-select2-override .select2-choices:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-select2-override .select2-choice:active,.rf-select2-override .select2-choice:focus,.rf-select2-override .select2-choices:active,.rf-select2-override .select2-choices:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.rf-select2-override .select2-choice :disabled,.rf-select2-override .select2-choices :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-select2-override .select2-choice :disabled:hover,.rf-select2-override .select2-choice :disabled:active,.rf-select2-override .select2-choice :disabled:focus,.rf-select2-override .select2-choices :disabled:hover,.rf-select2-override .select2-choices :disabled:active,.rf-select2-override .select2-choices :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-select2-override .select2-choices input {
padding: 0 !important
}
.rf-select2-override .select2-container:focus-within .select2-choice {
border-color: var(--rf-comp-input-active-color-border);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.rf-select2-override .select2-container-active,.rf-select2-override .select2-dropdown-open {
border-color: var(--rf-comp-input-active-color-border)
}
.rf-select2-override .select2-container-active .select2-choices,.rf-select2-override .select2-dropdown-open .select2-choices {
border-color: var(--rf-brand-color-primary-hover);
-webkit-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-moz-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-ms-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-o-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important
}
.rf-select2-override .select2-container.select-single-border .select2-search-field input.select2-input {
border: none
}
.rf-select2-override .select2-container.select-single-border .select2-search-field input.select2-input:focus {
box-shadow: none
}
.select2-drop-active {
padding-top: 4px;
border: 1px solid var(--rf-brand-color-primary)
}
.select2-results .select2-highlighted {
background: var(--rf-brand-color-primary);
color: var(--rf-brand-color-on-primary)
}
.rf-slider-container {
display: flex;
flex-direction: column;
position: relative;
padding-bottom: 16px;
padding-top: 8px
}
.rf-slider-container.no-padding {
padding: 0
}
.rf-slider-inputs {
display: flex;
align-items: center;
width: 100%;
gap: var(--rf-comp-slider-input-inline-gap)
}
.rf-slider-inputs input[type=range] {
-webkit-appearance: none;
width: 66%;
height: var(--rf-comp-slider-input-height);
background: linear-gradient(90deg, var(--rf-comp-slider-input-current-percent-complete-color) var(--rf-comp-slider-input-current-percent), var(--rf-comp-slider-input-current-percent-incomplete-color) var(--rf-comp-slider-input-current-percent));
outline: var(--rf-system-color-neutral-20);
opacity: .75;
border-radius: var(--rf-comp-slider-input-height);
transition: opacity var(--rf-comp-slider-input-transition-time)
}
.rf-slider-inputs input[type=range]:hover,.rf-slider-inputs input[type=range]:focus {
opacity: 1
}
.rf-slider-inputs input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
width: var(--rf-comp-slider-input-thumb-size);
height: var(--rf-comp-slider-input-thumb-size);
border: var(--rf-comp-slider-input-thumb-border-size) solid var(--rf-comp-slider-input-thumb-border-color);
background: var(--rf-comp-slider-input-current-percent-complete-color);
cursor: pointer;
border-radius: 50%;
box-sizing: border-box;
transition: width var(--rf-comp-slider-input-transition-time),height var(--rf-comp-slider-input-transition-time),border var(--rf-comp-slider-input-transition-time)
}
.rf-slider-inputs input[type=range]::-moz-range-thumb {
appearance: none;
width: var(--rf-comp-slider-input-thumb-size);
height: var(--rf-comp-slider-input-thumb-size);
border: var(--rf-comp-slider-input-thumb-border-size) solid var(--rf-comp-slider-input-thumb-border-color);
background: var(--rf-comp-slider-input-current-percent-complete-color);
cursor: pointer;
border-radius: 50%;
box-sizing: border-box;
transition: width var(--rf-comp-slider-input-transition-time),height var(--rf-comp-slider-input-transition-time),border var(--rf-comp-slider-input-transition-time)
}
.rf-slider-inputs input[type=range]:focus-visible::-webkit-slider-thumb,.rf-slider-inputs input[type=range]:active::-webkit-slider-thumb {
--rf-comp-slider-input-thumb-size: 18px;
--rf-comp-slider-input-thumb-border-color: var(--rf-comp-input-active-color-border)
}
.rf-slider-inputs input[type=range]:focus-visible::-moz-range-thumb,.rf-slider-inputs input[type=range]:active::-moz-range-thumb {
--rf-comp-slider-input-thumb-size: 18px;
--rf-comp-slider-input-thumb-border-color: var(--rf-comp-input-active-color-border)
}
.rf-slider-inputs input[type=range]:active::-webkit-slider-thumb {
--rf-comp-slider-input-thumb-border-size: 1px;
cursor: grab
}
.rf-slider-inputs input[type=range]:active::-moz-range-thumb {
--rf-comp-slider-input-thumb-border-size: 1px;
cursor: grab
}
.rf-slider-inputs input[type=range][data-percent="0"]::-webkit-slider-thumb {
transform: translateX(-1px)
}
.rf-slider-inputs input[type=range][data-percent="0"]::-moz-range-thumb {
transform: translateX(-1px)
}
.rf-slider-inputs input[type=range][data-percent="100"]::-webkit-slider-thumb {
transform: translateX(1px)
}
.rf-slider-inputs input[type=range][data-percent="100"]::-moz-range-thumb {
transform: translateX(1px)
}
.rf-slider-container.left {
--rf-comp-slider-input-wrapper-width: 70%;
flex-direction: row;
align-items: center;
gap: var(--rf-comp-slider-input-inline-gap)
}
.rf-slider-container.left .rf-slider-label {
width: 33%
}
.rf-slider-container.left .rf-slider-label .label-text {
font-size: var(--rf-brand-font-scale-7);
font-weight: var(--rf-system-font-weight-400)
}
.rf-slider-container.top {
gap: var(--rf-comp-slider-input-block-gap)
}
.rf-slider-container.top .rf-slider-label .label-text {
font-size: var(--rf-brand-font-scale-6);
font-weight: var(--rf-system-font-weight-600)
}
.rf-slider-container.left .rf-slider-label,.rf-slider-container.top .rf-slider-label {
order: -1
}
.rf-slider-container .rf-slider-input-wrapper {
align-items: center;
display: flex;
gap: 8px;
min-width: 10ch;
width: var(--rf-comp-slider-input-wrapper-width)
}
.rf-star-selector {
width: 100%
}
.rf-star-selector .star-selector-interior {
display: flex;
flex-wrap: nowrap
}
.rf-star-selector .star-selector-interior>div {
padding: 0 4px
}
.rf-star-selector .star-selector-interior>div:first-child {
padding-left: 0
}
.rf-star-selector .star-selector-interior>div:last-child {
padding-right: 0
}
.rf-star-selector .star-selector-interior .rfSI {
height: 30px;
min-height: 30px;
width: 30px;
min-width: 30px;
margin: 0;
padding: 0
}
.rf-star-selector .star-selector-interior .rfSI svg {
fill: var(--rf-brand-color-text-body)
}
.rf-star-selector .disabled .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.rf-star-selector.no-extra-padding {
padding-top: 8px;
padding-bottom: 8px
}
.rf-textarea {
width: 100%
}
.rf-textarea textarea {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius);
resize: none;
min-height: 100px
}
.rf-textarea textarea:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.rf-textarea textarea:active,.rf-textarea textarea:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.rf-textarea textarea :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-textarea textarea :disabled:hover,.rf-textarea textarea :disabled:active,.rf-textarea textarea :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-textarea textarea:disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-textarea textarea:disabled:hover,.rf-textarea textarea:disabled:active,.rf-textarea textarea:disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-textarea.can-resize textarea {
resize: vertical
}
.rf-textarea.no-padding {
padding: 0
}
.rf-textarea.full-cell-input {
position: absolute;
inset: 0;
padding: 0;
margin: 0
}
.rf-textarea.full-cell-input:focus-within {
z-index: 10
}
.rf-textarea.full-cell-input textarea {
border: none;
width: 100%;
height: 100%;
border-radius: 0;
padding: 12px;
min-height: auto
}
.rf-textarea.full-cell-input textarea:focus {
box-shadow: 0 4px 14px 0 rgba(0,0,0,.25)
}
.rf-textarea.full-cell-input[data-has-errors=true] textarea::placeholder {
color: var(--rf-brand-color-status-error);
opacity: 1
}
.rf-textarea .readOnly-value {
height: auto;
font-size: 16px;
line-height: 1.3em
}
.rf-textarea.rf-textarea-code textarea {
min-height: 300px;
padding: 8px;
border-left: 1px solid rgba(0,0,0,.06);
border-right: 1px solid rgba(0,0,0,.06);
border-top: 1px solid rgba(0,0,0,.06)
}
.rf-textarea.rf-textarea-code textarea:hover,.rf-textarea.rf-textarea-code textarea:active,.rf-textarea.rf-textarea-code textarea:focus {
border-left: 1px solid var(--rf-brand-color-primary);
border-right: 1px solid var(--rf-brand-color-primary);
border-top: 1px solid var(--rf-brand-color-primary)
}
.rf-textarea.disabled textarea {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.rf-textarea.disabled textarea:hover,.rf-textarea.disabled textarea:active,.rf-textarea.disabled textarea:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.json-textarea textarea {
min-height: 350px
}
.rf-tag-textarea-active .rf-tag-textarea-box {
width: 100%;
border-left: 1px solid var(--rf-brand-color-border);
border-right: 1px solid var(--rf-brand-color-border);
border-top: 1px solid var(--rf-brand-color-border);
padding: 8px 8px 0 8px;
border-top-left-radius: var(--rf-brand-shape-radius);
border-top-right-radius: var(--rf-brand-shape-radius);
cursor: text
}
.rf-tag-textarea-active textarea {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: 0;
padding-top: 0
}
.rf-tag-textarea-active:hover .rf-tag-textarea-box,.rf-tag-textarea-active:active .rf-tag-textarea-box {
border-bottom: none;
border-left: 1px solid var(--rf-system-color-neutral-60);
border-right: 1px solid var(--rf-system-color-neutral-60);
border-top: 1px solid var(--rf-system-color-neutral-60)
}
.rf-tag-textarea-active:hover textarea,.rf-tag-textarea-active:active textarea {
border-top: none;
border-left: 1px solid var(--rf-system-color-neutral-60);
border-right: 1px solid var(--rf-system-color-neutral-60);
border-bottom: 1px solid var(--rf-system-color-neutral-60)
}
.rf-tag-textarea-active textarea:focus~.rf-tag-textarea-box,.rf-tag-textarea-active textarea:focus {
border-color: var(--rf-brand-color-primary);
box-shadow: none
}
.rf-error textarea,.rf-error .rf-tag-textarea-box {
border-color: var(--rf-brand-color-status-error) !important
}
.rf-error textarea:focus~.rf-tag-textarea-box,.rf-error textarea:focus {
border-color: var(--rf-brand-color-primary);
box-shadow: none !important
}
.rf-tag-textarea {
display: flex;
flex-direction: column-reverse
}
.rf-tag-textarea textarea {
min-height: 72px;
height: 72px
}
.rf-tag-textarea-active textarea {
min-height: 30px;
height: 30px
}
.rf-tag-textarea-searchitem:hover {
background: initial !important;
color: initial !important
}
.rf-tag-textarea-searchitem-active {
background: var(--rf-brand-color-primary);
color: var(--rf-brand-color-on-primary) !important
}
.admin-form textarea,textarea {
min-height: 100px;
resize: vertical
}
.smart-form .input textarea {
color: var(--rf-brand-color-text-body);
padding: 10px;
line-height: 1.2em
}
.json-textarea textarea {
min-height: 350px
}
.admin-form textarea,textarea {
min-height: 100px;
resize: vertical
}
.smart-form .input textarea {
color: var(--rf-brand-color-text-body);
padding: 10px;
line-height: 1.2em
}
.toggle_radio {
background: rgba(118,118,118,.1);
position: relative;
overflow: hidden;
padding: 0 !important;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
height: 26px;
margin: 0 auto;
width: 228px
}
.toggle_radio>* {
float: left
}
.toggle_radio input[type=radio] {
display: none
}
.toggle_radio label {
display: block;
width: 70px;
height: 20px;
margin: 6px 3px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
cursor: pointer;
z-index: 1;
text-align: center
}
.toggle_option_slider {
width: 70px;
height: 20px;
position: absolute;
top: 3px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease
}
.attendee_toggle:checked~.toggle_option_slider {
background: rgba(0,188,214,.3);
left: 3px
}
.exhibitor_toggle:checked~.toggle_option_slider {
background: rgba(2,122,72,.3);
left: 79px
}
.session_toggle:checked~.toggle_option_slider {
background: rgba(92,0,220,.3);
left: 155px
}
.placeholder {
display: block;
position: relative;
margin-bottom: 10px;
background: var(--rf-system-color-blue-90);
border: 1px dashed var(--rf-system-color-neutral-60);
box-sizing: border-box;
-moz-box-sizing: border-box
}
._jsPlumb_endpoint {
z-index: 2
}
.dd-item>button[data-action=copy] {
float: right
}
.dd-item>button[data-action=copy]:before {
content: "";
color: #009788
}
.new {
background: var(--rf-system-color-green-50)
}
.fake-handle {
margin: 5px 0;
padding: 7px 15px;
color: var(--rf-system-color-neutral-20);
border: 1px solid var(--rf-system-color-neutral-70);
background: var(--rf-brand-color-surface)
}
.first_toggle:checked~.toggle_option_slider {
background: rgba(0,188,214,.3);
left: 3px
}
.second_toggle:checked~.toggle_option_slider {
background: rgba(0,0,0,.2);
left: 64px;
width: 80px
}
.third_toggle:checked~.toggle_option_slider {
background: rgba(118,118,118,.3);
left: 140px
}
.modalTypeahead .select {
overflow: inherit
}
.modalTypeahead .select .twitter-typeahead {
width: 100%
}
.modalTypeahead .select .twitter-typeahead input {
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius);
padding-left: 34px !important
}
.modalTypeahead .select .twitter-typeahead input:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
.modalTypeahead .select .twitter-typeahead input:active,.modalTypeahead .select .twitter-typeahead input:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
.modalTypeahead .select .twitter-typeahead input :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
.modalTypeahead .select .twitter-typeahead input :disabled:hover,.modalTypeahead .select .twitter-typeahead input :disabled:active,.modalTypeahead .select .twitter-typeahead input :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.modalTypeahead .select .twitter-typeahead .tt-dropdown-menu {
width: 100%
}
.modalTypeahead .select .glyphicon-search {
padding: 7px 0
}
.modalTypeahead .icon-addon:hover .fa,.modalTypeahead .icon-addon:hover .glyphicon {
color: var(--rf-brand-color-primary)
}
.admin-form .twitter-typeahead {
display: inline-block;
position: relative;
width: 100%
}
.admin-form .twitter-typeahead .tt-hint {
display: none
}
.admin-form .twitter-typeahead .tt-query {
background-color: var(--rf-brand-color-surface) !important;
padding: 8px 8px 8px 35px
}
.admin-form span.tt-dropdown-menu {
margin-top: 5px;
overflow: auto;
width: 100%
}
.admin-form span.tt-dropdown-menu .tt-suggestion div {
padding: 5px
}
.fieldset-border {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius)
}
.fieldset-border.has-padding {
padding: 16px
}
.fieldset-border+.fieldset-border {
margin-top: 16px
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) {
position: relative;
padding-bottom: 16px;
padding-top: 8px
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).no-padding {
padding: 0
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).has-left-label {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker)>label,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .rf-label {
display: block;
width: 100%;
color: var(--rf-brand-color-text-body);
font-size: var(--rf-brand-font-size);
font-weight: var(--rf-system-font-weight-600);
height: auto;
line-height: 1.4em;
max-width: 100%;
margin-bottom: 8px
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker)>label span,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .rf-label span {
display: inline
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker)>label span:first-of-type,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker)>label .label-text,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .rf-label span:first-of-type,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .rf-label .label-text {
color: var(--rf-brand-color-text-body);
font-size: var(--rf-brand-font-size);
height: auto;
font-weight: var(--rf-system-font-weight-600)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker)>label .sub-label,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .rf-label .sub-label {
margin: 4px 0 8px 0;
font-size: var(--rf-brand-font-scale-7)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker)>label .sub-label.text-overflow,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .rf-label .sub-label.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker)>label .icon-popover-trigger,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .rf-label .icon-popover-trigger {
display: inline-block
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker)>label.left-label,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .rf-label.left-label {
width: auto;
margin-bottom: 0
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .rf-element-warning {
margin: 0 0 8px
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).nl>label,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).nl .rf-label,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).no-label>label,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).no-label .rf-label {
display: none
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .rf-req {
color: var(--rf-comp-input-color-asterisk) !important;
vertical-align: middle;
margin-left: 2px
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).min-height-initial .read-only-text {
min-height: initial
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .read-only-text {
height: auto;
min-height: 34px;
font-size: 14px;
line-height: 1.3em;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .read-only-placeholder {
color: var(--rf-comp-input-color-placeholder)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).has-message .link-msg,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).has-message .base-msg,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).has-message .error-msg,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).has-message .success-msg {
margin-top: 4px;
display: block;
font-size: 12px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: 100%
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).has-message .error-msg {
color: var(--rf-brand-color-status-error)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).has-message .success-msg {
color: var(--rf-brand-color-status-success)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).has-message .link-msg {
color: var(--rf-brand-color-status-info)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error {
--rf-comp-input-color-border: var(--rf-brand-color-status-error);
--rf-comp-dropdown-action-color-border: var(--rf-brand-color-status-error)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error .error-msg-container {
position: relative
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error .form-element-feedback {
color: var(--rf-brand-color-status-error);
display: block;
font-size: 12px;
line-height: 14px;
width: 100%
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error .error-msg {
color: var(--rf-brand-color-status-error);
display: block;
margin-top: 2px;
font-size: 12px;
line-height: 14px;
font-weight: var(--rf-system-font-weight-400)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error .rf-label {
color: var(--rf-brand-color-status-error)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error .rf-label span:first-of-type,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error .rf-label .label-text {
color: var(--rf-brand-color-status-error)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error input:not([type=checkbox]):not([type=radio]):not(.mdBtnR),:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error textarea,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error select {
border-color: var(--rf-brand-color-status-error)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):hover,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error textarea:hover,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error select:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):active,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):focus,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error textarea:active,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error textarea:focus,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error select:active,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error select:focus {
border-color: var(--rf-brand-color-status-error)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-error .read-only-text {
min-height: 24px
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-success {
--rf-comp-input-color-border: var(--rf-brand-color-status-success);
--rf-comp-dropdown-action-color-border: var(--rf-brand-color-status-success)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-success .success-msg-container {
position: relative
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-success .form-element-feedback {
color: var(--rf-brand-color-status-success);
display: block;
font-size: 12px;
line-height: 14px;
width: 100%
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-success .success-msg {
color: var(--rf-brand-color-status-success);
display: block;
margin-top: 2px;
font-size: 12px;
line-height: 14px;
font-weight: var(--rf-system-font-weight-400)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-success .rf-label {
color: var(--rf-brand-color-status-success)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-success .rf-label span:first-of-type,:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).rf-success .rf-label .label-text {
color: var(--rf-brand-color-status-success)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .error-msg {
color: var(--rf-brand-color-status-error);
display: block;
margin-top: 2px;
font-size: 12px;
line-height: 14px;
font-weight: var(--rf-system-font-weight-400)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .form-element-feedback {
display: block;
margin-top: 2px;
font-size: 12px;
line-height: 14px;
width: 100%
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .form-element-feedback.error-feedback {
color: var(--rf-brand-color-status-error)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .form-element-feedback.success-feedback {
color: var(--rf-brand-color-status-success)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker) .form-element-feedback.waring-feedback {
color: var(--rf-brand-color-status-warning)
}
@media all and (min-width: 550px) {
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).inline-form-element {
display:flex;
flex-wrap: nowrap;
padding: 8px 0;
border-bottom: 1px solid var(--rf-brand-color-border)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).inline-form-element:first-of-type {
border-top: 1px solid var(--rf-brand-color-border)
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).inline-form-element .rf-label {
width: 256px;
flex-shrink: 0;
padding-right: 16px;
margin: 0
}
:is(.rf-label-only,.rf-form-element,.rf-input,.rf-search-input,.rf-icon-input,.rf-single-select,.rf-multi-select,.rf-select2-override,.rf-toggle,.rf-textarea,.rf-day-picker,.rf-scale-matrix,.rf-survey-scale,.rf-star-selector,.rf-date-picker,.rf-read-only,.rf-button-link,.rf-nps-question,.rf-upload-file,.rf-horizontal-label,.rf-phone-number,.rf-form-element-group,.rf-checkbox-container,.rf-toggle-wrapper,.rf-time-selector,.rf-date-and-time-picker).inline-form-element .read-only-values {
width: 100%;
flex-grow: 1;
line-height: 1.4em
}
}
.standalone-feedback.form-element-feedback {
display: block;
margin-top: 2px;
font-size: 12px;
line-height: 14px;
width: 100%
}
.standalone-feedback.form-element-feedback.feedback-error {
color: var(--rf-brand-color-status-error)
}
.standalone-feedback.form-element-feedback.feedback-info {
color: var(--rf-brand-color-status-info)
}
.standalone-feedback.form-element-feedback.feedback-success {
color: var(--rf-brand-color-status-success)
}
.standalone-feedback.form-element-feedback.feedback-warning {
color: var(--rf-brand-color-status-warning)
}
.rf-standalone-label {
padding-top: 8px
}
.rf-standalone-label .rf-label {
display: block;
width: 100%;
color: var(--rf-brand-color-text-body);
font-size: var(--rf-brand-font-size);
font-weight: var(--rf-system-font-weight-600);
height: auto;
line-height: 1.4em;
max-width: 100%;
margin-bottom: 8px
}
.rf-standalone-label .rf-label .label-text {
color: var(--rf-brand-color-text-body);
font-size: var(--rf-brand-font-size);
height: auto;
font-weight: var(--rf-system-font-weight-600)
}
.rf-standalone-label .rf-label.has-error .label-text {
color: var(--rf-brand-color-status-error)
}
.rf-standalone-label .rf-label .sub-label {
margin: 4px 0 8px 0;
font-size: var(--rf-brand-font-scale-7)
}
.rf-standalone-label .rf-label .sub-label.text-overflow {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.faux-input {
padding-bottom: 16px
}
.rf-form-element-group {
color: var(--rf-brand-color-text-body)
}
.rf-form-element-group.vertical-element-group>div+div {
margin-top: 8px
}
.rf-form-element-group .rf-label-only,.rf-form-element-group .rf-input,.rf-form-element-group .rf-single-select,.rf-form-element-group .rf-multi-select,.rf-form-element-group .rf-textarea,.rf-form-element-group .rf-day-picker,.rf-form-element-group .rf-date-picker,.rf-form-element-group .rf-upload-file,.rf-form-element-group .rf-read-only,.rf-form-element-group .rf-phone-number {
padding: 0
}
.rf-form-element-group.grow-first-child>div:first-of-type {
flex-grow: 1
}
.rf-icon-input.rf-error input {
border-color: var(--rf-brand-color-border) !important;
box-shadow: none !important
}
.rf-icon-input.rf-error .icon-input-container {
border-color: var(--rf-brand-color-status-error)
}
.rf-horizontal-label label {
margin: 0;
line-height: 34px
}
button.icon-popover-trigger,.icon-popover-trigger {
margin-left: 8px;
margin-top: -3px;
height: 16px;
width: 16px;
max-height: 16px;
max-width: 16px
}
.rf-label-only+.rf-input,.rf-label-only+.rf-search-input,.rf-label-only+.rf-single-select,.rf-label-only+.rf-multi-select,.rf-label-only+.rf-select2-override,.rf-label-only+.rf-toggle,.rf-label-only+.rf-textarea,.rf-label-only+.rf-day-picker,.rf-label-only+.rf-scale-matrix,.rf-label-only+.rf-survey-scale,.rf-label-only+.rf-date-picker,.rf-label-only+.rf-radio-container,.rf-label-only+.rf-checkbox-container,.rf-label-only+.rf-read-only,.rf-label-only+.rf-button-link,.rf-label-only+.upload-file-form-container {
padding-top: 0
}
.rf-read-only {
color: var(--rf-brand-color-text-body)
}
.rf-read-only p {
margin: 0
}
.rf-read-only p+p {
margin-top: 4px
}
.rf-input.labeled-input-match,.rf-select.labeled-input-match {
margin-top: 25px
}
.rf-block-element,.rf-form-element {
padding-bottom: 16px;
padding-top: 8px
}
.rf-block-element {
display: block
}
.has-error .rf-label,.rf-error .rf-label {
color: var(--rf-brand-color-status-error) !important
}
.has-error .rf-label span,.rf-error .rf-label span {
color: var(--rf-brand-color-status-error) !important
}
.md-input-group {
position: relative
}
.top-content-controls {
position: absolute;
top: 0;
right: 0
}
.rf-text-container {
line-height: 1.4em
}
.rf-text-container p,.rf-text-container span {
line-height: 1.4em
}
.upload-file-form-container ul {
margin: 0;
padding: 0
}
::-webkit-input-placeholder {
color: var(--rf-comp-input-color-placeholder);
opacity: .75;
font-weight: var(--rf-system-font-weight-400)
}
::-moz-placeholder {
color: var(--rf-comp-input-color-placeholder);
opacity: .75;
font-weight: var(--rf-system-font-weight-400);
opacity: 1
}
:-ms-input-placeholder {
color: var(--rf-comp-input-color-placeholder);
opacity: .75;
font-weight: var(--rf-system-font-weight-400)
}
:-moz-placeholder {
color: var(--rf-comp-input-color-placeholder);
opacity: .75;
font-weight: var(--rf-system-font-weight-400)
}
::placeholder {
color: var(--rf-comp-input-color-placeholder);
opacity: .75;
font-weight: var(--rf-system-font-weight-400)
}
.form-group {
margin-bottom: 15px;
clear: both
}
.form-group:before,.form-group:after {
content: "";
display: table;
clear: both
}
.smart-form .checkbox i,.smart-form .radio i {
width: 19px;
height: 19px
}
.smart-form .checkbox input:checked+i,.smart-form .checkbox input:focus+i,.smart-form .radio input:checked+i,.smart-form .radio input:focus+i,.smart-form .toggle input:checked+i,.smart-form .toggle input:focus+i {
border-color: var(--rf-brand-color-primary)
}
.smart-form .checkbox:hover i,.smart-form .radio:hover i,.smart-form .toggle:hover i {
border-color: var(--rf-brand-color-primary)
}
.smart-form .checkbox input+i:after,.smart-form .rating input+label:hover,.smart-form .rating input+label:hover~label,.smart-form .rating input:checked~label {
color: var(--rf-brand-color-primary)
}
.smart-form .radio input+i:after {
background-color: var(--rf-brand-color-primary)
}
label.select i {
display: none
}
label.select i:before,label.select i:after {
display: none
}
label.label,label.input,label.select,label.textarea {
width: 100%
}
label.label .icon-append,label.label .icon-prepend,label.input .icon-append,label.input .icon-prepend,label.select .icon-append,label.select .icon-prepend,label.textarea .icon-append,label.textarea .icon-prepend {
top: 31px
}
label.label input,label.label select,label.label textarea,label.input input,label.input select,label.input textarea,label.select input,label.select select,label.select textarea,label.textarea input,label.textarea select,label.textarea textarea {
width: 100%;
display: block;
font-size: var(--rf-comp-input-font-size);
color: var(--rf-comp-input-color-on-background);
line-height: var(--rf-comp-input-font-line-height);
border: 1px solid var(--rf-comp-input-color-border);
width: 100%;
padding: var(--rf-comp-input-space-padding);
background-color: var(--rf-comp-input-color-background);
font-weight: var(--rf-comp-input-font-weight);
transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: var(--rf-comp-input-shape-radius);
-moz-border-radius: var(--rf-comp-input-shape-radius);
-ms-border-radius: var(--rf-comp-input-shape-radius);
-o-border-radius: var(--rf-comp-input-shape-radius);
border-radius: var(--rf-comp-input-shape-radius)
}
label.label input:hover,label.label select:hover,label.label textarea:hover,label.input input:hover,label.input select:hover,label.input textarea:hover,label.select input:hover,label.select select:hover,label.select textarea:hover,label.textarea input:hover,label.textarea select:hover,label.textarea textarea:hover {
border-color: var(--rf-comp-input-hover-color-border)
}
label.label input:active,label.label input:focus,label.label select:active,label.label select:focus,label.label textarea:active,label.label textarea:focus,label.input input:active,label.input input:focus,label.input select:active,label.input select:focus,label.input textarea:active,label.input textarea:focus,label.select input:active,label.select input:focus,label.select select:active,label.select select:focus,label.select textarea:active,label.select textarea:focus,label.textarea input:active,label.textarea input:focus,label.textarea select:active,label.textarea select:focus,label.textarea textarea:active,label.textarea textarea:focus {
border-color: var(--rf-comp-input-active-color-border);
-webkit-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-moz-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-ms-box-shadow: var(--rf-comp-input-active-elevation-shadow);
-o-box-shadow: var(--rf-comp-input-active-elevation-shadow);
box-shadow: var(--rf-comp-input-active-elevation-shadow)
}
label.label input :disabled,label.label select :disabled,label.label textarea :disabled,label.input input :disabled,label.input select :disabled,label.input textarea :disabled,label.select input :disabled,label.select select :disabled,label.select textarea :disabled,label.textarea input :disabled,label.textarea select :disabled,label.textarea textarea :disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
label.label input :disabled:hover,label.label input :disabled:active,label.label input :disabled:focus,label.label select :disabled:hover,label.label select :disabled:active,label.label select :disabled:focus,label.label textarea :disabled:hover,label.label textarea :disabled:active,label.label textarea :disabled:focus,label.input input :disabled:hover,label.input input :disabled:active,label.input input :disabled:focus,label.input select :disabled:hover,label.input select :disabled:active,label.input select :disabled:focus,label.input textarea :disabled:hover,label.input textarea :disabled:active,label.input textarea :disabled:focus,label.select input :disabled:hover,label.select input :disabled:active,label.select input :disabled:focus,label.select select :disabled:hover,label.select select :disabled:active,label.select select :disabled:focus,label.select textarea :disabled:hover,label.select textarea :disabled:active,label.select textarea :disabled:focus,label.textarea input :disabled:hover,label.textarea input :disabled:active,label.textarea input :disabled:focus,label.textarea select :disabled:hover,label.textarea select :disabled:active,label.textarea select :disabled:focus,label.textarea textarea :disabled:hover,label.textarea textarea :disabled:active,label.textarea textarea :disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
label.label input:disabled,label.label select:disabled,label.label textarea:disabled,label.input input:disabled,label.input select:disabled,label.input textarea:disabled,label.select input:disabled,label.select select:disabled,label.select textarea:disabled,label.textarea input:disabled,label.textarea select:disabled,label.textarea textarea:disabled {
cursor: not-allowed;
background-color: var(--rf-comp-input-disabled-color-background)
}
label.label input:disabled:hover,label.label input:disabled:active,label.label input:disabled:focus,label.label select:disabled:hover,label.label select:disabled:active,label.label select:disabled:focus,label.label textarea:disabled:hover,label.label textarea:disabled:active,label.label textarea:disabled:focus,label.input input:disabled:hover,label.input input:disabled:active,label.input input:disabled:focus,label.input select:disabled:hover,label.input select:disabled:active,label.input select:disabled:focus,label.input textarea:disabled:hover,label.input textarea:disabled:active,label.input textarea:disabled:focus,label.select input:disabled:hover,label.select input:disabled:active,label.select input:disabled:focus,label.select select:disabled:hover,label.select select:disabled:active,label.select select:disabled:focus,label.select textarea:disabled:hover,label.select textarea:disabled:active,label.select textarea:disabled:focus,label.textarea input:disabled:hover,label.textarea input:disabled:active,label.textarea input:disabled:focus,label.textarea select:disabled:hover,label.textarea select:disabled:active,label.textarea select:disabled:focus,label.textarea textarea:disabled:hover,label.textarea textarea:disabled:active,label.textarea textarea:disabled:focus {
border-color: var(--rf-comp-input-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.rf-checkbox-container {
position: relative;
padding-bottom: 16px;
padding-top: 8px
}
.rf-checkbox-container .error-msg {
color: var(--rf-brand-color-status-error)
}
.rf-radio-group {
display: flex;
gap: 8px 16px
}
.rf-radio-group.vertical-orientation {
flex-direction: column
}
.rf-checkbox-group {
display: flex;
flex-direction: column;
row-gap: 8px
}
.rf-checkbox-wrapper,.rf-radio-wrapper {
position: relative
}
.rf-checkbox-wrapper.has-tooltip,.rf-radio-wrapper.has-tooltip {
display: flex;
flex-wrap: nowrap;
width: fit-content
}
.rf-checkbox-wrapper.no-label .rf-radio-option,.rf-checkbox-wrapper.no-label .rf-checkbox,.rf-radio-wrapper.no-label .rf-radio-option,.rf-radio-wrapper.no-label .rf-checkbox {
cursor: pointer;
height: 16px;
width: 16px
}
.rf-checkbox-wrapper.aria-input label,.rf-radio-wrapper.aria-input label {
display: flex
}
.rf-checkbox-wrapper.aria-input.aria-input-centered label,.rf-radio-wrapper.aria-input.aria-input-centered label {
align-items: center
}
.rf-checkbox-wrapper.aria-input .rf-checkbox-label,.rf-checkbox-wrapper.aria-input .rf-radio-label,.rf-radio-wrapper.aria-input .rf-checkbox-label,.rf-radio-wrapper.aria-input .rf-radio-label {
padding-left: 8px
}
.rf-checkbox-wrapper .rf-tooltip-container,.rf-radio-wrapper .rf-tooltip-container {
line-height: 1
}
.rf-checkbox-wrapper .rf-checkbox.no-max-width,.rf-radio-wrapper .rf-checkbox.no-max-width {
max-width: none
}
.rf-checkbox-wrapper .rf-checkbox .rf-checkbox-sub-label,.rf-radio-wrapper .rf-checkbox .rf-checkbox-sub-label {
font-size: var(--rf-brand-font-scale-7);
padding-inline-start:24px;margin-block:4px 0}
.rf-checkbox-wrapper .rf-checkbox,.rf-checkbox-wrapper .rf-radio-option,.rf-radio-wrapper .rf-checkbox,.rf-radio-wrapper .rf-radio-option {
width: auto;
cursor: pointer;
max-width: 500px
}
.rf-checkbox-wrapper .rf-checkbox.no-max-width,.rf-checkbox-wrapper .rf-radio-option.no-max-width,.rf-radio-wrapper .rf-checkbox.no-max-width,.rf-radio-wrapper .rf-radio-option.no-max-width {
max-width: none
}
.rf-checkbox-wrapper .rf-checkbox-label,.rf-checkbox-wrapper .rf-radio-label,.rf-radio-wrapper .rf-checkbox-label,.rf-radio-wrapper .rf-radio-label {
display: block;
cursor: pointer;
font-size: var(--rf-brand-font-size);
color: var(--rf-brand-color-text-body);
font-weight: var(--rf-system-font-weight-400);
line-height: 1.2em;
padding-left: 24px
}
.rf-checkbox-wrapper .rf-checkbox-label.primary-value,.rf-checkbox-wrapper .rf-radio-label.primary-value,.rf-radio-wrapper .rf-checkbox-label.primary-value,.rf-radio-wrapper .rf-radio-label.primary-value {
font-weight: var(--rf-system-font-weight-700) !important
}
.rf-checkbox-wrapper .rf-checkbox-label.complex-selector,.rf-checkbox-wrapper .rf-radio-label.complex-selector,.rf-radio-wrapper .rf-checkbox-label.complex-selector,.rf-radio-wrapper .rf-radio-label.complex-selector {
font-weight: var(--rf-system-font-weight-600)
}
.rf-checkbox-wrapper .checkbox-bg,.rf-checkbox-wrapper .check,.rf-radio-wrapper .checkbox-bg,.rf-radio-wrapper .check {
display: block;
position: absolute;
top: 0;
left: 0
}
.rf-checkbox-wrapper .icon-popover-trigger,.rf-radio-wrapper .icon-popover-trigger {
margin-top: 0;
height: 16px;
width: 16px;
max-height: 16px;
max-width: 16px;
min-width: 16px;
min-height: 16px
}
.rf-checkbox,.rf-radio-option {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
cursor: pointer;
clear: both
}
.rf-checkbox:before,.rf-checkbox:after,.rf-radio-option:before,.rf-radio-option:after {
content: "";
display: table;
clear: both
}
.rf-checkbox-container,.rf-radio-container {
width: 100%
}
.rf-checkbox-container .rf-checkbox-wrapper,.rf-checkbox-container .rf-radio-wrapper,.rf-radio-container .rf-checkbox-wrapper,.rf-radio-container .rf-radio-wrapper {
margin-bottom: 8px
}
.rf-checkbox-container .rf-label,.rf-radio-container .rf-label {
margin-bottom: 4px;
display: block
}
.rf-checkbox-container .rf-label .label-text,.rf-radio-container .rf-label .label-text {
font-weight: var(--rf-system-font-weight-600)
}
.rf-checkbox-radio-grid .rf-checkbox,.rf-checkbox-radio-grid .rf-radio-option {
margin-top: 4px
}
.wf-form-element-div .rf-checkbox-container .checkbox>label {
padding-left: 30px;
position: relative;
display: inline-block;
margin-bottom: 8px
}
.wf-form-element-div .rf-checkbox-container .checkbox>label>input {
position: absolute;
left: 0;
top: 2px
}
.wf-form-element-div .rf-radio-container .radio>label {
padding-left: 30px;
position: relative;
display: inline-block;
margin-bottom: 8px;
cursor: pointer
}
.wf-form-element-div .rf-radio-container .radio>label>input {
position: absolute;
left: 0;
top: 2px;
cursor: pointer
}
.wf-form-element-div .rf-radio-container .radio>label>input:focus::before {
display: block;
position: absolute;
content: "";
border-radius: 100%;
height: 9px;
width: 9px;
top: 2px;
left: 2px;
margin: auto;
transition: background .2s linear;
-webkit-transition: background .2s linear;
background: var(--rf-brand-color-primary-muted)
}
.wf-form-element-div .rf-radio-container .radio>label>input:checked::before {
background: var(--rf-brand-color-primary)
}
.image-group-previewer .image-previewer-container,.image-group-previewer .image-group-container-footer {
padding: 12px
}
.image-group-previewer .image-group-container {
-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 0 1px rgba(0,0,0,.15);
-ms-box-shadow: 0 0 0 1px rgba(0,0,0,.15);
-o-box-shadow: 0 0 0 1px rgba(0,0,0,.15);
box-shadow: 0 0 0 1px rgba(0,0,0,.15);
border-radius: var(--rf-brand-shape-radius)
}
.image-group-previewer .image-previewer-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-height: 400px;
overflow: auto
}
.image-group-previewer .image-previewer-container img {
max-width: 100%
}
.image-group-previewer .image-previewer-container>div {
max-width: 150px;
width: 48%
}
.image-group-previewer .image-previewer-container .image-previewer-uploader {
max-height: 136px
}
.image-group-previewer .image-previewer-container .image-previewer-uploader>div,.image-group-previewer .image-previewer-container .image-previewer-uploader .upload-file-area {
height: 100%
}
.image-group-previewer .rf-image-thumbnail {
border: 3px solid rgba(0,0,0,0);
margin-bottom: 12px;
border-radius: var(--rf-brand-shape-radius);
cursor: pointer
}
.image-group-previewer .rf-image-thumbnail.is-selected {
border-color: var(--rf-brand-color-primary)
}
.image-group-previewer .rf-image-thumbnail .image-thumbnail-container {
max-height: 136px
}
.image-group-previewer .image-group-container-footer {
border-top: 1px solid var(--rf-brand-color-border);
display: flex;
justify-content: flex-end
}
.image-group-previewer .upload-file-area,.image-group-previewer .image-placeholder {
cursor: pointer;
height: 124px;
margin-bottom: 12px
}
.image-group-previewer .image-group-container-empty {
min-height: 100px;
display: flex;
justify-content: center;
align-items: center
}
.is-indented {
padding-left: 24px
}
.is-doubleindented {
padding-left: 48px
}
.rf-indented-subsection {
position: relative;
padding-bottom: 16px;
padding-top: 8px
}
.rf-indented-subsection .rf-indented-children {
padding-left: 24px
}
.rf-indented-subsection .rf-checkbox-wrapper,.rf-indented-subsection .rf-radio-wrapper {
margin-bottom: 8px
}
.rf-indented-subsection.no-padding {
padding: 0
}
.rf-char-count {
color: var(--rf-system-color-neutral-40);
font-size: var(--rf-brand-font-scale-7);
margin-top: 4px;
line-height: 1.4
}
.rf-char-count.error {
color: var(--rf-brand-color-status-error)
}
.rf-complex-selector.rf-complex-selector-with-padding {
padding: 8px 0 16px 0
}
.rf-complex-selector.rf-complex-selector--no-padding-bottom {
padding-block-end:0}
.rf-complex-selector .rf-complex-selector-body p {
margin-bottom: 0
}
.rf-complex-selector .rf-complex-selector-inline-content {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: space-between
}
.rf-criteria-container {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
padding: 16px
}
.rf-select-mapping .rf-select-mapping-close {
margin-top: 36px
}
.rf-touch-selector {
align-items: center;
background-color: var(--rf-brand-color-surface);
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
cursor: pointer;
display: flex;
gap: 16px;
min-height: 16px;
padding: 8px 16px
}
.rf-touch-selector:hover {
background-color: var(--rf-brand-color-surface-2)
}
.rf-touch-selector+.rf-touch-selector {
margin-top: 8px
}
.rf-touch-selector .rf-touch-selector-value {
flex-grow: 1
}
.rf-touch-selector .rf-touch-selector-icon {
flex-shrink: 0
}
.rf-touch-selector.selector-disabled {
color: var(--rf-brand-color-status-disabled);
background: var(--rf-brand-color-surface-2);
cursor: not-allowed
}
.rf-touch-selector.selector-disabled .rf-touch-selector-value {
opacity: .82
}
.rf-touch-selector.selector-active {
border-color: var(--rf-brand-color-primary)
}
.rf-touch-selector.selector-focused {
background-color: var(--rf-brand-color-surface-2);
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important
}
.meeting-scheduler-page {
display: flex;
flex-direction: column
}
.meeting-scheduler-page .rf-workflow {
height: 100%
}
.meeting-scheduler-page .rf-workflow .rf-workflow-body-content {
height: 100%
}
.meeting-scheduler-tabs-frame {
display: flex;
flex-direction: column;
height: 100%
}
.meeting-scheduler-tabs-frame.is-admin {
padding-top: calc(var(--top-environment-header-height, 0px) + var(--builder-control-bar-height, 70px) + var(--top-spoof-height, 0px))
}
.scheduling-grid-div.meeting-scheduler.uniform-spacing {
padding: 16px
}
.scheduling-grid-div.meeting-scheduler .scheduler-title {
margin-right: auto;
margin-top: auto;
margin-bottom: auto
}
.scheduling-grid-div.meeting-scheduler .grid-scheduler .session-bar {
margin-bottom: 12px;
min-height: 112px
}
.scheduling-grid-div.meeting-scheduler .grid-scheduler .frame-tabs-container {
top: 0
}
.scheduling-grid-div.meeting-scheduler .meeting-filters {
flex: 1
}
.scheduling-grid-div.meeting-scheduler .meeting-filters .meeting-filters-dropdown {
height: 44px;
padding: 0
}
.scheduling-grid-div.meeting-scheduler .meeting-filters .meeting-filters-dropdown .rf-dropdown-container,.scheduling-grid-div.meeting-scheduler .meeting-filters .meeting-filters-dropdown .select-dropdown-icon,.scheduling-grid-div.meeting-scheduler .meeting-filters .meeting-filters-dropdown .dropdown-icon-background,.scheduling-grid-div.meeting-scheduler .meeting-filters .meeting-filters-dropdown input {
height: 100%
}
.scheduling-grid-div.meeting-scheduler .meeting-filters .meeting-filters-dropdown .rf-select-selected {
top: -32px
}
.scheduling-grid-div.meeting-scheduler .meeting-filters .create-meeting-btn {
margin-top: 12px
}
.scheduling-grid-div.meeting-scheduler .slide-out-body .rf-single-select {
padding-top: 0
}
.scheduling-grid-div.meeting-scheduler .slide-out-body .meeting-setup-section {
padding-left: 30px;
margin-bottom: 28px
}
.scheduling-grid-div.meeting-scheduler .slide-out-body .meeting-setup-section h2 {
margin: 0 0 12px -30px
}
.scheduling-grid-div.meeting-scheduler .slide-out-body .rf-simple-list-footer {
margin-top: -1px;
padding-bottom: 16px;
position: relative
}
.scheduling-grid-div.meeting-scheduler .slide-out-body .schedule-asap {
margin-top: 24px
}
.meeting-checkin-modal .meeting-checkin-modal-details {
align-items: center;
display: flex;
gap: 4px;
margin-bottom: 4px
}
.meeting-checkin-modal .meeting-checkin-modal-selector {
margin-top: 12px
}
.hosts-search-output {
height: 100%;
overflow: auto;
padding: 16px
}
.meeting-conflict {
display: flex;
flex-direction: column;
gap: 4px
}
.meeting-conflict .meeting-conflict-title {
align-items: center;
display: flex;
gap: 16px;
margin-block-end:4px}
.meeting-conflict .meeting-conflict-participant {
margin: 0
}
.meeting-conflict .meeting-conflict-detail {
align-items: center;
display: flex;
gap: 4px
}
@media(min-width: 768px) {
.container {
width:96%
}
}
@media(min-width: 1200px) {
.container {
width:1166px
}
}
@media(min-width: 992px) {
.container {
width:966px
}
}
@media(min-width: 768px) {
.container {
width:746px
}
}
.container,.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 13px;
padding-right: 13px;
box-sizing: border-box;
clear: both
}
.container:before,.container:after,.container-fluid:before,.container-fluid:after {
content: "";
display: table;
clear: both
}
.row {
box-sizing: border-box;
clear: both;
margin-left: -13px;
margin-right: -13px
}
.row:before,.row:after {
content: "";
display: table;
clear: both
}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
box-sizing: border-box;
position: relative;
min-height: 1px;
padding-left: 13px;
padding-right: 13px
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9 {
float: left
}
.col-xs-12 {
width: 100%
}
.col-xs-11 {
width: 91.66666667%
}
.col-xs-10 {
width: 83.33333333%
}
.col-xs-9 {
width: 75%
}
.col-xs-8 {
width: 66.66666667%
}
.col-xs-7 {
width: 58.33333333%
}
.col-xs-6 {
width: 50%
}
.col-xs-5 {
width: 41.66666667%
}
.col-xs-4 {
width: 33.33333333%
}
.col-xs-3 {
width: 25%
}
.col-xs-2 {
width: 16.66666667%
}
.col-xs-1 {
width: 8.33333333%
}
.col-xs-pull-12 {
right: 100%
}
.col-xs-pull-11 {
right: 91.66666667%
}
.col-xs-pull-10 {
right: 83.33333333%
}
.col-xs-pull-9 {
right: 75%
}
.col-xs-pull-8 {
right: 66.66666667%
}
.col-xs-pull-7 {
right: 58.33333333%
}
.col-xs-pull-6 {
right: 50%
}
.col-xs-pull-5 {
right: 41.66666667%
}
.col-xs-pull-4 {
right: 33.33333333%
}
.col-xs-pull-3 {
right: 25%
}
.col-xs-pull-2 {
right: 16.66666667%
}
.col-xs-pull-1 {
right: 8.33333333%
}
.col-xs-pull-0 {
right: auto
}
.col-xs-push-12 {
left: 100%
}
.col-xs-push-11 {
left: 91.66666667%
}
.col-xs-push-10 {
left: 83.33333333%
}
.col-xs-push-9 {
left: 75%
}
.col-xs-push-8 {
left: 66.66666667%
}
.col-xs-push-7 {
left: 58.33333333%
}
.col-xs-push-6 {
left: 50%
}
.col-xs-push-5 {
left: 41.66666667%
}
.col-xs-push-4 {
left: 33.33333333%
}
.col-xs-push-3 {
left: 25%
}
.col-xs-push-2 {
left: 16.66666667%
}
.col-xs-push-1 {
left: 8.33333333%
}
.col-xs-push-0 {
left: auto
}
.col-xs-offset-12 {
margin-left: 100%
}
.col-xs-offset-11 {
margin-left: 91.66666667%
}
.col-xs-offset-10 {
margin-left: 83.33333333%
}
.col-xs-offset-9 {
margin-left: 75%
}
.col-xs-offset-8 {
margin-left: 66.66666667%
}
.col-xs-offset-7 {
margin-left: 58.33333333%
}
.col-xs-offset-6 {
margin-left: 50%
}
.col-xs-offset-5 {
margin-left: 41.66666667%
}
.col-xs-offset-4 {
margin-left: 33.33333333%
}
.col-xs-offset-3 {
margin-left: 25%
}
.col-xs-offset-2 {
margin-left: 16.66666667%
}
.col-xs-offset-1 {
margin-left: 8.33333333%
}
.col-xs-offset-0 {
margin-left: 0
}
@media(min-width: 768px) {
.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
float:left
}
.col-sm-12 {
width: 100%
}
.col-sm-11 {
width: 91.66666667%
}
.col-sm-10 {
width: 83.33333333%
}
.col-sm-9 {
width: 75%
}
.col-sm-8 {
width: 66.66666667%
}
.col-sm-7 {
width: 58.33333333%
}
.col-sm-6 {
width: 50%
}
.col-sm-5 {
width: 41.66666667%
}
.col-sm-4 {
width: 33.33333333%
}
.col-sm-3 {
width: 25%
}
.col-sm-2 {
width: 16.66666667%
}
.col-sm-1 {
width: 8.33333333%
}
.col-sm-pull-12 {
right: 100%
}
.col-sm-pull-11 {
right: 91.66666667%
}
.col-sm-pull-10 {
right: 83.33333333%
}
.col-sm-pull-9 {
right: 75%
}
.col-sm-pull-8 {
right: 66.66666667%
}
.col-sm-pull-7 {
right: 58.33333333%
}
.col-sm-pull-6 {
right: 50%
}
.col-sm-pull-5 {
right: 41.66666667%
}
.col-sm-pull-4 {
right: 33.33333333%
}
.col-sm-pull-3 {
right: 25%
}
.col-sm-pull-2 {
right: 16.66666667%
}
.col-sm-pull-1 {
right: 8.33333333%
}
.col-sm-pull-0 {
right: auto
}
.col-sm-push-12 {
left: 100%
}
.col-sm-push-11 {
left: 91.66666667%
}
.col-sm-push-10 {
left: 83.33333333%
}
.col-sm-push-9 {
left: 75%
}
.col-sm-push-8 {
left: 66.66666667%
}
.col-sm-push-7 {
left: 58.33333333%
}
.col-sm-push-6 {
left: 50%
}
.col-sm-push-5 {
left: 41.66666667%
}
.col-sm-push-4 {
left: 33.33333333%
}
.col-sm-push-3 {
left: 25%
}
.col-sm-push-2 {
left: 16.66666667%
}
.col-sm-push-1 {
left: 8.33333333%
}
.col-sm-push-0 {
left: auto
}
.col-sm-offset-12 {
margin-left: 100%
}
.col-sm-offset-11 {
margin-left: 91.66666667%
}
.col-sm-offset-10 {
margin-left: 83.33333333%
}
.col-sm-offset-9 {
margin-left: 75%
}
.col-sm-offset-8 {
margin-left: 66.66666667%
}
.col-sm-offset-7 {
margin-left: 58.33333333%
}
.col-sm-offset-6 {
margin-left: 50%
}
.col-sm-offset-5 {
margin-left: 41.66666667%
}
.col-sm-offset-4 {
margin-left: 33.33333333%
}
.col-sm-offset-3 {
margin-left: 25%
}
.col-sm-offset-2 {
margin-left: 16.66666667%
}
.col-sm-offset-1 {
margin-left: 8.33333333%
}
.col-sm-offset-0 {
margin-left: 0
}
}
@media(min-width: 992px) {
.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9 {
float:left
}
.col-md-12 {
width: 100%
}
.col-md-11 {
width: 91.66666667%
}
.col-md-10 {
width: 83.33333333%
}
.col-md-9 {
width: 75%
}
.col-md-8 {
width: 66.66666667%
}
.col-md-7 {
width: 58.33333333%
}
.col-md-6 {
width: 50%
}
.col-md-5 {
width: 41.66666667%
}
.col-md-4 {
width: 33.33333333%
}
.col-md-3 {
width: 25%
}
.col-md-2 {
width: 16.66666667%
}
.col-md-1 {
width: 8.33333333%
}
.col-md-pull-12 {
right: 100%
}
.col-md-pull-11 {
right: 91.66666667%
}
.col-md-pull-10 {
right: 83.33333333%
}
.col-md-pull-9 {
right: 75%
}
.col-md-pull-8 {
right: 66.66666667%
}
.col-md-pull-7 {
right: 58.33333333%
}
.col-md-pull-6 {
right: 50%
}
.col-md-pull-5 {
right: 41.66666667%
}
.col-md-pull-4 {
right: 33.33333333%
}
.col-md-pull-3 {
right: 25%
}
.col-md-pull-2 {
right: 16.66666667%
}
.col-md-pull-1 {
right: 8.33333333%
}
.col-md-pull-0 {
right: auto
}
.col-md-push-12 {
left: 100%
}
.col-md-push-11 {
left: 91.66666667%
}
.col-md-push-10 {
left: 83.33333333%
}
.col-md-push-9 {
left: 75%
}
.col-md-push-8 {
left: 66.66666667%
}
.col-md-push-7 {
left: 58.33333333%
}
.col-md-push-6 {
left: 50%
}
.col-md-push-5 {
left: 41.66666667%
}
.col-md-push-4 {
left: 33.33333333%
}
.col-md-push-3 {
left: 25%
}
.col-md-push-2 {
left: 16.66666667%
}
.col-md-push-1 {
left: 8.33333333%
}
.col-md-push-0 {
left: auto
}
.col-md-offset-12 {
margin-left: 100%
}
.col-md-offset-11 {
margin-left: 91.66666667%
}
.col-md-offset-10 {
margin-left: 83.33333333%
}
.col-md-offset-9 {
margin-left: 75%
}
.col-md-offset-8 {
margin-left: 66.66666667%
}
.col-md-offset-7 {
margin-left: 58.33333333%
}
.col-md-offset-6 {
margin-left: 50%
}
.col-md-offset-5 {
margin-left: 41.66666667%
}
.col-md-offset-4 {
margin-left: 33.33333333%
}
.col-md-offset-3 {
margin-left: 25%
}
.col-md-offset-2 {
margin-left: 16.66666667%
}
.col-md-offset-1 {
margin-left: 8.33333333%
}
.col-md-offset-0 {
margin-left: 0
}
}
@media(min-width: 1200px) {
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9 {
float:left
}
.col-lg-12 {
width: 100%
}
.col-lg-11 {
width: 91.66666667%
}
.col-lg-10 {
width: 83.33333333%
}
.col-lg-9 {
width: 75%
}
.col-lg-8 {
width: 66.66666667%
}
.col-lg-7 {
width: 58.33333333%
}
.col-lg-6 {
width: 50%
}
.col-lg-5 {
width: 41.66666667%
}
.col-lg-4 {
width: 33.33333333%
}
.col-lg-3 {
width: 25%
}
.col-lg-2 {
width: 16.66666667%
}
.col-lg-1 {
width: 8.33333333%
}
.col-lg-pull-12 {
right: 100%
}
.col-lg-pull-11 {
right: 91.66666667%
}
.col-lg-pull-10 {
right: 83.33333333%
}
.col-lg-pull-9 {
right: 75%
}
.col-lg-pull-8 {
right: 66.66666667%
}
.col-lg-pull-7 {
right: 58.33333333%
}
.col-lg-pull-6 {
right: 50%
}
.col-lg-pull-5 {
right: 41.66666667%
}
.col-lg-pull-4 {
right: 33.33333333%
}
.col-lg-pull-3 {
right: 25%
}
.col-lg-pull-2 {
right: 16.66666667%
}
.col-lg-pull-1 {
right: 8.33333333%
}
.col-lg-pull-0 {
right: auto
}
.col-lg-push-12 {
left: 100%
}
.col-lg-push-11 {
left: 91.66666667%
}
.col-lg-push-10 {
left: 83.33333333%
}
.col-lg-push-9 {
left: 75%
}
.col-lg-push-8 {
left: 66.66666667%
}
.col-lg-push-7 {
left: 58.33333333%
}
.col-lg-push-6 {
left: 50%
}
.col-lg-push-5 {
left: 41.66666667%
}
.col-lg-push-4 {
left: 33.33333333%
}
.col-lg-push-3 {
left: 25%
}
.col-lg-push-2 {
left: 16.66666667%
}
.col-lg-push-1 {
left: 8.33333333%
}
.col-lg-push-0 {
left: auto
}
.col-lg-offset-12 {
margin-left: 100%
}
.col-lg-offset-11 {
margin-left: 91.66666667%
}
.col-lg-offset-10 {
margin-left: 83.33333333%
}
.col-lg-offset-9 {
margin-left: 75%
}
.col-lg-offset-8 {
margin-left: 66.66666667%
}
.col-lg-offset-7 {
margin-left: 58.33333333%
}
.col-lg-offset-6 {
margin-left: 50%
}
.col-lg-offset-5 {
margin-left: 41.66666667%
}
.col-lg-offset-4 {
margin-left: 33.33333333%
}
.col-lg-offset-3 {
margin-left: 25%
}
.col-lg-offset-2 {
margin-left: 16.66666667%
}
.col-lg-offset-1 {
margin-left: 8.33333333%
}
.col-lg-offset-0 {
margin-left: 0
}
}
.cke_dialog_footer_buttons a.cke_dialog_ui_button {
outline: 0;
padding: 3px;
box-shadow: none !important
}
.cke_dialog_footer_buttons a.cke_dialog_ui_button:hover,.cke_dialog_footer_buttons a.cke_dialog_ui_button:focus,.cke_dialog_footer_buttons a.cke_dialog_ui_button:active {
outline: 0;
padding: 3px !important;
opacity: .9
}
.cke_dialog_footer_buttons a.cke_dialog_ui_button_ok {
color: var(--rf-system-color-neutral-100);
background: var(--rf-brand-color-primary) !important;
border: 1px solid var(--rf-brand-color-primary) !important
}
.cke_dialog_footer_buttons a.cke_dialog_ui_button_cancel {
color: var(--rf-brand-color-text-body);
background: rgba(0,0,0,0) !important;
border: 1px solid var(--rf-brand-color-border) !important
}
.cke_chrome *,.cke_chrome:after,.cke_chrome:before {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background-image: none
}
.cke_dialog {
border-radius: var(--rf-brand-shape-radius);
overflow: hidden;
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5) !important;
-moz-box-shadow: 0 5px 15px rgba(0,0,0,.5) !important;
box-shadow: 0 5px 15px rgba(0,0,0,.5) !important
}
.cke_dialog * {
font-family: "Open Sans",Arial,Helvetica,Sans-Serif !important
}
.cke_dialog .cke_dialog_title {
padding: 12px 20px;
font-size: 20px;
font-weight: var(--rf-system-font-weight-600);
line-height: 29px;
height: 30px;
background: var(--rf-brand-color-surface);
letter-spacing: .2px;
margin: 0;
display: block
}
.cke_dialog .cke_dialog_close_button {
right: 18px;
top: 20px
}
.cke_dialog .cke_dialog_ui_labeled_label {
color: var(--rf-system-color-neutral-30);
font-size: 14px;
height: auto;
font-weight: var(--rf-system-font-weight-600);
letter-spacing: 0
}
.cke_dialog .cke_dialog_contents_body {
padding: 10px 20px 16px
}
.cke_dialog .cke_dialog_contents {
margin-top: 42px
}
.cke_dialog input.cke_dialog_ui_input_text,.cke_dialog select.cke_dialog_ui_input_select {
font-size: 14px;
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius);
color: var(--rf-brand-color-text-body);
line-height: 20px;
border: 1px solid var(--rf-brand-color-border);
padding: 6px 8px;
font-weight: var(--rf-system-font-weight-400);
height: auto
}
.cke_dialog input.cke_dialog_ui_input_text:focus,.cke_dialog select.cke_dialog_ui_input_select:focus {
border: 1px solid var(--rf-brand-color-primary);
-webkit-box-shadow: 0 0 6px var(--rf-brand-color-primary);
-moz-box-shadow: 0 0 6px var(--rf-brand-color-primary);
-ms-box-shadow: 0 0 6px var(--rf-brand-color-primary);
-o-box-shadow: 0 0 6px var(--rf-brand-color-primary);
box-shadow: 0 0 6px var(--rf-brand-color-primary)
}
.cke_dialog a.cke_dialog_tab {
color: var(--rf-brand-color-text-body);
background-color: rgba(0,0,0,0);
border: none;
border-bottom: 1px solid rgba(0,0,0,0);
cursor: default;
margin-left: 0;
padding: 4px 8px !important
}
.cke_dialog a.cke_dialog_tab:focus,.cke_dialog a.cke_dialog_tab:hover {
border: none !important;
background: none
}
.cke_dialog a.cke_dialog_tab.cke_dialog_tab_selected {
-webkit-box-shadow: 0 -2px 0 var(--rf-brand-color-primary);
-moz-box-shadow: 0 -2px 0 var(--rf-brand-color-primary);
box-shadow: 0 -2px 0 var(--rf-brand-color-primary);
border-left: 1px solid var(--rf-brand-color-border) !important;
border-right: 1px solid var(--rf-brand-color-border) !important;
background: var(--rf-brand-color-surface);
border-bottom: none;
text-decoration: underline;
margin-top: 1px;
font-weight: var(--rf-system-font-weight-700)
}
.cke_dialog a.cke_dialog_tab.cke_dialog_tab_selected:focus,.cke_dialog a.cke_dialog_tab.cke_dialog_tab_selected:hover {
color: var(--rf-brand-color-text-body);
cursor: default
}
.cke_dialog .cke_dialog_footer {
background: var(--rf-brand-color-surface);
padding: 0
}
.cke_dialog .cke_dialog_footer .cke_dialog_footer_buttons {
margin: 12px 4px 12px 20px
}
.cke_dialog .cke_dialog_footer .cke_dialog_ui_hbox_first {
padding-right: 16px !important
}
.cke_dialog .cke_dialog_ui_button {
position: relative;
cursor: pointer;
background-image: none;
background: rgba(0,0,0,0);
letter-spacing: 1px;
border: 2px solid rgba(0,0,0,0);
display: inline-block;
font-family: inherit;
font-size: 13px;
font-weight: var(--rf-system-font-weight-600);
line-height: 1;
margin: 0;
outline: 0;
padding: 6px 16px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: all .2s;
vertical-align: middle;
white-space: nowrap;
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-webkit-transform: all .3s ease-in-out 0s;
-moz-transform: all .3s ease-in-out 0s;
-ms-transform: all .3s ease-in-out 0s;
-o-transform: all .3s ease-in-out 0s;
transform: all .3s ease-in-out 0s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.cke_dialog .cke_dialog_ui_button.cke_dialog_ui_button_cancel {
color: var(--rf-brand-color-primary);
background-color: rgba(0,0,0,0);
border: 2px solid var(--rf-brand-color-primary) !important
}
.cke_dialog .cke_dialog_ui_button.cke_dialog_ui_button_ok {
color: var(--rf-system-color-neutral-100);
background-color: var(--rf-brand-color-primary);
border: 2px solid var(--rf-brand-color-primary) !important
}
.cke_dialog .cke_dialog_ui_button span.cke_dialog_ui_button {
display: inline-block;
vertical-align: middle;
font-weight: var(--rf-system-font-weight-600);
cursor: pointer;
font-size: 13px;
line-height: 18px;
border: none
}
.cke {
border-radius: var(--rf-brand-shape-radius);
overflow: hidden;
margin: 0 0 16px
}
.cke * {
font-family: "Open Sans",Arial,Helvetica,Sans-Serif !important;
cursor: default
}
.cke *:hover {
cursor: default
}
.cke.cke_chrome {
border: 1px solid var(--rf-brand-color-border)
}
.cke .cke_inner {
background-color: inherit
}
.cke .cke_top {
background-color: var(--rf-system-color-neutral-100);
padding: 4px;
border-bottom: 1px solid var(--rf-brand-color-border);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none
}
.cke .cke_toolbox {
display: flex;
flex-wrap: wrap
}
.cke .cke_toolbar {
background-color: var(--rf-system-color-neutral-100);
margin-right: 5px;
margin-bottom: 8px
}
.cke .cke_toolgroup {
display: flex;
flex-wrap: nowrap;
background: none;
border: none;
float: none;
padding: 0;
margin: 0
}
.cke a.cke_button,.cke a.cke_button_on,.cke a.cke_button_expandable {
padding: 4px 6px !important
}
.cke a.cke_button:hover,.cke a.cke_button:focus,.cke a.cke_button:active,.cke a.cke_button_on:hover,.cke a.cke_button_on:focus,.cke a.cke_button_on:active,.cke a.cke_button_expandable:hover,.cke a.cke_button_expandable:focus,.cke a.cke_button_expandable:active {
padding: 4px 6px !important
}
.cke a.cke_combo_button {
padding: 0 6px !important
}
.cke a.cke_combo_button:hover,.cke a.cke_combo_button:focus,.cke a.cke_combo_button:active {
padding: 0 6px !important
}
.cke a.cke_button,.cke a.cke_combo_button {
border: 1px solid rgba(0,0,0,0);
-webkit-border-radius: var(--rf-brand-shape-radius);
-moz-border-radius: var(--rf-brand-shape-radius);
-ms-border-radius: var(--rf-brand-shape-radius);
-o-border-radius: var(--rf-brand-shape-radius);
border-radius: var(--rf-brand-shape-radius)
}
.cke a.cke_button:hover,.cke a.cke_button:focus,.cke a.cke_button:active,.cke a.cke_combo_button:hover,.cke a.cke_combo_button:focus,.cke a.cke_combo_button:active {
background-color: var(--rf-brand-color-surface-2) !important;
border: 1px solid var(--rf-brand-color-border) !important;
cursor: pointer !important
}
.cke a.cke_button:hover:last-child:after,.cke a.cke_button:focus:last-child:after,.cke a.cke_button:active:last-child:after,.cke a.cke_combo_button:hover:last-child:after,.cke a.cke_combo_button:focus:last-child:after,.cke a.cke_combo_button:active:last-child:after {
right: -3px !important
}
.cke a.cke_button:hover *,.cke a.cke_button:focus *,.cke a.cke_button:active *,.cke a.cke_combo_button:hover *,.cke a.cke_combo_button:focus *,.cke a.cke_combo_button:active * {
cursor: pointer !important
}
.cke a.cke_button.cke_button_on,.cke a.cke_combo_button.cke_button_on {
background-color: var(--rf-brand-color-surface-2);
border: 1px solid var(--rf-brand-color-border)
}
.cke a.cke_button.cke_button_disabled,.cke a.cke_combo_button.cke_button_disabled {
background-color: rgba(0,0,0,0) !important;
border: 1px solid rgba(0,0,0,0) !important;
cursor: not-allowed !important
}
.cke a.cke_button.cke_button_disabled:hover,.cke a.cke_button.cke_button_disabled:focus,.cke a.cke_button.cke_button_disabled:active,.cke a.cke_combo_button.cke_button_disabled:hover,.cke a.cke_combo_button.cke_button_disabled:focus,.cke a.cke_combo_button.cke_button_disabled:active {
background-color: rgba(0,0,0,0) !important;
border: 1px solid rgba(0,0,0,0) !important;
cursor: not-allowed !important
}
.cke a.cke_button.cke_button_disabled *,.cke a.cke_combo_button.cke_button_disabled * {
cursor: not-allowed !important
}
.cke .cke_combo {
margin-right: 4px
}
.cke .cke_combo:after {
right: -3px
}
.cke .cke_combo.cke_combo_on a.cke_combo_button {
background-color: var(--rf-brand-color-surface-2);
border: 1px solid var(--rf-brand-color-border)
}
.cke .cke_combo a.cke_combo_button {
margin-left: 0 !important
}
.cke .cke_toolbar_break {
display: block;
width: 100%;
height: 0;
padding: 0;
margin: 0;
opacity: 0;
flex: auto
}
.public_Scrollbar_main.public_Scrollbar_mainActive,.public_Scrollbar_main:hover {
background-color: rgba(255,255,255,.8)
}
.public_Scrollbar_mainOpaque,.public_Scrollbar_mainOpaque.public_Scrollbar_mainActive,.public_Scrollbar_mainOpaque:hover {
background-color: var(--rf-system-color-neutral-100)
}
.public_Scrollbar_face:after {
background-color: #c2c2c2
}
.public_Scrollbar_main:hover .public_Scrollbar_face:after,.public_Scrollbar_mainActive .public_Scrollbar_face:after,.public_Scrollbar_faceActive:after {
background-color: #7d7d7d
}
.public_fixedDataTable_main {
border-color: #d3d3d3
}
.public_fixedDataTable_header,.public_fixedDataTable_hasBottomBorder {
border-color: #d3d3d3
}
.public_fixedDataTable_header .public_fixedDataTableCell_main {
font-weight: bold
}
.public_fixedDataTable_header,.public_fixedDataTable_header .public_fixedDataTableCell_main {
background-color: #f6f7f8;
background-image: -webkit-linear-gradient(#fff, #efefef);
background-image: linear-gradient(#fff, #efefef)
}
.public_fixedDataTable_footer .public_fixedDataTableCell_main {
background-color: #f6f7f8;
border-color: #d3d3d3
}
.public_fixedDataTable_topShadow {
background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAF0lEQVR4AWPUkNeSBhHCjJoK2twgFisAFagCCp3pJlAAAAAASUVORK5CYII=) repeat-x
}
.public_fixedDataTable_bottomShadow {
background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAHElEQVQI12MwNjZmZdAT1+Nm0JDWEGZQk1GTBgAWkwIeAEp52AAAAABJRU5ErkJggg==) repeat-x
}
.public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal {
background-color: var(--rf-system-color-neutral-100)
}
.public_fixedDataTableCell_main {
background-color: var(--rf-system-color-neutral-100);
border-color: #d3d3d3
}
.public_fixedDataTableCell_highlighted {
background-color: #f4f4f4
}
.public_fixedDataTableCell_cellContent {
padding: 8px
}
.public_fixedDataTableCell_columnResizerKnob {
background-color: #0284ff
}
.public_fixedDataTableColumnResizerLine_main {
border-color: #0284ff
}
.public_fixedDataTableRow_main {
background-color: var(--rf-system-color-neutral-100)
}
.public_fixedDataTableRow_highlighted,.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
background-color: #f6f7f8
}
.public_fixedDataTableRow_fixedColumnsDivider {
border-color: #d3d3d3
}
.public_fixedDataTableRow_columnsShadow {
background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) repeat-y
}
.ScrollbarLayout_main {
box-sizing: border-box;
outline: none;
overflow: hidden;
position: absolute;
-webkit-transition-duration: 250ms;
transition-duration: 250ms;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.ScrollbarLayout_mainVertical {
bottom: 0;
right: 0;
top: 0;
-webkit-transition-property: background-color width;
transition-property: background-color width;
width: 15px
}
.ScrollbarLayout_mainVertical.public_Scrollbar_mainActive,.ScrollbarLayout_mainVertical:hover {
width: 17px
}
.ScrollbarLayout_mainHorizontal {
bottom: 0;
height: 15px;
left: 0;
-webkit-transition-property: background-color height;
transition-property: background-color height
}
.ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive,.ScrollbarLayout_mainHorizontal:hover {
height: 17px
}
.ScrollbarLayout_face {
left: 0;
overflow: hidden;
position: absolute;
z-index: 1
}
.ScrollbarLayout_face:after {
border-radius: 6px;
content: "";
display: block;
position: absolute;
-webkit-transition: background-color 250ms ease;
transition: background-color 250ms ease
}
.ScrollbarLayout_faceHorizontal {
bottom: 0;
left: 0;
top: 0
}
.ScrollbarLayout_faceHorizontal:after {
bottom: 4px;
left: 0;
top: 4px;
width: 100%
}
.ScrollbarLayout_faceVertical {
left: 0;
right: 0;
top: 0
}
.ScrollbarLayout_faceVertical:after {
height: 100%;
left: 4px;
right: 4px;
top: 0
}
.fixedDataTableCellGroupLayout_cellGroup {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
white-space: nowrap
}
.fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main {
display: inline-block;
vertical-align: top;
white-space: normal
}
.fixedDataTableCellGroupLayout_cellGroupWrapper {
position: absolute;
top: 0
}
.fixedDataTableCellLayout_main {
border-right-style: solid;
border-right-width: 1px;
border-width: 0 1px 0 0;
box-sizing: border-box;
display: block;
overflow: hidden;
position: absolute;
white-space: normal
}
.fixedDataTableCellLayout_lastChild {
border-width: 0 1px 1px 0
}
.fixedDataTableCellLayout_alignRight {
text-align: right
}
.fixedDataTableCellLayout_alignCenter {
text-align: center
}
.fixedDataTableCellLayout_wrap1 {
display: table
}
.fixedDataTableCellLayout_wrap2 {
display: table-row
}
.fixedDataTableCellLayout_wrap3 {
display: table-cell;
vertical-align: middle
}
.fixedDataTableCellLayout_columnResizerContainer {
position: absolute;
right: 0px;
width: 6px;
z-index: 1
}
.fixedDataTableCellLayout_columnResizerContainer:hover {
cursor: ew-resize
}
.fixedDataTableCellLayout_columnResizerKnob {
position: absolute;
right: 0px;
visibility: hidden;
width: 4px
}
.fixedDataTableColumnResizerLineLayout_mouseArea {
cursor: ew-resize;
position: absolute;
right: -5px;
width: 12px
}
.fixedDataTableColumnResizerLineLayout_main {
border-right-style: solid;
border-right-width: 1px;
box-sizing: border-box;
position: absolute;
z-index: 10
}
body[dir=rtl] .fixedDataTableColumnResizerLineLayout_main {
display: none !important
}
.fixedDataTableColumnResizerLineLayout_hiddenElem {
display: none !important
}
.fixedDataTableLayout_main {
border-style: solid;
border-width: 1px;
box-sizing: border-box;
overflow: hidden;
position: relative
}
.fixedDataTableLayout_header,.fixedDataTableLayout_hasBottomBorder {
border-bottom-style: solid;
border-bottom-width: 1px
}
.fixedDataTableLayout_footer .public_fixedDataTableCell_main {
border-top-style: solid;
border-top-width: 1px
}
.fixedDataTableLayout_topShadow,.fixedDataTableLayout_bottomShadow {
height: 4px;
left: 0;
position: absolute;
right: 0;
z-index: 1
}
.fixedDataTableLayout_bottomShadow {
margin-top: -4px
}
.fixedDataTableLayout_rowsContainer {
overflow: hidden;
position: relative
}
.fixedDataTableLayout_horizontalScrollbar {
bottom: 0;
position: absolute
}
.fixedDataTableRowLayout_main {
box-sizing: border-box;
overflow: hidden;
position: absolute;
top: 0
}
.fixedDataTableRowLayout_main:hover .table-row-controls,.fixedDataTableRowLayout_main:focus-within .table-row-controls {
opacity: 1 !important
}
.fixedDataTableRowLayout_body {
left: 0;
position: absolute;
top: 0
}
.fixedDataTableRowLayout_fixedColumnsDivider {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-left-style: solid;
border-left-width: 1px;
left: 0;
position: absolute;
top: 0;
width: 0
}
.fixedDataTableRowLayout_columnsShadow {
width: 4px
}
.fixedDataTableRowLayout_rowWrapper {
position: absolute;
top: 0
}
.fixedDataTableHover .fixedDataTableRowLayout_rowWrapper:hover .public_fixedDataTableCell_main {
background-color: #add8e6;
cursor: pointer
}
.md-table-container {
font-size: 13px
}
.md-table {
overflow: auto
}
.md-table .fixedDataTableLayout_main *,.md-table .fixedDataTableLayout_main,.md-table .fixedDataTableLayout_header *,.md-table .fixedDataTableLayout_header,.md-table .fixedDataTableLayout_hasBottomBorder *,.md-table .fixedDataTableLayout_hasBottomBorder,.md-table .fixedDataTableCellLayout_main,.md-table .public_fixedDataTable_main *,.md-table .public_fixedDataTable_main,.md-table .public_fixedDataTable_header *,.md-table .public_fixedDataTable_header,.md-table .public_fixedDataTable_hasBottomBorder *,.md-table .public_fixedDataTable_hasBottomBorder,.md-table .public_fixedDataTableCell_main *,.md-table .public_fixedDataTableCell_main,.md-table .public_fixedDataTableRow_main,.md-table .public_fixedDataTableRow_highlighted,.md-table .public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
border: none;
background-image: none;
background-color: var(--rf-system-color-neutral-100);
color: var(--rf-brand-color-text-body);
font-size: 13px
}
.md-table .fixedDataTableLayout_main * .table-row-controls,.md-table .fixedDataTableLayout_main .table-row-controls,.md-table .fixedDataTableLayout_header * .table-row-controls,.md-table .fixedDataTableLayout_header .table-row-controls,.md-table .fixedDataTableLayout_hasBottomBorder * .table-row-controls,.md-table .fixedDataTableLayout_hasBottomBorder .table-row-controls,.md-table .fixedDataTableCellLayout_main .table-row-controls,.md-table .public_fixedDataTable_main * .table-row-controls,.md-table .public_fixedDataTable_main .table-row-controls,.md-table .public_fixedDataTable_header * .table-row-controls,.md-table .public_fixedDataTable_header .table-row-controls,.md-table .public_fixedDataTable_hasBottomBorder * .table-row-controls,.md-table .public_fixedDataTable_hasBottomBorder .table-row-controls,.md-table .public_fixedDataTableCell_main * .table-row-controls,.md-table .public_fixedDataTableCell_main .table-row-controls,.md-table .public_fixedDataTableRow_main .table-row-controls,.md-table .public_fixedDataTableRow_highlighted .table-row-controls,.md-table .public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main .table-row-controls {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0;
background-color: rgba(255,255,255,.4)
}
.md-table .fixedDataTableLayout_main * a,.md-table .fixedDataTableLayout_main a,.md-table .fixedDataTableLayout_header * a,.md-table .fixedDataTableLayout_header a,.md-table .fixedDataTableLayout_hasBottomBorder * a,.md-table .fixedDataTableLayout_hasBottomBorder a,.md-table .fixedDataTableCellLayout_main a,.md-table .public_fixedDataTable_main * a,.md-table .public_fixedDataTable_main a,.md-table .public_fixedDataTable_header * a,.md-table .public_fixedDataTable_header a,.md-table .public_fixedDataTable_hasBottomBorder * a,.md-table .public_fixedDataTable_hasBottomBorder a,.md-table .public_fixedDataTableCell_main * a,.md-table .public_fixedDataTableCell_main a,.md-table .public_fixedDataTableRow_main a,.md-table .public_fixedDataTableRow_highlighted a,.md-table .public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main a {
color: var(--rf-brand-color-primary)
}
.md-table .fixedDataTableLayout_main * p,.md-table .fixedDataTableLayout_main p,.md-table .fixedDataTableLayout_header * p,.md-table .fixedDataTableLayout_header p,.md-table .fixedDataTableLayout_hasBottomBorder * p,.md-table .fixedDataTableLayout_hasBottomBorder p,.md-table .fixedDataTableCellLayout_main p,.md-table .public_fixedDataTable_main * p,.md-table .public_fixedDataTable_main p,.md-table .public_fixedDataTable_header * p,.md-table .public_fixedDataTable_header p,.md-table .public_fixedDataTable_hasBottomBorder * p,.md-table .public_fixedDataTable_hasBottomBorder p,.md-table .public_fixedDataTableCell_main * p,.md-table .public_fixedDataTableCell_main p,.md-table .public_fixedDataTableRow_main p,.md-table .public_fixedDataTableRow_highlighted p,.md-table .public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main p {
margin: 0 0 4px
}
.md-table .rf-checkbox {
margin: 0;
margin-left: 8px;
vertical-align: text-bottom
}
.md-table .rf-checkbox .rfSI,.md-table .rf-checkbox svg {
background-color: rgba(0,0,0,0) !important
}
.md-table .rf-checkbox svg {
fill: var(--rf-system-color-neutral-100) !important
}
.md-table .rf-checkbox span {
color: var(--rf-system-color-neutral-30) !important
}
.md-table .rf-checkbox .checkbox-bg {
border: 1px solid var(--rf-brand-color-primary);
background: var(--rf-brand-color-surface);
background-color: var(--rf-system-color-neutral-100)
}
.md-table .rf-checkbox input[type=checkbox]:checked {
width: 30px
}
.md-table .rf-checkbox input[type=checkbox]:checked+.checkbox-bg {
background: var(--rf-brand-color-primary);
transition: background .2s linear;
-webkit-transition: background .2s linear
}
.md-table .rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rfSI svg {
fill: var(--rf-system-color-neutral-100)
}
.md-table .rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rfSI svg:hover,.md-table .rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rfSI svg:active,.md-table .rf-checkbox input[type=checkbox]:checked+.checkbox-bg+.rfSI svg:focus {
fill: var(--rf-system-color-neutral-100) !important;
transition: background .2s linear;
-webkit-transition: background .2s linear
}
.md-table .rf-checkbox input[type=checkbox]:disabled+.checkbox-bg,.md-table .rf-checkbox input[type=checkbox][disabled]+.checkbox-bg {
border: 1px solid var(--rf-system-color-neutral-50);
background-color: rgba(0,0,0,0)
}
.md-table .rf-checkbox input[type=checkbox]:disabled+.checkbox-bg+.rfSI svg,.md-table .rf-checkbox input[type=checkbox][disabled]+.checkbox-bg+.rfSI svg {
fill: rgba(0,0,0,0);
cursor: not-allowed
}
.md-table .rf-checkbox input[type=checkbox]:disabled+.checkbox-bg+.rfSI svg:hover,.md-table .rf-checkbox input[type=checkbox]:disabled+.checkbox-bg+.rfSI svg:active,.md-table .rf-checkbox input[type=checkbox]:disabled+.checkbox-bg+.rfSI svg:focus,.md-table .rf-checkbox input[type=checkbox][disabled]+.checkbox-bg+.rfSI svg:hover,.md-table .rf-checkbox input[type=checkbox][disabled]+.checkbox-bg+.rfSI svg:active,.md-table .rf-checkbox input[type=checkbox][disabled]+.checkbox-bg+.rfSI svg:focus {
fill: rgba(0,0,0,0) !important;
cursor: not-allowed
}
.md-table .rf-checkbox input[type=checkbox]:disabled:checked+.checkbox-bg,.md-table .rf-checkbox input[type=checkbox][disabled]:checked+.checkbox-bg {
border: 1px solid rgba(0,0,0,0);
background-color: var(--rf-system-color-neutral-50)
}
.md-table .rf-checkbox input[type=checkbox]:disabled:checked+.checkbox-bg+.rfSI svg,.md-table .rf-checkbox input[type=checkbox][disabled]:checked+.checkbox-bg+.rfSI svg {
fill: var(--rf-system-color-neutral-100) !important
}
.md-table .rf-checkbox input[type=checkbox]:disabled:checked+.checkbox-bg+.rfSI svg:hover,.md-table .rf-checkbox input[type=checkbox]:disabled:checked+.checkbox-bg+.rfSI svg:active,.md-table .rf-checkbox input[type=checkbox]:disabled:checked+.checkbox-bg+.rfSI svg:focus,.md-table .rf-checkbox input[type=checkbox][disabled]:checked+.checkbox-bg+.rfSI svg:hover,.md-table .rf-checkbox input[type=checkbox][disabled]:checked+.checkbox-bg+.rfSI svg:active,.md-table .rf-checkbox input[type=checkbox][disabled]:checked+.checkbox-bg+.rfSI svg:focus {
fill: var(--rf-system-color-neutral-100) !important;
transition: background .2s linear;
-webkit-transition: background .2s linear
}
.md-table .public_fixedDataTableCell_cellContent {
padding: 0
}
.md-table .rf-table-row:hover .table-row-controls {
display: block
}
.md-table .cursor-pointer {
cursor: pointer
}
.md-table .regPass-collapse {
overflow: auto
}
.md-table .table-link {
cursor: pointer
}
.md-table .table-link:hover,.md-table .table-link:focus,.md-table .table-link:active {
color: var(--rf-brand-color-text-body)
}
.md-table .fixedDataTableRowLayout_main {
border-bottom: 1px solid #e6e7e8
}
.md-table .fixedDataTableLayout_header,.md-table .public_fixedDataTable_header {
border-bottom: 2px solid #e6e7e8;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-weight: 400
}
.md-table .fixedDataTableLayout_header .fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main,.md-table .public_fixedDataTable_header .fixedDataTableCellGroupLayout_cellGroup>.public_fixedDataTableCell_main {
height: auto !important;
position: absolute;
transform: translateY(-50%);
top: 50%
}
.md-table .fixedDataTableLayout_header .public_fixedDataTableCell_cellContent,.md-table .fixedDataTableLayout_header .public_fixedDataTableCell_cellContent *,.md-table .public_fixedDataTable_header .public_fixedDataTableCell_cellContent,.md-table .public_fixedDataTable_header .public_fixedDataTableCell_cellContent * {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-weight: 400
}
.md-table .md-table-header {
cursor: pointer
}
.md-table .md-table-header span {
cursor: pointer
}
.md-table .fixedDataTableColumnResizerLineLayout_mouseArea,.md-table .fixedDataTableColumnResizerLineLayout_hiddenElem {
width: 3px;
border-left: 1px solid #d3d3d3
}
.md-table .public_fixedDataTableColumnResizerLine_main,.md-table .fixedDataTableColumnResizerLineLayout_main {
background-color: rgba(0,0,0,0)
}
.md-table select#select_status {
width: 100%;
max-width: 100%;
border: 1px solid #ddd;
background-color: rgba(0,0,0,0)
}
.md-table .select2-container {
max-width: 140px;
border: 1px solid var(--rf-system-color-neutral-70)
}
.md-table .select2-choice .select2-arrow,.md-table .select2-choice .select2-arrow b {
background-color: var(--rf-system-color-neutral-80)
}
.md-table #app-searchgrid ::-webkit-scrollbar {
width: 6px;
height: 6px
}
.md-table #app-searchgrid ::-webkit-scrollbar-track {
background-color: rgba(0,0,0,0)
}
.md-table #app-searchgrid ::-webkit-scrollbar-thumb {
width: 1px;
background-color: rgba(0,0,0,.2);
border-radius: 6px
}
.md-table #app-searchgrid ::-webkit-scrollbar-button {
background-color: #d92d20
}
.md-table #app-searchgrid ::-webkit-scrollbar-corner {
background-color: rgba(0,0,0,0)
}
.wr-table {
font-size: 1.2rem !important
}
.wr-table .fixedDataTableLayout_main,.wr-table .fixedDataTableLayout_header *,.wr-table .fixedDataTableLayout_header,.wr-table .public_fixedDataTable_main,.wr-table .public_fixedDataTable_header *,.wr-table .public_fixedDataTable_header {
background-image: none;
background-color: var(--rf-system-color-neutral-100);
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-weight: var(--rf-system-font-weight-600);
line-height: 1.1em
}
.wr-table .oow16-branding .content select,.wr-table #myDynamicForm select.form-control,.wr-table #myDynamicForm textarea.form-control {
background-color: var(--rf-system-color-neutral-100);
border: 1px solid var(--rf-brand-color-status-disabled)
}
.wr-table #myDynamicForm .readOnlyLeftAlign-value,.wr-table #myDynamicForm .form-control {
font-weight: var(--rf-system-font-weight-600)
}
.wr-table #myDynamicForm .readOnlyLeftAlign-value div,.wr-table #myDynamicForm .form-control div {
font-weight: var(--rf-system-font-weight-600)
}
.wr-table .fixedDataTableLayout_header *,.wr-table .fixedDataTableLayout_header,.wr-table .public_fixedDataTable_header *,.wr-table .public_fixedDataTable_header {
line-height: 1.2em;
text-transform: uppercase;
color: var(--rf-brand-color-primary)
}
.wr-table .fixedDataTableLayout_header .public_fixedDataTableCell_cellContent a span,.wr-table .public_fixedDataTable_header .public_fixedDataTableCell_cellContent a span {
font-weight: 700;
color: var(--rf-brand-color-primary);
cursor: pointer;
line-height: 1.2em;
text-transform: uppercase
}
.wr-table .fixedDataTableRowLayout_main {
border-bottom: 1px solid #e6e7e8
}
.wr-table .fixedDataTableLayout_header,.wr-table .public_fixedDataTable_header {
border-bottom: 1px solid #e6e7e8;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-weight: 400
}
.wr-table .fixedDataTableLayout_header .public_fixedDataTableCell_cellContent,.wr-table .public_fixedDataTable_header .public_fixedDataTableCell_cellContent {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-weight: 400
}
.wr-table .fixedDataTableColumnResizerLineLayout_mouseArea,.wr-table .fixedDataTableColumnResizerLineLayout_hiddenElem {
width: 3px;
border-left: 1px solid #d3d3d3
}
.wr-table .public_fixedDataTableColumnResizerLine_main,.wr-table .fixedDataTableColumnResizerLineLayout_main {
background-color: rgba(0,0,0,0)
}
.wr-table .readOnly-value {
margin-top: 10px;
height: auto
}
.wr-table select#select_status {
width: 100%;
max-width: 100%;
border: 1px solid #ddd;
background-color: rgba(0,0,0,0)
}
.wr-table #app-searchgrid::-webkit-scrollbar {
width: 6px;
height: 6px
}
.wr-table #app-searchgrid::-webkit-scrollbar-track {
background-color: rgba(0,0,0,0)
}
.wr-table #app-searchgrid::-webkit-scrollbar-thumb {
width: 1px;
background-color: rgba(0,0,0,.2);
border-radius: 6px
}
.wr-table #app-searchgrid::-webkit-scrollbar-button {
background-color: #d92d20
}
.wr-table #app-searchgrid::-webkit-scrollbar-corner {
background-color: rgba(0,0,0,0)
}
.morris-hover.morris-default-style {
border-radius: 10px;
padding: 6px;
color: #666;
background: rgba(255,255,255,.8);
border: 2px solid rgba(230,230,230,.8);
font-family: sans-serif;
font-size: 12px;
text-align: center
}
.morris-hover.morris-default-style .morris-hover-row-label {
font-weight: 700;
margin: .25em 0
}
.morris-hover.morris-default-style .morris-hover-point {
white-space: nowrap;
margin: .1em 0
}
.morris-hover {
position: absolute;
z-index: 903
}
.fixed-page-footer .morris-hover {
z-index: 900
}
.ui-jqgrid {
position: relative
}
.ui-jqgrid .ui-jqgrid-view {
position: relative;
left: 0;
top: 0;
padding: 0;
font-size: 11px
}
.ui-jqgrid .ui-jqgrid-titlebar {
padding: .3em .2em .2em .3em;
position: relative;
font-size: 12px;
border-left: 0 none;
border-right: 0 none;
border-top: 0 none
}
.ui-jqgrid .ui-jqgrid-caption {
text-align: left
}
.ui-jqgrid .ui-jqgrid-title {
margin: .1em 0 .2em
}
.ui-jqgrid .ui-jqgrid-titlebar-close {
position: absolute;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
cursor: pointer
}
.ui-jqgrid .ui-jqgrid-titlebar-close span {
display: block;
margin: 1px
}
.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
padding: 0
}
.ui-jqgrid .ui-jqgrid-hdiv {
position: relative;
margin: 0;
padding: 0;
overflow-x: hidden;
border-left: 0 none !important;
border-top: 0 none !important;
border-right: 0 none !important
}
.ui-jqgrid .ui-jqgrid-hbox {
float: left;
padding-right: 20px
}
.ui-jqgrid .ui-jqgrid-htable {
table-layout: fixed;
margin: 0
}
.ui-jqgrid .ui-jqgrid-htable th {
height: 22px;
padding: 0 2px 0 2px
}
.ui-jqgrid .ui-jqgrid-htable th div {
overflow: hidden;
position: relative;
height: 17px
}
.ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
overflow: hidden;
white-space: nowrap;
text-align: center;
border-top: 0 none;
border-bottom: 0 none
}
.ui-th-ltr,.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
border-left: 0 none
}
.ui-th-rtl,.ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {
border-right: 0 none
}
.ui-first-th-ltr {
border-right: 1px solid
}
.ui-first-th-rtl {
border-left: 1px solid
}
.ui-jqgrid .ui-th-div-ie {
white-space: nowrap;
zoom:1;height: 17px
}
.ui-jqgrid .ui-jqgrid-resize {
height: 20px !important;
position: relative;
cursor: e-resize;
display: inline;
overflow: hidden
}
.ui-jqgrid .ui-grid-ico-sort {
overflow: hidden;
position: absolute;
display: inline;
cursor: pointer !important
}
.ui-jqgrid .ui-icon-asc {
margin-top: -3px;
height: 12px
}
.ui-jqgrid .ui-icon-desc {
margin-top: 3px;
height: 12px
}
.ui-jqgrid .ui-i-asc {
margin-top: 0;
height: 16px
}
.ui-jqgrid .ui-i-desc {
margin-top: 0;
margin-left: 13px;
height: 16px
}
.ui-jqgrid .ui-jqgrid-sortable {
cursor: pointer
}
.ui-jqgrid tr.ui-search-toolbar th {
border-top-width: 1px !important;
border-top-color: inherit !important;
border-top-style: ridge !important
}
tr.ui-search-toolbar input {
margin: 1px 0 0 0
}
tr.ui-search-toolbar select {
margin: 1px 0 0 0
}
.ui-jqgrid .ui-jqgrid-bdiv {
position: relative;
margin: 0;
padding: 0;
overflow: auto;
text-align: left
}
.ui-jqgrid .ui-jqgrid-btable {
table-layout: fixed;
margin: 0;
outline-style: none
}
.ui-jqgrid tr.jqgrow {
outline-style: none
}
.ui-jqgrid tr.jqgroup {
outline-style: none
}
.ui-jqgrid tr.jqgrow td {
font-weight: normal;
overflow: hidden;
white-space: pre;
height: 22px;
padding: 0 2px 0 2px;
border-bottom-width: 1px;
border-bottom-color: inherit;
border-bottom-style: solid
}
.ui-jqgrid tr.jqgfirstrow td {
padding: 0 2px 0 2px;
border-right-width: 1px;
border-right-style: solid
}
.ui-jqgrid tr.jqgroup td {
font-weight: normal;
overflow: hidden;
white-space: pre;
height: 22px;
padding: 0 2px 0 2px;
border-bottom-width: 1px;
border-bottom-color: inherit;
border-bottom-style: solid
}
.ui-jqgrid tr.jqfoot td {
font-weight: bold;
overflow: hidden;
white-space: pre;
height: 22px;
padding: 0 2px 0 2px;
border-bottom-width: 1px;
border-bottom-color: inherit;
border-bottom-style: solid
}
.ui-jqgrid tr.ui-row-ltr td {
text-align: left;
border-right-width: 1px;
border-right-color: inherit;
border-right-style: solid
}
.ui-jqgrid tr.ui-row-rtl td {
text-align: right;
border-left-width: 1px;
border-left-color: inherit;
border-left-style: solid
}
.ui-jqgrid td.jqgrid-rownum {
padding: 0 2px 0 2px;
margin: 0;
border: 0 none
}
.ui-jqgrid .ui-jqgrid-resize-mark {
width: 2px;
left: 0;
background-color: var(--rf-system-color-neutral-40);
cursor: e-resize;
cursor: col-resize;
position: absolute;
top: 0;
height: 100px;
overflow: hidden;
display: none;
border: 0 none;
z-index: 99999
}
.ui-jqgrid .ui-jqgrid-sdiv {
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
border-left: 0 none !important;
border-top: 0 none !important;
border-right: 0 none !important
}
.ui-jqgrid .ui-jqgrid-ftable {
table-layout: fixed;
margin-bottom: 0
}
.ui-jqgrid tr.footrow td {
font-weight: bold;
overflow: hidden;
white-space: nowrap;
height: 21px;
padding: 0 2px 0 2px;
border-top-width: 1px;
border-top-color: inherit;
border-top-style: solid
}
.ui-jqgrid tr.footrow-ltr td {
text-align: left;
border-right-width: 1px;
border-right-color: inherit;
border-right-style: solid
}
.ui-jqgrid tr.footrow-rtl td {
text-align: right;
border-left-width: 1px;
border-left-color: inherit;
border-left-style: solid
}
.ui-jqgrid .ui-jqgrid-pager {
border-left: 0 none !important;
border-right: 0 none !important;
border-bottom: 0 none !important;
margin: 0 !important;
padding: 0 !important;
position: relative;
height: 25px;
white-space: nowrap;
overflow: hidden;
font-size: 11px
}
.ui-jqgrid .ui-pager-control {
position: relative
}
.ui-jqgrid .ui-pg-table {
position: relative;
padding-bottom: 2px;
width: auto;
margin: 0
}
.ui-jqgrid .ui-pg-table td {
font-weight: normal;
vertical-align: middle;
padding: 1px
}
.ui-jqgrid .ui-pg-button {
height: 19px !important
}
.ui-jqgrid .ui-pg-button span {
display: block;
margin: 1px;
float: left
}
.ui-jqgrid .ui-pg-button:hover {
padding: 0
}
.ui-jqgrid .ui-state-disabled:hover {
padding: 1px
}
.ui-jqgrid .ui-pg-input {
height: 13px;
font-size: .8em;
margin: 0
}
.ui-jqgrid .ui-pg-selbox {
font-size: .8em;
line-height: 18px;
display: block;
height: 18px;
margin: 0
}
.ui-jqgrid .ui-separator {
height: 18px;
border-left: 1px solid var(--rf-system-color-neutral-70);
border-right: 1px solid var(--rf-system-color-neutral-70);
margin: 1px;
float: right
}
.ui-jqgrid .ui-paging-info {
font-weight: normal;
height: 19px;
margin-top: 3px;
margin-right: 4px
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
padding: 1px 0;
float: left;
position: relative
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button {
cursor: pointer
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon {
float: left;
margin: 0 2px
}
.ui-jqgrid td input,.ui-jqgrid td select .ui-jqgrid td textarea {
margin: 0
}
.ui-jqgrid td textarea {
width: auto;
height: auto
}
.ui-jqgrid .ui-jqgrid-toppager {
border-left: 0 none !important;
border-right: 0 none !important;
border-top: 0 none !important;
margin: 0 !important;
padding: 0 !important;
position: relative;
height: 25px !important;
white-space: nowrap;
overflow: hidden
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {
padding: 1px 0;
float: left;
position: relative
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button {
cursor: pointer
}
.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div span.ui-icon {
float: left;
margin: 0 2px
}
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {
display: block
}
.ui-jqgrid .ui-subgrid {
margin: 0;
padding: 0;
width: 100%
}
.ui-jqgrid .ui-subgrid table {
table-layout: fixed
}
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {
height: 18px;
border-right-width: 1px;
border-right-color: inherit;
border-right-style: solid;
border-bottom-width: 1px;
border-bottom-color: inherit;
border-bottom-style: solid
}
.ui-jqgrid .ui-subgrid td.subgrid-data {
border-top: 0 none !important
}
.ui-jqgrid .ui-subgrid td.subgrid-cell {
border-width: 0 0 1px 0
}
.ui-jqgrid .ui-th-subgrid {
height: 20px
}
.ui-jqgrid .loading {
position: absolute;
top: 45%;
left: 45%;
width: auto;
z-index: 101;
padding: 6px;
margin: 5px;
text-align: center;
font-weight: bold;
display: none;
border-width: 2px !important;
font-size: 11px
}
.ui-jqgrid .jqgrid-overlay {
display: none;
z-index: 100
}
* .jqgrid-overlay iframe {
position: absolute;
top: 0;
left: 0;
z-index: -1
}
.ui-jqgrid .ui-userdata {
border-left: 0 none;
border-right: 0 none;
height: 21px;
overflow: hidden
}
.ui-jqdialog {
display: none;
width: 300px;
position: absolute;
padding: .2em;
font-size: 11px;
overflow: visible
}
.ui-jqdialog .ui-jqdialog-titlebar {
padding: .3em .2em;
position: relative
}
.ui-jqdialog .ui-jqdialog-title {
margin: .1em 0 .2em
}
.ui-jqdialog .ui-jqdialog-titlebar-close {
position: absolute;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
cursor: pointer
}
.ui-jqdialog .ui-jqdialog-titlebar-close span {
display: block;
margin: 1px
}
.ui-jqdialog .ui-jqdialog-titlebar-close:hover,.ui-jqdialog .ui-jqdialog-titlebar-close:focus {
padding: 0
}
.ui-jqdialog-content,.ui-jqdialog .ui-jqdialog-content {
border: 0;
padding: .3em .2em;
background: none;
height: auto
}
.ui-jqdialog .ui-jqconfirm {
padding: .4em 1em;
border-width: 3px;
position: absolute;
bottom: 10px;
right: 10px;
overflow: visible;
display: none;
height: 80px;
width: 220px;
text-align: center
}
.ui-jqdialog>.ui-resizable-se {
bottom: -3px;
right: -3px
}
.ui-jqgrid>.ui-resizable-se {
bottom: -3px;
right: -3px
}
.ui-jqdialog-content .FormGrid {
margin: 0
}
.ui-jqdialog-content .EditTable {
width: 100%;
margin-bottom: 0
}
.ui-jqdialog-content .DelTable {
width: 100%;
margin-bottom: 0
}
.EditTable td input,.EditTable td select,.EditTable td textarea {
margin: 0
}
.EditTable td textarea {
width: auto;
height: auto
}
.ui-jqdialog-content td.EditButton {
text-align: right;
border-top: 0 none;
border-left: 0 none;
border-right: 0 none;
padding-bottom: 5px;
padding-top: 5px
}
.ui-jqdialog-content td.navButton {
text-align: center;
border-left: 0 none;
border-top: 0 none;
border-right: 0 none;
padding-bottom: 5px;
padding-top: 5px
}
.ui-jqdialog-content input.FormElement {
padding: .3em
}
.ui-jqdialog-content select.FormElement {
padding: .3em
}
.ui-jqdialog-content .data-line {
padding-top: .1em;
border: 0 none
}
.ui-jqdialog-content .CaptionTD {
vertical-align: middle;
border: 0 none;
padding: 2px;
white-space: nowrap
}
.ui-jqdialog-content .DataTD {
padding: 2px;
border: 0 none;
vertical-align: top
}
.ui-jqdialog-content .form-view-data {
white-space: pre
}
.fm-button {
display: inline-block;
margin: 0 4px 0 0;
padding: .4em .5em;
text-decoration: none !important;
cursor: pointer;
position: relative;
text-align: center;
zoom:1}
.fm-button-icon-left {
padding-left: 1.9em
}
.fm-button-icon-right {
padding-right: 1.9em
}
.fm-button-icon-left .ui-icon {
right: auto;
left: .2em;
margin-left: 0;
position: absolute;
top: 50%;
margin-top: -8px
}
.fm-button-icon-right .ui-icon {
left: auto;
right: .2em;
margin-left: 0;
position: absolute;
top: 50%;
margin-top: -8px
}
#nData,#pData {
float: left;
margin: 3px;
padding: 0;
width: 15px
}
.ui-jqgrid .selected-row,div.ui-jqgrid .selected-row td {
font-style: normal;
border-left: 0 none
}
.ui-inline-del.ui-state-hover span,.ui-inline-edit.ui-state-hover span,.ui-inline-save.ui-state-hover span,.ui-inline-cancel.ui-state-hover span {
margin: -1px
}
.ui-jqgrid .tree-wrap {
float: left;
position: relative;
height: 18px;
white-space: nowrap;
overflow: hidden
}
.ui-jqgrid .tree-minus {
position: absolute;
height: 18px;
width: 18px;
overflow: hidden
}
.ui-jqgrid .tree-plus {
position: absolute;
height: 18px;
width: 18px;
overflow: hidden
}
.ui-jqgrid .tree-leaf {
position: absolute;
height: 18px;
width: 18px;
overflow: hidden
}
.ui-jqgrid .treeclick {
cursor: pointer
}
* iframe.jqm {
position: absolute;
top: 0;
left: 0;
z-index: -1
}
.ui-jqgrid-dnd tr td {
border-right-width: 1px;
border-right-color: inherit;
border-right-style: solid;
height: 20px
}
.ui-jqgrid .ui-jqgrid-caption-rtl {
text-align: right
}
.ui-jqgrid .ui-jqgrid-hbox-rtl {
float: right;
padding-left: 20px
}
.ui-jqgrid .ui-jqgrid-resize-ltr {
float: right;
margin: -2px -2px -2px 0
}
.ui-jqgrid .ui-jqgrid-resize-rtl {
float: left;
margin: -2px 0 -1px -3px
}
.ui-jqgrid .ui-sort-rtl {
left: 0
}
.ui-jqgrid .tree-wrap-ltr {
float: left
}
.ui-jqgrid .tree-wrap-rtl {
float: right
}
.ui-jqgrid .ui-ellipsis {
-moz-text-overflow: ellipsis;
text-overflow: ellipsis
}
.ui-search-menu {
position: absolute;
padding: 2px 5px
}
.ui-jqgrid .ui-search-table {
padding: 0;
border: 0 none;
height: 20px;
width: 100%
}
.ui-jqgrid .ui-search-table .ui-search-oper {
width: 20px
}
a.g-menu-item,a.soptclass,a.clearsearchclass {
cursor: pointer
}
.ui-jqgrid .ui-search-table .ui-search-input>input,.ui-jqgrid .ui-search-table .ui-search-input>select {
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ui-jqgrid .ui-jqgrid-view input,.ui-jqgrid .ui-jqgrid-view select,.ui-jqgrid .ui-jqgrid-view textarea,.ui-jqgrid .ui-jqgrid-view button {
font-size: 11px
}
.ui-helper-hidden {
display: none
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none
}
.ui-helper-clearfix:before,.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse
}
.ui-helper-clearfix:after {
clear: both
}
.ui-helper-clearfix {
min-height: 0
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0)
}
.ui-front {
z-index: 100
}
.ui-state-disabled {
cursor: default !important
}
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat
}
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0;
font-size: 100%
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible
}
.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active {
text-decoration: none
}
.ui-button-icon-only {
width: 2.2em
}
button.ui-button-icon-only {
width: 2.4em
}
.ui-button-icons-only {
width: 3.4em
}
button.ui-button-icons-only {
width: 3.7em
}
.ui-button .ui-button-text {
display: block;
line-height: normal
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em
}
.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px
}
.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em
}
.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em
}
input.ui-button {
padding: .4em 1em
}
.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px
}
.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary {
left: .5em
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary {
right: .5em
}
.ui-buttonset {
margin-right: 7px
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -0.3em
}
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner {
border: 0;
padding: 0
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0
}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em
}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
top: 1px
}
.ui-datepicker .ui-datepicker-prev {
left: 2px
}
.ui-datepicker .ui-datepicker-next {
right: 2px
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px
}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0
}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
width: 45%
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0
}
.ui-datepicker td {
border: 0;
padding: 1px
}
.ui-datepicker td span,.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left
}
.ui-datepicker.ui-datepicker-multi {
width: auto
}
.ui-datepicker-multi .ui-datepicker-group {
float: left
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0
}
.ui-datepicker-rtl {
direction: rtl
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
float: right
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px
}
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px
}
.ui-draggable .ui-dialog-titlebar {
cursor: move
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none
}
.ui-menu .ui-menu {
position: absolute
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0;
list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0
}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active {
margin: -1px
}
.ui-menu-icons {
position: relative
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em
}
.ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0
}
.ui-menu .ui-menu-icon {
left: auto;
right: 0
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%
}
.ui-progressbar .ui-progressbar-overlay {
background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
height: 100%;
filter: alpha(opacity=25);
opacity: .25
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none
}
.ui-resizable {
position: relative
}
.ui-resizable-handle {
position: absolute;
font-size: .1px;
display: block;
-ms-touch-action: none;
touch-action: none
}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle {
display: none
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted #000
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px .4em;
margin: .5em 0 0 0;
height: auto;
border: 0
}
.ui-selectmenu-open {
display: block
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer
}
.ui-selectmenu-button span.ui-icon {
right: .5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: .4em 2.1em .4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.ui-slider {
position: relative;
text-align: left
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0
}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit
}
.ui-slider-horizontal {
height: .8em
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0
}
.ui-slider-vertical {
width: .8em;
height: 100px
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0
}
.ui-slider-vertical .ui-slider-range-max {
top: 0
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0
}
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none
}
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0
}
.ui-spinner-up {
top: 0
}
.ui-spinner-down {
bottom: 0
}
.ui-spinner .ui-icon-triangle-1-s {
background-position: -65px -16px
}
.ui-tabs {
position: relative;
padding: .2em
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa
}
body .ui-tooltip {
border-width: 2px
}
.ui-widget {
font-family: Helvetica,Arial,sans-serif;
font-size: 1.1em
}
.ui-widget .ui-widget {
font-size: 1em
}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button {
font-family: Helvetica,Arial,sans-serif;
font-size: 1em
}
.ui-widget-content {
border: 1px solid #ddd;
background: #fff url("images/ui-bg_flat_75_ffffff_40x100.png") 50% 50% repeat-x;
color: var(--rf-system-color-neutral-30)
}
.ui-widget-content a {
color: var(--rf-system-color-neutral-30)
}
.ui-widget-header {
border: 1px solid #ddd;
background: #ddd url("images/ui-bg_highlight-soft_50_dddddd_1x100.png") 50% 50% repeat-x;
color: var(--rf-system-color-neutral-30);
font-weight: bold
}
.ui-widget-header a {
color: var(--rf-system-color-neutral-30)
}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
border: 1px solid #ddd;
background: #f6f6f6 url("images/ui-bg_highlight-soft_100_f6f6f6_1x100.png") 50% 50% repeat-x;
font-weight: bold;
color: #0073ea
}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited {
color: #0073ea;
text-decoration: none
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
border: 1px solid #0073ea;
background: #0073ea url("images/ui-bg_highlight-soft_25_0073ea_1x100.png") 50% 50% repeat-x;
font-weight: bold;
color: var(--rf-system-color-neutral-100)
}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited {
color: var(--rf-system-color-neutral-100);
text-decoration: none
}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active {
border: 1px solid #ddd;
background: #fff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #ff0084
}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited {
color: #ff0084;
text-decoration: none
}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight {
border: 1px solid var(--rf-system-color-neutral-70);
background: #fff url("images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
color: var(--rf-system-color-neutral-30)
}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a {
color: var(--rf-system-color-neutral-30)
}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error {
border: 1px solid #ff0084;
background: #fff url("images/ui-bg_flat_55_ffffff_40x100.png") 50% 50% repeat-x;
color: var(--rf-system-color-neutral-10)
}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a {
color: var(--rf-system-color-neutral-10)
}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text {
color: var(--rf-system-color-neutral-10)
}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary {
font-weight: bold
}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal
}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35)
}
.ui-icon {
width: 16px;
height: 16px
}
.ui-icon,.ui-widget-content .ui-icon {
background-image: url("images/ui-icons_ff0084_256x240.png")
}
.ui-widget-header .ui-icon {
background-image: url("images/ui-icons_0073ea_256x240.png")
}
.ui-state-default .ui-icon {
background-image: url("images/ui-icons_666666_256x240.png")
}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png")
}
.ui-state-active .ui-icon {
background-image: url("images/ui-icons_454545_256x240.png")
}
.ui-state-highlight .ui-icon {
background-image: url("images/ui-icons_0073ea_256x240.png")
}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_ff0084_256x240.png")
}
.ui-icon-blank {
background-position: 16px 16px
}
.ui-icon-carat-1-n {
background-position: 0 0
}
.ui-icon-carat-1-ne {
background-position: -16px 0
}
.ui-icon-carat-1-e {
background-position: -32px 0
}
.ui-icon-carat-1-se {
background-position: -48px 0
}
.ui-icon-carat-1-s {
background-position: -64px 0
}
.ui-icon-carat-1-sw {
background-position: -80px 0
}
.ui-icon-carat-1-w {
background-position: -96px 0
}
.ui-icon-carat-1-nw {
background-position: -112px 0
}
.ui-icon-carat-2-n-s {
background-position: -128px 0
}
.ui-icon-carat-2-e-w {
background-position: -144px 0
}
.ui-icon-triangle-1-n {
background-position: 0 -16px
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px
}
.ui-icon-triangle-1-e {
background-position: -32px -16px
}
.ui-icon-triangle-1-se {
background-position: -48px -16px
}
.ui-icon-triangle-1-s {
background-position: -64px -16px
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px
}
.ui-icon-triangle-1-w {
background-position: -96px -16px
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px
}
.ui-icon-arrow-1-n {
background-position: 0 -32px
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px
}
.ui-icon-arrow-1-e {
background-position: -32px -32px
}
.ui-icon-arrow-1-se {
background-position: -48px -32px
}
.ui-icon-arrow-1-s {
background-position: -64px -32px
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px
}
.ui-icon-arrow-1-w {
background-position: -96px -32px
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px
}
.ui-icon-arrow-4 {
background-position: 0 -80px
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px
}
.ui-icon-extlink {
background-position: -32px -80px
}
.ui-icon-newwin {
background-position: -48px -80px
}
.ui-icon-refresh {
background-position: -64px -80px
}
.ui-icon-shuffle {
background-position: -80px -80px
}
.ui-icon-transfer-e-w {
background-position: -96px -80px
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px
}
.ui-icon-folder-collapsed {
background-position: 0 -96px
}
.ui-icon-folder-open {
background-position: -16px -96px
}
.ui-icon-document {
background-position: -32px -96px
}
.ui-icon-document-b {
background-position: -48px -96px
}
.ui-icon-note {
background-position: -64px -96px
}
.ui-icon-mail-closed {
background-position: -80px -96px
}
.ui-icon-mail-open {
background-position: -96px -96px
}
.ui-icon-suitcase {
background-position: -112px -96px
}
.ui-icon-comment {
background-position: -128px -96px
}
.ui-icon-person {
background-position: -144px -96px
}
.ui-icon-print {
background-position: -160px -96px
}
.ui-icon-trash {
background-position: -176px -96px
}
.ui-icon-locked {
background-position: -192px -96px
}
.ui-icon-unlocked {
background-position: -208px -96px
}
.ui-icon-bookmark {
background-position: -224px -96px
}
.ui-icon-tag {
background-position: -240px -96px
}
.ui-icon-home {
background-position: 0 -112px
}
.ui-icon-flag {
background-position: -16px -112px
}
.ui-icon-calendar {
background-position: -32px -112px
}
.ui-icon-cart {
background-position: -48px -112px
}
.ui-icon-pencil {
background-position: -64px -112px
}
.ui-icon-clock {
background-position: -80px -112px
}
.ui-icon-disk {
background-position: -96px -112px
}
.ui-icon-calculator {
background-position: -112px -112px
}
.ui-icon-zoomin {
background-position: -128px -112px
}
.ui-icon-zoomout {
background-position: -144px -112px
}
.ui-icon-search {
background-position: -160px -112px
}
.ui-icon-wrench {
background-position: -176px -112px
}
.ui-icon-gear {
background-position: -192px -112px
}
.ui-icon-heart {
background-position: -208px -112px
}
.ui-icon-star {
background-position: -224px -112px
}
.ui-icon-link {
background-position: -240px -112px
}
.ui-icon-cancel {
background-position: 0 -128px
}
.ui-icon-plus {
background-position: -16px -128px
}
.ui-icon-plusthick {
background-position: -32px -128px
}
.ui-icon-minus {
background-position: -48px -128px
}
.ui-icon-minusthick {
background-position: -64px -128px
}
.ui-icon-close {
background-position: -80px -128px
}
.ui-icon-closethick {
background-position: -96px -128px
}
.ui-icon-key {
background-position: -112px -128px
}
.ui-icon-lightbulb {
background-position: -128px -128px
}
.ui-icon-scissors {
background-position: -144px -128px
}
.ui-icon-clipboard {
background-position: -160px -128px
}
.ui-icon-copy {
background-position: -176px -128px
}
.ui-icon-contact {
background-position: -192px -128px
}
.ui-icon-image {
background-position: -208px -128px
}
.ui-icon-video {
background-position: -224px -128px
}
.ui-icon-script {
background-position: -240px -128px
}
.ui-icon-alert {
background-position: 0 -144px
}
.ui-icon-info {
background-position: -16px -144px
}
.ui-icon-notice {
background-position: -32px -144px
}
.ui-icon-help {
background-position: -48px -144px
}
.ui-icon-check {
background-position: -64px -144px
}
.ui-icon-bullet {
background-position: -80px -144px
}
.ui-icon-radio-on {
background-position: -96px -144px
}
.ui-icon-radio-off {
background-position: -112px -144px
}
.ui-icon-pin-w {
background-position: -128px -144px
}
.ui-icon-pin-s {
background-position: -144px -144px
}
.ui-icon-play {
background-position: 0 -160px
}
.ui-icon-pause {
background-position: -16px -160px
}
.ui-icon-seek-next {
background-position: -32px -160px
}
.ui-icon-seek-prev {
background-position: -48px -160px
}
.ui-icon-seek-end {
background-position: -64px -160px
}
.ui-icon-seek-start {
background-position: -80px -160px
}
.ui-icon-seek-first {
background-position: -80px -160px
}
.ui-icon-stop {
background-position: -96px -160px
}
.ui-icon-eject {
background-position: -112px -160px
}
.ui-icon-volume-off {
background-position: -128px -160px
}
.ui-icon-volume-on {
background-position: -144px -160px
}
.ui-icon-power {
background-position: 0 -176px
}
.ui-icon-signal-diag {
background-position: -16px -176px
}
.ui-icon-signal {
background-position: -32px -176px
}
.ui-icon-battery-0 {
background-position: -48px -176px
}
.ui-icon-battery-1 {
background-position: -64px -176px
}
.ui-icon-battery-2 {
background-position: -80px -176px
}
.ui-icon-battery-3 {
background-position: -96px -176px
}
.ui-icon-circle-plus {
background-position: 0 -192px
}
.ui-icon-circle-minus {
background-position: -16px -192px
}
.ui-icon-circle-close {
background-position: -32px -192px
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px
}
.ui-icon-circle-zoomin {
background-position: -176px -192px
}
.ui-icon-circle-zoomout {
background-position: -192px -192px
}
.ui-icon-circle-check {
background-position: -208px -192px
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px
}
.ui-icon-circlesmall-close {
background-position: -32px -208px
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px
}
.ui-icon-squaresmall-close {
background-position: -80px -208px
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px
}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {
border-top-left-radius: 2px
}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {
border-top-right-radius: 2px
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {
border-bottom-left-radius: 2px
}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {
border-bottom-right-radius: 2px
}
.ui-widget-overlay {
background: #eee url("images/ui-bg_flat_0_eeeeee_40x100.png") 50% 50% repeat-x;
opacity: .8;
filter: Alpha(Opacity=80)
}
.ui-widget-shadow {
margin: -4px 0 0 -4px;
padding: 4px;
background: #aaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
opacity: .6;
filter: Alpha(Opacity=60);
border-radius: 0
}
.rf-admin-content,.rfComp-canvas,.rf-default-modal,[id*=rf-].rf-widget {
font-size: var(--rf-brand-font-size);
font-family: var(--rf-brand-font-family);
line-height: 1.4em;
font-weight: var(--rf-system-font-weight-400)
}
.rf-admin-content *,.rfComp-canvas *,.rf-default-modal *,[id*=rf-].rf-widget * {
font-family: var(--rf-brand-font-family)
}
.rf-admin-content .fa,.rf-admin-content .fa:before,.rf-admin-content .fa:after,.rfComp-canvas .fa,.rfComp-canvas .fa:before,.rfComp-canvas .fa:after,.rf-default-modal .fa,.rf-default-modal .fa:before,.rf-default-modal .fa:after,[id*=rf-].rf-widget .fa,[id*=rf-].rf-widget .fa:before,[id*=rf-].rf-widget .fa:after {
font-family: "FontAwesome" !important
}
.rf-admin-content a.fa:hover,.rfComp-canvas a.fa:hover,.rf-default-modal a.fa:hover,[id*=rf-].rf-widget a.fa:hover {
text-decoration: none !important
}
.rf-admin-content .rf-text-container h1,.rf-admin-content .rf-text-container h2,.rf-admin-content .rf-text-container h3,.rf-admin-content .rf-text-container h4,.rf-admin-content .rf-text-container h5,.rf-admin-content .rf-text-container h6,.rfComp-canvas .rf-text-container h1,.rfComp-canvas .rf-text-container h2,.rfComp-canvas .rf-text-container h3,.rfComp-canvas .rf-text-container h4,.rfComp-canvas .rf-text-container h5,.rfComp-canvas .rf-text-container h6,.rf-default-modal .rf-text-container h1,.rf-default-modal .rf-text-container h2,.rf-default-modal .rf-text-container h3,.rf-default-modal .rf-text-container h4,.rf-default-modal .rf-text-container h5,.rf-default-modal .rf-text-container h6,[id*=rf-].rf-widget .rf-text-container h1,[id*=rf-].rf-widget .rf-text-container h2,[id*=rf-].rf-widget .rf-text-container h3,[id*=rf-].rf-widget .rf-text-container h4,[id*=rf-].rf-widget .rf-text-container h5,[id*=rf-].rf-widget .rf-text-container h6 {
font-weight: var(--rf-system-font-weight-600);
line-height: 1.4em;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.rf-admin-content .rf-text-container h1 strong,.rf-admin-content .rf-text-container h1 em,.rf-admin-content .rf-text-container h1 u,.rf-admin-content .rf-text-container h2 strong,.rf-admin-content .rf-text-container h2 em,.rf-admin-content .rf-text-container h2 u,.rf-admin-content .rf-text-container h3 strong,.rf-admin-content .rf-text-container h3 em,.rf-admin-content .rf-text-container h3 u,.rf-admin-content .rf-text-container h4 strong,.rf-admin-content .rf-text-container h4 em,.rf-admin-content .rf-text-container h4 u,.rf-admin-content .rf-text-container h5 strong,.rf-admin-content .rf-text-container h5 em,.rf-admin-content .rf-text-container h5 u,.rf-admin-content .rf-text-container h6 strong,.rf-admin-content .rf-text-container h6 em,.rf-admin-content .rf-text-container h6 u,.rfComp-canvas .rf-text-container h1 strong,.rfComp-canvas .rf-text-container h1 em,.rfComp-canvas .rf-text-container h1 u,.rfComp-canvas .rf-text-container h2 strong,.rfComp-canvas .rf-text-container h2 em,.rfComp-canvas .rf-text-container h2 u,.rfComp-canvas .rf-text-container h3 strong,.rfComp-canvas .rf-text-container h3 em,.rfComp-canvas .rf-text-container h3 u,.rfComp-canvas .rf-text-container h4 strong,.rfComp-canvas .rf-text-container h4 em,.rfComp-canvas .rf-text-container h4 u,.rfComp-canvas .rf-text-container h5 strong,.rfComp-canvas .rf-text-container h5 em,.rfComp-canvas .rf-text-container h5 u,.rfComp-canvas .rf-text-container h6 strong,.rfComp-canvas .rf-text-container h6 em,.rfComp-canvas .rf-text-container h6 u,.rf-default-modal .rf-text-container h1 strong,.rf-default-modal .rf-text-container h1 em,.rf-default-modal .rf-text-container h1 u,.rf-default-modal .rf-text-container h2 strong,.rf-default-modal .rf-text-container h2 em,.rf-default-modal .rf-text-container h2 u,.rf-default-modal .rf-text-container h3 strong,.rf-default-modal .rf-text-container h3 em,.rf-default-modal .rf-text-container h3 u,.rf-default-modal .rf-text-container h4 strong,.rf-default-modal .rf-text-container h4 em,.rf-default-modal .rf-text-container h4 u,.rf-default-modal .rf-text-container h5 strong,.rf-default-modal .rf-text-container h5 em,.rf-default-modal .rf-text-container h5 u,.rf-default-modal .rf-text-container h6 strong,.rf-default-modal .rf-text-container h6 em,.rf-default-modal .rf-text-container h6 u,[id*=rf-].rf-widget .rf-text-container h1 strong,[id*=rf-].rf-widget .rf-text-container h1 em,[id*=rf-].rf-widget .rf-text-container h1 u,[id*=rf-].rf-widget .rf-text-container h2 strong,[id*=rf-].rf-widget .rf-text-container h2 em,[id*=rf-].rf-widget .rf-text-container h2 u,[id*=rf-].rf-widget .rf-text-container h3 strong,[id*=rf-].rf-widget .rf-text-container h3 em,[id*=rf-].rf-widget .rf-text-container h3 u,[id*=rf-].rf-widget .rf-text-container h4 strong,[id*=rf-].rf-widget .rf-text-container h4 em,[id*=rf-].rf-widget .rf-text-container h4 u,[id*=rf-].rf-widget .rf-text-container h5 strong,[id*=rf-].rf-widget .rf-text-container h5 em,[id*=rf-].rf-widget .rf-text-container h5 u,[id*=rf-].rf-widget .rf-text-container h6 strong,[id*=rf-].rf-widget .rf-text-container h6 em,[id*=rf-].rf-widget .rf-text-container h6 u {
font-weight: var(--rf-system-font-weight-600);
line-height: 1.4em;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.rf-admin-content h1,.rf-admin-content h2,.rf-admin-content h3,.rf-admin-content h4,.rf-admin-content h5,.rf-admin-content h6,.rf-admin-content .h1,.rf-admin-content .h2,.rf-admin-content .h3,.rf-admin-content .h4,.rf-admin-content .h5,.rf-admin-content .h6,.rfComp-canvas h1,.rfComp-canvas h2,.rfComp-canvas h3,.rfComp-canvas h4,.rfComp-canvas h5,.rfComp-canvas h6,.rfComp-canvas .h1,.rfComp-canvas .h2,.rfComp-canvas .h3,.rfComp-canvas .h4,.rfComp-canvas .h5,.rfComp-canvas .h6,.rf-default-modal h1,.rf-default-modal h2,.rf-default-modal h3,.rf-default-modal h4,.rf-default-modal h5,.rf-default-modal h6,.rf-default-modal .h1,.rf-default-modal .h2,.rf-default-modal .h3,.rf-default-modal .h4,.rf-default-modal .h5,.rf-default-modal .h6,[id*=rf-].rf-widget h1,[id*=rf-].rf-widget h2,[id*=rf-].rf-widget h3,[id*=rf-].rf-widget h4,[id*=rf-].rf-widget h5,[id*=rf-].rf-widget h6,[id*=rf-].rf-widget .h1,[id*=rf-].rf-widget .h2,[id*=rf-].rf-widget .h3,[id*=rf-].rf-widget .h4,[id*=rf-].rf-widget .h5,[id*=rf-].rf-widget .h6 {
font-weight: var(--rf-system-font-weight-600);
line-height: 1.4em;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.rf-admin-content h1 small,.rf-admin-content h1 .small,.rf-admin-content h2 small,.rf-admin-content h2 .small,.rf-admin-content h3 small,.rf-admin-content h3 .small,.rf-admin-content h4 small,.rf-admin-content h4 .small,.rf-admin-content h5 small,.rf-admin-content h5 .small,.rf-admin-content h6 small,.rf-admin-content h6 .small,.rf-admin-content .h1 small,.rf-admin-content .h1 .small,.rf-admin-content .h2 small,.rf-admin-content .h2 .small,.rf-admin-content .h3 small,.rf-admin-content .h3 .small,.rf-admin-content .h4 small,.rf-admin-content .h4 .small,.rf-admin-content .h5 small,.rf-admin-content .h5 .small,.rf-admin-content .h6 small,.rf-admin-content .h6 .small,.rfComp-canvas h1 small,.rfComp-canvas h1 .small,.rfComp-canvas h2 small,.rfComp-canvas h2 .small,.rfComp-canvas h3 small,.rfComp-canvas h3 .small,.rfComp-canvas h4 small,.rfComp-canvas h4 .small,.rfComp-canvas h5 small,.rfComp-canvas h5 .small,.rfComp-canvas h6 small,.rfComp-canvas h6 .small,.rfComp-canvas .h1 small,.rfComp-canvas .h1 .small,.rfComp-canvas .h2 small,.rfComp-canvas .h2 .small,.rfComp-canvas .h3 small,.rfComp-canvas .h3 .small,.rfComp-canvas .h4 small,.rfComp-canvas .h4 .small,.rfComp-canvas .h5 small,.rfComp-canvas .h5 .small,.rfComp-canvas .h6 small,.rfComp-canvas .h6 .small,.rf-default-modal h1 small,.rf-default-modal h1 .small,.rf-default-modal h2 small,.rf-default-modal h2 .small,.rf-default-modal h3 small,.rf-default-modal h3 .small,.rf-default-modal h4 small,.rf-default-modal h4 .small,.rf-default-modal h5 small,.rf-default-modal h5 .small,.rf-default-modal h6 small,.rf-default-modal h6 .small,.rf-default-modal .h1 small,.rf-default-modal .h1 .small,.rf-default-modal .h2 small,.rf-default-modal .h2 .small,.rf-default-modal .h3 small,.rf-default-modal .h3 .small,.rf-default-modal .h4 small,.rf-default-modal .h4 .small,.rf-default-modal .h5 small,.rf-default-modal .h5 .small,.rf-default-modal .h6 small,.rf-default-modal .h6 .small,[id*=rf-].rf-widget h1 small,[id*=rf-].rf-widget h1 .small,[id*=rf-].rf-widget h2 small,[id*=rf-].rf-widget h2 .small,[id*=rf-].rf-widget h3 small,[id*=rf-].rf-widget h3 .small,[id*=rf-].rf-widget h4 small,[id*=rf-].rf-widget h4 .small,[id*=rf-].rf-widget h5 small,[id*=rf-].rf-widget h5 .small,[id*=rf-].rf-widget h6 small,[id*=rf-].rf-widget h6 .small,[id*=rf-].rf-widget .h1 small,[id*=rf-].rf-widget .h1 .small,[id*=rf-].rf-widget .h2 small,[id*=rf-].rf-widget .h2 .small,[id*=rf-].rf-widget .h3 small,[id*=rf-].rf-widget .h3 .small,[id*=rf-].rf-widget .h4 small,[id*=rf-].rf-widget .h4 .small,[id*=rf-].rf-widget .h5 small,[id*=rf-].rf-widget .h5 .small,[id*=rf-].rf-widget .h6 small,[id*=rf-].rf-widget .h6 .small {
font-weight: var(--rf-system-font-weight-400);
line-height: 1;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.rf-admin-content h1,.rf-admin-content .h1,.rf-admin-content h2,.rf-admin-content .h2,.rf-admin-content h3,.rf-admin-content .h3,.rfComp-canvas h1,.rfComp-canvas .h1,.rfComp-canvas h2,.rfComp-canvas .h2,.rfComp-canvas h3,.rfComp-canvas .h3,.rf-default-modal h1,.rf-default-modal .h1,.rf-default-modal h2,.rf-default-modal .h2,.rf-default-modal h3,.rf-default-modal .h3,[id*=rf-].rf-widget h1,[id*=rf-].rf-widget .h1,[id*=rf-].rf-widget h2,[id*=rf-].rf-widget .h2,[id*=rf-].rf-widget h3,[id*=rf-].rf-widget .h3 {
margin: 0 0 16px
}
.rf-admin-content h1 small,.rf-admin-content h1 .small,.rf-admin-content .h1 small,.rf-admin-content .h1 .small,.rf-admin-content h2 small,.rf-admin-content h2 .small,.rf-admin-content .h2 small,.rf-admin-content .h2 .small,.rf-admin-content h3 small,.rf-admin-content h3 .small,.rf-admin-content .h3 small,.rf-admin-content .h3 .small,.rfComp-canvas h1 small,.rfComp-canvas h1 .small,.rfComp-canvas .h1 small,.rfComp-canvas .h1 .small,.rfComp-canvas h2 small,.rfComp-canvas h2 .small,.rfComp-canvas .h2 small,.rfComp-canvas .h2 .small,.rfComp-canvas h3 small,.rfComp-canvas h3 .small,.rfComp-canvas .h3 small,.rfComp-canvas .h3 .small,.rf-default-modal h1 small,.rf-default-modal h1 .small,.rf-default-modal .h1 small,.rf-default-modal .h1 .small,.rf-default-modal h2 small,.rf-default-modal h2 .small,.rf-default-modal .h2 small,.rf-default-modal .h2 .small,.rf-default-modal h3 small,.rf-default-modal h3 .small,.rf-default-modal .h3 small,.rf-default-modal .h3 .small,[id*=rf-].rf-widget h1 small,[id*=rf-].rf-widget h1 .small,[id*=rf-].rf-widget .h1 small,[id*=rf-].rf-widget .h1 .small,[id*=rf-].rf-widget h2 small,[id*=rf-].rf-widget h2 .small,[id*=rf-].rf-widget .h2 small,[id*=rf-].rf-widget .h2 .small,[id*=rf-].rf-widget h3 small,[id*=rf-].rf-widget h3 .small,[id*=rf-].rf-widget .h3 small,[id*=rf-].rf-widget .h3 .small {
font-size: 65%
}
.rf-admin-content h4,.rf-admin-content .h4,.rf-admin-content h5,.rf-admin-content .h5,.rf-admin-content h6,.rf-admin-content .h6,.rfComp-canvas h4,.rfComp-canvas .h4,.rfComp-canvas h5,.rfComp-canvas .h5,.rfComp-canvas h6,.rfComp-canvas .h6,.rf-default-modal h4,.rf-default-modal .h4,.rf-default-modal h5,.rf-default-modal .h5,.rf-default-modal h6,.rf-default-modal .h6,[id*=rf-].rf-widget h4,[id*=rf-].rf-widget .h4,[id*=rf-].rf-widget h5,[id*=rf-].rf-widget .h5,[id*=rf-].rf-widget h6,[id*=rf-].rf-widget .h6 {
margin: 0 0 8px
}
.rf-admin-content h4 small,.rf-admin-content h4 .small,.rf-admin-content .h4 small,.rf-admin-content .h4 .small,.rf-admin-content h5 small,.rf-admin-content h5 .small,.rf-admin-content .h5 small,.rf-admin-content .h5 .small,.rf-admin-content h6 small,.rf-admin-content h6 .small,.rf-admin-content .h6 small,.rf-admin-content .h6 .small,.rfComp-canvas h4 small,.rfComp-canvas h4 .small,.rfComp-canvas .h4 small,.rfComp-canvas .h4 .small,.rfComp-canvas h5 small,.rfComp-canvas h5 .small,.rfComp-canvas .h5 small,.rfComp-canvas .h5 .small,.rfComp-canvas h6 small,.rfComp-canvas h6 .small,.rfComp-canvas .h6 small,.rfComp-canvas .h6 .small,.rf-default-modal h4 small,.rf-default-modal h4 .small,.rf-default-modal .h4 small,.rf-default-modal .h4 .small,.rf-default-modal h5 small,.rf-default-modal h5 .small,.rf-default-modal .h5 small,.rf-default-modal .h5 .small,.rf-default-modal h6 small,.rf-default-modal h6 .small,.rf-default-modal .h6 small,.rf-default-modal .h6 .small,[id*=rf-].rf-widget h4 small,[id*=rf-].rf-widget h4 .small,[id*=rf-].rf-widget .h4 small,[id*=rf-].rf-widget .h4 .small,[id*=rf-].rf-widget h5 small,[id*=rf-].rf-widget h5 .small,[id*=rf-].rf-widget .h5 small,[id*=rf-].rf-widget .h5 .small,[id*=rf-].rf-widget h6 small,[id*=rf-].rf-widget h6 .small,[id*=rf-].rf-widget .h6 small,[id*=rf-].rf-widget .h6 .small {
font-size: 75%
}
.rf-admin-content h1,.rf-admin-content .h1,.rfComp-canvas h1,.rfComp-canvas .h1,.rf-default-modal h1,.rf-default-modal .h1,[id*=rf-].rf-widget h1,[id*=rf-].rf-widget .h1 {
font-size: var(--rf-brand-font-scale-3)
}
.rf-admin-content h2,.rf-admin-content .h2,.rfComp-canvas h2,.rfComp-canvas .h2,.rf-default-modal h2,.rf-default-modal .h2,[id*=rf-].rf-widget h2,[id*=rf-].rf-widget .h2 {
font-size: var(--rf-brand-font-scale-4);
text-transform: none
}
.rf-admin-content h3,.rf-admin-content .h3,.rfComp-canvas h3,.rfComp-canvas .h3,.rf-default-modal h3,.rf-default-modal .h3,[id*=rf-].rf-widget h3,[id*=rf-].rf-widget .h3 {
font-size: var(--rf-brand-font-scale-4)
}
.rf-admin-content h4,.rf-admin-content .h4,.rfComp-canvas h4,.rfComp-canvas .h4,.rf-default-modal h4,.rf-default-modal .h4,[id*=rf-].rf-widget h4,[id*=rf-].rf-widget .h4 {
font-size: var(--rf-brand-font-scale-5);
font-weight: var(--rf-system-font-weight-600)
}
.rf-admin-content h5,.rf-admin-content .h5,.rfComp-canvas h5,.rfComp-canvas .h5,.rf-default-modal h5,.rf-default-modal .h5,[id*=rf-].rf-widget h5,[id*=rf-].rf-widget .h5 {
font-size: var(--rf-brand-font-scale-5)
}
.rf-admin-content h6,.rf-admin-content .h6,.rfComp-canvas h6,.rfComp-canvas .h6,.rf-default-modal h6,.rf-default-modal .h6,[id*=rf-].rf-widget h6,[id*=rf-].rf-widget .h6 {
font-size: var(--rf-brand-font-scale-6)
}
.rf-admin-content p,.rfComp-canvas p,.rf-default-modal p,[id*=rf-].rf-widget p {
font-size: var(--rf-brand-font-size);
line-height: 1.4em;
color: var(--rf-brand-color-text-body);
font-weight: var(--rf-system-font-weight-400);
margin: 0 0 16px
}
.rf-admin-content ul,.rf-admin-content ol,.rfComp-canvas ul,.rfComp-canvas ol,.rf-default-modal ul,.rf-default-modal ol,[id*=rf-].rf-widget ul,[id*=rf-].rf-widget ol {
margin: 0;
list-style: none;
color: var(--rf-brand-color-text-body)
}
.rf-admin-content ul li,.rf-admin-content ol li,.rfComp-canvas ul li,.rfComp-canvas ol li,.rf-default-modal ul li,.rf-default-modal ol li,[id*=rf-].rf-widget ul li,[id*=rf-].rf-widget ol li {
list-style: none;
color: var(--rf-brand-color-text-body)
}
.rf-admin-content ul ul,.rf-admin-content ul ol,.rf-admin-content ol ul,.rf-admin-content ol ol,.rfComp-canvas ul ul,.rfComp-canvas ul ol,.rfComp-canvas ol ul,.rfComp-canvas ol ol,.rf-default-modal ul ul,.rf-default-modal ul ol,.rf-default-modal ol ul,.rf-default-modal ol ol,[id*=rf-].rf-widget ul ul,[id*=rf-].rf-widget ul ol,[id*=rf-].rf-widget ol ul,[id*=rf-].rf-widget ol ol {
margin-bottom: 0
}
.rf-admin-content .user-text-content ul,.rfComp-canvas .user-text-content ul,.rf-default-modal .user-text-content ul,[id*=rf-].rf-widget .user-text-content ul {
padding-inline-start:40px;padding-block-end:0}
.rf-admin-content .user-text-content ul:has(+*),.rfComp-canvas .user-text-content ul:has(+*),.rf-default-modal .user-text-content ul:has(+*),[id*=rf-].rf-widget .user-text-content ul:has(+*) {
margin-block-end:var(--ul-bottom-spacing, 16px)}
.rf-admin-content .user-text-content ul li,.rfComp-canvas .user-text-content ul li,.rf-default-modal .user-text-content ul li,[id*=rf-].rf-widget .user-text-content ul li {
list-style-type: disc
}
.rf-admin-content td,.rf-admin-content th,.rfComp-canvas td,.rfComp-canvas th,.rf-default-modal td,.rf-default-modal th,[id*=rf-].rf-widget td,[id*=rf-].rf-widget th {
padding: 0;
font-size: var(--rf-brand-font-size);
line-height: 1.4em;
color: var(--rf-brand-color-text-body);
font-weight: var(--rf-system-font-weight-400)
}
.rf-default-modal * {
box-sizing: border-box
}
.rf-body {
background-color: var(--rf-brand-color-background);
font-family: var(--rf-brand-font-family);
position: relative;
outline: 0 !important;
outline: none !important
}
.rf-body.messaging-enabled-is-mobile {
overflow: hidden
}
.rf-body.rf-body-flex {
display: flex;
flex-direction: column
}
.rf-body.grow-rf-content #rf-content {
flex-grow: 1
}
.rf-body.grow-rf-content .rfwf-body-content {
height: 100%
}
.rf-body.grow-rf-content .rf-org-header-container,.rf-body.grow-rf-content .rf-org-footer-container {
flex-shrink: 0
}
.rfComp-canvas {
font-family: var(--rf-brand-font-family);
position: relative;
width: 100%;
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
outline: 0 !important;
outline: none !important
}
.rfComp-canvas *,.rfComp-canvas *:before,.rfComp-canvas *:after {
outline: 0 !important;
outline: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.rf-default-modal *,.rf-default-modal *:before,.rf-default-modal *:after {
outline: 0 !important;
outline: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
.rf-feedback-alert li,.rf-feedback-alert p,.rf-feedback-alert span,.rf-feedback-alert a {
margin-top: 0
}
.content {
max-width: 100%
}
#special-div {
position: relative;
height: 100%
}
.rf-workflow .rf-workflow-body-content {
position: relative;
width: 100%;
margin: 0 auto;
transition: all .5s ease;
min-height: 500px
}
@media all and (min-width: 769px) {
.rf-workflow .rf-workflow-body-content.has-workflow-nav {
width:auto;
margin: 0;
margin-left: 200px
}
}
@media all and (min-width: 769px) {
.rf-workflow-nav-collapsed .rf-workflow .rf-workflow-nav {
width:40px
}
.rf-workflow-nav-collapsed .rf-workflow .rf-workflow-nav ul {
opacity: 0;
visibility: hidden
}
.rf-workflow-nav-collapsed .rf-workflow .rf-workflow-body-content.has-workflow-nav {
margin-left: 40px
}
}
hr {
margin-top: 18px;
margin-bottom: 18px;
border: 0;
border-top: 1px solid var(--rf-brand-color-border)
}
.rfwf-errors {
position: relative;
background-color: var(--rf-brand-color-status-error-container);
border: 1px solid var(--rf-brand-color-status-error-hover) !important;
padding: 16px;
margin-bottom: 16px
}
.clearfix,.clearfloat {
clear: both
}
.clearfix:before,.clearfix:after,.clearfloat:before,.clearfloat:after {
content: "";
display: table;
clear: both
}
.pull-left {
float: left
}
.pull-right {
float: right
}
.rf-vertical-center {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
p strong,p b {
font-weight: var(--rf-system-font-weight-700) !important
}
p i,p em {
font-style: italic
}
strong,b {
font-weight: var(--rf-system-font-weight-700) !important
}
.rfComp-canvas .semibold {
font-weight: var(--rf-system-font-weight-600)
}
.semibold {
font-weight: var(--rf-system-font-weight-600)
}
i,em {
font-style: italic
}
.strikethrough {
text-decoration: line-through
}
.strikethrough * {
text-decoration: inherit
}
.strikethrough:hover *,.strikethrough:focus-within * {
text-decoration: inherit
}
.bg-border-accent {
background-color: var(--rf-brand-color-accent) !important;
border-color: var(--rf-brand-color-accent) !important
}
.rf-workflow-section .rf-workflow-section-interior {
max-width: 1380px;
margin: 0 auto;
padding: 0
}
.rf-workflow-section {
margin: 0;
width: 100%;
padding: 0 12px;
clear: both
}
.rf-workflow-section:before,.rf-workflow-section:after {
content: "";
display: table;
clear: both
}
#editForm .form-group {
margin: 0
}
.rfwf-panel,.rfwf-alert-panel,.rfwf-full-panel {
margin: 0 auto;
clear: both;
display: block;
width: 100%
}
.rfwf-panel,.rfwf-full-panel {
border-bottom: 1px solid var(--rf-brand-color-border);
padding: 24px 0
}
.rfwf-panel:last-of-type,.rfwf-full-panel:last-of-type {
border-bottom: none
}
.rfwf-panel:before,.rfwf-panel:after,.rfwf-panel-interior:before,.rfwf-panel-interior:after {
content: "";
clear: both;
display: table
}
.rfwf-panel {
max-width: 1200px
}
.rfwf-full-panel .rfwf-panel-interior,.rfwf-alert-panel .rfwf-panel-interior {
max-width: 1240px;
margin: 0 auto;
padding: 0 12px
}
@media all and (min-width: 769px) {
.rfwf-full-panel .rfwf-panel-interior,.rfwf-alert-panel .rfwf-panel-interior {
padding:0 20px
}
}
@media all and (min-width: 550px) {
.rfwf-footer .rfwf-actions-container {
display:flex;
justify-content: space-between;
align-items: center
}
.rfwf-footer .rfwf-actions-container.is-single-action {
justify-content: flex-end
}
}
.rf-workflow-body-content.has-workflow-nav .rfwf-full-panel .rfwf-panel-interior {
margin: 0
}
@media all and (min-width: 769px) {
.rf-workflow-body-content.has-workflow-nav .rfwf-full-panel .rfwf-panel-interior {
padding:0 40px
}
}
@media all and (min-width: 1024px) {
.rf-workflow-body-content.has-workflow-nav .rfwf-full-panel .rfwf-panel-interior {
padding:0 50px
}
}
.rf-workflow-body-content.has-workflow-nav .rfwf-full-panel .rfwf-panel-interior.max-width {
max-width: none
}
.rf-workflow-body-content.no-scroll {
height: 100vh;
overflow: hidden
}
.md-frame {
border: 1px solid rgba(0,0,0,.1);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
.md-frame .md-frame-header {
border-bottom: 2px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius) var(--rf-brand-shape-radius) 0 0;
padding: 8px 16px
}
.md-frame .md-frame-body,.md-frame .md-frame-footer {
padding: 16px
}
.md-frame .pagination {
position: absolute;
left: 50%;
transform: translateX(-50%);
margin: 20px 0 60px
}
.md-frame .rf-page-search-container .search-actions {
display: flex
}
.rf-input.input-aligned,.rf-select.input-aligned,.rf-textarea.input-aligned,.rf-date-picker.input-aligned {
margin-top: 14px
}
.rf-input.input-aligned-no-padding,.rf-select.input-aligned-no-padding,.rf-textarea.input-aligned-no-padding,.rf-date-picker.input-aligned-no-padding {
margin-top: 28px
}
.rf-input.input-aligned-label,.rf-select.input-aligned-label,.rf-textarea.input-aligned-label,.rf-date-picker.input-aligned-label {
margin-top: 50px
}
.rf-input.input-aligned-label-no-padding,.rf-select.input-aligned-label-no-padding,.rf-textarea.input-aligned-label-no-padding,.rf-date-picker.input-aligned-label-no-padding {
margin-top: 28px
}
.rf-input.no-padding,.rf-select.no-padding,.rf-textarea.no-padding,.rf-date-picker.no-padding {
padding: 0
}
.rf-text-container .icon-popover-trigger {
margin: 0 !important
}
.rf-checkbox.input-aligned,.rf-checkbox.ia,.rf-radio.input-aligned,.rf-radio.ia,.rfSI.input-aligned,.rfSI.ia {
margin-top: 22px
}
.rf-checkbox.input-aligned-no-padding,.rf-checkbox.ianp,.rf-radio.input-aligned-no-padding,.rf-radio.ianp,.rfSI.input-aligned-no-padding,.rfSI.ianp {
margin-top: 14px
}
.rf-checkbox.input-aligned-label,.rf-checkbox.ial,.rf-radio.input-aligned-label,.rf-radio.ial,.rfSI.input-aligned-label,.rfSI.ial {
margin-top: 50px
}
.rf-checkbox.input-aligned-label-no-padding,.rf-checkbox.ialnp,.rf-radio.input-aligned-label-no-padding,.rf-radio.ialnp,.rfSI.input-aligned-label-no-padding,.rfSI.ialnp {
margin-top: 42px
}
.rf-checkbox.no-padding,.rf-checkbox .np,.rf-radio.no-padding,.rf-radio .np,.rfSI.no-padding,.rfSI .np {
padding: 0
}
.rf-checkbox.labeled-input-match,.rf-radio.labeled-input-match,.rfSI.labeled-input-match {
margin-top: 17px
}
.mdBtnR.input-aligned,.mdBtnR.ia,.mdBtnR-toggle.input-aligned,.mdBtnR-toggle.ia {
margin-top: 8px
}
.mdBtnR.input-aligned-label,.mdBtnR.ial,.mdBtnR-toggle.input-aligned-label,.mdBtnR-toggle.ial {
margin-top: 34px
}
.mdBtnR.input-aligned-label-no-padding,.mdBtnR.ialnp,.mdBtnR-toggle.input-aligned-label-no-padding,.mdBtnR-toggle.ialnp {
margin-top: 26px
}
.rf-radio-container fieldset,.rf-checkbox-container fieldset {
border: none;
padding: 0;
margin: 0
}
.checkbox-with-search-number {
display: flex;
justify-content: space-between
}
.modal {
z-index: 3050
}
.pictured-user-profile {
display: flex;
width: 265px;
padding-right: 16px;
margin-bottom: 16px;
margin-right: 24px
}
@media(max-width: 550px) {
.pictured-user-profile {
width:100%
}
}
.pictured-user-profile .pictured-user-profile-image-container {
border-radius: 50px;
width: 50px;
height: 50px;
min-width: 50px;
margin-right: 12px;
text-align: center;
overflow: hidden
}
.pictured-user-profile .pictured-user-profile-image-container .pictured-user-profile-image {
width: 100%;
height: 100%;
object-fit: cover
}
.pictured-user-profile .profile-default-image {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
min-width: 50px;
margin-right: 12px;
background: var(--rf-system-color-neutral-70);
border-radius: 50px
}
.pictured-user-profile .profile-default-image p {
color: var(--rf-system-color-neutral-100);
margin: 0;
font-size: 1.2em
}
.pictured-user-profile .profile-container p {
margin-top: 4px
}
@media all and (max-width: 768px) {
.pictured-user-profile {
max-width:none;
width: 100%
}
}
.add-a-thing {
position: relative
}
.add-a-thing.add-input {
display: block;
margin: 0;
padding-right: 26px
}
.add-a-thing.add-input .rfSI {
position: absolute;
right: 0;
top: 5px;
margin-right: 0
}
.mdBtnR.sso-google {
--rf-comp-button-primary-elevation-shadow: none;
--rf-comp-button-primary-hover-elevation-shadow: none;
--rf-comp-button-primary-color-border: #4274EF;
--rf-comp-button-primary-hover-color-border: #4274EF
}
.mdBtnR.sso-linkedin {
--rf-comp-button-primary-elevation-shadow: none;
--rf-comp-button-primary-hover-elevation-shadow: none;
--rf-comp-button-primary-color-border: #007EBB;
--rf-comp-button-primary-hover-color-border: #007EBB
}
.mdBtnR.sso-employee {
--rf-comp-button-primary-elevation-shadow: none;
--rf-comp-button-primary-hover-elevation-shadow: none;
--rf-comp-button-primary-color-border: var(--rf-system-color-neutral-30);
--rf-comp-button-primary-hover-color-border: var(--rf-system-color-neutral-30)
}
.mdBtnR[class*=mdBtnR-outline].disabled,.mdBtnR[class*=mdBtnR-outline]:disabled,.mdBtnR[class*=mdBtnR-outline][disabled],a.mdBtnR[class*=mdBtnR-outline].disabled,a.mdBtnR[class*=mdBtnR-outline]:disabled,a.mdBtnR[class*=mdBtnR-outline][disabled] {
background-color: rgba(0,0,0,0)
}
.mdBtnR[class*=mdBtnR-outline].disabled:hover,.mdBtnR[class*=mdBtnR-outline].disabled:focus,.mdBtnR[class*=mdBtnR-outline].disabled.active,.mdBtnR[class*=mdBtnR-outline]:disabled:hover,.mdBtnR[class*=mdBtnR-outline]:disabled:focus,.mdBtnR[class*=mdBtnR-outline]:disabled.active,.mdBtnR[class*=mdBtnR-outline][disabled]:hover,.mdBtnR[class*=mdBtnR-outline][disabled]:focus,.mdBtnR[class*=mdBtnR-outline][disabled].active,a.mdBtnR[class*=mdBtnR-outline].disabled:hover,a.mdBtnR[class*=mdBtnR-outline].disabled:focus,a.mdBtnR[class*=mdBtnR-outline].disabled.active,a.mdBtnR[class*=mdBtnR-outline]:disabled:hover,a.mdBtnR[class*=mdBtnR-outline]:disabled:focus,a.mdBtnR[class*=mdBtnR-outline]:disabled.active,a.mdBtnR[class*=mdBtnR-outline][disabled]:hover,a.mdBtnR[class*=mdBtnR-outline][disabled]:focus,a.mdBtnR[class*=mdBtnR-outline][disabled].active {
background-color: rgba(0,0,0,0)
}
.readOnly-value {
min-height: 26px;
height: 26px
}
.rf-default-modal .readOnly-value {
height: auto
}
.rf-survey-scale ul {
padding: 10px 0 0;
margin: 0
}
.rf-survey-scale ul li {
display: block;
margin-bottom: 8px
}
.rf-scale-matrix .rf-table-container .rf-table .table-body .table-row.table-header>div {
border-top: none
}
.rf-scale-matrix .panel-heading .panel-title+div {
padding: 0 16px 16px 16px
}
.rf-scale-matrix .panel-heading .has-error a {
color: var(--rf-brand-color-status-error)
}
.rf-scale-matrix .has-error {
color: var(--rf-brand-color-status-error)
}
.scale-matrix-mobile .panel-group .panel+.panel {
margin-top: -1px
}
.scale-matrix-mobile .panel-body {
border: none;
padding: 20px
}
.scale-matrix-mobile .panel-heading {
padding: 0;
background-color: var(--rf-brand-color-surface-2)
}
.scale-matrix-mobile .panel-heading h4 {
margin-top: 0;
margin-bottom: 0;
font-size: 15px;
color: inherit
}
.scale-matrix-mobile .panel-heading a {
padding: 12px 40px 12px 20px;
display: block;
line-height: 24px;
font-size: 16px;
text-decoration: none;
color: rgba(0,0,0,.5);
cursor: pointer;
position: relative
}
.scale-matrix-mobile .panel-heading a .rfSI {
position: absolute;
right: 8px;
top: 12px
}
@media screen and (min-width: 0\0 ) {
.rfSI.rfSI-select {
display:none
}
}
.payment-modal fieldset {
border: none;
padding: 0;
margin: 0
}
.md-frame-search {
padding: 16px;
border-bottom: 1px solid var(--rf-brand-color-status-disabled)
}
#searchResults .table.table-striped tr th,#searchResults .table.table-condensed tr th,#searchResults .table.table-hover tr th,#resultTable.table-striped tr th,#resultTable.table-condensed tr th,#resultTable.table-hover tr th {
color: var(--rf-brand-color-primary) !important
}
#resultTable {
background: var(--rf-brand-color-surface);
-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-moz-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
#resultTable td .label-primary {
background-color: var(--rf-brand-color-primary)
}
#resultTable td .label-success {
background-color: var(--rf-brand-color-status-success)
}
#resultTable td .label-default {
background-color: var(--rf-brand-color-surface-2)
}
.rf-accessibility .mdBtnR:not(.mdBtnR-text-button):not(.mdBtnR-link):focus,.rf-accessibility .favorite-catalog-result:focus,.rf-accessibility .session-downloads:focus,.rf-accessibility .catalog-result.recommended .recommendation-actions button:focus,.rf-accessibility .search-filters .filters .catalog-filter:focus,.rf-accessibility .schedule-calendar .rbc-day-slot .rbc-time-slot:focus,.rf-accessibility .schedule-calendar .rbc-event:focus,.rf-accessibility .search-container .rf-facets .rf-tag:focus,.rf-accessibility .catalog-result:focus,.rf-accessibility .rf-catalog-tabs li button:focus,.rf-accessibility .rf-catalog-tabs .catalog-tab:focus .catalog-tab-button,.rf-accessibility .calendar-head .prev-day:focus,.rf-accessibility .calendar-head .next-day:focus,.rf-accessibility .search-bar .catalog-search .rf-input input:focus,.rf-accessibility .sub-video-overlay:focus,.rf-accessibility #rf-catalog .search-container .rf-facets .rf-tag:focus,.rf-accessibility .flowplayer *[role=button]:focus,.rf-accessibility .flowplayer *[role=slider]:focus,.rf-accessibility .flowplayer *[role=menuitem]:focus,.rf-accessibility .fp-volumebtn svg:focus,.rf-accessibility .fp-middle:focus .fp-play,.rf-accessibility .rf-tile-avatar:focus,.rf-accessibility input[type=checkbox]:focus,.rf-accessibility input[type=checkbox]:focus+.checkbox-bg,.rf-accessibility .checkbox input[type=checkbox]:focus,.rf-accessibility .rf-checkbox:focus .checkbox-bg,.rf-accessibility input[type=radio]:focus,.rf-accessibility .radio input[type=radio]:focus,.rf-accessibility .rf-radio-option:focus,.rf-accessibility .rf-radio-wrapper:focus-within>label>.rfSI,.rf-accessibility button.rfSI:focus,.rf-accessibility .card-header .card-controls:focus,.rf-accessibility .md-frame-accordion .accordion-headline:focus h3,.rf-accessibility .rfwf-discount-code .rf-tag:focus-within,.rf-accessibility .braintree-hosted-fields-focused,.rf-accessibility .spreedly-field-focused,.rf-accessibility .chip:focus,.rf-accessibility .frame-tabs-container:focus,.rf-accessibility .frame-tab-item:focus,.rf-accessibility .rf-tasks-list div[class^=rf-task-listing]:focus,.rf-accessibility .account-profile:focus,.rf-accessibility .slide-out-modal-close:focus,.rf-accessibility .side-nav-tab:focus,.rf-accessibility .collapse-action:focus,.rf-accessibility input[id^=rf-icon-input-focus-]:focus,.rf-accessibility .messaging-contacts-header:focus-visible,.rf-accessibility .messaging-contacts-body:focus-visible,.rf-accessibility .messaging-messages:focus-visible,.rf-accessibility .bubble-text:focus-visible,.rf-accessibility .message-divider:focus-visible,.rf-accessibility .messaging-profile-details:focus-visible,.rf-accessibility .conversation-beginning:focus-visible,.rf-accessibility .conversation-info:focus-visible,.rf-accessibility .messaging-contacts-list li:focus-visible,.rf-accessibility .contact-details:focus-visible,.rf-accessibility .attendee-tile-name:focus-visible,.rf-accessibility li.emoji button:focus-visible,.rf-accessibility nav.emoji-categories button[class^=icn-]:focus-visible,.rf-accessibility .group-chat-participants li:focus-visible,.rf-accessibility .form-stepper-container:focus,.rf-accessibility .headline-prev-page:focus,.rf-accessibility .rf-tasks-list .rf-task-listing:focus,.rf-accessibility .chip-input-container .chip-input input:focus,.rf-accessibility .twilio-video-button:focus,.rf-accessibility .social-media-link a:focus,.rf-accessibility .rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR):focus,.rf-accessibility .rf-select .rf-dropdown-container .rf-dropdown-trigger input:focus,.rf-accessibility .rf-select .rf-dropdown-container:focus,.rf-accessibility .rf-textarea textarea:focus,.rf-accessibility .rf-select select:focus,.rf-accessibility .rf-select select:not([multiple]):focus {
-webkit-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-moz-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-ms-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-o-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important
}
.rf-accessibility .rf-radio-input:focus+.rf-radio-checked-icon,.rf-accessibility .rf-radio-input:focus .rf-radio-unchecked-icon {
-webkit-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-moz-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-ms-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-o-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important
}
.rf-accessibility button.rfSI-white:focus {
-webkit-box-shadow: 0 0 0 3px rgba(255,255,255,.4) !important;
-moz-box-shadow: 0 0 0 3px rgba(255,255,255,.4) !important;
-ms-box-shadow: 0 0 0 3px rgba(255,255,255,.4) !important;
-o-box-shadow: 0 0 0 3px rgba(255,255,255,.4) !important;
box-shadow: 0 0 0 3px rgba(255,255,255,.4) !important;
border-radius: 50%
}
.rf-accessibility .card-body-row:focus {
color: var(--rf-brand-color-primary);
text-decoration: underline
}
.rf-accessibility .webinar-player-info .mdBtnR:not(.mdBtnR-text-button):not(.mdBtnR-link):focus {
-webkit-box-shadow: 0 0 0 3px rgba(255,255,255,.4);
-moz-box-shadow: 0 0 0 3px rgba(255,255,255,.4);
-ms-box-shadow: 0 0 0 3px rgba(255,255,255,.4);
-o-box-shadow: 0 0 0 3px rgba(255,255,255,.4);
box-shadow: 0 0 0 3px rgba(255,255,255,.4)
}
.rf-accessibility .rf-table .table-body .table-row:focus,.rf-accessibility .rf-flowplayer-simulive .fp-middle .fp-switch svg:focus,.rf-accessibility .exhibitor-videos .sub-video:focus,.rf-accessibility #workflow-login-page .rf-feedback-alert p>span>a:focus {
border: 1px solid var(--rf-brand-color-primary) !important
}
.rf-accessibility .mdBtnR-link .mdBtnR-text {
display: block
}
.rf-accessibility .mdBtnR-text-button:focus .mdBtnR-text,.rf-accessibility .mdBtnR-link:focus .mdBtnR-text {
text-decoration: underline
}
.rf-accessibility #rf-exhibitorcatalog .catalog-result-title-text button:focus .arrow-toggle:before,.rf-accessibility #rf-catalog .catalog-result-title-text button:focus .arrow-toggle:before,.rf-accessibility .rf-default-modal .catalog-result-title-text button:focus .arrow-toggle:before {
content: "";
position: absolute;
width: 24px;
height: 24px;
left: 50%;
bottom: 3px;
transform: translateX(-50%)
}
.rf-accessibility .catalog-result.recommended .recommendation-actions button {
padding: 0;
border: none;
background: none
}
.rf-accessibility #workflow-login-page .rf-feedback-alert .resend-password-email:focus {
text-decoration: none
}
.rf-accessibility #rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot:focus {
display: flex;
z-index: 1;
border-color: rgba(0,0,0,0)
}
.rf-accessibility #rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot:focus .day-slot-add-a-session {
display: block
}
.rf-accessibility #rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot:focus .recommendations-message {
display: inline-block
}
.rf-accessibility #rf-accessibility-skipnav {
position: absolute
}
.rf-accessibility ul.rf-accessibility-skip-nav {
list-style: none;
overflow: hidden;
height: 0;
margin: 0
}
.rf-accessibility .rf-accessibility-skip-nav a.accessibility-link {
display: flex;
opacity: 0;
top: 80px;
left: -100%;
position: absolute;
align-items: center;
justify-content: center;
margin: auto;
border-radius: 8px
}
.rf-accessibility .rf-accessibility-skip-nav a.accessibility-link:focus,.rf-accessibility .rf-accessibility-skip-nav a.accessibility-link:active {
opacity: 100%;
left: 16px;
z-index: 1000;
text-decoration: underline;
background-color: var(--rf-system-color-neutral-100);
color: #1570ef;
height: 64px;
width: 174px;
padding-left: 8px;
padding-right: 8px;
-webkit-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-moz-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-ms-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-o-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important
}
.rf-accessibility .rf-input input:not([type=checkbox]):not([type=radio]):not(.mdBtnR)[aria-invalid=true] {
border-color: var(--rf-brand-color-status-error)
}
#rf-catalog .search-container .rf-facets .rf-tag:focus,#rf-catalog .rf-select .rf-dropdown-container:focus {
-webkit-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-moz-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-ms-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
-o-box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important;
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow) !important
}
div[id*=rf-].rf-widget *,.rf-default-modal * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px
}
div[id*=rf-].rf-widget a,div[id*=rf-].rf-widget a:link,div[id*=rf-].rf-widget a:visited,.rf-default-modal a,.rf-default-modal a:link,.rf-default-modal a:visited {
color: var(--rf-comp-link-color);
text-decoration: var(--rf-comp-link-font-decoration);
cursor: pointer
}
div[id*=rf-].rf-widget a:hover,div[id*=rf-].rf-widget a:focus,div[id*=rf-].rf-widget a:link:hover,div[id*=rf-].rf-widget a:link:focus,div[id*=rf-].rf-widget a:visited:hover,div[id*=rf-].rf-widget a:visited:focus,.rf-default-modal a:hover,.rf-default-modal a:focus,.rf-default-modal a:link:hover,.rf-default-modal a:link:focus,.rf-default-modal a:visited:hover,.rf-default-modal a:visited:focus {
color: var(--rf-comp-link-hover-color);
text-decoration: var(--rf-comp-link-hover-font-decoration);
cursor: pointer
}
div[id*=rf-].rf-widget .semibold,.rf-default-modal .semibold {
font-weight: var(--rf-system-font-weight-600)
}
div[id*=rf-].rf-widget .rf-pill .rf-pill-text,.rf-default-modal .rf-pill .rf-pill-text {
font-size: 11px
}
div[id*=rf-].rf-widget .mdBtnR .mdBtnR-text,.rf-default-modal .mdBtnR .mdBtnR-text {
font-size: 13px
}
div[id*=rf-].rf-widget .mdBtnR.mdBtnR-link .mdBtnR-text,.rf-default-modal .mdBtnR.mdBtnR-link .mdBtnR-text {
font-size: var(--rf-brand-font-size)
}
div[id*=rf-].rf-widget .speaker-info .speaker-trigger,.rf-default-modal .speaker-info .speaker-trigger {
color: var(--rf-brand-color-primary);
cursor: pointer
}
div[id*=rf-].rf-widget .speaker-info .speaker-trigger:hover,.rf-default-modal .speaker-info .speaker-trigger:hover {
text-decoration: underline
}
@media screen and (max-width: 549px) {
div[id*=rf-].rf-widget .rf-checkbox .rf-checkbox-label,.rf-default-modal .rf-checkbox .rf-checkbox-label {
font-size:14px
}
}
div[id*=rf-].rf-widget .session-time-short .session-date-time,.rf-default-modal .session-time-short .session-date-time {
line-height: 22px
}
div[id*=rf-].rf-widget .session-time-short .session-date-time span,.rf-default-modal .session-time-short .session-date-time span {
margin-top: 0
}
div[id*=rf-].rf-widget .session-time-short .session-time-details .rfSI,.rf-default-modal .session-time-short .session-time-details .rfSI {
margin: 2px 4px 0 0
}
div[id*=rf-].rf-widget .session-time-short .rfSI,.rf-default-modal .session-time-short .rfSI {
margin: -2px 4px 0 0
}
div[id*=rf-].rf-widget .session-time-short span,.rf-default-modal .session-time-short span {
font-size: 14px
}
.rf-generic-modal div {
font-size: 16px
}
.rf-generic-modal .rf-modal-body-favorites {
margin: 12px 0
}
.session-time-and-location {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
line-height: 1em
}
.session-time-and-location .mdBtnR .mdBtnR-text {
white-space: normal;
line-height: 1em
}
.session-time-and-location.rf-white-text .session-date-time .session-date,.session-time-and-location.rf-white-text .session-date-time .session-time {
border-color: var(--rf-brand-color-on-primary)
}
.session-time-and-location.rf-white-text .session-location,.session-time-and-location.rf-white-text .webinar-join-btn {
border-color: var(--rf-brand-color-on-primary)
}
.session-time-and-location .session-date-time {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px
}
.session-time-and-location .session-date-time .session-date {
padding-right: 8px;
border-right: 1px solid var(--rf-brand-color-text-body)
}
.session-time-and-location .session-date-time+.session-date-time {
gap: 0
}
.session-time-and-location .session-date-time+.session-date-time .session-date+.session-time {
padding-left: 8px
}
.session-time-and-location .session-location {
display: flex
}
.session-time-and-location .session-location,.session-time-and-location .webinar-join-btn {
border-left: 1px solid var(--rf-brand-color-text-body);
padding-left: 8px
}
.session-time-and-location span.session-location .rfSI {
margin-left: -4px;
margin-right: 6px
}
.rf-session-card-time-location .session-time-and-location .session-location,.rf-session-card-time-location .session-time-and-location .webinar-join-btn,.webinar-info-session-details .session-time-and-location .session-location,.webinar-info-session-details .session-time-and-location .webinar-join-btn {
padding-left: 8px
}
.agenda-simple-accordion {
max-width: 1400px;
margin: 0 auto
}
.agenda-simple-accordion .agenda-section {
display: flex;
flex-wrap: nowrap;
align-items: center;
border-bottom: 1px solid var(--rf-brand-color-border)
}
@media all and (max-width: 768px) {
.agenda-simple-accordion .agenda-section {
flex-direction:column
}
}
.agenda-simple-accordion .scheduled-time {
flex-shrink: 0;
align-self: flex-start;
padding: 20px;
font-weight: var(--rf-system-font-weight-600)
}
@media all and (max-width: 768px) {
.agenda-simple-accordion .scheduled-time {
width:100%
}
}
@media all and (min-width: 769px) {
.agenda-simple-accordion .scheduled-time {
min-width:400px
}
}
.agenda-simple-accordion .agenda-section-content {
flex-grow: 1;
width: 100%
}
@media all and (max-width: 768px) {
.agenda-simple-accordion .agenda-section-content {
padding:0 20px
}
}
.agenda-simple-accordion .agenda-section-content .agenda-section-description {
color: var(--rf-brand-color-text-body);
margin-bottom: 8px
}
.agenda-simple-accordion .agenda-section-content .agenda-section-description :is(ol,ul) li {
display: list-item
}
.agenda-simple-accordion .agenda-section-content .agenda-section-description ul li {
list-style-type: disc
}
.agenda-simple-accordion .agenda-section-content .agenda-section-description ol li {
list-style-type: decimal
}
.agenda-simple-accordion .agenda-section-content .agenda-section-description :is(ol,ul) ul li {
list-style-type: circle
}
.agenda-simple-accordion .agenda-section-content .agenda-section-description :is(ol,ul) :is(ol,ul) ul li {
list-style-type: square
}
.agenda-simple-accordion .rf-accordion.open-header .collapse-action {
padding-top: 20px;
padding-bottom: 20px
}
.agenda-simple-accordion .rf-accordion .collapse-action .collapse-arrow {
top: 18px;
transition: .2s ease-in-out
}
.agenda-simple-accordion .rf-accordion.open-header .rf-accordion-title {
font-weight: var(--rf-system-font-weight-500);
margin-bottom: 0
}
.agenda-simple-accordion .rf-accordion .collapse-action.collapsed .collapse-arrow {
transform: rotate(180deg)
}
#rf-catalog,#rf-exhibitorcatalog,#rf-speakercatalog {
background: var(--rf-brand-color-widget-background);
overflow: auto;
margin-inline:-4px;padding-inline:4px}
#rf-catalog .searchbar-grid-toggle-wrapper,#rf-catalog .search-container,#rf-catalog .filter-grid-toggle-wrapper,#rf-exhibitorcatalog .searchbar-grid-toggle-wrapper,#rf-exhibitorcatalog .search-container,#rf-exhibitorcatalog .filter-grid-toggle-wrapper,#rf-speakercatalog .searchbar-grid-toggle-wrapper,#rf-speakercatalog .search-container,#rf-speakercatalog .filter-grid-toggle-wrapper {
display: flex;
margin-bottom: 20px
}
#rf-catalog .searchbar-grid-toggle-wrapper .search-bar,#rf-catalog .search-container .search-bar,#rf-catalog .filter-grid-toggle-wrapper .search-bar,#rf-exhibitorcatalog .searchbar-grid-toggle-wrapper .search-bar,#rf-exhibitorcatalog .search-container .search-bar,#rf-exhibitorcatalog .filter-grid-toggle-wrapper .search-bar,#rf-speakercatalog .searchbar-grid-toggle-wrapper .search-bar,#rf-speakercatalog .search-container .search-bar,#rf-speakercatalog .filter-grid-toggle-wrapper .search-bar {
flex: 1
}
#rf-catalog .search-container,#rf-exhibitorcatalog .search-container,#rf-speakercatalog .search-container {
width: 100%;
box-sizing: border-box;
clear: both;
position: relative;
max-width: 1250px;
margin: 0 auto;
min-height: calc(100% - 57px)
}
#rf-catalog .search-container:before,#rf-catalog .search-container:after,#rf-exhibitorcatalog .search-container:before,#rf-exhibitorcatalog .search-container:after,#rf-speakercatalog .search-container:before,#rf-speakercatalog .search-container:after {
content: "";
display: table;
clear: both
}
#rf-catalog .search-container.left-filters-search .search-filters .filters-header,#rf-exhibitorcatalog .search-container.left-filters-search .search-filters .filters-header,#rf-speakercatalog .search-container.left-filters-search .search-filters .filters-header {
padding: 20px 0
}
#rf-catalog .search-container.left-filters-search .search-filters .filters-header .catalog-search,#rf-exhibitorcatalog .search-container.left-filters-search .search-filters .filters-header .catalog-search,#rf-speakercatalog .search-container.left-filters-search .search-filters .filters-header .catalog-search {
margin: 0
}
#rf-catalog .search-container.left-filters-search .search-filters .results-count,#rf-exhibitorcatalog .search-container.left-filters-search .search-filters .results-count,#rf-speakercatalog .search-container.left-filters-search .search-filters .results-count {
text-align: center;
margin: 0 0 20px;
font-size: 20px
}
#rf-catalog .search-container.left-filters-search .search-filters .search-bar,#rf-exhibitorcatalog .search-container.left-filters-search .search-filters .search-bar,#rf-speakercatalog .search-container.left-filters-search .search-filters .search-bar {
border: none;
clear: both;
padding: 12px 0 0;
height: auto
}
#rf-catalog .search-container *,#rf-exhibitorcatalog .search-container *,#rf-speakercatalog .search-container * {
box-sizing: border-box
}
#rf-catalog .search-container ul,#rf-exhibitorcatalog .search-container ul,#rf-speakercatalog .search-container ul {
list-style: none
}
#rf-catalog .search-container .search-bar,#rf-exhibitorcatalog .search-container .search-bar,#rf-speakercatalog .search-container .search-bar {
width: 100%;
padding: 0 20px
}
#rf-catalog .search-container .search-bar .search-options .rf-checkbox,#rf-exhibitorcatalog .search-container .search-bar .search-options .rf-checkbox,#rf-speakercatalog .search-container .search-bar .search-options .rf-checkbox {
margin-right: 20px
}
#rf-catalog .search-container .search-bar .search-options .rf-checkbox.show-enrolled-only,#rf-exhibitorcatalog .search-container .search-bar .search-options .rf-checkbox.show-enrolled-only,#rf-speakercatalog .search-container .search-bar .search-options .rf-checkbox.show-enrolled-only {
display: none
}
#rf-catalog .search-container .search-bar .catalog-search,#rf-exhibitorcatalog .search-container .search-bar .catalog-search,#rf-speakercatalog .search-container .search-bar .catalog-search {
position: relative
}
#rf-catalog .search-container .search-bar .catalog-search .rf-input,#rf-exhibitorcatalog .search-container .search-bar .catalog-search .rf-input,#rf-speakercatalog .search-container .search-bar .catalog-search .rf-input {
width: auto;
padding: 0;
display: flex
}
#rf-catalog .search-container .search-bar .catalog-search .rf-input input,#rf-exhibitorcatalog .search-container .search-bar .catalog-search .rf-input input,#rf-speakercatalog .search-container .search-bar .catalog-search .rf-input input {
height: 40px;
padding: 0 40px 0 16px;
margin-right: 20px;
border-radius: 20px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-right: none
}
#rf-catalog .search-container .search-bar .catalog-search .rf-input input:active,#rf-catalog .search-container .search-bar .catalog-search .rf-input input:hover,#rf-exhibitorcatalog .search-container .search-bar .catalog-search .rf-input input:active,#rf-exhibitorcatalog .search-container .search-bar .catalog-search .rf-input input:hover,#rf-speakercatalog .search-container .search-bar .catalog-search .rf-input input:active,#rf-speakercatalog .search-container .search-bar .catalog-search .rf-input input:hover {
border-color: var(--rf-brand-color-border);
-webkit-box-shadow: 0 0 6px var(--rf-brand-color-border);
-moz-box-shadow: 0 0 6px var(--rf-brand-color-border);
-ms-box-shadow: 0 0 6px var(--rf-brand-color-border);
-o-box-shadow: 0 0 6px var(--rf-brand-color-border);
box-shadow: 0 0 6px var(--rf-brand-color-border)
}
#rf-catalog .search-container .search-bar .catalog-search .search-submit,#rf-exhibitorcatalog .search-container .search-bar .catalog-search .search-submit,#rf-speakercatalog .search-container .search-bar .catalog-search .search-submit {
position: absolute;
top: 0;
right: 0;
height: 40px;
width: 40px;
padding: 0;
border-radius: 20px;
align-items: center;
justify-content: center
}
#rf-catalog .search-container .search-bar .catalog-search .search-submit:hover,#rf-exhibitorcatalog .search-container .search-bar .catalog-search .search-submit:hover,#rf-speakercatalog .search-container .search-bar .catalog-search .search-submit:hover {
opacity: 1
}
#rf-catalog .search-container .search-bar .catalog-search .search-submit .rfSI,#rf-exhibitorcatalog .search-container .search-bar .catalog-search .search-submit .rfSI,#rf-speakercatalog .search-container .search-bar .catalog-search .search-submit .rfSI {
width: 24px;
height: 24px;
max-width: 24px;
max-height: 24px
}
#rf-catalog .search-container .rf-facets,#rf-exhibitorcatalog .search-container .rf-facets,#rf-speakercatalog .search-container .rf-facets {
padding: 0 20px 10px;
margin: 0 auto;
position: relative;
border-left: none;
max-width: 1200px;
background: rgba(0,0,0,0)
}
#rf-catalog .search-container .rf-facets:empty,#rf-exhibitorcatalog .search-container .rf-facets:empty,#rf-speakercatalog .search-container .rf-facets:empty {
display: none
}
#rf-catalog .search-container .rf-facets .rf-facet-name,#rf-exhibitorcatalog .search-container .rf-facets .rf-facet-name,#rf-speakercatalog .search-container .rf-facets .rf-facet-name {
display: none
}
#rf-catalog .search-container .rf-facets .rf-facet-label,#rf-exhibitorcatalog .search-container .rf-facets .rf-facet-label,#rf-speakercatalog .search-container .rf-facets .rf-facet-label {
color: var(--rf-brand-color-text-heading);
background: var(--rf-brand-color-surface);
border-radius: 15px;
margin-right: 8px
}
#rf-catalog .search-container .rf-facets .rf-tag,#rf-exhibitorcatalog .search-container .rf-facets .rf-tag,#rf-speakercatalog .search-container .rf-facets .rf-tag {
padding: 6px 24px 6px 12px
}
#rf-catalog .search-container .rf-facets .rf-tag:hover,#rf-exhibitorcatalog .search-container .rf-facets .rf-tag:hover,#rf-speakercatalog .search-container .rf-facets .rf-tag:hover {
opacity: .7
}
#rf-catalog .search-container .rf-facets .rf-tag .rf-tag-remove,#rf-exhibitorcatalog .search-container .rf-facets .rf-tag .rf-tag-remove,#rf-speakercatalog .search-container .rf-facets .rf-tag .rf-tag-remove {
right: 8px;
color: var(--rf-system-color-neutral-60)
}
#rf-catalog .search-container .total-results-count,#rf-exhibitorcatalog .search-container .total-results-count,#rf-speakercatalog .search-container .total-results-count {
padding: 8px 20px 20px;
line-height: 14px;
max-width: 1000px;
margin: 0 auto
}
#rf-catalog .search-container .total-results-count span,#rf-exhibitorcatalog .search-container .total-results-count span,#rf-speakercatalog .search-container .total-results-count span {
line-height: 14px;
display: inline-block
}
#rf-catalog .search-container .search,#rf-exhibitorcatalog .search-container .search,#rf-speakercatalog .search-container .search {
padding: 0 16px 8px 16px;
position: relative
}
#rf-catalog .search-container .filters .filter-cat button .rfSI,#rf-exhibitorcatalog .search-container .filters .filter-cat button .rfSI,#rf-speakercatalog .search-container .filters .filter-cat button .rfSI {
float: right
}
#rf-catalog .search-container .filters .filter-cat>ul,#rf-exhibitorcatalog .search-container .filters .filter-cat>ul,#rf-speakercatalog .search-container .filters .filter-cat>ul {
padding: 0;
border-top: 1px solid var(--rf-brand-color-border)
}
#rf-catalog .search-container .filters .filter-cat>ul>li,#rf-exhibitorcatalog .search-container .filters .filter-cat>ul>li,#rf-speakercatalog .search-container .filters .filter-cat>ul>li {
border-bottom: 1px solid var(--rf-brand-color-border);
padding: 0 0 0 20px
}
#rf-catalog .search-container .filters .filter-cat>ul>li:last-child,#rf-exhibitorcatalog .search-container .filters .filter-cat>ul>li:last-child,#rf-speakercatalog .search-container .filters .filter-cat>ul>li:last-child {
border: none
}
#rf-catalog .search-container .filters .filter-cat>div,#rf-exhibitorcatalog .search-container .filters .filter-cat>div,#rf-speakercatalog .search-container .filters .filter-cat>div {
margin-bottom: 8px
}
#rf-catalog .search-container .filters .filter-cat>div:last-of-type,#rf-exhibitorcatalog .search-container .filters .filter-cat>div:last-of-type,#rf-speakercatalog .search-container .filters .filter-cat>div:last-of-type {
margin-bottom: 16px
}
#rf-catalog .search-container .main-content,#rf-exhibitorcatalog .search-container .main-content,#rf-speakercatalog .search-container .main-content {
flex: 1;
padding-top: 22px;
min-width: 0
}
#rf-catalog .search-container .catalog-toggle-wrapper,#rf-exhibitorcatalog .search-container .catalog-toggle-wrapper,#rf-speakercatalog .search-container .catalog-toggle-wrapper {
display: flex;
justify-content: flex-end;
padding: 0 20px
}
#rf-catalog .search-container .rf-catalog-mobile-tabs,#rf-exhibitorcatalog .search-container .rf-catalog-mobile-tabs,#rf-speakercatalog .search-container .rf-catalog-mobile-tabs {
display: none
}
@media all and (max-width: 549px) {
#rf-catalog .search-container .rf-catalog-mobile-tabs,#rf-exhibitorcatalog .search-container .rf-catalog-mobile-tabs,#rf-speakercatalog .search-container .rf-catalog-mobile-tabs {
display:block
}
}
#rf-catalog .search-container .rf-catalog-tabs,#rf-exhibitorcatalog .search-container .rf-catalog-tabs,#rf-speakercatalog .search-container .rf-catalog-tabs {
display: flex;
padding: 0;
margin: 0 20px 16px;
border-bottom: 2px solid var(--rf-brand-color-border);
flex-wrap: wrap
}
@media all and (max-width: 549px) {
#rf-catalog .search-container .rf-catalog-tabs,#rf-exhibitorcatalog .search-container .rf-catalog-tabs,#rf-speakercatalog .search-container .rf-catalog-tabs {
display:none
}
}
#rf-catalog .search-container .rf-catalog-tabs li,#rf-exhibitorcatalog .search-container .rf-catalog-tabs li,#rf-speakercatalog .search-container .rf-catalog-tabs li {
margin: 2px 0 -2px;
border-bottom: 2px solid var(--rf-brand-color-border);
cursor: pointer;
white-space: nowrap
}
#rf-catalog .search-container .rf-catalog-tabs li button,#rf-catalog .search-container .rf-catalog-tabs li .catalog-tab-button,#rf-exhibitorcatalog .search-container .rf-catalog-tabs li button,#rf-exhibitorcatalog .search-container .rf-catalog-tabs li .catalog-tab-button,#rf-speakercatalog .search-container .rf-catalog-tabs li button,#rf-speakercatalog .search-container .rf-catalog-tabs li .catalog-tab-button {
cursor: pointer;
padding: 0 16px;
line-height: 36px;
border: none;
background: none;
color: var(--rf-brand-color-text-body)
}
#rf-catalog .search-container .rf-catalog-tabs li.active,#rf-exhibitorcatalog .search-container .rf-catalog-tabs li.active,#rf-speakercatalog .search-container .rf-catalog-tabs li.active {
border-bottom-width: 4px;
border-color: var(--rf-brand-color-primary)
}
#rf-catalog .search-container .rf-catalog-tabs li.active button,#rf-catalog .search-container .rf-catalog-tabs li.active .catalog-tab-button,#rf-exhibitorcatalog .search-container .rf-catalog-tabs li.active button,#rf-exhibitorcatalog .search-container .rf-catalog-tabs li.active .catalog-tab-button,#rf-speakercatalog .search-container .rf-catalog-tabs li.active button,#rf-speakercatalog .search-container .rf-catalog-tabs li.active .catalog-tab-button {
color: var(--rf-brand-color-primary);
font-weight: var(--rf-system-font-weight-600)
}
#rf-catalog .search-container .rf-catalog-tabs li:hover button,#rf-catalog .search-container .rf-catalog-tabs li:hover .catalog-tab-button,#rf-exhibitorcatalog .search-container .rf-catalog-tabs li:hover button,#rf-exhibitorcatalog .search-container .rf-catalog-tabs li:hover .catalog-tab-button,#rf-speakercatalog .search-container .rf-catalog-tabs li:hover button,#rf-speakercatalog .search-container .rf-catalog-tabs li:hover .catalog-tab-button {
color: var(--rf-brand-color-primary)
}
#rf-catalog .search-container .search-content,#rf-exhibitorcatalog .search-container .search-content,#rf-speakercatalog .search-container .search-content {
width: 100%;
position: relative;
min-height: 118px;
max-width: 1200px;
display: flex;
flex-direction: column;
padding: 0 20px;
margin: 0 auto
}
#rf-catalog .search-container .search-content .section-title,#rf-exhibitorcatalog .search-container .search-content .section-title,#rf-speakercatalog .search-container .search-content .section-title {
margin: 8px 0 10px
}
#rf-catalog .search-container .search-content .section-group-title,#rf-exhibitorcatalog .search-container .search-content .section-group-title,#rf-speakercatalog .search-container .search-content .section-group-title {
margin: 0;
font-size: 20px
}
#rf-catalog .search-container .search-content:last-child,#rf-exhibitorcatalog .search-container .search-content:last-child,#rf-speakercatalog .search-container .search-content:last-child {
padding-bottom: 50px
}
#rf-catalog .search-container .search-content .show-more-btn,#rf-exhibitorcatalog .search-container .search-content .show-more-btn,#rf-speakercatalog .search-container .search-content .show-more-btn {
display: block;
cursor: pointer;
margin: 0 0 16px
}
#rf-catalog .search-container .search-content .show-more-btn:last-child,#rf-exhibitorcatalog .search-container .search-content .show-more-btn:last-child,#rf-speakercatalog .search-container .search-content .show-more-btn:last-child {
margin: 0
}
#rf-catalog .search-container .search-content .loading-results,#rf-exhibitorcatalog .search-container .search-content .loading-results,#rf-speakercatalog .search-container .search-content .loading-results {
margin: 40px auto;
text-align: center
}
#rf-catalog .search-container .search-content .results-count,#rf-exhibitorcatalog .search-container .search-content .results-count,#rf-speakercatalog .search-container .search-content .results-count {
width: 100%;
display: block;
text-align: left;
line-height: 14px;
position: relative;
font-size: 16px
}
#rf-catalog .search-container .search-content .results-count span:not(:empty),#rf-exhibitorcatalog .search-container .search-content .results-count span:not(:empty),#rf-speakercatalog .search-container .search-content .results-count span:not(:empty) {
display: block;
margin: 0 0 20px
}
#rf-catalog .search-container .search-content .results-count span:not(:empty) .semibold,#rf-exhibitorcatalog .search-container .search-content .results-count span:not(:empty) .semibold,#rf-speakercatalog .search-container .search-content .results-count span:not(:empty) .semibold {
margin: 0 0 4px;
display: inline-block
}
#rf-catalog .search-container .search-content .search-results h3:not(.speaker-full-name),#rf-exhibitorcatalog .search-container .search-content .search-results h3:not(.speaker-full-name),#rf-speakercatalog .search-container .search-content .search-results h3:not(.speaker-full-name) {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
display: block;
padding: 24px;
text-align: center;
font-size: 16px
}
#rf-catalog .search-container.right-filters,#rf-exhibitorcatalog .search-container.right-filters,#rf-speakercatalog .search-container.right-filters {
position: relative;
flex-flow: row-reverse;
padding-left: 0;
border-right: none;
border-left: none
}
#rf-catalog .search-container.right-filters .search-filters,#rf-exhibitorcatalog .search-container.right-filters .search-filters,#rf-speakercatalog .search-container.right-filters .search-filters {
border-right: none;
margin-left: 0;
margin-right: 24px
}
#rf-catalog .search-container.right-filters .search-filters .filters,#rf-exhibitorcatalog .search-container.right-filters .search-filters .filters,#rf-speakercatalog .search-container.right-filters .search-filters .filters {
border-right: none;
margin: 0
}
#rf-catalog .search-container.right-filters .search-content,#rf-exhibitorcatalog .search-container.right-filters .search-content,#rf-speakercatalog .search-container.right-filters .search-content {
border-left: none
}
#rf-catalog .search-container.right-filters .search-bar,#rf-exhibitorcatalog .search-container.right-filters .search-bar,#rf-speakercatalog .search-container.right-filters .search-bar {
border-left: none
}
#rf-catalog .search-container.top-filters,#rf-exhibitorcatalog .search-container.top-filters,#rf-speakercatalog .search-container.top-filters {
padding-left: 0;
flex-direction: column;
max-width: none
}
#rf-catalog .search-container.top-filters .total-results-count,#rf-exhibitorcatalog .search-container.top-filters .total-results-count,#rf-speakercatalog .search-container.top-filters .total-results-count {
padding: 14px 20px 20px
}
#rf-catalog .search-container.top-filters .search-bar,#rf-exhibitorcatalog .search-container.top-filters .search-bar,#rf-speakercatalog .search-container.top-filters .search-bar {
width: 100%;
position: relative;
padding: 12px 0;
float: none;
height: auto !important;
background: var(--rf-brand-color-surface);
border-bottom: 1px solid var(--rf-brand-color-border)
}
#rf-catalog .search-container.top-filters .top-search-content,#rf-exhibitorcatalog .search-container.top-filters .top-search-content,#rf-speakercatalog .search-container.top-filters .top-search-content {
max-width: 1000px;
margin: 0 auto;
padding: 0 20px
}
#rf-catalog .search-container.top-filters .rf-facets,#rf-exhibitorcatalog .search-container.top-filters .rf-facets,#rf-speakercatalog .search-container.top-filters .rf-facets {
width: 100%;
float: none;
padding: 0 20px 0;
max-width: 1000px
}
#rf-catalog .search-container.top-filters .search-content,#rf-exhibitorcatalog .search-container.top-filters .search-content,#rf-speakercatalog .search-container.top-filters .search-content {
margin: 0 auto;
max-width: 1000px;
padding: 0 20px 20px
}
#rf-catalog .search-container.top-filters .search-content .search-results h3,#rf-exhibitorcatalog .search-container.top-filters .search-content .search-results h3,#rf-speakercatalog .search-container.top-filters .search-content .search-results h3 {
margin-top: 20px
}
#rf-catalog .search-container.top-filters .catalog-search,#rf-exhibitorcatalog .search-container.top-filters .catalog-search,#rf-speakercatalog .search-container.top-filters .catalog-search {
padding: 0;
margin: 0 auto;
flex: 1
}
#rf-catalog .search-container.top-filters .catalog-search .rf-input,#rf-exhibitorcatalog .search-container.top-filters .catalog-search .rf-input,#rf-speakercatalog .search-container.top-filters .catalog-search .rf-input {
width: 100%
}
#rf-catalog .search-container.top-filters .search-actions,#rf-exhibitorcatalog .search-container.top-filters .search-actions,#rf-speakercatalog .search-container.top-filters .search-actions {
margin-left: 12px
}
#rf-catalog .search-container.top-filters .search-actions .show-filters-button,#rf-exhibitorcatalog .search-container.top-filters .search-actions .show-filters-button,#rf-speakercatalog .search-container.top-filters .search-actions .show-filters-button {
margin-top: 4px
}
#rf-catalog .search-container.top-filters .rf-catalog-tabs,#rf-exhibitorcatalog .search-container.top-filters .rf-catalog-tabs,#rf-speakercatalog .search-container.top-filters .rf-catalog-tabs {
max-width: 960px;
margin: 0 auto 20px;
justify-content: flex-start
}
#rf-catalog .search-container.fixed-search .search-filters,#rf-exhibitorcatalog .search-container.fixed-search .search-filters,#rf-speakercatalog .search-container.fixed-search .search-filters {
position: fixed
}
#rf-catalog .search-container.fixed-search .search-bar,#rf-exhibitorcatalog .search-container.fixed-search .search-bar,#rf-speakercatalog .search-container.fixed-search .search-bar {
position: fixed;
z-index: 10
}
#rf-catalog .search-container.fixed-search .top-search,#rf-exhibitorcatalog .search-container.fixed-search .top-search,#rf-speakercatalog .search-container.fixed-search .top-search {
position: fixed;
max-width: 1198px;
width: 100%;
z-index: 10
}
#rf-catalog .search-container.fixed-search .top-search .search-bar,#rf-exhibitorcatalog .search-container.fixed-search .top-search .search-bar,#rf-speakercatalog .search-container.fixed-search .top-search .search-bar {
position: relative
}
#rf-catalog .search-container.fixed-search .rf-facets,#rf-exhibitorcatalog .search-container.fixed-search .rf-facets,#rf-speakercatalog .search-container.fixed-search .rf-facets {
margin-top: 83px
}
#rf-catalog .search-content .search-content,#rf-exhibitorcatalog .search-content .search-content,#rf-speakercatalog .search-content .search-content {
max-width: initial;
padding: 0
}
#rf-catalog .search-results,#rf-exhibitorcatalog .search-results,#rf-speakercatalog .search-results {
list-style: none;
margin: 0;
padding: 0
}
@media all and (max-width: 549px) {
#rf-catalog .search-container.top-filters .top-search-content,#rf-exhibitorcatalog .search-container.top-filters .top-search-content,#rf-speakercatalog .search-container.top-filters .top-search-content {
padding:0 12px
}
#rf-catalog .search-container.top-filters .total-results-count,#rf-exhibitorcatalog .search-container.top-filters .total-results-count,#rf-speakercatalog .search-container.top-filters .total-results-count {
padding: 14px 12px 20px
}
#rf-catalog .search-container.top-filters .rf-facets,#rf-exhibitorcatalog .search-container.top-filters .rf-facets,#rf-speakercatalog .search-container.top-filters .rf-facets {
padding: 0 12px 0
}
#rf-catalog .search-container.top-filters .search-content,#rf-exhibitorcatalog .search-container.top-filters .search-content,#rf-speakercatalog .search-container.top-filters .search-content {
padding: 0 12px
}
#rf-catalog .search-container.top-filters .search-content .search-results h3,#rf-exhibitorcatalog .search-container.top-filters .search-content .search-results h3,#rf-speakercatalog .search-container.top-filters .search-content .search-results h3 {
margin-top: 20px
}
#rf-catalog .search-container.top-filters .search-content .results-count,#rf-exhibitorcatalog .search-container.top-filters .search-content .results-count,#rf-speakercatalog .search-container.top-filters .search-content .results-count {
line-height: 14px;
margin: 0
}
#rf-catalog .search-container.top-filters .search-content .results-count>span,#rf-exhibitorcatalog .search-container.top-filters .search-content .results-count>span,#rf-speakercatalog .search-container.top-filters .search-content .results-count>span {
display: block;
margin: 0 0 20px
}
#rf-catalog .search-container.top-filters .search-content .results-count>span:empty,#rf-exhibitorcatalog .search-container.top-filters .search-content .results-count>span:empty,#rf-speakercatalog .search-container.top-filters .search-content .results-count>span:empty {
display: none
}
#rf-catalog .search-container.top-filters .search-content .catalog-result,#rf-exhibitorcatalog .search-container.top-filters .search-content .catalog-result,#rf-speakercatalog .search-container.top-filters .search-content .catalog-result {
padding-left: 12px;
padding-right: 12px;
margin: 0 0 12px
}
}
@media all and (max-width: 549px) {
#rf-catalog .recommendation-bar .recommendation-message,#rf-exhibitorcatalog .recommendation-bar .recommendation-message,#rf-speakercatalog .recommendation-bar .recommendation-message,.rf-default-modal .recommendation-bar .recommendation-message {
display:none
}
}
#rf-catalog .search-filters,#rf-exhibitorcatalog .search-filters,#rf-speakercatalog .search-filters,.rf-default-modal .search-filters {
width: 280px;
display: flex;
flex-direction: column;
height: 100%;
margin-left: 24px
}
#rf-catalog .search-filters .filters-header,#rf-exhibitorcatalog .search-filters .filters-header,#rf-speakercatalog .search-filters .filters-header,.rf-default-modal .search-filters .filters-header {
padding: 20px 0 8px;
border-bottom: 1px solid var(--rf-brand-color-border)
}
#rf-catalog .search-filters .filters-header h2,#rf-exhibitorcatalog .search-filters .filters-header h2,#rf-speakercatalog .search-filters .filters-header h2,.rf-default-modal .search-filters .filters-header h2 {
font-size: 20px;
float: left;
margin: 5px 0 0;
color: var(--rf-brand-color-text-heading)
}
#rf-catalog .search-filters .filters-header button,#rf-exhibitorcatalog .search-filters .filters-header button,#rf-speakercatalog .search-filters .filters-header button,.rf-default-modal .search-filters .filters-header button {
float: right
}
#rf-catalog .search-filters .filters-header button .mdBtnR-text,#rf-exhibitorcatalog .search-filters .filters-header button .mdBtnR-text,#rf-speakercatalog .search-filters .filters-header button .mdBtnR-text,.rf-default-modal .search-filters .filters-header button .mdBtnR-text {
font-size: 16px
}
#rf-catalog .search-filters .filters-body,#rf-exhibitorcatalog .search-filters .filters-body,#rf-speakercatalog .search-filters .filters-body,.rf-default-modal .search-filters .filters-body {
flex: 1
}
#rf-catalog .search-filters .quick-filters,#rf-exhibitorcatalog .search-filters .quick-filters,#rf-speakercatalog .search-filters .quick-filters,.rf-default-modal .search-filters .quick-filters {
padding: 18px 0;
border-bottom: 1px solid var(--rf-brand-color-border)
}
#rf-catalog .search-filters .quick-filters>div,#rf-exhibitorcatalog .search-filters .quick-filters>div,#rf-speakercatalog .search-filters .quick-filters>div,.rf-default-modal .search-filters .quick-filters>div {
margin: 0 0 8px
}
#rf-catalog .search-filters .quick-filters>div:last-child,#rf-exhibitorcatalog .search-filters .quick-filters>div:last-child,#rf-speakercatalog .search-filters .quick-filters>div:last-child,.rf-default-modal .search-filters .quick-filters>div:last-child {
margin: 0
}
#rf-catalog .search-filters .quick-filters .rf-checkbox-label,#rf-exhibitorcatalog .search-filters .quick-filters .rf-checkbox-label,#rf-speakercatalog .search-filters .quick-filters .rf-checkbox-label,.rf-default-modal .search-filters .quick-filters .rf-checkbox-label {
padding-left: 24px
}
#rf-catalog .search-filters .filters,#rf-exhibitorcatalog .search-filters .filters,#rf-speakercatalog .search-filters .filters,.rf-default-modal .search-filters .filters {
padding: 0;
margin: 0
}
#rf-catalog .search-filters .filters>li,#rf-exhibitorcatalog .search-filters .filters>li,#rf-speakercatalog .search-filters .filters>li,.rf-default-modal .search-filters .filters>li {
border-bottom: 1px solid var(--rf-brand-color-border)
}
#rf-catalog .search-filters .filters button,#rf-exhibitorcatalog .search-filters .filters button,#rf-speakercatalog .search-filters .filters button,.rf-default-modal .search-filters .filters button {
border: none;
color: var(--rf-brand-color-text-body);
background: none;
width: 100%;
padding: 16px 0;
font-weight: var(--rf-system-font-weight-600);
cursor: pointer;
text-align: left
}
#rf-catalog .search-filters .filters button svg,#rf-exhibitorcatalog .search-filters .filters button svg,#rf-speakercatalog .search-filters .filters button svg,.rf-default-modal .search-filters .filters button svg {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
fill: var(--rf-system-color-neutral-60)
}
#rf-catalog .search-filters .filters button .rfSI,#rf-exhibitorcatalog .search-filters .filters button .rfSI,#rf-speakercatalog .search-filters .filters button .rfSI,.rf-default-modal .search-filters .filters button .rfSI {
float: right;
display: block;
margin: -1px 0
}
#rf-catalog .search-filters .filters button.collapsed svg,#rf-exhibitorcatalog .search-filters .filters button.collapsed svg,#rf-speakercatalog .search-filters .filters button.collapsed svg,.rf-default-modal .search-filters .filters button.collapsed svg {
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1);
filter: none;
-ms-filter: none
}
#rf-catalog .search-filters .filters .rf-checkbox .rf-checkbox-label,#rf-exhibitorcatalog .search-filters .filters .rf-checkbox .rf-checkbox-label,#rf-speakercatalog .search-filters .filters .rf-checkbox .rf-checkbox-label,.rf-default-modal .search-filters .filters .rf-checkbox .rf-checkbox-label {
padding-left: 24px
}
#catalog-downloads-modal {
background: rgba(0,0,0,.3);
cursor: pointer;
font-family: "Open Sans",Arial,Helvetica,Sans-Serif
}
#catalog-downloads-modal h3 {
line-height: 36px
}
#catalog-downloads-modal ul {
padding: 0;
list-style: none
}
#catalog-downloads-modal ul a {
color: var(--rf-brand-color-primary);
text-decoration: none;
display: block;
overflow: hidden;
margin: 0 0 20px 0;
line-height: 24px;
font-size: 14px;
padding-right: 40px
}
#catalog-downloads-modal ul a:hover {
opacity: .7
}
#catalog-downloads-modal ul a .rfSI {
float: right;
margin-right: -40px
}
.rf-filtersModal-modal .modal-dialog {
max-width: 500px
}
.rf-filtersModal-modal .modal-body {
padding: 0;
display: flex
}
.rf-filtersModal-modal .modal-footer {
display: flex
}
.rf-filtersModal-modal .modal-footer .mdBtnR {
flex: 1
}
.rf-filtersModal-modal .modal-header,.rf-filtersModal-modal .modal-footer,.rf-filtersModal-modal .results-count {
background: var(--rf-brand-color-surface-2)
}
.rf-filtersModal-modal .results-count {
width: 100%;
text-align: center;
padding: 8px 0;
border-top: 1px solid var(--rf-brand-color-border);
position: absolute;
bottom: 0
}
.rf-filtersModal-modal .search-filters {
width: 100%;
flex: 1;
height: auto;
margin: 0
}
.rf-filtersModal-modal .search-filters .filters-body {
height: 100%;
display: flex;
flex-direction: column
}
.rf-filtersModal-modal .search-filters .filters-body-scroll {
flex: 1;
overflow: auto;
margin-bottom: 38px;
margin-inline:-4px;padding-inline:4px}
.rf-filtersModal-modal .search-filters .quick-filters {
padding: 20px;
border-bottom: 1px solid var(--rf-brand-color-border);
width: 100%
}
.rf-filtersModal-modal .search-filters .filters .rf-checkbox-wrapper {
margin: 0 0 8px
}
.rf-filtersModal-modal .search-filters .filters>li {
padding: 0 20px
}
.rf-filtersModal-modal .search-filters .filters .filter-cat>div:last-child {
margin-bottom: 20px
}
@media all and (max-width: 549px) {
.rf-filtersModal-modal.in .modal-dialog {
transform:none;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-width: none;
width: 100%;
border-radius: 0
}
.rf-filtersModal-modal.in .modal-dialog .modal-content {
height: 100%;
display: flex;
max-height: none
}
.rf-filtersModal-modal.in .modal-dialog .modal-body {
flex: 1;
min-height: 0
}
}
.rf-forgotPassword-modal .smart-form,.rf-login-modal .smart-form {
overflow: visible
}
.rf-forgotPassword-modal .modal-dialog,.rf-login-modal .modal-dialog {
max-width: 600px
}
.rf-forgotPassword-modal .modal-dialog *,.rf-login-modal .modal-dialog * {
box-sizing: border-box
}
.rf-forgotPassword-modal .modal-dialog .smart-form,.rf-login-modal .modal-dialog .smart-form {
margin: 0
}
.modal-body .modal-body {
padding: 0 !important
}
.rf-default-modal * {
box-sizing: border-box
}
.rf-login-modal .modal-dialog .rf-left {
width: 45%
}
.rf-login-modal .modal-dialog .rf-right {
width: 55%
}
.rf-sessionDetails-modal .modal-content>.modal-body {
max-height: 450px
}
.rf-sessionDetails-modal .modal-content>.modal-body .user-text-content ul {
padding-inline-start:40px;padding-block-end:0}
.rf-sessionDetails-modal .modal-content>.modal-body .user-text-content ul:has(+*) {
margin-block-end:var(--ul-bottom-spacing, 16px)}
.rf-sessionDetails-modal .modal-content>.modal-body .user-text-content ul li {
list-style-type: disc
}
.rf-sessionDetails-modal .modal-content>.modal-body .user-text-content .download-file-link ul {
padding-inline-start:0}
.rf-sessionDetails-modal .modal-content>.modal-body .user-text-content .download-file-link ul li {
list-style: none
}
.rf-sessionDetails-modal .modal-content>.modal-body ul li {
list-style: none;
gap: 8px
}
.rf-sessionDetails-modal .modal-content>.modal-body ul.session-actions {
padding-inline-start:0}
.rf-sessionDetails-modal .modal-content>.modal-body ul.session-actions li {
margin-bottom: 8px
}
@media all and (max-width: 549px) {
.rf-sessionDetails-modal .modal-content>.modal-body ul.session-actions li {
flex-direction:column-reverse
}
}
.rf-sessionDetails-modal .modal-content>.modal-body p {
margin-top: 0
}
.rf-sessionDetails-modal .modal-content>.modal-body .session-video-modal-open {
padding: 0
}
.rf-sessionDetails-modal .modal-content>.modal-body .speaker-details p {
margin-bottom: 8px;
line-height: 16px
}
.rf-sessionDetails-modal .modal-content>.modal-body .speaker-details p span {
line-height: 16px
}
.rf-sessionDetails-modal .modal-content>.modal-body .session-files-component h2 {
font-size: 16px
}
.joinWebinarButton-component .rf-tooltip-container {
padding: 0
}
.rf-attribute .attribute-name {
font-weight: var(--rf-system-font-weight-600)
}
.rf-default-modal.rf-speaker-modal .modal-dialog .modal-content .rf-social-media {
margin: 0 0 12px
}
.rf-default-modal.rf-speaker-modal .modal-dialog .modal-content .rf-social-media a {
margin: 0 8px 0 0
}
.rf-default-modal.rf-speaker-modal .modal-dialog .modal-content .modal-header {
height: auto;
min-height: initial;
padding: 16px 20px
}
.rf-default-modal.rf-speaker-modal .modal-dialog .modal-content .modal-header .modal-close {
margin-top: 0
}
.rf-default-modal.rf-speaker-modal .modal-dialog .modal-content .modal-body {
padding: 20px
}
.rf-default-modal.rf-speaker-modal .modal-dialog .modal-content .modal-body .rf-speaker {
margin: 0 0 12px
}
.rf-default-modal.rf-speaker-modal .modal-dialog .modal-content .modal-body .rf-speaker-name {
color: var(--rf-brand-color-primary);
font-weight: var(--rf-system-font-weight-600)
}
.rf-default-modal.rf-speaker-modal .modal-dialog .modal-content .modal-body .rf-speaker-sessions-btn {
padding-left: 0
}
.rf-meetingScheduleConflict-modal .rf-modal-dropswap-item-session-title {
margin: 0 0 4px
}
.rf-meetingNotReplacedWithSession-modal .rf-modal-text {
margin: 0 0 16px
}
.rf-meetingNotReplacedWithSession-modal .rf-modal-dropswap-item-session-time {
height: 22px;
display: flex;
align-items: center
}
.rf-meetingNotReplacedWithSession-modal .session-location {
border-left: 1px solid var(--rf-brand-color-text-body);
padding-left: 8px
}
.rf-hybrid-selection-modal .session-date-time {
margin: 0 0 12px
}
.rf-hybrid-selection-modal .session-date-time span {
font-weight: var(--rf-system-font-weight-400)
}
.rf-hybrid-selection-modal .session-date {
padding-right: 8px;
margin: 0 8px 8px 0;
border-right: 1px solid var(--rf-system-color-neutral-10);
height: 14px;
line-height: 14px;
display: inline-block
}
div[id*=rf-].rf-widget .rf-collections .collections-container .collection-header {
padding: 36px 0 0;
background: var(--rf-brand-color-surface-3);
border-bottom: none
}
div[id*=rf-].rf-widget .rf-collections .collections-container .collection-header h2 {
font-size: 24px
}
div[id*=rf-].rf-widget .rf-collections .collections-container h5 {
margin: 0 0 16px
}
div[id*=rf-].rf-widget .rf-collections .collections-container .collection-body {
padding: 0;
background: var(--rf-brand-color-surface-3)
}
div[id*=rf-].rf-widget .rf-collections .collections-container .rf-accordion-list {
padding: 0
}
div[id*=rf-].rf-widget .rf-collections .collections-container .rf-accordion-list-item {
padding: 0;
margin: 0 0 16px
}
div[id*=rf-].rf-widget .rf-collections .collections-container .rf-accordion-list-item .expanded>div a,div[id*=rf-].rf-widget .rf-collections .collections-container .rf-accordion-list-item .collapsed>div a {
word-break: break-all
}
div[id*=rf-].rf-widget .rf-collections .collections-container .speaker-result {
margin: 0
}
div[id*=rf-].rf-widget .rf-collections .collections-container .activity-result,div[id*=rf-].rf-widget .rf-collections .collections-container .demo-result,div[id*=rf-].rf-widget .rf-collections .collections-container .exhibitor-result,div[id*=rf-].rf-widget .rf-collections .collections-container .speaker-card {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
padding: 20px;
position: relative;
background: var(--rf-brand-color-surface)
}
div[id*=rf-].rf-widget .rf-collections .collections-container .activity-result h3,div[id*=rf-].rf-widget .rf-collections .collections-container .demo-result h3,div[id*=rf-].rf-widget .rf-collections .collections-container .exhibitor-result h3,div[id*=rf-].rf-widget .rf-collections .collections-container .speaker-card h3 {
line-height: 20px
}
div[id*=rf-].rf-widget .rf-collections .collections-container .activity-result button .accordion-icon,div[id*=rf-].rf-widget .rf-collections .collections-container .demo-result button .accordion-icon,div[id*=rf-].rf-widget .rf-collections .collections-container .exhibitor-result button .accordion-icon,div[id*=rf-].rf-widget .rf-collections .collections-container .speaker-card button .accordion-icon {
display: none
}
div[id*=rf-].rf-widget .rf-collections .collections-container .activity-result button .title,div[id*=rf-].rf-widget .rf-collections .collections-container .demo-result button .title,div[id*=rf-].rf-widget .rf-collections .collections-container .exhibitor-result button .title,div[id*=rf-].rf-widget .rf-collections .collections-container .speaker-card button .title {
color: var(--rf-brand-color-text-heading);
font-weight: var(--rf-system-font-weight-400)
}
div[id*=rf-].rf-widget .rf-collections .collections-container .activity-result .collapsed div:last-child,div[id*=rf-].rf-widget .rf-collections .collections-container .demo-result .collapsed div:last-child,div[id*=rf-].rf-widget .rf-collections .collections-container .exhibitor-result .collapsed div:last-child,div[id*=rf-].rf-widget .rf-collections .collections-container .speaker-card .collapsed div:last-child {
margin: 0
}
div[id*=rf-].rf-widget .rf-collections .agenda-header {
overflow: hidden;
position: relative;
min-height: 150px;
background-color: var(--rf-brand-color-surface-3);
padding: 20px;
clear: both
}
div[id*=rf-].rf-widget .rf-collections .agenda-header:before,div[id*=rf-].rf-widget .rf-collections .agenda-header:after {
content: "";
display: table;
clear: both
}
div[id*=rf-].rf-widget .rf-collections .agenda-header.widget-banner {
background: var(--rf-brand-color-surface)
}
div[id*=rf-].rf-widget .rf-collections .agenda-header h1 {
font-size: 26px;
line-height: 1.2em;
font-weight: var(--rf-system-font-weight-300);
margin: 0;
margin-bottom: 20px;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
div[id*=rf-].rf-widget .rf-collections .agenda-header h3 {
font-size: 16px;
line-height: 1.2em;
font-weight: var(--rf-system-font-weight-300);
margin: 0;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
div[id*=rf-].rf-widget .rf-collections .agenda-header h6 {
font-size: 16px;
line-height: 1.2em;
font-weight: var(--rf-system-font-weight-300);
margin: 0;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
div[id*=rf-].rf-widget .rf-collections .agenda-header .agenda-header-background {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 0;
background-color: var(--rf-system-color-neutral-0)
}
div[id*=rf-].rf-widget .rf-collections .agenda-header .agenda-header-background img {
width: auto;
opacity: .4
}
div[id*=rf-].rf-widget .rf-collections .agenda-header .agenda-header-text,div[id*=rf-].rf-widget .rf-collections .agenda-header .agenda-header-sponsor {
position: relative;
z-index: 50
}
div[id*=rf-].rf-widget .rf-collections .agenda-header .agenda-header-text {
float: left;
width: 70%
}
div[id*=rf-].rf-widget .rf-collections .agenda-header .agenda-header-sponsor {
float: right;
width: 30%;
margin: 0 auto;
text-align: center
}
div[id*=rf-].rf-widget .rf-collections .agenda-header .agenda-sponsor-image {
background-color: var(--rf-brand-color-surface);
margin: 8px auto 0;
max-width: 250px;
padding: 8px 40px;
border: 4px solid rgba(0,0,0,.2)
}
div[id*=rf-].rf-widget .rf-collections .agenda-header .agenda-sponsor-image img {
max-width: 100%
}
div[id*=rf-].rf-widget .rf-collections .agenda-header.has-background h1,div[id*=rf-].rf-widget .rf-collections .agenda-header.has-background h3,div[id*=rf-].rf-widget .rf-collections .agenda-header.has-background h6 {
color: var(--rf-system-color-neutral-100)
}
@media all and (min-width: 769px) {
div[id*=rf-].rf-widget .rf-collections .agenda-header .agenda-header-background img {
width:100%
}
div[id*=rf-].rf-widget .rf-collections .agenda-header h1 {
font-size: 50px
}
div[id*=rf-].rf-widget .rf-collections .agenda-header h3 {
font-size: 18px
}
}
div[id*=rf-].rf-widget .rf-collections .sub-header-container {
max-width: 1200px;
margin: 0 auto
}
.rf-collections {
background: var(--rf-brand-color-surface)
}
.rf-collections h2 {
margin: 0;
font-size: 32px;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-weight: var(--rf-system-font-weight-400)
}
.rf-collections h3 {
font-size: 18px;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-weight: var(--rf-system-font-weight-700)
}
.rf-accordion-list .catalog-session-sponsors,.rf-collection-listing .catalog-session-sponsors,.agenda-schedule-modal .catalog-session-sponsors {
display: none
}
.rf-accordion-list .rf-session-abstract,.rf-collection-listing .rf-session-abstract,.agenda-schedule-modal .rf-session-abstract {
line-height: 20px;
color: var(--rf-brand-color-text-body)
}
.rf-accordion-list .rf-session-time,.rf-collection-listing .rf-session-time,.agenda-schedule-modal .rf-session-time {
margin: 0 0 15px
}
.rf-accordion-list .rf-session-speakers .speaker-info,.rf-collection-listing .rf-session-speakers .speaker-info,.agenda-schedule-modal .rf-session-speakers .speaker-info {
margin-bottom: 4px
}
.rf-accordion-list .rf-session-speakers .speaker-info a,.rf-collection-listing .rf-session-speakers .speaker-info a,.agenda-schedule-modal .rf-session-speakers .speaker-info a {
color: var(--rf-brand-color-primary);
text-decoration: none
}
.rf-accordion-list .rf-session-location>span,.rf-collection-listing .rf-session-location>span,.agenda-schedule-modal .rf-session-location>span {
margin: 0 0 8px
}
.rf-accordion-list .rf-session-speakers,.rf-accordion-list .rf-session-location,.rf-accordion-list .rf-session-speaker-info,.rf-accordion-list .rf-session-abstract,.rf-accordion-list .rf-session-times,.rf-collection-listing .rf-session-speakers,.rf-collection-listing .rf-session-location,.rf-collection-listing .rf-session-speaker-info,.rf-collection-listing .rf-session-abstract,.rf-collection-listing .rf-session-times,.agenda-schedule-modal .rf-session-speakers,.agenda-schedule-modal .rf-session-location,.agenda-schedule-modal .rf-session-speaker-info,.agenda-schedule-modal .rf-session-abstract,.agenda-schedule-modal .rf-session-times {
margin: 0 0 15px
}
.rf-accordion-list .rf-session-speakers .schedule-li,.rf-accordion-list .rf-session-location .schedule-li,.rf-accordion-list .rf-session-speaker-info .schedule-li,.rf-accordion-list .rf-session-abstract .schedule-li,.rf-accordion-list .rf-session-times .schedule-li,.rf-collection-listing .rf-session-speakers .schedule-li,.rf-collection-listing .rf-session-location .schedule-li,.rf-collection-listing .rf-session-speaker-info .schedule-li,.rf-collection-listing .rf-session-abstract .schedule-li,.rf-collection-listing .rf-session-times .schedule-li,.agenda-schedule-modal .rf-session-speakers .schedule-li,.agenda-schedule-modal .rf-session-location .schedule-li,.agenda-schedule-modal .rf-session-speaker-info .schedule-li,.agenda-schedule-modal .rf-session-abstract .schedule-li,.agenda-schedule-modal .rf-session-times .schedule-li {
font-size: 16px;
margin: 0 0 10px;
display: block;
color: var(--rf-brand-color-text-body)
}
.rf-accordion-list .rf-session-speakers .schedule-li a,.rf-accordion-list .rf-session-location .schedule-li a,.rf-accordion-list .rf-session-speaker-info .schedule-li a,.rf-accordion-list .rf-session-abstract .schedule-li a,.rf-accordion-list .rf-session-times .schedule-li a,.rf-collection-listing .rf-session-speakers .schedule-li a,.rf-collection-listing .rf-session-location .schedule-li a,.rf-collection-listing .rf-session-speaker-info .schedule-li a,.rf-collection-listing .rf-session-abstract .schedule-li a,.rf-collection-listing .rf-session-times .schedule-li a,.agenda-schedule-modal .rf-session-speakers .schedule-li a,.agenda-schedule-modal .rf-session-location .schedule-li a,.agenda-schedule-modal .rf-session-speaker-info .schedule-li a,.agenda-schedule-modal .rf-session-abstract .schedule-li a,.agenda-schedule-modal .rf-session-times .schedule-li a {
color: var(--rf-brand-color-primary)
}
.rf-accordion-list .rf-session-speakers .schedule-li strong,.rf-accordion-list .rf-session-location .schedule-li strong,.rf-accordion-list .rf-session-speaker-info .schedule-li strong,.rf-accordion-list .rf-session-abstract .schedule-li strong,.rf-accordion-list .rf-session-times .schedule-li strong,.rf-collection-listing .rf-session-speakers .schedule-li strong,.rf-collection-listing .rf-session-location .schedule-li strong,.rf-collection-listing .rf-session-speaker-info .schedule-li strong,.rf-collection-listing .rf-session-abstract .schedule-li strong,.rf-collection-listing .rf-session-times .schedule-li strong,.agenda-schedule-modal .rf-session-speakers .schedule-li strong,.agenda-schedule-modal .rf-session-location .schedule-li strong,.agenda-schedule-modal .rf-session-speaker-info .schedule-li strong,.agenda-schedule-modal .rf-session-abstract .schedule-li strong,.agenda-schedule-modal .rf-session-times .schedule-li strong {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.agenda-schedule-modal * {
font-size: 16px;
color: var(--rf-brand-color-text-body);
font-family: var(--rf-brand-font-family)
}
.agenda-schedule-modal .modal-content .modal-header {
background-color: var(--rf-brand-color-surface);
border-bottom: 1px solid var(--rf-system-color-neutral-80)
}
.agenda-schedule-modal .modal-content .modal-header .modal-close svg {
fill: var(--rf-brand-color-primary)
}
.agenda-schedule-modal .modal-content .modal-body .session-result {
list-style: none
}
.agenda-schedule-modal .modal-content .modal-body .session-title {
margin: 0
}
.agenda-schedule-modal .modal-content .modal-body .session-title button {
background: none;
border: none;
padding: 0
}
.agenda-schedule-modal .modal-content .modal-body .session-title .rfSI {
display: none
}
.agenda-schedule-modal .modal-content .modal-body .session-title .title-text {
margin: 0;
color: var(--rf-brand-color-primary)
}
.agenda-schedule-modal .modal-content .modal-body .session-title .session-options {
display: none
}
.agenda-schedule-modal .modal-content .modal-body ul.session-actions li {
display: flex
}
.agenda-schedule-modal .modal-content p {
color: var(--rf-brand-color-text-body);
font-weight: var(--rf-system-font-weight-400)
}
.agenda-schedule-modal .title {
color: var(--rf-brand-color-primary)
}
.custom-data-widget {
padding: 30px
}
.custom-data-widget .custom-data-list {
padding: 20px 20px 0 20px;
margin: 0;
list-style: none
}
.custom-data-widget .custom-data-list span,.custom-data-widget .custom-data-list p {
font-size: 14px;
line-height: 20px;
margin: 0
}
.custom-data-widget .custom-data-list>li {
padding: 0 0 60px 180px
}
@media(max-width: 767px) {
.custom-data-widget .custom-data-list>li {
padding:0 0 40px
}
}
.custom-data-widget .custom-data-list>li>img {
float: left;
margin-left: -180px;
width: 140px;
height: 140px
}
@media(max-width: 767px) {
.custom-data-widget .custom-data-list>li>img {
float:none;
margin: 0 auto 40px;
display: block
}
}
.custom-data-widget .custom-data-list>li>h4 {
margin: 0;
color: var(--rf-brand-color-primary);
font-size: 20px;
font-weight: var(--rf-system-font-weight-600)
}
.custom-data-widget .custom-data-list>li>span {
font-weight: var(--rf-system-font-weight-700);
margin: 0 0 15px;
display: block
}
.custom-data-widget .custom-data-list>li>p {
padding-right: 30%;
margin: 0 0 20px
}
@media(max-width: 767px) {
.custom-data-widget .custom-data-list>li>p {
padding-right:0
}
}
.custom-data-widget .custom-data-list>li ul {
list-style: none;
padding: 0;
margin: 40px 0
}
#rf-digitalsignage .signage-container {
min-height: 100vh;
max-height: 100vh
}
#rf-digitalsignage .signage-container header img {
min-width: 100%;
height: auto
}
#rf-digitalsignage .signage-container header,#rf-digitalsignage .signage-container section,#rf-digitalsignage .signage-container footer {
clear: both;
overflow: hidden;
position: relative
}
#rf-digitalsignage .signage-container footer {
position: fixed;
bottom: 0;
width: 100vw;
padding: 30px;
background-color: var(--rf-system-color-neutral-40);
color: var(--rf-system-color-neutral-100)
}
#rf-digitalsignage .signage-container .current-session {
padding-left: 20px
}
#rf-digitalsignage .signage-container section {
padding: 30px
}
#rf-digitalsignage .signage-container .ds-room,#rf-digitalsignage .signage-container .ds-class,#rf-digitalsignage .signage-container ds-speaker,#rf-digitalsignage .signage-container ds-sponsor {
clear: both
}
#rf-digitalsignage .signage-container .ds-room {
float: left;
margin-bottom: 60px
}
#rf-digitalsignage .signage-container .ds-room h2 {
padding: 20px 10px;
background-color: var(--rf-system-color-neutral-30);
color: var(--rf-system-color-neutral-100);
max-width: 600px
}
#rf-digitalsignage .signage-container .ds-room .ds-time {
float: right;
font-size: 30pt
}
#rf-digitalsignage .signage-container .lowercase {
text-transform: lowercase
}
#rf-digitalsignage .signage-container .ds-class {
margin-bottom: 25px
}
#rf-digitalsignage .signage-container .ds-speakers {
color: var(--rf-brand-color-text-body);
margin-bottom: 60px;
font-size: 1.7em !important
}
#rf-digitalsignage .signage-container .ds-sponsor {
color: var(--rf-brand-color-text-body)
}
#rf-digitalsignage .signage-container .ds-sponsor-img {
max-width: 400px;
float: left;
margin-right: 20px
}
#rf-digitalsignage .signage-container .ds-pie {
position: relative
}
#rf-digitalsignage .signage-container .digital-signage-room-time .room-and-time {
background: var(--rf-system-color-neutral-20);
color: var(--rf-system-color-neutral-100);
height: 68px;
padding-top: 17px;
font-size: 27px
}
#rf-digitalsignage .signage-container .digital-signage-room-time .session-room {
display: inline;
padding-left: 20px
}
#rf-digitalsignage .signage-container .digital-signage-room-time .session-start-time {
display: inline;
float: right;
padding-right: 20px
}
#rf-digitalsignage .signage-container .digital-signage-session .session-details {
font-size: 27px;
color: var(--rf-system-color-neutral-0);
padding: 20px 0px;
margin-bottom: 20px
}
#rf-digitalsignage .signage-container .digital-signage-session .session-title,#rf-digitalsignage .signage-container .digital-signage-session .no-sessions {
font-size: 43px;
color: var(--rf-system-color-neutral-0);
font-size: 72px;
line-height: 96px;
margin-bottom: 40px
}
#rf-digitalsignage .signage-container .digital-signage-session .next-session {
padding: 20px 10px;
background: var(--rf-system-color-neutral-40);
color: var(--rf-system-color-neutral-100);
height: 134px;
position: fixed;
bottom: 0;
width: 100%;
clear: both
}
#rf-digitalsignage .signage-container .digital-signage-session .next-session>div:first-child {
float: left;
margin: 0 80px 0 40px;
height: 30px;
line-height: 30px;
font-size: 24px
}
#rf-digitalsignage .signage-container .digital-signage-session .next-session>div div {
float: left;
margin: 0 80px 0 0;
font-size: 24px
}
#rf-digitalsignage .signage-container .digital-signage-session .next-session>div div:last-child {
position: absolute;
padding-left: 400px;
height: 69px;
overflow: hidden;
margin: 0 8px 0 0
}
#rf-digitalsignage .signage-container .digital-signage-session .next-session p {
clear: both;
position: fixed;
top: 100%;
left: 50px;
font-size: 16px;
margin: -36px 10px 0 0
}
#rf-digitalsignage .signage-container .digital-signage-session .participant-list {
list-style: none
}
#rf-digitalsignage .signage-container .digital-signage-session .participant-list h4 {
color: var(--rf-system-color-neutral-0);
font-size: 24px;
text-transform: uppercase
}
.widgets-error-page {
background: var(--rf-brand-color-widget-background);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.widgets-error-page>div {
max-width: 600px;
padding: 60px 48px 48px 48px;
margin: 100px auto;
display: block;
color: rgba(0,0,0,.85);
font-size: 16px;
line-height: 20px;
background: var(--rf-brand-color-surface);
position: relative;
box-shadow: 0 0 6px 0 var(--rf-system-color-neutral-50)
}
.widgets-error-page>div .header-gradient {
background: #e71356;
background: -webkit-linear-gradient(right, #e71356, #5C00DC);
background: -o-linear-gradient(left, #e71356, #5C00DC);
background: -moz-linear-gradient(left, #e71356, #5C00DC);
background: linear-gradient(to left, #e71356, #5C00DC);
position: absolute;
left: 0;
right: 0;
height: 12px;
top: 0
}
.widgets-error-page h1,.widgets-error-page h2,.widgets-error-page h3,.widgets-error-page h4 {
font-size: 20px;
margin: 0 0 20px;
color: rgba(0,0,0,.6)
}
.widgets-error-page p {
margin: 0
}
.widgets-error-page a {
color: #5c00dc;
text-decoration: none
}
#rf-event-calendar {
max-width: 1180px;
margin: 0 auto;
padding-top: 50px
}
@media all and (max-width: 1199px) {
#rf-event-calendar {
padding-left:8px;
padding-right: 8px
}
}
.rf-event-calendar {
width: 100%;
padding: 12px 20px
}
.rf-event-calendar .event-calendar-filters {
display: flex;
justify-content: space-between;
flex-direction: column
}
@media all and (min-width: 769px) {
.rf-event-calendar .event-calendar-filters {
flex-direction:row
}
}
.rf-event-calendar .event-calendar-filters .event-calendar-dates {
width: 100%;
display: flex;
align-items: flex-start;
flex-wrap: wrap
}
.rf-event-calendar .event-calendar-filters .event-calendar-dates .rf-date-picker {
width: 100%;
flex-shrink: 0
}
@media all and (min-width: 550px) {
.rf-event-calendar .event-calendar-filters .event-calendar-dates .rf-date-picker {
margin-right:12px;
width: auto;
max-width: 200px
}
.rf-event-calendar .event-calendar-filters .event-calendar-dates .mdBtnR {
margin-right: 12px;
margin-top: 36px
}
}
.rf-event-calendar .event-calendar-filters .event-calendar-type .rf-select {
width: 200px
}
.rf-event-calendar .no-matching-events {
border: 1px solid var(--rf-brand-color-border);
display: flex;
justify-content: center;
align-items: center;
padding: 32px;
border-radius: var(--rf-brand-shape-radius)
}
.rf-event-calendar .no-matching-events p {
margin: 0;
font-weight: var(--rf-system-font-weight-600)
}
.rf-event-calendar .event-calendar-list {
display: flex;
flex-wrap: wrap
}
.rf-event-calendar .event-calendar-list>div {
flex: initial;
width: 100%
}
@media all and (min-width: 550px) {
.rf-event-calendar .event-calendar-list {
margin:0 -8px
}
.rf-event-calendar .event-calendar-list>div {
padding-left: 8px;
padding-right: 8px;
width: 50%
}
}
@media all and (min-width: 1024px) {
.rf-event-calendar .event-calendar-list>div {
width:33.33%
}
}
.rf-event-calendar .event-calendar-list a:hover,.rf-event-calendar .event-calendar-list a:focus {
text-decoration: none !important
}
.rf-event-calendar [class*=event-calendar-item-] {
border: 1px solid var(--rf-brand-color-border);
margin-bottom: 20px;
border-radius: var(--rf-brand-shape-radius)
}
.rf-event-calendar .event-calendar-image {
max-height: 180px;
overflow: hidden;
cursor: pointer
}
.rf-event-calendar .event-calendar-image.no-image {
height: 180px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.rf-event-calendar .event-calendar-image.no-image a:hover {
text-decoration: none !important
}
.rf-event-calendar .event-calendar-image.no-image h2 {
font-size: 30px;
text-decoration: none;
text-align: center
}
.rf-event-calendar .event-calendar-image img {
max-width: 100%
}
@media all and (min-width: 1024px) {
.rf-event-calendar .event-calendar-image {
max-height:150px
}
.rf-event-calendar .event-calendar-image.no-image {
height: 150px
}
}
.rf-event-calendar .event-calendar-content {
display: flex;
flex-direction: column;
padding: 12px;
background-color: var(--rf-brand-color-surface);
min-height: 226px
}
.rf-event-calendar .event-calendar-content p {
font-size: 14px
}
.rf-event-calendar .event-calendar-content .event-calendar-date-time,.rf-event-calendar .event-calendar-content .event-calendar-info-register {
display: flex
}
.rf-event-calendar .event-calendar-content .event-calendar-date-time>p {
width: 50%;
margin-bottom: 4px
}
.rf-event-calendar .event-calendar-content .event-calendar-date-time>p:last-of-type {
text-align: right
}
.rf-event-calendar .event-calendar-content .event-calendar-location {
margin-bottom: 20px
}
.rf-event-calendar .event-calendar-content .event-calendar-content-description {
font-size: 12px;
margin-bottom: 0;
max-height: 48px;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
.rf-event-calendar .event-calendar-content .event-calendar-content-description:after {
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 80px;
height: 16px;
background: var(--rf-system-color-neutral-100);
background: -moz-linear-gradient(right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%)
}
.rf-event-calendar .event-calendar-content .event-calendar-info-register {
margin-top: auto
}
.rf-event-calendar .event-calendar-content .event-calendar-info-register .mdBtnR {
width: 100%
}
.rf-event-calendar .event-calendar-footer {
text-align: center;
padding: 40px 0
}
.rf-event-calendar .show-more {
width: 100%
}
#rf-navbar+#rf-exhibitorcatalog .search-container {
min-height: calc(100% - 57px)
}
@media(max-width: 900px) {
#rf-navbar+#rf-exhibitorcatalog .search-container.top-filters .search-bar {
margin-top:47px
}
}
#rf-exhibitorcatalog.rf-widget .element-sort-table {
max-width: 1000px;
margin: 0 auto;
padding: 0 20px
}
#rf-exhibitorcatalog.rf-widget .catalog-result {
display: flex;
cursor: pointer;
flex-direction: column;
padding: 20px 20px 8px;
width: 100%
}
@media all and (min-width: 769px) {
#rf-exhibitorcatalog.rf-widget .catalog-result {
padding:12px 20px;
flex-direction: row
}
}
#rf-exhibitorcatalog.rf-widget .catalog-result:hover .exhibitor-name {
color: #1570ef
}
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-logo {
min-width: 140px;
max-width: 160px;
margin: 0 0 20px;
align-self: center
}
@media all and (min-width: 769px) {
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-logo {
max-width:140px;
margin: 0 20px 0 0
}
}
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-logo img {
margin: 0 auto;
display: block;
max-height: 100px;
max-width: 100%
}
@media all and (min-width: 769px) {
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-logo img {
max-height:58px
}
}
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-make-lead-contact {
display: flex;
min-width: 210px;
justify-content: flex-end
}
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-make-lead-contact .mdBtnR {
align-self: center
}
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-name,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-booths,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-description,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-url,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-type,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-text,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-make-lead-contact {
line-height: 20px;
align-self: center;
margin: 0 0 12px;
text-align: left;
flex: 2;
width: 100%;
justify-content: flex-start
}
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-name:empty,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-booths:empty,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-description:empty,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-url:empty,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-type:empty,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-text:empty,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-make-lead-contact:empty {
margin: 0
}
@media all and (min-width: 769px) {
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-name,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-booths,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-description,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-url,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-type,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-text,#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-make-lead-contact {
width:auto;
margin: 0 20px 0 0;
justify-content: flex-start
}
}
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-booths svg {
fill: var(--rf-system-color-neutral-30)
}
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-type {
margin-right: 0;
line-height: 20px
}
#rf-exhibitorcatalog.rf-widget .catalog-result .favorite-catalog-result {
align-self: center;
border: none;
background: none;
padding: 0
}
#rf-exhibitorcatalog.rf-widget .catalog-result .favorite-catalog-result.favorited svg {
fill: var(--rf-comp-favorite-icon-favorited-color)
}
@media all and (max-width: 768px) {
#rf-exhibitorcatalog.rf-widget .catalog-result .favorite-catalog-result {
align-self:center;
position: absolute;
right: 20px;
top: 20px;
transform: none
}
}
#rf-exhibitorcatalog.rf-widget .catalog-result .favorite-catalog-result svg {
fill: var(--rf-system-color-neutral-50)
}
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-name {
font-weight: var(--rf-system-font-weight-600);
flex: 3;
margin: 0 0 12px;
color: var(--rf-brand-color-primary)
}
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-name:hover {
text-decoration: underline
}
@media all and (min-width: 769px) {
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-name {
margin:0 20px 0 0;
color: var(--rf-system-color-neutral-30)
}
}
#rf-exhibitorcatalog.rf-widget .catalog-result .exhibitor-name span {
display: block;
align-self: center;
white-space: normal;
line-height: 20px
}
#rf-exhibitorcatalog.rf-widget .tiled-cards .exhibitor-tile-container .rf-pill-text {
padding-top: 1px
}
.rf-exhibitor-modal .modal-body,.rf-exhibitorCatalog-modal .modal-body {
position: relative;
padding: 20px 20px 0
}
@media all and (min-width: 769px) {
.rf-exhibitor-modal .modal-body,.rf-exhibitorCatalog-modal .modal-body {
padding:20px 20px 8px
}
}
.rf-exhibitor-modal .exhibitor-details-modal-body,.rf-exhibitorCatalog-modal .exhibitor-details-modal-body {
flex-direction: column
}
@media all and (min-width: 769px) {
.rf-exhibitor-modal .exhibitor-details-modal-body,.rf-exhibitorCatalog-modal .exhibitor-details-modal-body {
flex-direction:row
}
}
.rf-exhibitor-modal .exhibitor-details-modal-body .exhibitor-video,.rf-exhibitorCatalog-modal .exhibitor-details-modal-body .exhibitor-video {
max-width: 400px
}
.rf-exhibitor-modal .favorite-catalog-result,.rf-exhibitorCatalog-modal .favorite-catalog-result {
position: absolute;
top: 12px;
right: 12px
}
.rf-exhibitor-modal .favorite-catalog-result.favorited svg,.rf-exhibitorCatalog-modal .favorite-catalog-result.favorited svg {
fill: var(--rf-comp-favorite-icon-favorited-color)
}
.rf-exhibitor-modal .favorite-catalog-result svg,.rf-exhibitorCatalog-modal .favorite-catalog-result svg {
fill: var(--rf-comp-favorite-icon-color)
}
.rf-exhibitor-modal .exhibitor-logo,.rf-exhibitorCatalog-modal .exhibitor-logo {
min-width: 160px;
max-width: 160px;
margin: 0 auto 20px
}
.rf-exhibitor-modal .exhibitor-logo img,.rf-exhibitorCatalog-modal .exhibitor-logo img {
width: 100%
}
@media all and (min-width: 769px) {
.rf-exhibitor-modal .exhibitor-logo,.rf-exhibitorCatalog-modal .exhibitor-logo {
margin:0 20px 0 0
}
}
.rf-exhibitor-modal .exhibitor-details,.rf-exhibitorCatalog-modal .exhibitor-details {
padding: 0
}
.rf-exhibitor-modal .exhibitor-details .exhibitor-booths svg,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-booths svg {
fill: var(--rf-system-color-neutral-30)
}
.rf-exhibitor-modal .exhibitor-details .exhibitor-name,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-name {
font-weight: var(--rf-system-font-weight-600)
}
.rf-exhibitor-modal .exhibitor-details .exhibitor-text .exhibitor-detail-title,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-text .exhibitor-detail-title {
font-weight: var(--rf-system-font-weight-600)
}
.rf-exhibitor-modal .exhibitor-details .exhibitor-description,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-description {
word-wrap: break-word
}
.rf-exhibitor-modal .exhibitor-details .exhibitor-name,.rf-exhibitor-modal .exhibitor-details .exhibitor-booths,.rf-exhibitor-modal .exhibitor-details .exhibitor-description,.rf-exhibitor-modal .exhibitor-details .exhibitor-url,.rf-exhibitor-modal .exhibitor-details .exhibitor-type,.rf-exhibitor-modal .exhibitor-details .exhibitor-text,.rf-exhibitor-modal .exhibitor-details .exhibitor-make-lead-contact,.rf-exhibitor-modal .exhibitor-details .exhibitor-video,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-name,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-booths,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-description,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-url,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-type,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-text,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-make-lead-contact,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-video {
width: 100%;
margin: 0 0 12px;
align-self: normal
}
.rf-exhibitor-modal .exhibitor-details .exhibitor-name h2,.rf-exhibitor-modal .exhibitor-details .exhibitor-booths h2,.rf-exhibitor-modal .exhibitor-details .exhibitor-description h2,.rf-exhibitor-modal .exhibitor-details .exhibitor-url h2,.rf-exhibitor-modal .exhibitor-details .exhibitor-type h2,.rf-exhibitor-modal .exhibitor-details .exhibitor-text h2,.rf-exhibitor-modal .exhibitor-details .exhibitor-make-lead-contact h2,.rf-exhibitor-modal .exhibitor-details .exhibitor-video h2,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-name h2,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-booths h2,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-description h2,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-url h2,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-type h2,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-text h2,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-make-lead-contact h2,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-video h2 {
display: none
}
@media all and (min-width: 769px) {
.rf-exhibitor-modal .exhibitor-details .exhibitor-name,.rf-exhibitor-modal .exhibitor-details .exhibitor-booths,.rf-exhibitor-modal .exhibitor-details .exhibitor-description,.rf-exhibitor-modal .exhibitor-details .exhibitor-url,.rf-exhibitor-modal .exhibitor-details .exhibitor-type,.rf-exhibitor-modal .exhibitor-details .exhibitor-text,.rf-exhibitor-modal .exhibitor-details .exhibitor-make-lead-contact,.rf-exhibitor-modal .exhibitor-details .exhibitor-video,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-name,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-booths,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-description,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-url,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-type,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-text,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-make-lead-contact,.rf-exhibitorCatalog-modal .exhibitor-details .exhibitor-video {
display:block
}
}
.exhibitor-details-page .exhibitor-videos .main-video,.rf-exhibitorCatalog-modal .exhibitor-videos .main-video {
margin: 0 0 16px;
position: relative
}
.exhibitor-details-page .exhibitor-videos .main-video .main-video-overlay,.exhibitor-details-page .exhibitor-videos .main-exhibitor-video .main-video-overlay,.rf-exhibitorCatalog-modal .exhibitor-videos .main-video .main-video-overlay,.rf-exhibitorCatalog-modal .exhibitor-videos .main-exhibitor-video .main-video-overlay {
position: absolute;
top: 0;
left: 4px;
right: 4px;
bottom: 0;
z-index: 10;
cursor: pointer
}
.exhibitor-details-page .exhibitor-videos .exhibitor-video-list,.rf-exhibitorCatalog-modal .exhibitor-videos .exhibitor-video-list {
width: 100%;
padding: 0
}
.exhibitor-details-page .exhibitor-videos .sub-video,.rf-exhibitorCatalog-modal .exhibitor-videos .sub-video {
display: inline-block;
width: 25%;
padding: 0 8px;
position: relative;
margin-bottom: 16px;
filter: grayscale(1)
}
.exhibitor-details-page .exhibitor-videos .sub-video .fp-switch,.rf-exhibitorCatalog-modal .exhibitor-videos .sub-video .fp-switch {
display: none
}
.exhibitor-details-page .exhibitor-videos .sub-video.selected .sub-video-overlay,.rf-exhibitorCatalog-modal .exhibitor-videos .sub-video.selected .sub-video-overlay {
border: 4px solid var(--rf-brand-color-primary)
}
.exhibitor-details-page .exhibitor-videos .sub-video:hover,.exhibitor-details-page .exhibitor-videos .sub-video.selected,.rf-exhibitorCatalog-modal .exhibitor-videos .sub-video:hover,.rf-exhibitorCatalog-modal .exhibitor-videos .sub-video.selected {
filter: grayscale(0)
}
@media all and (max-width: 1023px) {
.exhibitor-details-page .exhibitor-videos .sub-video,.rf-exhibitorCatalog-modal .exhibitor-videos .sub-video {
width:33.3333%
}
}
@media all and (max-width: 768px) {
.exhibitor-details-page .exhibitor-videos .sub-video,.rf-exhibitorCatalog-modal .exhibitor-videos .sub-video {
width:50%
}
}
@media all and (max-width: 549px) {
.exhibitor-details-page .exhibitor-videos .sub-video,.rf-exhibitorCatalog-modal .exhibitor-videos .sub-video {
width:100%
}
}
.exhibitor-details-page .exhibitor-videos .sub-video-overlay,.rf-exhibitorCatalog-modal .exhibitor-videos .sub-video-overlay {
position: absolute;
top: 0;
left: 4px;
right: 4px;
bottom: 0;
z-index: 10;
cursor: pointer
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page {
background: var(--rf-brand-color-surface);
padding: 20px 0 60px;
margin: 0 auto;
max-width: 1200px;
position: relative
}
@media all and (max-width: 768px) {
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame {
flex-direction:column
}
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title {
border-bottom: none
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title .exhibitor-logo img {
width: 100%;
max-width: 200px;
margin: 0 20px 0 0
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title .title-info {
flex: 1;
position: relative;
padding-right: 30px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title .title-info h1 {
font-size: 36px;
margin: 0 0 8px;
font-weight: var(--rf-system-font-weight-400)
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title .title-info .title-badges .title-detail {
font-weight: var(--rf-system-font-weight-600)
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title .title-info .title-badges .title-detail,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title .title-info .title-badges .divider {
color: var(--rf-system-color-neutral-50)
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title .title-info .title-badges .divider {
margin: 0 8px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title .title-info .title-badges .rf-pill {
margin: 0
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-page-frame .exhibitor-title .title-info .favorite-catalog-result {
position: absolute;
top: 12px;
right: 0;
padding: 0;
background: none;
border: none
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog {
margin: 0 0 20px;
padding: 0 24px;
background: var(--rf-brand-color-surface);
overflow: hidden
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog a {
color: var(--rf-brand-color-primary);
display: block;
float: left;
line-height: 24px;
font-size: 16px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-back-to-catalog a .rfSI {
margin: -4px 4px 0 0
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar {
min-width: 280px;
max-width: 280px;
padding: 0 24px;
box-sizing: border-box
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar.sidebar-border-left {
border-left: 1px solid var(--rf-brand-color-border)
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar.sidebar-border-right {
border-right: 1px solid var(--rf-brand-color-border)
}
@media all and (max-width: 768px) {
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar {
max-width:100%
}
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only {
display: none
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only .favorite-catalog-result {
display: none
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only .exhibitor-banner {
margin: 0 0 20px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only .exhibitor-banner img {
width: 100%
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only .exhibitor-logo {
width: 140px;
margin: 0 20px 0 0
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only .exhibitor-title {
margin: 0 0 8px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only .title-info {
overflow-wrap: anywhere
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only .title-info h1 {
font-size: 20px
}
@media all and (max-width: 768px) {
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mobile-only {
display:block
}
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .social-media-links {
padding: 0;
margin: 0 0 12px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .social-media-links li {
margin: 0 20px 0 0
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .social-media-links li:last-child {
margin: 0
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-contact-sidebar-content {
transition: all .1s linear
}
@media all and (max-width: 768px) {
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-contact-sidebar-content {
margin-top:0 !important
}
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar h2 {
font-size: 24px;
margin: 0 0 8px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-contact-actions {
margin: 0 0 12px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-contact-actions:empty {
display: none
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-contact-actions .rf-tooltip-container {
margin: 0;
padding: 0;
width: 100%
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-contact-actions .mdBtnR-primary {
width: 100%;
margin: 0 0 12px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-contact-actions .exhibitor-email {
width: 100%
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-contact-actions .exhibitor-email .mdBtnR-text {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-contact-actions .exhibitor-email .mdBtnR-text:hover {
width: auto;
background: var(--rf-brand-color-surface)
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-page-links .mdBtnR-link {
margin: 0 0 16px;
display: block;
width: 100%;
text-align: left
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .rf-page-links .mdBtnR-link .mdBtnR-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar p {
margin: 0 0 8px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .mdBtnR-adv {
width: 100%;
text-align: left;
margin: 0 0 8px 4px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .booth-hours {
margin: 0 0 12px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .booth-hours h3 {
margin: 0
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .rf-contact-sidebar .booth-hours p {
margin: 0
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content {
padding: 0 24px;
flex: 1;
width: 100%;
overflow: hidden
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-media-carousel-video {
min-width: var(--media-width, 31%);
max-width: var(--media-width, 31%)
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-media-carousel-video h4 {
cursor: pointer;
margin-top: 4px;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
@supports(-webkit-line-clamp: 3) {
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-media-carousel-video h4 {
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical
}
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-media-carousel-video h4:hover {
color: var(--rf-comp-link-hover-color);
text-decoration: var(--rf-comp-link-hover-font-decoration)
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-media-carousel-video.exhibitor-media-now-playing h4 {
pointer-events: none
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content section h2,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .download-file-link h2,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-sessions h2,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-speakers h2,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-videos h2,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-overview h2 {
font-size: 24px;
margin: 0 0 20px;
line-height: 20px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content section p:last-child,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .download-file-link p:last-child,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-sessions p:last-child,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-speakers p:last-child,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-videos p:last-child,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-overview p:last-child {
margin: 0
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-sessions .download-file-link {
margin: 0;
padding: 0
}
@media all and (max-width: 768px) {
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-title {
display:none
}
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .catalog-result {
flex-direction: column !important
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .download-file-link ul {
padding: 0
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .download-file-link li {
margin: 0 0 8px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .download-file-link li:last-child {
margin: 0
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-booths svg {
fill: var(--rf-system-color-neutral-30)
}
@media all and (max-width: 768px) {
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-banner {
display:none
}
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-banner img {
width: 100%
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-name {
font-weight: var(--rf-system-font-weight-600)
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-video,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-media-videos-wrapper,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .download-file-link,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-sessions,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-speakers {
border-bottom: 1px solid var(--rf-brand-color-border);
padding: 0 0 20px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-video:last-child,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-media-videos-wrapper:last-child,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .download-file-link:last-child,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-sessions:last-child,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-speakers:last-child {
border: none
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-text .exhibitor-detail-title {
font-weight: var(--rf-system-font-weight-600)
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-description {
word-wrap: break-word
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-title,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-overview,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-name,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-booths,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-description,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-url,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-type,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-text,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-make-lead-contact,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-video,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-sessions,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-speakers,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .download-file-link,#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-banner {
width: 100%;
margin: 0 0 20px;
align-self: normal
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .show-more-btn {
width: 100%
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-media-videos-wrapper {
margin-bottom: 20px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-media-videos-wrapper .exhibitor-videos {
padding-bottom: 12px
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-media-videos-wrapper .main-exhibitor-video .rf-flowplayer-simulive {
min-width: 100%
}
#rf-exhibitorcatalog.rf-widget .exhibitor-details-page .exhibitor-details-content .exhibitor-media-videos-wrapper.exhibitor-videos-mobile .exhibitor-videos {
border-bottom: none;
padding: 0
}
.exhibitor-media-carousel-video .exhibitor-media-carousel-child-wrapper {
margin-right: 16px
}
.exhibitor-media-carousel-video .exhibitor-media-video-content-banner .exhibitor-media-video—play-badge {
position: absolute;
bottom: 8px;
left: 0
}
.exhibitor-video-overlay-container.video-currently-playing .exhibitor-media-video-preview-container,.exhibitor-video-overlay-container.video-currently-playing .exhibitor-media-video-title {
pointer-events: none
}
.exhibitor-video-overlay-container .exhibitor-media-video-preview-container {
cursor: pointer
}
.exhibitor-video-overlay-container .exhibitor-media-video-title {
font-size: 18px;
cursor: pointer
}
.exhibitor-video-overlay-container .exhibitor-media-video-title:hover {
color: var(--rf-comp-link-hover-color);
text-decoration: var(--rf-comp-link-hover-font-decoration)
}
#rf-exhibitor .exhibitor-list-container .element-sort-table {
border-bottom: 1px solid var(--rf-brand-color-border);
margin: 20px 0 80px
}
#rf-exhibitor .exhibitor-list-container .element-sort-table h2 {
padding: 0 16px
}
#rf-exhibitor .exhibitor-list-container .rf-page-search-container {
padding: 16px
}
#rf-exhibitor .exhibitor-list-container .rf-page-search-container .search-actions {
float: left
}
#rf-exhibitor .exhibitor-list-container .rf-page-search-container .search-actions .search-buttons {
display: flex;
flex-direction: row-reverse
}
#rf-exhibitor .exhibitor-list-container .rf-page-search-container .search-actions .search-buttons .mdBtnR-primary {
margin: 0 16px 0 0
}
#rf-exhibitor .exhibitor-list-container .exhibitor-list-favorite-toggle {
display: flex;
position: absolute;
right: 16px;
margin: -47px 0 0
}
#rf-exhibitor .exhibitor-list-container .exhibitor-list-favorite-toggle .favorite-toggle-label {
line-height: 31px;
margin: 0 8px 0 0;
font-weight: var(--rf-system-font-weight-500)
}
#rf-exhibitor .exhibitor-list-container .table-body .table-row img {
width: 126px
}
#rf-exhibitor #rf-content .exh-list-top-button-list {
padding: 20px 0
}
#rf-exhibitor .rf-page-search-container {
padding: 12px;
clear: both
}
#rf-exhibitor .rf-page-search-container:before,#rf-exhibitor .rf-page-search-container:after {
content: "";
display: table;
clear: both
}
#collections-horizontal-agenda {
max-width: 1305px;
outline: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: var(--rf-brand-font-family);
color: var(--rf-brand-color-text-body);
font-size: 16px;
border: 0;
margin: 0;
padding: 0;
background-color: var(--rf-brand-color-surface-3)
}
#collections-horizontal-agenda *,#collections-horizontal-agenda *:before,#collections-horizontal-agenda *:after {
outline: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: var(--rf-system-font-weight-400);
font-family: var(--rf-brand-font-family);
color: var(--rf-brand-color-text-body);
font-size: 16px;
margin: 0;
padding: 0;
background: rgba(0,0,0,0);
text-decoration: none;
line-height: 1
}
#collections-horizontal-agenda ol,#collections-horizontal-agenda ul {
list-style: none
}
#collections-horizontal-agenda .agenda-header {
padding: 20px
}
#collections-horizontal-agenda .horizontal-agenda-main {
margin-top: 50px;
padding-left: 125px;
position: relative;
height: 554px;
border-top: 1px solid var(--rf-system-color-neutral-10);
border-bottom: 1px solid var(--rf-system-color-neutral-10)
}
#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-days,#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-times,#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-schedule {
overflow: auto
}
#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-days {
position: absolute;
left: 0;
top: 0;
width: 140px;
height: 552px;
z-index: 20
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-day-container {
background-color: var(--rf-brand-color-surface-3);
width: 125px;
text-align: center;
padding: 24px 0 32px;
border-right: 1px solid var(--rf-system-color-neutral-10)
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-day-container h3,#collections-horizontal-agenda .horizontal-agenda-main .agenda-day-container span {
line-height: 1.2em
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-day-container h3 {
text-transform: uppercase;
font-size: 26px;
font-weight: var(--rf-system-font-weight-400);
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-day-container span {
display: block;
font-size: 24px;
font-weight: var(--rf-system-font-weight-300);
color: var(--rf-brand-color-text-body)
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-day-container,#collections-horizontal-agenda .horizontal-agenda-main .agenda-schedule-container {
border-top: 1px solid var(--rf-system-color-neutral-10)
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-day-container:first-of-type,#collections-horizontal-agenda .horizontal-agenda-main .agenda-schedule-container:first-of-type {
border-top: none
}
#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-minutes {
position: absolute;
left: 0;
z-index: 50;
width: 1180px;
clear: both
}
#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-minutes:before,#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-minutes:after {
content: "";
display: table;
clear: both
}
#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-minutes .agenda-minutes {
float: left;
height: 8px;
width: 130px
}
#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-minutes .agenda-minute-tick {
display: inline-block;
width: 65px;
height: 8px;
border-right: 1px solid var(--rf-system-color-neutral-10)
}
#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-times {
margin-top: -35px;
height: 50px;
position: relative;
z-index: 10;
margin-bottom: -15px;
padding-bottom: 15px
}
#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-times .horizontal-agenda-minutes {
bottom: 15px
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-times {
width: 1180px;
clear: both
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-times:before,#collections-horizontal-agenda .horizontal-agenda-main .agenda-times:after {
content: "";
display: table;
clear: both
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-times li {
float: left;
font-size: 18px;
text-align: center;
width: 130px;
color: var(--rf-brand-color-text-body)
}
#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-schedule {
height: 552px;
background-color: var(--rf-brand-color-surface);
position: relative;
z-index: 20
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-schedule-container {
background-color: var(--rf-brand-color-surface);
position: relative;
padding: 24px 0 0;
width: 1180px
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-schedule-container:nth-of-type(even) {
background-color: var(--rf-brand-color-surface-2)
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-schedule-timeline {
background-color: var(--rf-brand-color-surface-3);
width: 100%;
height: 10px;
position: relative;
margin-bottom: 55px
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-scheduled-time {
cursor: pointer;
position: absolute;
top: 0;
clear: both
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-scheduled-time:before,#collections-horizontal-agenda .horizontal-agenda-main .agenda-scheduled-time:after {
content: "";
display: table;
clear: both
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-scheduled-time .agenda-scheduled-time-bar {
background-color: var(--rf-system-color-neutral-10);
height: 10px
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-scheduled-time .agenda-scheduled-time-text {
float: left;
max-width: 400px;
margin-top: 6px;
font-size: 18px;
line-height: 1.2em;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
#collections-horizontal-agenda .horizontal-agenda-main .agenda-scheduled-time .agenda-scheduled-time-text.right-aligned {
float: right;
text-align: right
}
#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-days::-webkit-scrollbar,#collections-horizontal-agenda .horizontal-agenda-main .horizontal-agenda-times::-webkit-scrollbar {
display: none
}
#widget-page-recommendations {
width: 100%;
padding: 50px;
box-sizing: border-box
}
#widget-page-recommendations h1 {
color: var(--rf-brand-color-primary);
margin: 0 0 44px;
line-height: 38px
}
#widget-page-recommendations .recommendations-section .rf-accordion:last-child {
border-bottom: none
}
#widget-page-recommendations .recommendations-section .section-header {
height: 70px;
padding-left: 70px;
position: relative;
background: var(--rf-brand-color-surface-2);
border-top-left-radius: var(--rf-brand-shape-radius);
border-bottom-left-radius: var(--rf-brand-shape-radius)
}
#widget-page-recommendations .recommendations-section .section-header .rfSI-stroke {
position: absolute;
left: 0;
background: var(--rf-brand-color-primary);
width: 70px;
height: 70px;
border-top-left-radius: var(--rf-brand-shape-radius);
border-bottom-left-radius: var(--rf-brand-shape-radius);
max-width: 70px;
max-height: 70px
}
#widget-page-recommendations .recommendations-section .section-header .rfSI-stroke svg {
width: 50px;
height: 50px;
margin: 10px
}
#widget-page-recommendations .recommendations-section .section-header h2 {
line-height: 70px;
font-size: 18px;
font-weight: var(--rf-system-font-weight-600);
margin: 0 0 0 24px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
#widget-page-recommendations .recommendations-section .section-header button {
margin: 14px 20px 14px 0
}
@media(max-width: 768px) {
#widget-page-recommendations .recommendations-section .section-header button {
padding:10px 12px
}
#widget-page-recommendations .recommendations-section .section-header .mdBtnR-text {
display: none
}
#widget-page-recommendations .recommendations-section .section-header .rfSI {
margin: 0
}
}
#widget-page-recommendations .recommendations-section .session-attributes {
font-size: 14px;
text-align: left;
margin: 0 0 16px;
color: var(--rf-brand-color-text-body)
}
#widget-page-recommendations .recommendations-section .session-attributes .attribute-name {
font-weight: var(--rf-system-font-weight-600)
}
#widget-page-recommendations .recommendations-section .rf-accordion .rf-accordion-body p:last-of-type {
margin: 0 0 16px
}
#widget-page-recommendations .recommendations-section .rf-accordion .rf-accordion-body div.session-attributes:last-child {
margin: 0
}
#widget-page-recommendations .view-more-recommendations {
margin: 30px auto;
display: block
}
.recommendations-welcome-modal img {
margin: 10px auto 20px;
display: block
}
.recommendations-welcome-modal p,.add-to-favorites-dialog p {
margin: 0
}
.rate-recommendations-modal .rate-recommendations-content p {
margin: 0
}
.rate-recommendations-modal .rate-recommendations-content .rf-accordion {
border-bottom: 1px solid var(--rf-brand-color-border)
}
.rate-recommendations-modal .rate-recommendations-content .rf-accordion:last-child {
border-bottom: none
}
.time-select-modal .modal-content .modal-header {
border-top-left-radius: var(--rf-brand-shape-radius);
border-top-right-radius: var(--rf-brand-shape-radius)
}
.time-select-modal .modal-content .modal-header .modal-close {
right: 16px
}
.time-select-modal .modal-content p {
margin: 0 0 30px
}
.time-select-modal .modal-content ul {
padding: 0;
margin: 0;
list-style: none
}
.time-select-modal .modal-content li {
clear: both;
padding: 12px 0;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.time-select-modal .modal-content li:before,.time-select-modal .modal-content li:after {
content: "";
display: table;
clear: both
}
.time-select-modal .modal-content li .session-time {
margin: 0;
font-weight: var(--rf-system-font-weight-500);
color: var(--rf-system-color-neutral-10);
display: block
}
.time-select-modal .modal-content li .session-location {
color: var(--rf-system-color-neutral-50);
font-style: italic;
display: block
}
.time-select-modal .modal-content li:last-child {
border-bottom: none
}
#rf-content .rf-schedule-modal .modal-dialog {
position: relative;
top: 0
}
.session-agenda {
padding-left: 60px
}
.session-agenda .agenda-header {
margin: 8px 8px 12px;
padding: 20px
}
.session-agenda .agenda-day-nav {
padding: 0;
overflow: auto;
margin: 0 0 12px
}
.session-agenda .agenda-day-nav li {
width: 16.667%;
float: left;
display: block
}
.session-agenda .agenda-day-nav li a {
text-align: center;
display: block;
text-decoration: none;
line-height: 40px;
height: 40px;
background: var(--rf-brand-color-surface-3);
border-bottom: 2px solid var(--rf-brand-color-surface-3);
color: var(--rf-brand-color-primary)
}
.session-agenda .agenda-day-nav li a.active,.session-agenda .agenda-day-nav li a:hover {
border-bottom: 2px solid var(--rf-brand-color-primary);
font-weight: var(--rf-system-font-weight-700)
}
.session-agenda .agenda-time-section {
position: relative
}
.session-agenda .agenda-time-section .agenda-scheduled-time {
position: absolute;
top: 0;
left: -52px;
font-size: 20px;
text-align: right;
width: 50px;
color: var(--rf-brand-color-text-body)
}
.session-agenda .agenda-time-section .agenda-scheduled-time .agenda-time-period {
font-size: 14px
}
.session-agenda .rfG-row {
margin: 0
}
.session-agenda .agenda-item {
background: var(--rf-brand-color-surface-3);
padding: 20px;
margin: 0 0 12px;
cursor: pointer;
color: var(--rf-brand-color-text-body)
}
.session-agenda .agenda-item:hover {
background: var(--rf-brand-color-primary-muted)
}
.session-agenda .agenda-item:hover button {
background: url('data:image/svg+xml;utf8,') no-repeat;
cursor: pointer
}
.session-agenda .agenda-item:hover button svg {
fill: var(--rf-system-color-neutral-100)
}
.session-agenda .agenda-item .item-title {
color: var(--rf-brand-color-primary);
display: block;
margin: 0 0 8px;
font-weight: var(--rf-system-font-weight-700);
line-height: 20px
}
.session-agenda .agenda-item .item-location {
font-weight: var(--rf-system-font-weight-600);
display: block;
margin: 0 10px 8px 0;
line-height: 20px;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.session-agenda .agenda-item button {
background: url('data:image/svg+xml;utf8,') no-repeat;
border: none;
margin: -5px 0 0
}
.session-agenda .rfG-md-33 .agenda-item .item-location {
display: block
}
.session-agenda .rfG-md-33 .agenda-item button {
padding: 0;
height: 64px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
display: block;
margin: -24px auto -46px
}
.session-agenda .rfG-md-100 .agenda-item .item-location {
display: inline-block;
margin-bottom: 0
}
.session-agenda .rfG-md-100 .agenda-item button,.session-agenda .rfG-md-50 .agenda-item button {
padding: 0;
height: 64px;
position: absolute;
top: 50%;
right: 2px;
transform: translateY(-50%)
}
#agenda-item-modal {
cursor: pointer
}
#agenda-item-modal .modal-dialog {
width: 100%;
max-width: 1040px;
cursor: default
}
#agenda-item-modal .modal-dialog .modal-content .modal-body {
padding: 60px;
clear: both
}
#agenda-item-modal .modal-dialog .modal-content .modal-body:before,#agenda-item-modal .modal-dialog .modal-content .modal-body:after {
content: "";
display: table;
clear: both
}
#agenda-item-modal .modal-dialog b {
font-weight: var(--rf-system-font-weight-700);
margin: 0 0 10px;
display: block
}
#agenda-item-modal .modal-dialog .modal-item-host-pic {
float: right;
width: 150px;
height: 190px;
margin: 0 0 0 20px
}
#agenda-item-modal .modal-dialog .modal-item-host {
font-size: 32px;
font-weight: var(--rf-system-font-weight-700);
display: block;
margin: 0 0 20px
}
#agenda-item-modal .modal-dialog .modal-item-host-title {
font-size: 16px;
display: block;
margin: 0 0 32px;
line-height: 24px
}
#agenda-item-modal .modal-dialog .modal-item-host-social li {
float: left;
margin: 0 10px 0 0
}
#agenda-item-modal .modal-dialog .modal-item-host-bio {
margin: 0 0 10px;
overflow: auto;
width: 100%
}
#agenda-item-modal .modal-dialog .modal-item-host-bio p {
margin: 0 0 24px
}
#agenda-item-modal .modal-dialog .modal-item-host-sessions {
background: var(--rf-brand-color-surface-3);
padding: 20px;
margin: 0 0 20px
}
#agenda-item-modal .modal-dialog .modal-item-host-sessions span {
font-size: 24px;
display: block;
font-weight: var(--rf-system-font-weight-700);
margin: 0 0 24px
}
#agenda-item-modal .modal-dialog .modal-item-host-sessions a {
color: var(--rf-brand-color-primary);
text-decoration: none;
line-height: 20px;
font-size: 16px;
margin: 0 0 4px
}
#agenda-item-modal .modal-dialog .modal-item-host-sessions p {
line-height: 20px;
font-size: 16px;
margin: 0 0 32px
}
#agenda-item-modal .modal-dialog .see-all-sessions {
text-transform: uppercase;
color: var(--rf-brand-color-primary);
text-decoration: none;
font-size: 16px
}
.rfComp-canvas #agenda-item-modal .modal-item-host-social {
padding: 0;
overflow: hidden;
margin: 0 0 32px
}
.rfComp-canvas #agenda-item-modal .modal-item-host-sessions {
background: var(--rf-brand-color-surface-3);
padding: 20px;
margin: 0 0 32px
}
@media(max-width: 1024px) {
#agenda-item-modal .modal-dialog .modal-content {
padding:40px
}
#agenda-item-modal .modal-dialog .modal-content .modal-body .modal-close {
margin: -30px
}
}
@media(max-width: 768px) {
.session-agenda .rfG-row {
margin:0
}
.session-agenda .rfG-row .rfG-md-33 .agenda-item button {
padding: 0;
height: 64px;
position: absolute;
top: 50%;
right: 2px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: translateY(-50%) rotate(0deg);
margin: -5px 0 0
}
#agenda-item-modal .modal-dialog .modal-item-host {
font-size: 24px
}
#agenda-item-modal .modal-dialog .modal-item-host-social {
display: table;
margin: 0 0 32px
}
#agenda-item-modal .modal-dialog .modal-item-host-pic {
width: 100px;
height: 140px
}
#agenda-item-modal .modal-dialog .modal-item-host-sessions span {
font-size: 20px;
margin: 0 0 16px
}
#agenda-item-modal .modal-dialog .modal-item-host-sessions p {
margin: 0 0 24px
}
.session-agenda .rfG-md-100 .agenda-item .item-location {
display: block;
margin-bottom: 8px
}
}
#rf-calendar .session-calendar-instructions {
text-align: center;
color: var(--rf-brand-color-status-warning);
padding: 20px 40px 0
}
#rf-calendar .session-calendar-instructions>* {
color: var(--rf-brand-color-status-warning);
text-align: center;
padding: 0 40px;
margin: 0 auto;
display: block
}
#rf-calendar .schedule-calendar {
padding: 20px;
height: auto
}
#rf-calendar .schedule-calendar .rbc-time-header {
border: none
}
#rf-calendar .schedule-calendar .rbc-time-header .rbc-header span {
line-height: 30px;
color: var(--rf-system-color-neutral-30);
font-size: 14px
}
#rf-calendar .schedule-calendar .rbc-time-header .rbc-time-header-content {
border: none
}
#rf-calendar .schedule-calendar .rbc-time-header .rbc-time-header-cell .rbc-header:only-child {
display: none
}
#rf-calendar .schedule-calendar .rbc-time-header .rbc-header {
border: none
}
#rf-calendar .schedule-calendar .rbc-time-header .rbc-allday-cell {
display: none
}
@media(max-width: 600px) {
#rf-calendar .schedule-calendar .calendar-options .add-personal-time-container {
display:block;
clear: both;
margin: 0
}
#rf-calendar .schedule-calendar .calendar-options .add-personal-time-container:before,#rf-calendar .schedule-calendar .calendar-options .add-personal-time-container:after {
content: "";
display: table;
clear: both
}
#rf-calendar .schedule-calendar .add-session-btn-container {
margin-bottom: 8px
}
}
#rf-calendar .schedule-calendar .calendar-head-container {
text-align: center
}
#rf-calendar .schedule-calendar .calendar-head-container .rf-page-indicator {
padding: 8px 0 16px;
clear: both;
text-align: center
}
#rf-calendar .schedule-calendar .calendar-head-container .rf-page-indicator:before,#rf-calendar .schedule-calendar .calendar-head-container .rf-page-indicator:after {
content: "";
display: table;
clear: both
}
#rf-calendar .schedule-calendar .calendar-head-container .rf-page-indicator span {
display: inline-block;
width: 10px;
height: 10px;
background: var(--rf-system-color-neutral-70);
border-radius: var(--rf-brand-shape-radius);
margin-right: 4px
}
#rf-calendar .schedule-calendar .calendar-head-container .rf-page-indicator span:last-child {
margin-right: 0
}
#rf-calendar .schedule-calendar .calendar-head-container .rf-page-indicator span.active {
background: var(--rf-system-color-neutral-30)
}
#rf-calendar .schedule-calendar .calendar-head {
text-align: center;
display: flex;
max-width: 420px;
left: 50%;
position: relative;
transform: translateX(-50%)
}
#rf-calendar .schedule-calendar .calendar-head .prev-day,#rf-calendar .schedule-calendar .calendar-head .current-day,#rf-calendar .schedule-calendar .calendar-head .next-day {
display: inline-block;
border-radius: var(--rf-brand-shape-radius);
background: var(--rf-brand-color-surface-2);
border: none
}
#rf-calendar .schedule-calendar .calendar-head .current-day {
flex-grow: 1;
line-height: 40px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 8px
}
#rf-calendar .schedule-calendar .calendar-head .prev-day,#rf-calendar .schedule-calendar .calendar-head .next-day {
line-height: 40px;
min-width: 40px;
max-height: 40px;
min-height: 40px;
padding: 0 8px
}
#rf-calendar .schedule-calendar .calendar-head .prev-day:hover,#rf-calendar .schedule-calendar .calendar-head .next-day:hover {
opacity: .6
}
#rf-calendar .schedule-calendar .calendar-head .prev-day svg,#rf-calendar .schedule-calendar .calendar-head .next-day svg {
fill: var(--rf-system-color-neutral-30)
}
#rf-calendar .schedule-calendar .prev-day {
margin-right: 4px
}
#rf-calendar .schedule-calendar .next-day {
margin-left: 4px
}
#rf-calendar .schedule-calendar.day-count-6 .rbc-header:nth-child(n+7) {
display: none
}
#rf-calendar .schedule-calendar.day-count-6 .rbc-day-bg:nth-child(n+7) {
display: none
}
#rf-calendar .schedule-calendar.day-count-6 .rbc-day-slot:nth-child(n+8) {
display: none
}
#rf-calendar .schedule-calendar.day-count-5 .rbc-header:nth-child(n+6) {
display: none
}
#rf-calendar .schedule-calendar.day-count-5 .rbc-day-bg:nth-child(n+6) {
display: none
}
#rf-calendar .schedule-calendar.day-count-5 .rbc-day-slot:nth-child(n+7) {
display: none
}
#rf-calendar .schedule-calendar.day-count-4 .rbc-header:nth-child(n+5) {
display: none
}
#rf-calendar .schedule-calendar.day-count-4 .rbc-day-bg:nth-child(n+5) {
display: none
}
#rf-calendar .schedule-calendar.day-count-4 .rbc-day-slot:nth-child(n+6) {
display: none
}
#rf-calendar .schedule-calendar.day-count-3 .rbc-header:nth-child(n+4) {
display: none
}
#rf-calendar .schedule-calendar.day-count-3 .rbc-day-bg:nth-child(n+4) {
display: none
}
#rf-calendar .schedule-calendar.day-count-3 .rbc-day-slot:nth-child(n+5) {
display: none
}
#rf-calendar .schedule-calendar.day-count-2 .rbc-header:nth-child(n+3) {
display: none
}
#rf-calendar .schedule-calendar.day-count-2 .rbc-day-bg:nth-child(n+3) {
display: none
}
#rf-calendar .schedule-calendar.day-count-2 .rbc-day-slot:nth-child(n+4) {
display: none
}
#rf-calendar .schedule-calendar.day-count-1 .rbc-header:nth-child(n+2) {
display: none
}
#rf-calendar .schedule-calendar.day-count-1 .rbc-day-bg:nth-child(n+2) {
display: none
}
#rf-calendar .schedule-calendar.day-count-1 .rbc-day-slot:nth-child(n+3) {
display: none
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar {
width: 100%;
position: relative
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options {
display: flex;
align-items: center;
justify-content: space-between
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .calendar-action-right-container {
display: flex;
align-items: center;
gap: 16px
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .calendar-action-right-container .calendar-btn-controls {
display: flex;
gap: 12px
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar.compact {
padding-top: 0
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar.compact .calendar-options {
float: none;
margin-top: -32px;
clear: both;
min-height: 44px;
padding-bottom: 16px;
display: block
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar.compact .calendar-options:before,#rf-calendar .schedule-calendar .schedule-calendar-toolbar.compact .calendar-options:after {
content: "";
display: table;
clear: both
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar.compact .calendar-options .calendar-action-right-container {
place-self: flex-end
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar.compact .calendar-options .calendar-action-right-container .calendar-btn-controls {
position: absolute;
left: 0
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar.compact .calendar-options .toggle-calendar-view {
display: none
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar.compact .calendar-options .add-personal-time-container {
position: relative
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar.compact .calendar-options {
margin-top: 0
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar.compact+.rbc-time-view .rbc-header {
display: none
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar.compact .calendar-head-container .next-day,#rf-calendar .schedule-calendar .schedule-calendar-toolbar.compact .calendar-head-container .prev-day {
display: block
}
@media(max-width: 930px) {
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options {
float:none;
flex-direction: column;
align-items: start
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .calendar-action-btn-container {
display: flex;
flex-direction: column;
gap: 8px
}
#rf-calendar .schedule-calendar .schedule-calendar-toolbar .calendar-options .calendar-action-right-container {
place-self: flex-end;
margin-bottom: 8px
}
}
#rf-calendar .schedule-calendar .rbc-time-view {
border: none
}
#rf-calendar .schedule-calendar .rbc-time-view * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important
}
#rf-calendar .schedule-calendar .rbc-time-content {
overflow-y: visible;
-webkit-overflow-scrolling: touch;
border: none;
border-right: 1px solid var(--rf-brand-color-border);
flex: none
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-timeslot-group:hover {
cursor: pointer
}
#rf-calendar .schedule-calendar .rbc-timeslot-group {
min-height: 130px;
border: none
}
#rf-calendar .schedule-calendar .rbc-time-gutter .rbc-label {
text-transform: lowercase;
font-weight: var(--rf-system-font-weight-700);
font-size: 14px;
color: var(--rf-system-color-neutral-30);
margin-top: -10px;
display: block
}
#rf-calendar .schedule-calendar .rbc-day-slot {
border-bottom: 1px solid var(--rf-brand-color-border)
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot {
border: 1px solid var(--rf-brand-color-border);
border-bottom: none;
border-right: none;
position: relative;
text-align: center;
background: none;
justify-content: center;
cursor: pointer
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot .rbc-label {
text-transform: lowercase;
font-weight: var(--rf-system-font-weight-700)
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot .recommendations-message {
display: none;
margin: 16px 0 12px
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot .recommendations-message span {
display: block;
float: left;
font-size: 14px
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot .rf-pill {
margin: 0
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot .recommendations-message-text {
margin-left: 4px;
line-height: 19px
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot .day-slot-add-a-session {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot .day-slot-add-a-session svg {
display: block !important
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot:hover {
display: flex
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot:hover .day-slot-add-a-session {
display: block
}
#rf-calendar .schedule-calendar .rbc-day-slot .rbc-time-slot:hover .recommendations-message {
display: inline-block
}
#rf-calendar .schedule-calendar.editable .rbc-day-slot .rbc-time-slot.disabled {
cursor: not-allowed;
background-color: var(--rf-system-color-neutral-90);
line-height: 130px;
font-size: 14px;
text-align: center;
color: rgba(0,0,0,0);
height: 130px
}
#rf-calendar .schedule-calendar.editable .rbc-day-slot .rbc-time-slot.disabled:hover {
color: var(--rf-system-color-neutral-30)
}
#rf-calendar .schedule-calendar .rbc-events-container {
pointer-events: none;
border: none;
z-index: 1
}
#rf-calendar .schedule-calendar .rbc-events-container * {
pointer-events: auto
}
#rf-calendar .schedule-calendar .rbc-event {
background-color: var(--rf-brand-color-primary);
border-color: var(--rf-brand-color-primary);
flex-direction: row;
padding: 5px;
line-height: 18px;
min-height: 24px
}
#rf-calendar .schedule-calendar .rbc-event:focus-visible {
box-shadow: var(--rf-brand-elevation-focus-indicator-shadow)
}
#rf-calendar .schedule-calendar .rbc-event .session-location .rfSI {
margin: -2px 4px 0 0
}
#rf-calendar .schedule-calendar .rbc-event .rbc-event-label {
width: 100%;
margin: 0 0 2px;
font-size: 14px
}
#rf-calendar .schedule-calendar .rbc-event .rbc-event-content p {
color: var(--rf-system-color-neutral-100);
font-size: 14px;
line-height: 18px;
margin: 0 0 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
#rf-calendar .schedule-calendar .rbc-event .rbc-event-content svg {
fill: var(--rf-system-color-neutral-100)
}
#rf-calendar .schedule-calendar .rbc-event .event-title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
#rf-calendar .schedule-calendar .rbc-event .event-title strong,#rf-calendar .schedule-calendar .rbc-event .event-title span {
font-size: 14px
}
#rf-calendar .schedule-calendar .rbc-event .event-icon {
position: absolute;
right: 6px;
top: 4px
}
#rf-calendar .schedule-calendar .rbc-event.calendar-item {
background: var(--rf-brand-color-surface-2);
color: var(--rf-system-color-neutral-40);
border-color: var(--rf-system-color-neutral-40)
}
#rf-calendar .schedule-calendar .rbc-event.calendar-item p {
color: var(--rf-system-color-neutral-40)
}
#rf-calendar .schedule-calendar .rbc-event.calendar-item svg {
fill: var(--rf-system-color-neutral-40)
}
#rf-calendar .schedule-calendar .rbc-event.calendar-item .rbc-event-label {
padding-right: 0
}
#rf-calendar .schedule-calendar .rbc-event.meeting {
background-color: #009788;
border-color: #009788
}
#rf-calendar .schedule-calendar .rbc-event.meeting svg {
fill: var(--rf-system-color-neutral-100)
}
#rf-calendar .schedule-calendar .rbc-event.wait-list {
background-color: var(--rf-brand-color-primary-muted);
border-color: var(--rf-brand-color-primary);
color: var(--rf-brand-color-primary)
}
#rf-calendar .schedule-calendar .rbc-event.wait-list p {
color: var(--rf-brand-color-primary)
}
#rf-calendar .schedule-calendar .rbc-event.wait-list svg {
fill: var(--rf-brand-color-primary)
}
#rf-calendar .schedule-calendar .rbc-event.meeting-declined {
text-decoration: line-through;
background-color: var(--rf-brand-color-background);
color: var(--rf-brand-color-text-body);
border-color: var(--rf-brand-color-primary)
}
#rf-calendar .schedule-calendar .rbc-event.meeting-declined h4,#rf-calendar .schedule-calendar .rbc-event.meeting-declined p {
color: var(--rf-brand-color-text-body)
}
#rf-calendar .schedule-calendar .rbc-event.meeting-declined svg {
fill: var(--rf-brand-color-text-body)
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-none {
color: var(--rf-brand-color-text-body);
background-color: var(--rf-brand-color-background);
border-color: var(--rf-brand-color-primary)
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-none svg {
fill: currentColor
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-none p {
color: inherit
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-none:hover,#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-none:focus-visible {
background-color: var(--rf-brand-color-surface-2)
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-accepted {
color: var(--rf-brand-color-on-primary);
background-color: var(--rf-brand-color-primary);
border-color: var(--rf-brand-color-primary)
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-accepted svg {
fill: currentColor
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-accepted p {
color: inherit
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-accepted:hover,#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-accepted:focus-visible {
background-color: var(--rf-brand-color-primary-hover);
border-color: var(--rf-brand-color-primary-hover)
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-declined {
color: var(--rf-brand-color-text-body);
background-color: var(--rf-brand-color-background);
border-color: var(--rf-brand-color-primary);
text-decoration: line-through
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-declined svg {
fill: currentColor
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-declined p {
color: inherit
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-declined:hover,#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-declined:focus-visible {
background-color: var(--rf-brand-color-surface-2)
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-tentative {
color: var(--rf-brand-color-on-primary-muted);
background-color: var(--rf-brand-color-primary-muted);
border-color: var(--rf-brand-color-primary)
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-tentative svg {
fill: currentColor
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-tentative p {
color: inherit
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-tentative:hover,#rf-calendar .schedule-calendar .rbc-event.meeting-rsvp-tentative:focus-visible {
background-color: var(--rf-brand-color-primary-muted-hover)
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rvsp-all-declined {
color: var(--rf-brand-color-on-primary-muted);
background-color: var(--rf-brand-color-primary-muted);
border-color: var(--rf-brand-color-primary)
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rvsp-all-declined svg {
fill: currentColor
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rvsp-all-declined p {
color: inherit
}
#rf-calendar .schedule-calendar .rbc-event.meeting-rvsp-all-declined:hover,#rf-calendar .schedule-calendar .rbc-event.meeting-rvsp-all-declined:focus-visible {
background-color: var(--rf-brand-color-primary-muted-hover)
}
#rf-calendar .schedule-calendar .rbc-event.session-interest {
background-color: var(--rf-system-color-neutral-100);
border-color: var(--rf-system-color-neutral-30);
color: var(--rf-system-color-neutral-30)
}
#rf-calendar .schedule-calendar .rbc-event.session-interest p {
color: var(--rf-system-color-neutral-30)
}
#rf-calendar .schedule-calendar .rbc-event.session-interest svg {
fill: #e71356
}
#rf-calendar .schedule-calendar .rbc-event.session-interest .rfSI-text svg {
fill: var(--rf-system-color-neutral-30)
}
#rf-calendar .schedule-calendar .rbc-event.session-speaker {
background-color: #e71356;
border-color: #e71356;
color: var(--rf-system-color-neutral-100)
}
#rf-calendar .schedule-calendar .rbc-event.session-speaker svg {
fill: var(--rf-system-color-neutral-100)
}
#widget-page-session-details {
padding: 0;
margin: 0;
border: none
}
@media all and (max-width: 1199px) {
#widget-page-session-details .rf-webinar-content[data-vimeo-embed-interactivity=true] {
flex-direction:column
}
}
@media all and (max-width: 768px) {
#widget-page-session-details .rf-webinar-content {
flex-direction:column
}
}
#widget-page-session-details .rf-webinar-content.with-qanda .rf-video-player {
margin: 0 12px 0 0
}
@media all and (max-width: 768px) {
#widget-page-session-details .rf-webinar-content.with-qanda .pigeonhole-qanda {
height:400px
}
}
#widget-page-session-details .rf-video-player {
flex: 1
}
@media all and (max-width: 768px) {
#widget-page-session-details .rf-video-player {
margin:0;
min-width: 100%
}
}
#widget-page-session-details .rf-video-player+iframe {
border: 1px solid var(--rf-brand-color-border);
width: 320px
}
@media all and (max-width: 768px) {
#widget-page-session-details .rf-video-player+iframe {
margin-top:12px;
width: 100%;
min-height: 250px
}
}
#widget-page-session-details .rf-attribute .session-attributes>div {
margin: 0 0 4px
}
#widget-page-session-details .session-details-back-to-catalog {
border-bottom: 1px solid var(--rf-brand-color-border)
}
#widget-page-session-details .session-details-back-to-catalog .back-to-catalog-container {
max-width: 1200px;
margin: 0 auto;
padding: 16px 20px;
box-sizing: content-box
}
#widget-page-session-details .session-details-container {
max-width: 1200px;
margin: 32px auto;
padding: 0 20px;
box-sizing: content-box
}
#widget-page-session-details .session-details-container[data-vimeo-embed-interactivity=true] {
max-width: 1500px
}
#widget-page-session-details .session-details-container .session-details-group-two {
display: flex;
flex-direction: row
}
@media all and (max-width: 768px) {
#widget-page-session-details .session-details-container .session-details-group-two {
flex-direction:column
}
}
#widget-page-session-details .session-details-container .session-details-group-two>div:first-of-type {
flex: 1
}
#widget-page-session-details .session-details-container .session-details-group-two>div:last-of-type {
width: 320px;
margin: 0 0 0 12px
}
@media all and (max-width: 768px) {
#widget-page-session-details .session-details-container .session-details-group-two>div:last-of-type {
width:100%;
flex-direction: column;
margin: 0
}
}
#widget-page-session-details .session-details-container .session-details-group-two.small-section-placement-left {
flex-direction: row-reverse
}
@media all and (max-width: 768px) {
#widget-page-session-details .session-details-container .session-details-group-two.small-section-placement-left {
flex-direction:column
}
}
#widget-page-session-details .session-details-container .session-details-group-two.small-section-placement-left>div:last-of-type {
margin: 0 12px 0 0
}
#widget-page-session-details .session-details-container .session-details-group-three {
display: flex;
flex-wrap: wrap
}
@media all and (max-width: 1023px) {
#widget-page-session-details .session-details-container .session-details-group-three {
flex-direction:column;
flex-wrap: nowrap
}
}
#widget-page-session-details .session-details-container .session-details-group-three>div:first-of-type {
width: 100%
}
#widget-page-session-details .session-details-container .session-details-group-three>div:nth-of-type(2) {
flex: 1;
margin: 0 12px 0 0
}
@media all and (max-width: 1023px) {
#widget-page-session-details .session-details-container .session-details-group-three>div:nth-of-type(2) {
margin:0
}
}
#widget-page-session-details .session-details-container .session-details-group-three>div:last-of-type {
width: 320px
}
@media all and (max-width: 1023px) {
#widget-page-session-details .session-details-container .session-details-group-three>div:last-of-type {
width:100%
}
}
#widget-page-session-details .session-details-container .session-details-group-three.small-section-placement-left>div:nth-of-type(2) {
order: 3;
margin: 0 0 0 12px
}
#widget-page-session-details .session-details-container .sd-section-sm .exhibitor-tile-container .rf-tile-wrapper {
width: 100%
}
#widget-page-session-details .session-details-container .sd-section-sm .session-tile-container {
flex-direction: column;
margin-bottom: 36px
}
#widget-page-session-details .session-details-container .sd-section-sm .session-tile-container .rf-tile-wrapper {
width: 100%
}
#widget-page-session-details .session-details-container .sd-section-sm .session-tile-container .rf-tile-wrapper .exhibitor-tile {
margin-bottom: 0;
border-top: 0;
border-right: none;
border-left: none;
border-radius: 0
}
#widget-page-session-details .session-details-container .sd-section-sm .session-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-body {
padding: 24px 16px 36px
}
#widget-page-session-details .session-details-container .sd-section-sm .session-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-avatars {
margin-top: 0
}
#widget-page-session-details .session-details-container .sd-section-sm .session-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-banner {
display: none
}
#widget-page-session-details .session-details-container .sd-section-sm .session-tile-container .rf-tile-wrapper:first-of-type .exhibitor-tile {
border-top: 1px solid var(--rf-brand-color-border)
}
@media all and (min-width: 1024px) {
#widget-page-session-details .session-details-container .sd-section-sm .exhibitor-card {
display:block
}
}
@media all and (min-width: 550px)and (max-width: 1023px) {
#widget-page-session-details .session-details-container .sd-section-sm .exhibitor-details {
margin-left:20px
}
}
#widget-page-session-details .session-details-container .sd-section-sm .session-actions>li {
flex-direction: column-reverse;
border-bottom: solid 1px var(--rf-brand-color-border);
padding-bottom: 8px
}
#widget-page-session-details .session-details-container .sd-section-lg .exhibitor-tile {
min-height: 355px
}
@media all and (min-width: 769px) {
#widget-page-session-details .session-details-container .sd-section-lg .exhibitor-tile-container .rf-tile-wrapper {
width:100%
}
#widget-page-session-details .session-details-container .sd-section-lg .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile {
height: 250px;
flex-wrap: wrap
}
#widget-page-session-details .session-details-container .sd-section-lg .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-banner {
width: calc(100% - 300px);
height: 100%;
padding: 0
}
#widget-page-session-details .session-details-container .sd-section-lg .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-banner img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: auto
}
#widget-page-session-details .session-details-container .sd-section-lg .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-body {
width: 260px;
height: 175px
}
#widget-page-session-details .session-details-container .sd-section-lg .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-footer {
padding: 0 16px 16px
}
}
@media all and (min-width: 769px) {
#widget-page-session-details .session-details-container .sd-section-md .exhibitor-tile-container .rf-tile-wrapper {
width:100%
}
#widget-page-session-details .session-details-container .sd-section-md .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile {
height: 250px;
flex-wrap: wrap
}
#widget-page-session-details .session-details-container .sd-section-md .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-banner {
width: calc(100% - 300px);
height: 100%;
padding: 0
}
#widget-page-session-details .session-details-container .sd-section-md .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-banner img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: auto
}
#widget-page-session-details .session-details-container .sd-section-md .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-body {
width: 260px;
height: 175px
}
#widget-page-session-details .session-details-container .sd-section-md .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-footer {
padding: 0 16px 16px
}
}
@media all and (min-width: 769px)and (max-width: 1023px) {
#widget-page-session-details .session-details-container .sd-section-sm .exhibitor-tile-container .rf-tile-wrapper {
width:100%
}
#widget-page-session-details .session-details-container .sd-section-sm .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile {
height: 250px;
flex-wrap: wrap
}
#widget-page-session-details .session-details-container .sd-section-sm .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-banner {
width: calc(100% - 300px);
height: 100%;
padding: 0
}
#widget-page-session-details .session-details-container .sd-section-sm .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-banner img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: auto
}
#widget-page-session-details .session-details-container .sd-section-sm .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-body {
width: 260px;
height: 175px
}
#widget-page-session-details .session-details-container .sd-section-sm .exhibitor-tile-container .rf-tile-wrapper .exhibitor-tile .rf-tile-footer {
padding: 0 16px 16px
}
}
@media all and (min-width: 550px) {
#widget-page-session-details .session-details-container:not(.sd-section-sm) .exhibitor-card .exhibitor-details {
margin-left:20px
}
}
#widget-page-session-details .session-details-container:not(.sd-section-sm) .session-participants {
display: flex;
flex-wrap: wrap
}
#widget-page-session-details .session-title {
margin: 0 0 24px
}
#widget-page-session-details .session-title button .title-text,#widget-page-session-details .session-title .title-text-container .title-text {
font-size: 24px;
margin: 0
}
#widget-page-session-details .session-title .session-actions {
flex: 0;
flex-direction: row;
padding: 2px 0 0
}
#widget-page-session-details .webinar-player-info {
background-color: var(--rf-brand-color-primary);
padding: 20px;
border-radius: var(--rf-brand-shape-radius);
margin: 0 0 16px
}
@media(max-width: 400px) {
#widget-page-session-details .webinar-player-info .session-time-and-location {
width:100%
}
#widget-page-session-details .webinar-player-info .session-time-and-location .session-date,#widget-page-session-details .webinar-player-info .session-time-and-location .session-location,#widget-page-session-details .webinar-player-info .session-time-and-location .webinar-join-btn {
border: none;
display: block;
width: 100%
}
#widget-page-session-details .webinar-player-info .session-time-and-location .session-location {
padding: 0;
margin: 0 0 4px
}
#widget-page-session-details .webinar-player-info .session-time-and-location .webinar-join-btn {
height: auto;
margin: 0;
padding-left: 8px
}
#widget-page-session-details .webinar-player-info .session-time-and-location .webinar-join-btn .mdBtnR-text {
padding: 0;
white-space: initial;
text-align: left;
line-height: 22px
}
}
#widget-page-session-details .webinar-player-info .session-time-and-location .rfSI svg {
fill: var(--rf-brand-color-on-primary)
}
#widget-page-session-details .webinar-player-info .webinar-player-info-access-denied a {
text-decoration: underline
}
#widget-page-session-details .webinar-player-info .webinar-player-info-access-denied a:hover {
opacity: .6
}
@media all and (max-width: 768px) {
#widget-page-session-details .webinar-player-info {
flex-direction:column
}
}
#widget-page-session-details .webinar-player-info * {
color: var(--rf-brand-color-on-primary)
}
#widget-page-session-details .webinar-player-info .mdBtnR:hover {
opacity: .8
}
#widget-page-session-details .webinar-player-info .webinar-player-info-login {
width: 100%
}
#widget-page-session-details .webinar-player-info .webinar-player-info-login div {
line-height: 32px;
flex: 1
}
#widget-page-session-details .webinar-player-info .webinar-player-info-login .mdBtnR {
background: var(--rf-brand-color-on-primary);
border-color: var(--rf-brand-color-on-primary)
}
#widget-page-session-details .webinar-player-info .webinar-player-info-login .mdBtnR .mdBtnR-text {
color: var(--rf-brand-color-primary)
}
#widget-page-session-details .webinar-player-info .webinar-player-info-access-denied ul {
margin: 0 0 12px
}
#widget-page-session-details .webinar-player-info .webinar-player-info-access-denied ul li {
list-style: disc
}
#widget-page-session-details .webinar-player-info .webinar-player-info-access-denied p {
margin: 0
}
#widget-page-session-details .webinar-player-info .webinar-info-content {
flex: 1
}
@media all and (max-width: 768px) {
#widget-page-session-details .webinar-player-info .webinar-info-content {
margin:0 0 8px
}
}
#widget-page-session-details .webinar-player-info .webinar-info-content .webinar-info-session-details * {
font-weight: var(--rf-system-font-weight-500)
}
#widget-page-session-details .webinar-player-info .webinar-info-content h2 {
margin: 0 0 8px;
text-transform: uppercase
}
#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR {
background-color: rgba(0,0,0,0);
border-color: var(--rf-brand-color-on-primary)
}
#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.mdBtnR-adv svg {
fill: var(--rf-brand-color-on-primary)
}
#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.mdBtnR-info .mdBtnR-text {
font-weight: var(--rf-system-font-weight-700)
}
#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.mdBtnR-outline-info .mdBtnR-text {
font-weight: var(--rf-system-font-weight-600)
}
#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.mdBtnR-outline-info,#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.session-waitlist,#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.session-scheduled {
background-color: var(--rf-brand-color-on-primary)
}
#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.mdBtnR-outline-info .mdBtnR-text,#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.session-waitlist .mdBtnR-text,#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.session-scheduled .mdBtnR-text {
color: var(--rf-brand-color-primary)
}
#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.mdBtnR-outline-info svg,#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.session-waitlist svg,#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR.session-scheduled svg {
fill: var(--rf-brand-color-primary)
}
@media all and (max-width: 549px) {
#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR {
width:100%;
margin: 0 0 8px
}
#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR:last-child {
margin: 0
}
}
#widget-page-session-details .webinar-player-info .webinar-info-actions .mdBtnR .mdBtnR-text {
color: var(--rf-brand-color-on-primary)
}
@media all and (max-width: 1023px) {
#widget-page-session-details .rf-watson-player .has-watson-chat {
min-height:75dvh
}
}
.rf-pigeonhole-modal .pigeonhole-qanda {
width: 100%;
min-height: 450px
}
#rf-speakercatalog.rf-widget .search-container.left-filters-search .search-filters .filters-header {
border-bottom: none
}
#rf-speakercatalog.rf-widget .search-container.left-filters-search .search-filters .filters-body li:first-child {
border-top: 1px solid var(--rf-brand-color-border)
}
#rf-speakercatalog.rf-widget .catalog-result {
display: flex;
cursor: pointer;
min-height: 80px;
align-items: center;
flex-direction: column;
padding: 20px 20px 8px;
width: 100%
}
#rf-speakercatalog.rf-widget .catalog-result:hover .speaker-full-name {
color: var(--rf-brand-color-primary-hover)
}
@media all and (min-width: 769px) {
#rf-speakercatalog.rf-widget .catalog-result {
padding:12px 20px;
flex-direction: row
}
}
#rf-speakercatalog.rf-widget .catalog-result .speaker-full-name {
font-weight: var(--rf-system-font-weight-600);
color: var(--rf-brand-color-primary);
text-decoration: none
}
#rf-speakercatalog.rf-widget .catalog-result .speaker-full-name:hover {
text-decoration: underline
}
#rf-speakercatalog.rf-widget .catalog-result .speaker-job-title {
flex: 2
}
#rf-speakercatalog.rf-widget .catalog-result .speaker-full-name,#rf-speakercatalog.rf-widget .catalog-result .speaker-company-name,#rf-speakercatalog.rf-widget .catalog-result .speaker-job-title {
line-height: 1.4em;
text-align: left;
width: 100%;
max-width: none;
margin: 0 0 12px;
color: var(--rf-brand-color-text-body)
}
@media all and (min-width: 1024px) {
#rf-speakercatalog.rf-widget .catalog-result .speaker-full-name,#rf-speakercatalog.rf-widget .catalog-result .speaker-company-name,#rf-speakercatalog.rf-widget .catalog-result .speaker-job-title {
margin:0 20px 0 0;
width: 33%
}
#rf-speakercatalog.rf-widget .catalog-result .speaker-full-name:empty,#rf-speakercatalog.rf-widget .catalog-result .speaker-company-name:empty,#rf-speakercatalog.rf-widget .catalog-result .speaker-job-title:empty {
margin: 0
}
}
.rf-speaker-modal .modal-body,.rf-speakerCatalog-modal .modal-body {
position: relative
}
.rf-speaker-modal .speaker-details-modal-body,.rf-speakerCatalog-modal .speaker-details-modal-body {
flex-direction: column;
display: flex
}
@media all and (min-width: 769px) {
.rf-speaker-modal .speaker-details-modal-body,.rf-speakerCatalog-modal .speaker-details-modal-body {
flex-direction:row
}
}
.rf-speaker-modal .favorite-catalog-result,.rf-speakerCatalog-modal .favorite-catalog-result {
position: absolute;
top: 12px;
right: 12px
}
.rf-speaker-modal .favorite-catalog-result.favorited svg,.rf-speakerCatalog-modal .favorite-catalog-result.favorited svg {
fill: var(--rf-comp-favorite-icon-favorited-color)
}
.rf-speaker-modal .favorite-catalog-result svg,.rf-speakerCatalog-modal .favorite-catalog-result svg {
fill: var(--rf-comp-favorite-icon-color)
}
#survey-details .rfG-row {
margin-bottom: 20px
}
#survey-details .rfG-row .table-label {
color: var(--rf-brand-color-primary);
margin: 0 0 -8px 16px;
display: block
}
#survey-details .rfG-row ul {
list-style: none;
padding: 0
}
#survey-details .rfG-row ul li {
margin: 0 0 10px
}
#survey-details .rf-table-container {
margin: 0 0 40px 0
}
#survey-details .rf-table-container .table-row.table-header div {
text-align: center;
color: var(--rf-system-color-neutral-70);
text-transform: capitalize;
border-top: none
}
#survey-details .rf-table-container .table-row:hover {
background: rgba(0,0,0,0)
}
#survey-details .rf-table-container.participant-questions .rf-radio-option {
width: 15px;
margin: 0 auto;
display: block
}
#survey-details .rf-table-container.participant-questions .table-row:nth-child(2n+2) {
background: var(--rf-brand-color-surface-2)
}
#survey-details .table-question {
text-align: left;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-size: 16px;
font-weight: var(--rf-system-font-weight-700)
}
#survey-details .likert-header h3,#survey-details .likert-header p {
padding: 0 0 0 16px
}
#survey-details .likert-header h3 {
font-weight: var(--rf-system-font-weight-700);
font-size: 20px;
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading)
}
.rf-video-chat {
display: flex
}
.rf-video-chat * {
box-sizing: border-box
}
body:has(.rf-video-chat) {
background-color: var(--rf-system-color-neutral-0)
}
.rf-video-chat,.video-chat-container {
height: 100%;
width: 100%;
background-color: var(--rf-system-color-neutral-0);
font-family: var(--rf-brand-font-family)
}
.video-chat-container {
display: flex;
padding: 24px 16px 16px
}
.video-chat-container.wait-room-preview .video-chat-participants-wrapper {
display: flex
}
.video-chat-container main,.video-chat-container aside {
height: 100%
}
.video-chat-container main {
display: flex;
flex-direction: column;
flex: 1;
width: 100%;
margin-right: 32px
}
.video-chat-container .video-chat-main-interior {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
max-width: 85%;
margin: 0 auto
}
.video-chat-container aside {
display: flex;
flex-direction: column;
min-width: 400px;
background-color: var(--rf-brand-color-background);
border-radius: var(--rf-brand-shape-radius)
}
.video-chat-container .video-chat-participants-carousel {
position: relative;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, max-content));
justify-content: center;
max-height: 104px;
margin-bottom: 16px;
gap: 8px;
height: 100%
}
.video-chat-container .video-chat-participants-carousel img,.video-chat-container .video-chat-participants-carousel video {
max-width: 100%;
max-height: 100%
}
.video-chat-container .video-chat-carousel-action {
position: absolute;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%
}
.video-chat-container .carousel-action-left {
left: -56px
}
.video-chat-container .carousel-action-right {
right: -56px
}
.video-chat-container .video-chat-participants-wrapper {
position: relative;
display: grid;
width: 100%;
height: 100%;
gap: 8px;
grid-template-columns: repeat(var(--video-grid-column-count), 1fr);
grid-template-rows: repeat(var(--video-grid-row-count), 1fr)
}
.video-chat-container .video-chat-participants-wrapper .video-chat-participant {
grid-column: span var(--video-grid-column-span)
}
.video-chat-container .video-chat-participants-wrapper .video-chat-participant.constrain-video-ratio {
max-width: 700px;
margin: 0 auto
}
.video-chat-container .video-chat-participants-wrapper .video-chat-participant.offset-participant {
grid-column: var(--video-grid-column-offset)/span var(--video-grid-column-span)
}
.video-chat-container .participants-alert-wrapper {
position: absolute;
bottom: -21px;
display: flex;
justify-content: center;
align-items: center;
width: 100%
}
.video-chat-container .participants-toast {
display: flex;
align-items: center;
border-radius: 0 0 var(--rf-brand-shape-radius) var(--rf-brand-shape-radius);
background-color: #027a48;
color: var(--rf-system-color-neutral-100);
font-size: var(--rf-brand-font-scale-7);
padding: 4px
}
.video-chat-container .participants-toast .rfSI {
margin-right: 4px
}
.video-chat-container .video-chat-participant {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
justify-content: center;
align-items: center;
background-color: var(--rf-system-color-neutral-10);
border-radius: var(--rf-brand-shape-radius);
overflow: auto;
flex: 1
}
.video-chat-container .video-chat-participant .video-track-wrapper {
position: absolute;
width: 100%;
height: 100%
}
.video-chat-container .video-chat-participant video {
width: 100%;
height: 100%;
object-fit: cover
}
@media(max-height: 400px) {
.video-chat-container .video-chat-participant video {
object-fit:contain
}
}
.video-chat-container .video-chat-details {
position: absolute;
background-color: rgba(0,0,0,.75);
color: var(--rf-system-color-neutral-100);
max-width: 50%;
padding: 2px 4px;
border-radius: 4px;
bottom: 8px;
left: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
z-index: 1;
font-size: 12px;
min-height: 22px
}
.video-chat-container .video-chat-details.no-spaced-participant-details {
bottom: 0;
left: 0
}
.video-chat-container .video-chat-actions {
display: flex;
justify-content: center;
align-items: center;
margin-top: auto;
padding: 40px 32px 32px
}
.video-chat-container .video-chat-actions .video-chat-action-buttons {
display: flex;
column-gap: 16px
}
.video-chat-container .video-chat-settings-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 20px;
border-bottom: 1px solid var(--rf-brand-color-border)
}
.video-chat-container .video-chat-settings-header h2 {
color: var(--rf-brand-color-text-heading);
font-family: var(--rf-brand-font-family-heading);
font-size: 20px;
line-height: 1.4em;
padding: 0;
margin: 0;
display: inline-block;
font-weight: var(--rf-system-font-weight-600);
vertical-align: middle
}
.video-chat-container .video-chat-settings-content {
padding: 20px;
overflow: auto
}
.video-chat-container .video-chat-settings-footer {
display: flex;
justify-content: flex-end;
align-items: center;
border-top: 1px solid var(--rf-brand-color-border);
margin-top: auto;
padding: 12px 20px
}
.video-chat-container .active-speaker {
border-radius: var(--rf-brand-shape-radius);
overflow: hidden;
box-shadow: 0 0 4px 2px #fff
}
.audio-level-indicator-wrapper {
display: flex;
align-items: center
}
.audio-level-indicator-wrapper .pids-wrapper {
display: flex;
column-gap: 2px;
width: 100%;
margin-left: 12px
}
.audio-level-indicator-wrapper .pid {
width: 10%;
height: 8px;
border-radius: 50px
}
#rf-content .video-player.recommended {
padding: 0 !important
}
#rf-content .video-player.recommended .session-title {
text-align: center;
margin: 0 0 40px
}
.rf-flowplayer-simulive .rf-player-inner,.rf-video-player .rf-player-inner {
position: relative
}
.rf-flowplayer-simulive .pigeonhole-reactions,.rf-video-player .pigeonhole-reactions {
border: none;
max-height: 120px;
max-width: 200px;
position: absolute;
right: 8px;
bottom: 52px;
z-index: 1
}
.rf-flowplayer-simulive .pigeonhole-reactions.not-hovered,.rf-video-player .pigeonhole-reactions.not-hovered {
bottom: 12px;
transition: 1s
}
.rf-flowplayer-simulive .pigeonhole-reactions:hover,.rf-flowplayer-simulive .pigeonhole-reactions.hovered,.rf-video-player .pigeonhole-reactions:hover,.rf-video-player .pigeonhole-reactions.hovered {
transition: .1s
}
.rf-flowplayer-simulive .pigeonhole-reactions:hover+.video-js .vjs-overlay-bottom-right,.rf-flowplayer-simulive .pigeonhole-reactions.hovered+.video-js .vjs-overlay-bottom-right,.rf-video-player .pigeonhole-reactions:hover+.video-js .vjs-overlay-bottom-right,.rf-video-player .pigeonhole-reactions.hovered+.video-js .vjs-overlay-bottom-right {
bottom: 60px;
right: 10px
}
.rf-flowplayer-simulive .pigeonhole-reactions:hover+.video-js .vjs-control-bar,.rf-flowplayer-simulive .pigeonhole-reactions.hovered+.video-js .vjs-control-bar,.rf-video-player .pigeonhole-reactions:hover+.video-js .vjs-control-bar,.rf-video-player .pigeonhole-reactions.hovered+.video-js .vjs-control-bar {
bottom: 0 !important
}
.rf-flowplayer-simulive .pigeonhole-reactions:hover,.rf-video-player .pigeonhole-reactions:hover {
bottom: 52px
}
.rf-video-player-vimeo-embed-interactivity iframe {
min-height: 350px
}
.rf-video-player:not(.rf-brightcove-player) {
position: relative;
display: flex;
width: 100%;
background: var(--rf-system-color-neutral-0)
}
.rf-video-player:not(.rf-brightcove-player).rf-kaltura-player {
flex: 1;
height: 180px;
min-height: 180px
}
@media all and (min-width: 550px) {
.rf-video-player:not(.rf-brightcove-player).rf-kaltura-player {
height:250px;
min-height: 250px
}
}
@media all and (min-width: 769px) {
.rf-video-player:not(.rf-brightcove-player).rf-kaltura-player {
height:400px
}
}
@media all and (min-width: 1024px) {
.rf-video-player:not(.rf-brightcove-player).rf-kaltura-player {
height:500px
}
}
@media all and (min-width: 1200px) {
.rf-video-player:not(.rf-brightcove-player).rf-kaltura-player {
height:675px
}
}
.rf-video-player:not(.rf-brightcove-player) .rf-loading-video {
width: 100%;
color: var(--rf-system-color-neutral-100);
align-self: center;
text-align: center;
font-size: 18px
}
.rf-video-player:not(.rf-brightcove-player) .rf-player-inner {
width: 100%;
min-width: 100%
}
.rf-brightcove-player .rf-player-inner {
width: 100%;
min-width: 100%
}
.rf-brightcove-player .video-js.not-hover .vjs-control-bar {
bottom: -50px
}
.rf-brightcove-player .video-js video {
width: 100%;
padding: 0
}
.rf-brightcove-player .video-js .vjs-overlay-bottom-right {
bottom: 60px;
right: 10px
}
.rf-brightcove-player .video-js .vjs-control-bar {
height: 50px
}
.rf-brightcove-player .video-js .vjs-control-bar:not(.vjs-focus-within):not(.vjs-control-bar-visible) {
transform: none !important
}
.rf-watson-player,.rf-evia-player,.rf-mpc-player,.rf-vimeo-player,.rf-youtube-player {
height: auto !important
}
.rf-watson-player .rf-player-inner,.rf-evia-player .rf-player-inner,.rf-mpc-player .rf-player-inner,.rf-vimeo-player .rf-player-inner,.rf-youtube-player .rf-player-inner {
height: 0;
padding-bottom: 56.25%;
position: relative
}
.rf-watson-player .rf-player-inner iframe,.rf-evia-player .rf-player-inner iframe,.rf-mpc-player .rf-player-inner iframe,.rf-vimeo-player .rf-player-inner iframe,.rf-youtube-player .rf-player-inner iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.rf-akamai-player {
height: auto !important
}
.rf-akamai-player .rf-player-inner {
height: 0;
padding-bottom: 56.25%;
position: relative
}
.rf-akamai-player .rf-player-inner .akamai-player {
font: inherit;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.rf-akamai-player .rf-player-inner .akamai-player .amp-icon {
font-family: "FontAwesome"
}
.rf-vidyard-player {
height: auto !important
}
.rf-vidyard-player .rf-player-inner {
height: 0;
padding-bottom: 56.25%;
position: relative
}
.rf-vidyard-player .rf-player-inner .countdown-timer,.rf-vidyard-player .rf-player-inner .vidyard-player {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.rf-vidyard-player .rf-player-inner .countdown-timer {
align-items: center;
display: flex;
justify-content: center
}
.rf-vidyard-player .rf-player-inner .countdown-timer p {
text-align: center;
color: var(--rf-system-color-neutral-100)
}
.rf-flowplayer-simulive {
width: 100%;
position: relative
}
.rf-flowplayer-simulive .rf-flowplayer-simulive-inner {
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
display: flex;
position: absolute;
align-items: center;
justify-content: center;
background-color: var(--rf-system-color-neutral-0)
}
.rf-flowplayer-simulive .rf-flowplayer-simulive-inner>.rf-player-message {
color: var(--rf-system-color-neutral-100);
font-size: 28px
}
.rf-flowplayer-simulive .fp-livecountdown {
background-color: rgba(0,0,0,.5)
}
.rf-flowplayer-simulive .fp-livecountdown .fp-inner {
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center
}
.rf-flowplayer-simulive .fp-livecountdown .fp-inner p {
margin: 0;
padding: 0;
color: var(--rf-system-color-neutral-100);
font-size: 1.5em;
text-shadow: 0 6px 8px var(--rf-system-color-neutral-0)
}
.rf-flowplayer-simulive .fp-livecountdown .fp-inner p.fp-countdown {
font-size: 3em
}
.exhibitor-details-page .rf-flowplayer-simulive .fp-footer {
opacity: 0
}
.exhibitor-details-page .rf-flowplayer-simulive .fp-controls,.exhibitor-details-page .rf-flowplayer-simulive .fp-footer {
background: rgba(0,0,0,.6)
}
.exhibitor-details-page .rf-flowplayer-simulive .fp-footer.show-overlay {
display: block;
opacity: 1
}
.exhibitor-details-page .rf-flowplayer-simulive .fp-small-switch>.fp-small-play.position-play-button {
display: inline
}
.exhibitor-details-page .rf-flowplayer-simulive .fp-controls.fp-togglable.controls-visible {
opacity: 1
}
.exhibitor-details-page .rf-flowplayer-simulive .is-starting .fp-controls.controls-visible {
visibility: visible
}
.exhibitor-details-page .rf-flowplayer-simulive .is-playing .fp-controls {
background: rgba(0,0,0,0)
}
.exhibitor-details-page .rf-flowplayer-simulive .no-description.no-title .fp-footer {
padding: 0
}
.exhibitor-details-page .rf-flowplayer-simulive .fp-footer,.exhibitor-details-page .rf-flowplayer-simulive .is-tiny .fp-footer {
bottom: 3.6em;
left: 0;
max-width: none;
overflow: hidden;
padding: 16px;
text-overflow: ellipsis;
width: 100%
}
@media all and (min-width: 769px) {
.exhibitor-details-page .rf-flowplayer-simulive .fp-footer>div,.exhibitor-details-page .rf-flowplayer-simulive .is-tiny .fp-footer>div {
width:75%
}
}
.exhibitor-details-page .rf-flowplayer-simulive .fp-footer .fp-title,.exhibitor-details-page .rf-flowplayer-simulive .is-tiny .fp-footer .fp-title {
margin-bottom: 8px;
text-transform: capitalize
}
@supports(-webkit-line-clamp: 4) {
.exhibitor-details-page .rf-flowplayer-simulive .fp-footer .fp-desc,.exhibitor-details-page .rf-flowplayer-simulive .is-tiny .fp-footer .fp-desc {
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical
}
}
@media all and (max-width: 1023px) {
@supports(-webkit-line-clamp: 2) {
.exhibitor-details-page .rf-flowplayer-simulive .fp-footer .fp-desc,.exhibitor-details-page .rf-flowplayer-simulive .is-tiny .fp-footer .fp-desc {
white-space:initial;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
}
}
@media all and (max-width: 768px) {
.exhibitor-details-page .rf-flowplayer-simulive .fp-footer .fp-desc,.exhibitor-details-page .rf-flowplayer-simulive .is-tiny .fp-footer .fp-desc {
white-space:nowrap
}
@supports(-webkit-line-clamp: 1) {
.exhibitor-details-page .rf-flowplayer-simulive .fp-footer .fp-desc,.exhibitor-details-page .rf-flowplayer-simulive .is-tiny .fp-footer .fp-desc {
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical
}
}
}
.exhibitor-details-page .rf-flowplayer-simulive .is-tiny .fp-footer .fp-title {
margin-bottom: 0
}
.exhibitor-details-page .rf-flowplayer-simulive .is-tiny .fp-footer .fp-title,.exhibitor-details-page .rf-flowplayer-simulive .is-tiny .fp-footer .fp-desc {
font-size: 12px
}
[id*=rf-].rf-widget .widget-banner {
background: var(--rf-brand-color-surface);
padding: 0 20px;
border-bottom: 1px solid var(--rf-brand-color-border);
min-height: 0
}
[id*=rf-].rf-widget .widget-banner .sub-header-container {
display: flex;
align-items: center
}
[id*=rf-].rf-widget .widget-banner .sub-header-container .banner-header-text {
flex: 1;
padding: 40px 0
}
[id*=rf-].rf-widget .widget-banner .sub-header-container .banner-header-sponsor h6 {
font-weight: var(--rf-system-font-weight-400)
}
[id*=rf-].rf-widget .widget-banner h2 {
font-size: 24px;
margin: 0 0 10px
}
[id*=rf-].rf-widget .widget-banner h3 {
font-size: 18px;
margin: 0 0 12px;
font-weight: var(--rf-system-font-weight-400)
}
[id*=rf-].rf-widget .widget-banner .banner-sponsor-image {
padding: 0;
border: none
}
@media(max-width: 768px) {
[id*=rf-].rf-widget .widget-banner .sub-header-container {
flex-direction:column
}
[id*=rf-].rf-widget .widget-banner .sub-header-container .banner-header-sponsor {
margin: 0 0 40px;
width: unset;
min-width: 220px
}
[id*=rf-].rf-widget .widget-banner .banner-header-text {
width: unset
}
}
.rfComp-canvas .collections-banner {
position: relative;
overflow: hidden;
background-color: var(--rf-system-color-neutral-50);
padding: 40px 0;
min-height: 120px;
z-index: 0;
clear: both
}
.rfComp-canvas .collections-banner:before,.rfComp-canvas .collections-banner:after {
content: "";
display: table;
clear: both
}
.rfComp-canvas .collections-banner .collections-banner-bkg {
position: absolute;
top: 0;
width: 100%;
z-index: -1;
background-color: var(--rf-system-color-neutral-0)
}
.rfComp-canvas .collections-banner .collections-banner-bkg .collections-banner-image {
width: 100%;
opacity: .4
}
.rfComp-canvas .collections-banner .collections-name-container {
float: left;
width: 50%
}
.rfComp-canvas .collections-banner .collections-name-container .collections-name {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.rfComp-canvas .collections-banner .collections-name-container h1 {
line-height: 48px;
color: var(--rf-system-color-neutral-100);
font-size: 40px;
font-weight: var(--rf-system-font-weight-300);
margin: 0 0 12px
}
.rfComp-canvas .collections-banner .collections-name-container p {
color: var(--rf-system-color-neutral-100);
margin: 0
}
.rfComp-canvas .collections-banner .collections-banner-content {
max-width: 1200px;
margin: 0 auto;
clear: both
}
.rfComp-canvas .collections-banner .collections-banner-content:before,.rfComp-canvas .collections-banner .collections-banner-content:after {
content: "";
display: table;
clear: both
}
.rfComp-canvas .collections-banner .collections-sponsor-container {
float: right;
width: 30%
}
.rfComp-canvas .collections-banner .collections-sponsor h5 {
text-align: center;
color: var(--rf-system-color-neutral-100);
font-weight: var(--rf-system-font-weight-400);
font-size: 13px
}
.rfComp-canvas .collections-banner .collections-sponsor .collections-sponsor-image {
background-color: var(--rf-brand-color-surface);
margin: 0 auto;
max-width: 250px;
padding: 8px 40px;
border: 4px solid var(--rf-brand-color-border)
}
.rfComp-canvas .collections-banner .collections-sponsor .collections-sponsor-image img {
display: block;
margin: 0 auto;
width: 100%
}
.rf-default-modal.rf-speaker-modal .modal-content .modal-header {
height: 0;
padding: 0;
min-height: 0
}
.rf-default-modal.rf-speaker-modal .modal-content .modal-header .modal-close {
margin-top: 22px;
z-index: 9999
}
.rf-default-modal.rf-speaker-modal .modal-content .modal-body {
padding: 20px 20px 8px 5px
}
.rf-default-modal.rf-speaker-modal .modal-content .modal-footer {
display: none
}
.rf-default-modal.rf-speaker-modal .modal-content .rf-modal-speaker,.rf-default-modal.rf-speaker-modal .modal-content .rf-speaker-img {
margin: 0
}
.rf-widget .exhibitor-card {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
margin: 0 0 16px;
padding: 20px;
position: relative
}
@media all and (min-width: 550px) {
.rf-widget .exhibitor-card {
display:flex
}
}
.rf-widget .exhibitor-card .favorite-catalog-result {
position: absolute;
top: 12px;
right: 12px
}
.rf-widget .exhibitor-card .favorite-catalog-result svg {
fill: var(--rf-comp-favorite-icon-color)
}
.rf-widget .exhibitor-card .favorite-catalog-result.favorited svg {
fill: var(--rf-comp-favorite-icon-favorited-color)
}
.rf-widget .exhibitor-card:hover .exhibitor-name {
color: var(--rf-brand-color-primary)
}
.rf-widget .exhibitor-card .exhibitor-logo {
min-width: 160px;
max-width: 160px;
margin: 0 auto 20px
}
.rf-widget .exhibitor-card .exhibitor-logo img {
width: 100%
}
.rf-widget .exhibitor-card .exhibitor-name {
font-size: 20px;
font-weight: var(--rf-system-font-weight-600);
cursor: pointer;
padding-right: 12px
}
.rf-widget .exhibitor-card .exhibitor-name:hover {
text-decoration: underline
}
.rf-widget .exhibitor-card .exhibitor-url {
display: block
}
.rf-widget .exhibitor-card .exhibitor-name,.rf-widget .exhibitor-card .exhibitor-url,.rf-widget .exhibitor-card .exhibitor-description,.rf-widget .exhibitor-card .exhibitor-text,.rf-widget .exhibitor-card .exhibitor-view-booth {
margin: 0 0 12px
}
.rf-widget .exhibitor-card .exhibitor-name:empty,.rf-widget .exhibitor-card .exhibitor-name:last-child,.rf-widget .exhibitor-card .exhibitor-url:empty,.rf-widget .exhibitor-card .exhibitor-url:last-child,.rf-widget .exhibitor-card .exhibitor-description:empty,.rf-widget .exhibitor-card .exhibitor-description:last-child,.rf-widget .exhibitor-card .exhibitor-text:empty,.rf-widget .exhibitor-card .exhibitor-text:last-child,.rf-widget .exhibitor-card .exhibitor-view-booth:empty,.rf-widget .exhibitor-card .exhibitor-view-booth:last-child {
margin: 0
}
.rf-facets {
clear: right;
padding: 4px 0 0 8px;
background: var(--rf-brand-color-surface);
border-left: 1px solid var(--rf-system-color-neutral-70);
margin-left: 275px
}
.rf-facets .rf-facet-label {
margin-right: 4px
}
.rf-facets .rf-facet-name {
font-size: 14px;
font-weight: var(--rf-system-font-weight-700);
margin: 0 4px 0
}
.rf-default-modal .modal-dialog {
border-radius: var(--rf-brand-shape-radius);
overflow: hidden
}
.rf-default-modal.mobile-modal .modal-dialog {
height: 97%;
max-width: 97%
}
.rf-default-modal.mobile-modal .modal-content {
height: 100%;
max-height: none
}
.rf-default-modal.mobile-modal .modal-content .modal-body {
height: auto
}
.rf-default-modal.mobile-modal .modal-content .modal-footer {
margin-top: auto
}
.rf-default-modal .rf-modal-scheduler-access ul {
padding: 0 0 0 40px
}
.rf-default-modal .rf-modal-scheduler-access ul li {
list-style: disc
}
.rf-default-modal .rf-attribute {
margin-bottom: 12px
}
.rf-default-modal .rf-attribute:last-of-type {
margin-bottom: 0
}
.rf-meeting-details-modal .catalog-result .catalog-result-title button .title-text {
cursor: auto
}
.rf-dropSwapModal-modal .session-time-and-location {
padding: 8px 0 0
}
.rf-dropSwapModal-modal .session-time-and-location .session-date-time span {
font-weight: var(--rf-system-font-weight-500)
}
.rf-dropSwapModal-modal h4 {
margin: 0
}
.rf-dropSwapModal-modal .rf-radio-wrapper {
margin: 2px 0 0
}
.rf-dropSwapModal-modal .rf-modal-body-favorites {
padding-left: 5%;
margin: 0 0 24px 8px
}
@media all and (max-width: 768px) {
.rf-dropSwapModal-modal .rf-modal-body-favorites {
padding-left:0;
margin: 0 0 24px
}
}
.rf-dropSwapModal-modal .rf-modal-dropswap-item-session.hybrid-session-dropswap {
margin-top: 16px
}
.rf-dropSwapModal-modal .rf-modal-dropswap-item-session.hybrid-session-dropswap .rf-modal-dropswap-item-session-time {
margin-top: 4px;
margin-left: 24px;
height: auto
}
.rf-dropSwapModal-modal .rf-modal-dropswap-item-session.hybrid-session-dropswap .rf-radio-label {
font-weight: var(--rf-system-font-weight-600)
}
.rf-dropSwapModal-modal .rf-modal-dropswap-item-session.hybrid-session-dropswap+.rf-modal-body-favorites {
margin-top: 4px;
margin-left: 24px;
padding-left: 0
}
.rf-dropSwapModal-modal .rf-modal-dropswap-item-session div {
font-size: 16px
}
.rf-dropSwapModal-modal .rf-hybrid-in-person,.rf-dropSwapModal-modal .rf-hybrid-virtual {
margin-top: 4px;
margin-left: 24px
}
.rf-dropSwapModal-modal .rf-modal-dropswap-item-session-time {
display: flex;
align-items: center;
margin-bottom: 12px
}
.rf-dropSwapModal-modal .rf-hybrid-in-person,.rf-dropSwapModal-modal .rf-hybrid-virtual {
display: flex;
align-items: center
}
.rf-dropSwapModal-modal .rf-hybrid-in-person .rfSI,.rf-dropSwapModal-modal .rf-hybrid-virtual .rfSI {
margin-right: 4px
}
.rf-dropSwapModal-modal .rf-hybrid-in-person .icon-popover-trigger,.rf-dropSwapModal-modal .rf-hybrid-virtual .icon-popover-trigger {
margin-top: 1px
}
.rf-dropSwapModal-modal .rf-modal-dropswap-item {
margin: 12px 0 4px;
clear: both
}
.rf-dropSwapModal-modal .rf-modal-dropswap-item:before,.rf-dropSwapModal-modal .rf-modal-dropswap-item:after {
content: "";
display: table;
clear: both
}
.rf-dropSwapModal-modal .rf-modal-dropswap-item .rf-modal-dropswap-item-session:not(:last-child) {
margin: 0 0 12px
}
.rf-dropSwapModal-modal .rf-modal-dropswap-item .rf-modal-dropswap-item-session h4 {
margin: 0 0 4px
}
.find-sessions-modal .search-container {
padding: 0;
border-left: none;
border-right: none
}
.find-sessions-modal .search-container .search-content .loading-results {
margin: 72px auto 0
}
.find-sessions-modal .recommendation-bar {
padding-right: 16px !important
}
#rf-navbar {
text-align: center;
border-bottom: 1px solid var(--rf-brand-color-border);
background: var(--rf-brand-color-surface)
}
#rf-navbar .widget-nav {
flex: 1;
overflow: hidden;
height: 56px
}
#rf-navbar .widget-nav a {
float: left;
display: block;
line-height: 56px;
text-decoration: none;
font-weight: var(--rf-system-font-weight-600);
box-sizing: border-box;
height: 56px;
color: var(--rf-brand-color-primary);
margin: 0 20px;
border-bottom: 4px solid rgba(0,0,0,0)
}
#rf-navbar .widget-nav a:hover,#rf-navbar .widget-nav a:active,#rf-navbar .widget-nav a:focus,#rf-navbar .widget-nav a.current-page {
border-color: var(--rf-brand-color-primary)
}
#rf-navbar .mobile-menu {
width: 100%;
margin-top: 0
}
#rf-navbar .mobile-menu .rf-accordion-header {
border: none;
border-radius: 0;
background: var(--rf-brand-color-surface);
cursor: pointer;
padding: 0;
display: none
}
#rf-navbar .mobile-menu .rf-accordion-header .collapse-action {
padding: 12px 20px
}
#rf-navbar .mobile-menu .rf-accordion-header .collapse-action .collapse-arrow {
right: 12px
}
#rf-navbar .mobile-menu .rf-accordion-header .rf-accordion-title {
display: block;
float: left;
margin: 0
}
#rf-navbar .mobile-menu .rf-accordion-header .rfSI {
float: right
}
#rf-navbar .mobile-menu .rf-accordion-header:hover span,#rf-navbar .mobile-menu .rf-accordion-header:active span,#rf-navbar .mobile-menu .rf-accordion-header:focus span {
background: var(--rf-brand-color-surface);
opacity: .6
}
#rf-navbar .mobile-menu .rf-accordion-body {
display: flex;
padding: 0
}
#rf-navbar .rf-navbar {
display: flex;
flex-wrap: wrap
}
#rf-navbar .rf-nav-auth {
padding: 10px 12px
}
#rf-navbar .rf-nav-auth .rf-auth {
float: right;
background: none;
border: none;
line-height: 25px;
padding: 6px 8px
}
#rf-navbar .rf-nav-auth .rf-auth .mdBtnR-text {
color: var(--rf-brand-color-text-body);
text-transform: none;
font-size: 16px;
letter-spacing: 0
}
#rf-navbar .rf-nav-auth .rf-auth .rfSI svg {
fill: var(--rf-brand-color-text-body)
}
#rf-navbar .rf-nav-auth .rf-auth:hover,#rf-navbar .rf-nav-auth .rf-auth:active,#rf-navbar .rf-nav-auth .rf-auth:focus {
background: none
}
#rf-navbar .rf-nav-auth .rf-overlay li {
overflow: visible;
list-style: none
}
#rf-navbar .rf-nav-auth .rf-overlay li:hover {
opacity: .6
}
@media(min-width: 901px) {
.rf-auth-overlay {
min-width:50px;
white-space: nowrap
}
#rf-navbar .mobile-menu .rf-accordion-body {
height: 56px
}
#rf-navbar .mobile-menu .rf-collapse {
height: 56px !important;
display: block !important
}
#rf-navbar .mobile-menu .mobile-sign-out {
display: none
}
}
@media(max-width: 900px) {
.rf-auth-overlay {
display:none !important
}
#rf-navbar .mobile-menu .rf-accordion-header {
display: block
}
#rf-navbar .mobile-menu .rf-accordion-body {
background: var(--rf-brand-color-surface);
flex-flow: row wrap;
border-bottom: 1px solid var(--rf-brand-color-border);
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)
}
#rf-navbar .widget-nav,#rf-navbar .rf-nav-auth {
flex: 1 100%
}
#rf-navbar .widget-nav {
padding: 0;
height: auto
}
#rf-navbar .widget-nav a {
float: none;
margin: 0 0 12px 0;
padding-left: 16px;
text-align: left;
line-height: 24px;
height: 24px;
border-bottom: none;
border-left: 4px solid rgba(0,0,0,0);
font-weight: var(--rf-system-font-weight-400);
color: var(--rf-system-color-neutral-20);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap
}
#rf-navbar .widget-nav a:first-child {
margin-top: 26px
}
#rf-navbar .widget-nav a:last-child {
margin-bottom: 26px
}
#rf-navbar .widget-nav a:hover,#rf-navbar .widget-nav a:active,#rf-navbar .widget-nav a:focus {
border-color: var(--rf-brand-color-primary);
color: var(--rf-brand-color-primary)
}
#rf-navbar .rf-nav-auth {
padding: 26px 20px;
border-top: 1px solid var(--rf-brand-color-border);
margin-top: -1px
}
#rf-navbar .rf-nav-auth .rf-auth {
border: none;
cursor: pointer;
display: block;
float: left;
padding: 0;
margin: 0 0 12px 0;
width: 100%;
overflow: hidden;
text-align: left
}
#rf-navbar .rf-nav-auth .rf-auth .mdBtnR-text {
font-style: italic;
font-weight: var(--rf-system-font-weight-300);
margin: 0
}
#rf-navbar .rf-nav-auth .rf-auth:hover,#rf-navbar .rf-nav-auth .rf-auth:active,#rf-navbar .rf-nav-auth .rf-auth:focus {
background: var(--rf-brand-color-surface)
}
#rf-navbar .rf-nav-auth .rf-overlay {
display: none !important
}
#rf-navbar .rf-nav-auth .mobile-sign-out {
border: none;
padding: 0;
float: left;
margin: 0;
background: none
}
#rf-navbar .rf-nav-auth .mobile-sign-out .mdBtnR-text {
font-style: normal;
font-weight: var(--rf-system-font-weight-500);
color: var(--rf-system-color-neutral-20)
}
#rf-navbar .rf-nav-auth .mobile-sign-out:hover,#rf-navbar .rf-nav-auth .mobile-sign-out:active,#rf-navbar .rf-nav-auth .mobile-sign-out:focus {
background: var(--rf-brand-color-surface);
opacity: .6
}
#rf-navbar .rf-nav-auth .mdBtnR-text {
text-transform: none;
font-style: italic;
color: var(--rf-system-color-neutral-20);
font-size: 16px;
font-weight: var(--rf-system-font-weight-300);
line-height: 24px;
height: 24px
}
#rf-navbar .rf-nav-auth .rfSI {
display: none
}
}
.printview .rf-accordion-list {
font-size: 13px;
margin: 0 0 20px;
padding: 10px 0 0 0;
list-style: none
}
.printview .rf-accordion-list .rf-accordion-list-item {
margin: 5px 0 5px 5px
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-result-title {
background-color: var(--rf-system-color-neutral-80) !important;
-webkit-print-color-adjust: exact;
padding: 15px 15px;
margin: 15px 0;
font-size: 22px
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-session {
padding-bottom: 5px;
border-bottom: 2px solid var(--rf-system-color-neutral-90)
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .rf-session-title {
color: var(--rf-system-color-neutral-0)
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .rf-session-title p {
font-size: 20px;
font-weight: var(--rf-system-font-weight-500);
line-height: 1.5;
padding-right: 45px
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .speaker-details {
line-height: 1.4;
font-size: 13px
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .speaker-details span {
color: var(--rf-system-color-neutral-0);
font-weight: var(--rf-system-font-weight-700)
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions {
list-style: none;
padding: 0
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions>li {
margin: 0 0 8px;
display: flex;
align-items: center
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions>li .session-action,.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions>li .session-full,.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions>li .session-scheduled {
margin: 0 12px 0 0;
height: 32px
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions>li p {
margin: 0;
line-height: 24px
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions .session-date-time,.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions .session-location,.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions .session-time-and-location {
line-height: 1em
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions .session-time-and-location {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
line-height: 1em
}
.printview .rf-accordion-list .rf-accordion-list-item .rf-session .rf-session-container .session-actions .session-location:not(a,button) span:last-of-type {
margin-top: 2px
}
.printview .rf-print-view-footer-text {
padding: 20px
}
.printview .rf-print-view-attendee-name {
padding: 20px
}
.printview .rf-print-view-attendee-name h1 {
font-weight: var(--rf-system-font-weight-700)
}
.print-view-header-image {
margin: 10px;
height: 120px
}
@media screen {
#print-section {
display: none
}
}
@media print {
body * {
visibility: hidden;
font-family: arial
}
#rf-calendar .schedule-calendar .rbc-timeslot-group {
min-height: 0 !important
}
#rf-calendar .schedule-calendar.editable .rbc-day-slot .rbc-time-slot.disabled {
line-height: normal !important;
height: auto !important
}
#print-section,#print-section * {
visibility: visible
}
#print-section {
position: absolute;
left: 0;
top: 0
}
#print-section .rf-session-favorited-icon {
background: none
}
#print-section .rf-session-favorited-icon::before {
content: url("../assets/img/favorite_star_completed.png");
zoom:.7}
.printview * {
box-sizing: border-box;
padding: 0;
margin: 0
}
.printview .rf-print-view-footer-text {
padding: 0 !important;
margin: 0 0 8px
}
.printview .rf-accordion-list {
padding: 0 !important;
margin: 0 !important
}
.printview .rf-accordion-list .rf-accordion-list .rf-session {
border-color: var(--rf-system-color-neutral-70) !important;
margin-bottom: 12px
}
.printview .rf-accordion-list .rf-accordion-list .rf-accordion-list-item:last-child .rf-session {
border-bottom: none !important
}
.printview .rf-accordion-list-item {
margin: 0 !important
}
.printview .rf-result-title {
margin: 0 0 8px !important;
padding: 8px 20px !important;
background: var(--rf-system-color-neutral-70) !important;
font-size: 16px !important
}
.printview p {
font-size: 12px !important
}
.printview .mdBtnR {
padding: 0 8px;
height: 20px;
line-height: 20px
}
.printview .mdBtnR-adv {
display: block
}
.printview .mdBtnR-adv .mdBtnR-text {
margin-left: 4px
}
.printview .mdBtnR-adv .rfSI svg {
fill: var(--rf-brand-color-status-disabled)
}
.printview .mdBtnR-text {
font-size: 10px !important
}
.printview .speaker-info p:first-child {
margin: 0 !important
}
.printview .speaker-info p:last-child {
margin-top: -4px
}
.printview .rf-session-title p {
margin: 0 0 8px
}
}
.recommendation-bar {
background: var(--rf-system-color-yellow-75);
position: absolute;
top: 0;
left: 0;
right: 0;
font-size: 12px;
line-height: 10px;
padding: 4px 8px;
display: flex;
z-index: 1
}
.recommendation-bar.is-block-element {
position: relative;
top: initial;
left: initial;
right: initial
}
.recommendation-bar span.recommended-for-you-text {
letter-spacing: 2px;
display: block;
flex: 1;
line-height: 24px;
min-width: 200px;
text-transform: uppercase;
font-size: 12px
}
.recommendation-bar span.recommendation-message {
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px
}
.recommendation-bar .recommendation-actions {
width: 52px;
display: flex;
justify-content: space-between;
margin-left: 8px
}
.recommendation-bar .recommendation-actions button {
padding: 0;
border: none;
background: none
}
.recommendation-bar .recommendation-actions .rfSI {
margin: 0 !important;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
width: 22px
}
.recommendation-bar .recommendation-actions .rfSI.active svg {
opacity: 1
}
.recommendation-bar .recommendation-actions svg {
opacity: .3;
fill: var(--rf-system-color-neutral-0);
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none
}
.recommendation-bar .recommendation-actions svg:hover {
opacity: .5
}
.recommendation-bar .recommendation-actions .active svg {
fill: var(--rf-system-color-neutral-30)
}
div[id*=rf-].rf-widget .recommended-for-you-text,div[id*=rf-].rf-widget .recommendation-message {
font-size: 12px
}
#rf-speakercatalog .speaker-card,#rf-exhibitorcatalog .speaker-card {
border: 1px solid var(--rf-brand-color-border);
border-radius: var(--rf-brand-shape-radius);
padding: 20px;
background: var(--rf-brand-color-surface);
margin: 0 0 16px
}
#rf-speakercatalog .speaker-card .speaker-photo img,#rf-exhibitorcatalog .speaker-card .speaker-photo img {
width: 220px;
max-width: 220px
}
#rf-speakercatalog .speaker-card h3.speaker-full-name,#rf-exhibitorcatalog .speaker-card h3.speaker-full-name {
margin: 0 20px 8px 0
}
#rf-speakercatalog .search-container.top-filters .search-content .search-results h3,#rf-exhibitorcatalog .search-container.top-filters .search-content .search-results h3 {
margin-top: 0
}
div[id*=rf-].rf-widget .speaker-card,.rf-default-modal .speaker-card {
position: relative
}
div[id*=rf-].rf-widget .speaker-card h3,.rf-default-modal .speaker-card h3 {
margin: 0 0 8px
}
div[id*=rf-].rf-widget .speaker-card .speaker-job-title,div[id*=rf-].rf-widget .speaker-card .speaker-company-name,div[id*=rf-].rf-widget .speaker-card .speaker-company-name-job-title,.rf-default-modal .speaker-card .speaker-job-title,.rf-default-modal .speaker-card .speaker-company-name,.rf-default-modal .speaker-card .speaker-company-name-job-title {
font-weight: var(--rf-system-font-weight-600)
}
div[id*=rf-].rf-widget .speaker-card .speaker-photo,.rf-default-modal .speaker-card .speaker-photo {
margin: 0 20px 0 0
}
div[id*=rf-].rf-widget .speaker-card .speaker-photo img,.rf-default-modal .speaker-card .speaker-photo img {
width: 160px;
max-width: 160px;
border-radius: var(--rf-brand-shape-radius)
}
div[id*=rf-].rf-widget .speaker-card .speaker-text .speaker-detail-title,.rf-default-modal .speaker-card .speaker-text .speaker-detail-title {
font-weight: var(--rf-system-font-weight-600)
}
div[id*=rf-].rf-widget .speaker-card .social-media-links,.rf-default-modal .speaker-card .social-media-links {
padding: 0;
margin: 0 0 12px
}
div[id*=rf-].rf-widget .speaker-card .social-media-links li,.rf-default-modal .speaker-card .social-media-links li {
display: block
}
div[id*=rf-].rf-widget .speaker-card .speaker-company-name:empty,div[id*=rf-].rf-widget .speaker-card .speaker-job-title:empty,div[id*=rf-].rf-widget .speaker-card .speaker-text:empty,.rf-default-modal .speaker-card .speaker-company-name:empty,.rf-default-modal .speaker-card .speaker-job-title:empty,.rf-default-modal .speaker-card .speaker-text:empty {
display: none
}
@media(max-width: 767px) {
div[id*=rf-].rf-widget .speaker-card,.rf-default-modal .speaker-card {
flex-direction:column
}
div[id*=rf-].rf-widget .speaker-card .speaker-photo,.rf-default-modal .speaker-card .speaker-photo {
margin: 0 0 20px 0
}
}
#sponsor-banner {
height: 70px;
overflow: hidden;
background: rgba(0,0,0,.3);
position: absolute;
margin-top: -70px;
z-index: 10;
text-align: center;
width: 100%
}
#sponsor-banner .sponsor-wrapper {
max-width: 1180px;
width: 100%;
padding: 0 10px;
height: 100%;
margin: 0 auto
}
#sponsor-banner span {
color: var(--rf-system-color-neutral-100);
line-height: 70px;
display: block;
margin: 0;
font-size: 12px;
position: absolute;
text-transform: uppercase
}
#sponsor-banner ul {
float: left;
width: 100%;
height: 40px;
box-sizing: border-box;
transition: opacity 1s;
margin-top: 15px;
padding-left: 105px;
overflow: hidden
}
#sponsor-banner ul li {
float: left;
width: 263px;
box-sizing: border-box;
padding: 0 17px;
border-left: 1px solid rgba(255,255,255,.5)
}
#sponsor-banner ul li p {
color: var(--rf-system-color-neutral-100)
}
#rf-navbar~#rf-catalog #sponsor-banner {
margin-top: -126px
}
@media(max-width: 900px) {
#rf-navbar {
position:absolute;
z-index: 10;
width: 100%
}
#rf-navbar~#rf-catalog,#rf-navbar~#rf-calendar,#rf-navbar~#rf-speakercatalog {
padding-top: 44px
}
#rf-navbar~#rf-catalog #sponsor-banner,#rf-navbar~#rf-calendar #sponsor-banner,#rf-navbar~#rf-speakercatalog #sponsor-banner {
margin-top: -119px
}
}
[id*=rf-].rf-widget .catalog-result,[id*=rf-].rf-widget .session-details-page,.rf-default-modal .catalog-result,.rf-default-modal .session-details-page {
overflow: hidden;
position: relative;
border: 1px solid var(--rf-brand-color-border);
margin: 0 0 16px;
background: var(--rf-brand-color-surface);
border-radius: var(--rf-brand-shape-radius);
padding: 16px 16px 20px 20px
}
[id*=rf-].rf-widget .catalog-result .badges,[id*=rf-].rf-widget .session-details-page .badges,.rf-default-modal .catalog-result .badges,.rf-default-modal .session-details-page .badges {
clear: both;
margin: 0 0 8px;
display: none
}
[id*=rf-].rf-widget .catalog-result .badges:before,[id*=rf-].rf-widget .catalog-result .badges:after,[id*=rf-].rf-widget .session-details-page .badges:before,[id*=rf-].rf-widget .session-details-page .badges:after,.rf-default-modal .catalog-result .badges:before,.rf-default-modal .catalog-result .badges:after,.rf-default-modal .session-details-page .badges:before,.rf-default-modal .session-details-page .badges:after {
content: "";
display: table;
clear: both
}
[id*=rf-].rf-widget .catalog-result .badges .badge,[id*=rf-].rf-widget .session-details-page .badges .badge,.rf-default-modal .catalog-result .badges .badge,.rf-default-modal .session-details-page .badges .badge {
float: left;
margin: 0 4px 4px 0;
padding: 0 6px;
font-size: 10px;
font-weight: var(--rf-system-font-weight-600);
border-radius: var(--rf-brand-shape-radius);
border: 1px solid var(--rf-system-color-neutral-30)
}
[id*=rf-].rf-widget .catalog-result.recommended,[id*=rf-].rf-widget .session-details-page.recommended,.rf-default-modal .catalog-result.recommended,.rf-default-modal .session-details-page.recommended {
padding-top: 44px
}
[id*=rf-].rf-widget .catalog-result.show-session-title-icon .catalog-result-title>button,[id*=rf-].rf-widget .session-details-page.show-session-title-icon .catalog-result-title>button,.rf-default-modal .catalog-result.show-session-title-icon .catalog-result-title>button,.rf-default-modal .session-details-page.show-session-title-icon .catalog-result-title>button {
flex: 0
}
[id*=rf-].rf-widget .catalog-result.show-session-title-icon .catalog-result-title button .rfSI,[id*=rf-].rf-widget .session-details-page.show-session-title-icon .catalog-result-title button .rfSI,.rf-default-modal .catalog-result.show-session-title-icon .catalog-result-title button .rfSI,.rf-default-modal .session-details-page.show-session-title-icon .catalog-result-title button .rfSI {
display: block
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title,[id*=rf-].rf-widget .session-details-page .catalog-result-title,.rf-default-modal .catalog-result .catalog-result-title,.rf-default-modal .session-details-page .catalog-result-title {
display: flex;
margin-bottom: 12px
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title .session-title-button-link,[id*=rf-].rf-widget .session-details-page .catalog-result-title .session-title-button-link,.rf-default-modal .catalog-result .catalog-result-title .session-title-button-link,.rf-default-modal .session-details-page .catalog-result-title .session-title-button-link {
color: var(--rf-comp-link-color)
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title .session-title-button-link:hover,[id*=rf-].rf-widget .catalog-result .catalog-result-title .session-title-button-link:focus,[id*=rf-].rf-widget .session-details-page .catalog-result-title .session-title-button-link:hover,[id*=rf-].rf-widget .session-details-page .catalog-result-title .session-title-button-link:focus,.rf-default-modal .catalog-result .catalog-result-title .session-title-button-link:hover,.rf-default-modal .catalog-result .catalog-result-title .session-title-button-link:focus,.rf-default-modal .session-details-page .catalog-result-title .session-title-button-link:hover,.rf-default-modal .session-details-page .catalog-result-title .session-title-button-link:focus {
color: var(--rf-comp-link-hover-color);
text-decoration: var(--rf-comp-link-hover-font-decoration)
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title .catalog-result-title-text,[id*=rf-].rf-widget .session-details-page .catalog-result-title .catalog-result-title-text,.rf-default-modal .catalog-result .catalog-result-title .catalog-result-title-text,.rf-default-modal .session-details-page .catalog-result-title .catalog-result-title-text {
flex: 1
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title .catalog-result-title-text span.not-clickable,[id*=rf-].rf-widget .session-details-page .catalog-result-title .catalog-result-title-text span.not-clickable,.rf-default-modal .catalog-result .catalog-result-title .catalog-result-title-text span.not-clickable,.rf-default-modal .session-details-page .catalog-result-title .catalog-result-title-text span.not-clickable {
cursor: text
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title .catalog-result-options,[id*=rf-].rf-widget .catalog-result .catalog-result-title .session-actions,[id*=rf-].rf-widget .session-details-page .catalog-result-title .catalog-result-options,[id*=rf-].rf-widget .session-details-page .catalog-result-title .session-actions,.rf-default-modal .catalog-result .catalog-result-title .catalog-result-options,.rf-default-modal .catalog-result .catalog-result-title .session-actions,.rf-default-modal .session-details-page .catalog-result-title .catalog-result-options,.rf-default-modal .session-details-page .catalog-result-title .session-actions {
display: flex;
flex-flow: row-reverse;
padding: 4px 0 0
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result,[id*=rf-].rf-widget .catalog-result .catalog-result-title .session-actions .favorite-catalog-result,[id*=rf-].rf-widget .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result,[id*=rf-].rf-widget .session-details-page .catalog-result-title .session-actions .favorite-catalog-result,.rf-default-modal .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result,.rf-default-modal .catalog-result .catalog-result-title .session-actions .favorite-catalog-result,.rf-default-modal .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result,.rf-default-modal .session-details-page .catalog-result-title .session-actions .favorite-catalog-result {
margin: -3px 0 0 10px
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title .session-actions .favorite-catalog-result svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title .session-actions .favorite-catalog-result svg,.rf-default-modal .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result svg,.rf-default-modal .catalog-result .catalog-result-title .session-actions .favorite-catalog-result svg,.rf-default-modal .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result svg,.rf-default-modal .session-details-page .catalog-result-title .session-actions .favorite-catalog-result svg {
fill: var(--rf-comp-favorite-icon-color)
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title .session-actions .favorite-catalog-result.favorited svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title .session-actions .favorite-catalog-result.favorited svg,.rf-default-modal .catalog-result .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg,.rf-default-modal .catalog-result .catalog-result-title .session-actions .favorite-catalog-result.favorited svg,.rf-default-modal .session-details-page .catalog-result-title .catalog-result-options .favorite-catalog-result.favorited svg,.rf-default-modal .session-details-page .catalog-result-title .session-actions .favorite-catalog-result.favorited svg {
fill: var(--rf-comp-favorite-icon-favorited-color)
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title .catalog-result-options .session-downloads,[id*=rf-].rf-widget .catalog-result .catalog-result-title .session-actions .session-downloads,[id*=rf-].rf-widget .session-details-page .catalog-result-title .catalog-result-options .session-downloads,[id*=rf-].rf-widget .session-details-page .catalog-result-title .session-actions .session-downloads,.rf-default-modal .catalog-result .catalog-result-title .catalog-result-options .session-downloads,.rf-default-modal .catalog-result .catalog-result-title .session-actions .session-downloads,.rf-default-modal .session-details-page .catalog-result-title .catalog-result-options .session-downloads,.rf-default-modal .session-details-page .catalog-result-title .session-actions .session-downloads {
margin: -3px 0 0
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title button,[id*=rf-].rf-widget .session-details-page .catalog-result-title button,.rf-default-modal .catalog-result .catalog-result-title button,.rf-default-modal .session-details-page .catalog-result-title button {
color: var(--rf-brand-color-text-heading)
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title a,[id*=rf-].rf-widget .session-details-page .catalog-result-title a,.rf-default-modal .catalog-result .catalog-result-title a,.rf-default-modal .session-details-page .catalog-result-title a {
color: var(--rf-comp-link-color)
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title a:focus,[id*=rf-].rf-widget .catalog-result .catalog-result-title a:hover,[id*=rf-].rf-widget .session-details-page .catalog-result-title a:focus,[id*=rf-].rf-widget .session-details-page .catalog-result-title a:hover,.rf-default-modal .catalog-result .catalog-result-title a:focus,.rf-default-modal .catalog-result .catalog-result-title a:hover,.rf-default-modal .session-details-page .catalog-result-title a:focus,.rf-default-modal .session-details-page .catalog-result-title a:hover {
color: var(--rf-comp-link-hover-color)
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title a span,[id*=rf-].rf-widget .session-details-page .catalog-result-title a span,.rf-default-modal .catalog-result .catalog-result-title a span,.rf-default-modal .session-details-page .catalog-result-title a span {
display: none
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title button,[id*=rf-].rf-widget .catalog-result .catalog-result-title a,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container,[id*=rf-].rf-widget .session-details-page .catalog-result-title button,[id*=rf-].rf-widget .session-details-page .catalog-result-title a,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container,.rf-default-modal .catalog-result .catalog-result-title button,.rf-default-modal .catalog-result .catalog-result-title a,.rf-default-modal .catalog-result .catalog-result-title .title-text-container,.rf-default-modal .session-details-page .catalog-result-title button,.rf-default-modal .session-details-page .catalog-result-title a,.rf-default-modal .session-details-page .catalog-result-title .title-text-container {
position: unset;
padding: 0;
flex: 1;
text-align: left;
margin: 0
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title button:hover,[id*=rf-].rf-widget .catalog-result .catalog-result-title a:hover,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container:hover,[id*=rf-].rf-widget .session-details-page .catalog-result-title button:hover,[id*=rf-].rf-widget .session-details-page .catalog-result-title a:hover,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container:hover,.rf-default-modal .catalog-result .catalog-result-title button:hover,.rf-default-modal .catalog-result .catalog-result-title a:hover,.rf-default-modal .catalog-result .catalog-result-title .title-text-container:hover,.rf-default-modal .session-details-page .catalog-result-title button:hover,.rf-default-modal .session-details-page .catalog-result-title a:hover,.rf-default-modal .session-details-page .catalog-result-title .title-text-container:hover {
opacity: 1 !important
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title button .title-text,[id*=rf-].rf-widget .catalog-result .catalog-result-title a .title-text,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container .title-text,[id*=rf-].rf-widget .session-details-page .catalog-result-title button .title-text,[id*=rf-].rf-widget .session-details-page .catalog-result-title a .title-text,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container .title-text,.rf-default-modal .catalog-result .catalog-result-title button .title-text,.rf-default-modal .catalog-result .catalog-result-title a .title-text,.rf-default-modal .catalog-result .catalog-result-title .title-text-container .title-text,.rf-default-modal .session-details-page .catalog-result-title button .title-text,.rf-default-modal .session-details-page .catalog-result-title a .title-text,.rf-default-modal .session-details-page .catalog-result-title .title-text-container .title-text {
font-weight: var(--rf-system-font-weight-600);
font-size: 20px;
display: block;
text-align: left;
line-height: 24px;
flex: 1
}
@media screen and (max-width: 549px) {
[id*=rf-].rf-widget .catalog-result .catalog-result-title button .title-text,[id*=rf-].rf-widget .catalog-result .catalog-result-title a .title-text,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container .title-text,[id*=rf-].rf-widget .session-details-page .catalog-result-title button .title-text,[id*=rf-].rf-widget .session-details-page .catalog-result-title a .title-text,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container .title-text,.rf-default-modal .catalog-result .catalog-result-title button .title-text,.rf-default-modal .catalog-result .catalog-result-title a .title-text,.rf-default-modal .catalog-result .catalog-result-title .title-text-container .title-text,.rf-default-modal .session-details-page .catalog-result-title button .title-text,.rf-default-modal .session-details-page .catalog-result-title a .title-text,.rf-default-modal .session-details-page .catalog-result-title .title-text-container .title-text {
font-size:18px
}
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle,[id*=rf-].rf-widget .catalog-result .catalog-result-title a .arrow-toggle,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container .arrow-toggle,[id*=rf-].rf-widget .session-details-page .catalog-result-title button .arrow-toggle,[id*=rf-].rf-widget .session-details-page .catalog-result-title a .arrow-toggle,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container .arrow-toggle,.rf-default-modal .catalog-result .catalog-result-title button .arrow-toggle,.rf-default-modal .catalog-result .catalog-result-title a .arrow-toggle,.rf-default-modal .catalog-result .catalog-result-title .title-text-container .arrow-toggle,.rf-default-modal .session-details-page .catalog-result-title button .arrow-toggle,.rf-default-modal .session-details-page .catalog-result-title a .arrow-toggle,.rf-default-modal .session-details-page .catalog-result-title .title-text-container .arrow-toggle {
left: 0;
right: 0;
width: 100%;
max-width: none;
position: absolute;
bottom: 0;
cursor: pointer
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle.arrow-toggle-expanded svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title a .arrow-toggle.arrow-toggle-expanded svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container .arrow-toggle.arrow-toggle-expanded svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title button .arrow-toggle.arrow-toggle-expanded svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title a .arrow-toggle.arrow-toggle-expanded svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container .arrow-toggle.arrow-toggle-expanded svg,.rf-default-modal .catalog-result .catalog-result-title button .arrow-toggle.arrow-toggle-expanded svg,.rf-default-modal .catalog-result .catalog-result-title a .arrow-toggle.arrow-toggle-expanded svg,.rf-default-modal .catalog-result .catalog-result-title .title-text-container .arrow-toggle.arrow-toggle-expanded svg,.rf-default-modal .session-details-page .catalog-result-title button .arrow-toggle.arrow-toggle-expanded svg,.rf-default-modal .session-details-page .catalog-result-title a .arrow-toggle.arrow-toggle-expanded svg,.rf-default-modal .session-details-page .catalog-result-title .title-text-container .arrow-toggle.arrow-toggle-expanded svg {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg)
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle.arrow-toggle-collapsed svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title a .arrow-toggle.arrow-toggle-collapsed svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container .arrow-toggle.arrow-toggle-collapsed svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title button .arrow-toggle.arrow-toggle-collapsed svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title a .arrow-toggle.arrow-toggle-collapsed svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container .arrow-toggle.arrow-toggle-collapsed svg,.rf-default-modal .catalog-result .catalog-result-title button .arrow-toggle.arrow-toggle-collapsed svg,.rf-default-modal .catalog-result .catalog-result-title a .arrow-toggle.arrow-toggle-collapsed svg,.rf-default-modal .catalog-result .catalog-result-title .title-text-container .arrow-toggle.arrow-toggle-collapsed svg,.rf-default-modal .session-details-page .catalog-result-title button .arrow-toggle.arrow-toggle-collapsed svg,.rf-default-modal .session-details-page .catalog-result-title a .arrow-toggle.arrow-toggle-collapsed svg,.rf-default-modal .session-details-page .catalog-result-title .title-text-container .arrow-toggle.arrow-toggle-collapsed svg {
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg)
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle *,[id*=rf-].rf-widget .catalog-result .catalog-result-title a .arrow-toggle *,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container .arrow-toggle *,[id*=rf-].rf-widget .session-details-page .catalog-result-title button .arrow-toggle *,[id*=rf-].rf-widget .session-details-page .catalog-result-title a .arrow-toggle *,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container .arrow-toggle *,.rf-default-modal .catalog-result .catalog-result-title button .arrow-toggle *,.rf-default-modal .catalog-result .catalog-result-title a .arrow-toggle *,.rf-default-modal .catalog-result .catalog-result-title .title-text-container .arrow-toggle *,.rf-default-modal .session-details-page .catalog-result-title button .arrow-toggle *,.rf-default-modal .session-details-page .catalog-result-title a .arrow-toggle *,.rf-default-modal .session-details-page .catalog-result-title .title-text-container .arrow-toggle * {
transition: none
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle:hover,[id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle:focus,[id*=rf-].rf-widget .catalog-result .catalog-result-title a .arrow-toggle:hover,[id*=rf-].rf-widget .catalog-result .catalog-result-title a .arrow-toggle:focus,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container .arrow-toggle:hover,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container .arrow-toggle:focus,[id*=rf-].rf-widget .session-details-page .catalog-result-title button .arrow-toggle:hover,[id*=rf-].rf-widget .session-details-page .catalog-result-title button .arrow-toggle:focus,[id*=rf-].rf-widget .session-details-page .catalog-result-title a .arrow-toggle:hover,[id*=rf-].rf-widget .session-details-page .catalog-result-title a .arrow-toggle:focus,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container .arrow-toggle:hover,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container .arrow-toggle:focus,.rf-default-modal .catalog-result .catalog-result-title button .arrow-toggle:hover,.rf-default-modal .catalog-result .catalog-result-title button .arrow-toggle:focus,.rf-default-modal .catalog-result .catalog-result-title a .arrow-toggle:hover,.rf-default-modal .catalog-result .catalog-result-title a .arrow-toggle:focus,.rf-default-modal .catalog-result .catalog-result-title .title-text-container .arrow-toggle:hover,.rf-default-modal .catalog-result .catalog-result-title .title-text-container .arrow-toggle:focus,.rf-default-modal .session-details-page .catalog-result-title button .arrow-toggle:hover,.rf-default-modal .session-details-page .catalog-result-title button .arrow-toggle:focus,.rf-default-modal .session-details-page .catalog-result-title a .arrow-toggle:hover,.rf-default-modal .session-details-page .catalog-result-title a .arrow-toggle:focus,.rf-default-modal .session-details-page .catalog-result-title .title-text-container .arrow-toggle:hover,.rf-default-modal .session-details-page .catalog-result-title .title-text-container .arrow-toggle:focus {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.07) 100%)
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle:hover svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle:focus svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title a .arrow-toggle:hover svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title a .arrow-toggle:focus svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container .arrow-toggle:hover svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container .arrow-toggle:focus svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title button .arrow-toggle:hover svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title button .arrow-toggle:focus svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title a .arrow-toggle:hover svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title a .arrow-toggle:focus svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container .arrow-toggle:hover svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container .arrow-toggle:focus svg,.rf-default-modal .catalog-result .catalog-result-title button .arrow-toggle:hover svg,.rf-default-modal .catalog-result .catalog-result-title button .arrow-toggle:focus svg,.rf-default-modal .catalog-result .catalog-result-title a .arrow-toggle:hover svg,.rf-default-modal .catalog-result .catalog-result-title a .arrow-toggle:focus svg,.rf-default-modal .catalog-result .catalog-result-title .title-text-container .arrow-toggle:hover svg,.rf-default-modal .catalog-result .catalog-result-title .title-text-container .arrow-toggle:focus svg,.rf-default-modal .session-details-page .catalog-result-title button .arrow-toggle:hover svg,.rf-default-modal .session-details-page .catalog-result-title button .arrow-toggle:focus svg,.rf-default-modal .session-details-page .catalog-result-title a .arrow-toggle:hover svg,.rf-default-modal .session-details-page .catalog-result-title a .arrow-toggle:focus svg,.rf-default-modal .session-details-page .catalog-result-title .title-text-container .arrow-toggle:hover svg,.rf-default-modal .session-details-page .catalog-result-title .title-text-container .arrow-toggle:focus svg {
opacity: 1
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title button .arrow-toggle svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title a .arrow-toggle svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container .arrow-toggle svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title button .arrow-toggle svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title a .arrow-toggle svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container .arrow-toggle svg,.rf-default-modal .catalog-result .catalog-result-title button .arrow-toggle svg,.rf-default-modal .catalog-result .catalog-result-title a .arrow-toggle svg,.rf-default-modal .catalog-result .catalog-result-title .title-text-container .arrow-toggle svg,.rf-default-modal .session-details-page .catalog-result-title button .arrow-toggle svg,.rf-default-modal .session-details-page .catalog-result-title a .arrow-toggle svg,.rf-default-modal .session-details-page .catalog-result-title .title-text-container .arrow-toggle svg {
margin: 0 auto;
opacity: .7
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title button,[id*=rf-].rf-widget .catalog-result .catalog-result-title a,[id*=rf-].rf-widget .catalog-result .catalog-result-title .title-text-container,[id*=rf-].rf-widget .session-details-page .catalog-result-title button,[id*=rf-].rf-widget .session-details-page .catalog-result-title a,[id*=rf-].rf-widget .session-details-page .catalog-result-title .title-text-container,.rf-default-modal .catalog-result .catalog-result-title button,.rf-default-modal .catalog-result .catalog-result-title a,.rf-default-modal .catalog-result .catalog-result-title .title-text-container,.rf-default-modal .session-details-page .catalog-result-title button,.rf-default-modal .session-details-page .catalog-result-title a,.rf-default-modal .session-details-page .catalog-result-title .title-text-container {
background: none;
border: none;
padding: 0;
flex-grow: 1;
margin: 0;
cursor: pointer;
line-height: 20px;
display: flex
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title>button svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title>a svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title>button svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title>a svg,.rf-default-modal .catalog-result .catalog-result-title>button svg,.rf-default-modal .catalog-result .catalog-result-title>a svg,.rf-default-modal .session-details-page .catalog-result-title>button svg,.rf-default-modal .session-details-page .catalog-result-title>a svg {
width: 24px;
height: 24px;
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
-webkit-transform: scaleY(1);
transform: scaleY(1);
filter: FlipH;
-ms-filter: "FlipH"
}
[id*=rf-].rf-widget .catalog-result .catalog-result-title>button.collapsed svg,[id*=rf-].rf-widget .catalog-result .catalog-result-title>a.collapsed svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title>button.collapsed svg,[id*=rf-].rf-widget .session-details-page .catalog-result-title>a.collapsed svg,.rf-default-modal .catalog-result .catalog-result-title>button.collapsed svg,.rf-default-modal .catalog-result .catalog-result-title>a.collapsed svg,.rf-default-modal .session-details-page .catalog-result-title>button.collapsed svg,.rf-default-modal .session-details-page .catalog-result-title>a.collapsed svg {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV"
}
[id*=rf-].rf-widget .catalog-result .rf-attribute,[id*=rf-].rf-widget .session-details-page .rf-attribute,.rf-default-modal .catalog-result .rf-attribute,.rf-default-modal .session-details-page .rf-attribute {
margin-bottom: 12px
}
[id*=rf-].rf-widget .catalog-result .rf-attribute .attribute-name,[id*=rf-].rf-widget .session-details-page .rf-attribute .attribute-name,.rf-default-modal .catalog-result .rf-attribute .attribute-name,.rf-default-modal .session-details-page .rf-attribute .attribute-name {
font-weight: var(--rf-system-font-weight-600)
}
[id*=rf-].rf-widget .catalog-result .rf-attribute:empty,[id*=rf-].rf-widget .session-details-page .rf-attribute:empty,.rf-default-modal .catalog-result .rf-attribute:empty,.rf-default-modal .session-details-page .rf-attribute:empty {
display: none
}
[id*=rf-].rf-widget .catalog-result .rf-attribute .rf-learn-more-btn .rfSI,[id*=rf-].rf-widget .session-details-page .rf-attribute .rf-learn-more-btn .rfSI,.rf-default-modal .catalog-result .rf-attribute .rf-learn-more-btn .rfSI,.rf-default-modal .session-details-page .rf-attribute .rf-learn-more-btn .rfSI {
margin: 0
}
[id*=rf-].rf-widget .catalog-result .download-file-link ul,[id*=rf-].rf-widget .session-details-page .download-file-link ul,.rf-default-modal .catalog-result .download-file-link ul,.rf-default-modal .session-details-page .download-file-link ul {
padding-left: 0
}
[id*=rf-].rf-widget .catalog-result .download-file-link ul li,[id*=rf-].rf-widget .session-details-page .download-file-link ul li,.rf-default-modal .catalog-result .download-file-link ul li,.rf-default-modal .session-details-page .download-file-link ul li {
list-style: none
}
[id*=rf-].rf-widget .catalog-result .download-file-link ul .rfSI,[id*=rf-].rf-widget .session-details-page .download-file-link ul .rfSI,.rf-default-modal .catalog-result .download-file-link ul .rfSI,.rf-default-modal .session-details-page .download-file-link ul .rfSI {
margin-right: 12px
}
[id*=rf-].rf-widget .catalog-result .session-video-modal-open,[id*=rf-].rf-widget .session-details-page .session-video-modal-open,.rf-default-modal .catalog-result .session-video-modal-open,.rf-default-modal .session-details-page .session-video-modal-open {
padding: 0
}
[id*=rf-].rf-widget .catalog-result .session-video-modal-open>.rfSI:first-child,[id*=rf-].rf-widget .session-details-page .session-video-modal-open>.rfSI:first-child,.rf-default-modal .catalog-result .session-video-modal-open>.rfSI:first-child,.rf-default-modal .session-details-page .session-video-modal-open>.rfSI:first-child {
margin: 0
}
[id*=rf-].rf-widget .catalog-result .session-attributes,[id*=rf-].rf-widget .session-details-page .session-attributes,.rf-default-modal .catalog-result .session-attributes,.rf-default-modal .session-details-page .session-attributes {
text-align: left
}
[id*=rf-].rf-widget .catalog-result .session-attributes .attribute-name,[id*=rf-].rf-widget .session-details-page .session-attributes .attribute-name,.rf-default-modal .catalog-result .session-attributes .attribute-name,.rf-default-modal .session-details-page .session-attributes .attribute-name {
font-weight: var(--rf-system-font-weight-600)
}
[id*=rf-].rf-widget .catalog-result .session-details,[id*=rf-].rf-widget .session-details-page .session-details,.rf-default-modal .catalog-result .session-details,.rf-default-modal .session-details-page .session-details {
text-align: left
}
[id*=rf-].rf-widget .catalog-result .session-details p,[id*=rf-].rf-widget .session-details-page .session-details p,.rf-default-modal .catalog-result .session-details p,.rf-default-modal .session-details-page .session-details p {
font-weight: var(--rf-system-font-weight-400);
display: block;
line-height: 1.4em;
margin: 0
}
[id*=rf-].rf-widget .catalog-result .webinar-status-tooltip-container,[id*=rf-].rf-widget .session-details-page .webinar-status-tooltip-container,.rf-default-modal .catalog-result .webinar-status-tooltip-container,.rf-default-modal .session-details-page .webinar-status-tooltip-container {
padding-left: 0;
margin: 0
}
[id*=rf-].rf-widget .catalog-result ul.session-actions,[id*=rf-].rf-widget .session-details-page ul.session-actions,.rf-default-modal .catalog-result ul.session-actions,.rf-default-modal .session-details-page ul.session-actions {
position: relative;
padding: 0
}
[id*=rf-].rf-widget .catalog-result ul.session-actions:empty,[id*=rf-].rf-widget .session-details-page ul.session-actions:empty,.rf-default-modal .catalog-result ul.session-actions:empty,.rf-default-modal .session-details-page ul.session-actions:empty {
display: none
}
[id*=rf-].rf-widget .catalog-result ul.session-actions .rf-session-card-time-location .capacity-indicator,[id*=rf-].rf-widget .session-details-page ul.session-actions .rf-session-card-time-location .capacity-indicator,.rf-default-modal .catalog-result ul.session-actions .rf-session-card-time-location .capacity-indicator,.rf-default-modal .session-details-page ul.session-actions .rf-session-card-time-location .capacity-indicator {
color: #d92d20;
margin: 0 8px 8px 0;
display: block;
white-space: nowrap;
padding: 0;
font-style: italic;
line-height: 32px
}
[id*=rf-].rf-widget .catalog-result ul.session-actions>li,[id*=rf-].rf-widget .session-details-page ul.session-actions>li,.rf-default-modal .catalog-result ul.session-actions>li,.rf-default-modal .session-details-page ul.session-actions>li {
margin: 0 0 16px
}
[id*=rf-].rf-widget .catalog-result ul.session-actions>li .session-main-action,[id*=rf-].rf-widget .session-details-page ul.session-actions>li .session-main-action,.rf-default-modal .catalog-result ul.session-actions>li .session-main-action,.rf-default-modal .session-details-page ul.session-actions>li .session-main-action {
align-self: flex-start
}
@media all and (max-width: 549px) {
[id*=rf-].rf-widget .catalog-result ul.session-actions>li .session-main-action,[id*=rf-].rf-widget .session-details-page ul.session-actions>li .session-main-action,.rf-default-modal .catalog-result ul.session-actions>li .session-main-action,.rf-default-modal .session-details-page ul.session-actions>li .session-main-action {
margin-top:16px;
width: 100%
}
}
@media all and (min-width: 550px) {
[id*=rf-].rf-widget .catalog-result ul.session-actions>li .session-main-action,[id*=rf-].rf-widget .session-details-page ul.session-actions>li .session-main-action,.rf-default-modal .catalog-result ul.session-actions>li .session-main-action,.rf-default-modal .session-details-page ul.session-actions>li .session-main-action {
margin-right:8px
}
}
[id*=rf-].rf-widget .catalog-result ul.session-actions>li .add-spacing,[id*=rf-].rf-widget .session-details-page ul.session-actions>li .add-spacing,.rf-default-modal .catalog-result ul.session-actions>li .add-spacing,.rf-default-modal .session-details-page ul.session-actions>li .add-spacing {
display: block;
margin: 0 0 16px
}
[id*=rf-].rf-widget .catalog-result ul.session-actions>li p,[id*=rf-].rf-widget .session-details-page ul.session-actions>li p,.rf-default-modal .catalog-result ul.session-actions>li p,.rf-default-modal .session-details-page ul.session-actions>li p {
margin: 5px 0 0;
line-height: 23px
}
@media screen and (max-width: 549px) {
[id*=rf-].rf-widget .catalog-result ul.session-actions>li,[id*=rf-].rf-widget .session-details-page ul.session-actions>li,.rf-default-modal .catalog-result ul.session-actions>li,.rf-default-modal .session-details-page ul.session-actions>li {
flex-direction:column-reverse;
border-bottom: 1px solid var(--rf-brand-color-border);
padding-bottom: 12px;
margin: 0 0 12px
}
[id*=rf-].rf-widget .catalog-result ul.session-actions>li:last-child,[id*=rf-].rf-widget .session-details-page ul.session-actions>li:last-child,.rf-default-modal .catalog-result ul.session-actions>li:last-child,.rf-default-modal .session-details-page ul.session-actions>li:last-child {
border-bottom: none;
padding-bottom: 0
}
[id*=rf-].rf-widget .catalog-result ul.session-actions>li .session-action,[id*=rf-].rf-widget .session-details-page ul.session-actions>li .session-action,.rf-default-modal .catalog-result ul.session-actions>li .session-action,.rf-default-modal .session-details-page ul.session-actions>li .session-action {
margin-top: 8px
}
[id*=rf-].rf-widget .catalog-result ul.session-actions>li p span,[id*=rf-].rf-widget .session-details-page ul.session-actions>li p span,.rf-default-modal .catalog-result ul.session-actions>li p span,.rf-default-modal .session-details-page ul.session-actions>li p span {
display: block;
margin: 0 0 4px
}
[id*=rf-].rf-widget .catalog-result ul.session-actions>li p .session-location,[id*=rf-].rf-widget .session-details-page ul.session-actions>li p .session-location,.rf-default-modal .catalog-result ul.session-actions>li p .session-location,.rf-default-modal .session-details-page ul.session-actions>li p .session-location {
margin: 0 0 8px
}
[id*=rf-].rf-widget .catalog-result ul.session-actions>li p .semibold,[id*=rf-].rf-widget .session-details-page ul.session-actions>li p .semibold,.rf-default-modal .catalog-result ul.session-actions>li p .semibold,.rf-default-modal .session-details-page ul.session-actions>li p .semibold {
display: block
}
[id*=rf-].rf-widget .catalog-result ul.session-actions>li p .hide-mobile,[id*=rf-].rf-widget .session-details-page ul.session-actions>li p .hide-mobile,.rf-default-modal .catalog-result ul.session-actions>li p .hide-mobile,.rf-default-modal .session-details-page ul.session-actions>li p .hide-mobile {
display: none
}
}
[id*=rf-].rf-widget .catalog-result .user-text-content .description,[id*=rf-].rf-widget .session-details-page .user-text-content .description,.rf-default-modal .catalog-result .user-text-content .description,.rf-default-modal .session-details-page .user-text-content .description {
--ul-bottom-spacing: 12px
}
[id*=rf-].rf-widget .catalog-result .user-text-content .description ul,[id*=rf-].rf-widget .session-details-page .user-text-content .description ul,.rf-default-modal .catalog-result .user-text-content .description ul,.rf-default-modal .session-details-page .user-text-content .description ul {
padding-inline-start:40px;padding-block-end:0}
[id*=rf-].rf-widget .catalog-result .user-text-content .description ul:has(+*),[id*=rf-].rf-widget .session-details-page .user-text-content .description ul:has(+*),.rf-default-modal .catalog-result .user-text-content .description ul:has(+*),.rf-default-modal .session-details-page .user-text-content .description ul:has(+*) {
margin-block-end:var(--ul-bottom-spacing, 16px)}
[id*=rf-].rf-widget .catalog-result .user-text-content .description ul li,[id*=rf-].rf-widget .session-details-page .user-text-content .description ul li,.rf-default-modal .catalog-result .user-text-content .description ul li,.rf-default-modal .session-details-page .user-text-content .description ul li {
list-style-type: disc
}
[id*=rf-].rf-widget .catalog-result .description,[id*=rf-].rf-widget .session-details-page .description,.rf-default-modal .catalog-result .description,.rf-default-modal .session-details-page .description {
overflow: hidden
}
[id*=rf-].rf-widget .catalog-result .description ul,[id*=rf-].rf-widget .catalog-result .description ol,[id*=rf-].rf-widget .session-details-page .description ul,[id*=rf-].rf-widget .session-details-page .description ol,.rf-default-modal .catalog-result .description ul,.rf-default-modal .catalog-result .description ol,.rf-default-modal .session-details-page .description ul,.rf-default-modal .session-details-page .description ol {
padding: 12px 0 12px 32px
}
[id*=rf-].rf-widget .catalog-result .description ul li,[id*=rf-].rf-widget .catalog-result .description ol li,[id*=rf-].rf-widget .session-details-page .description ul li,[id*=rf-].rf-widget .session-details-page .description ol li,.rf-default-modal .catalog-result .description ul li,.rf-default-modal .catalog-result .description ol li,.rf-default-modal .session-details-page .description ul li,.rf-default-modal .session-details-page .description ol li {
list-style: disc
}
[id*=rf-].rf-widget .catalog-result .description p,[id*=rf-].rf-widget .session-details-page .description p,.rf-default-modal .catalog-result .description p,.rf-default-modal .session-details-page .description p {
text-align: left;
line-height: 20px;
margin: 0
}
[id*=rf-].rf-widget .catalog-result .description p p,[id*=rf-].rf-widget .catalog-result .description p span,[id*=rf-].rf-widget .session-details-page .description p p,[id*=rf-].rf-widget .session-details-page .description p span,.rf-default-modal .catalog-result .description p p,.rf-default-modal .catalog-result .description p span,.rf-default-modal .session-details-page .description p p,.rf-default-modal .session-details-page .description p span {
display: block;
width: 0;
min-width: 100%
}
[id*=rf-].rf-widget .catalog-result .description .show-more-less-link,[id*=rf-].rf-widget .session-details-page .description .show-more-less-link,.rf-default-modal .catalog-result .description .show-more-less-link,.rf-default-modal .session-details-page .description .show-more-less-link {
margin-left: 4px;
display: none
}
[id*=rf-].rf-widget .catalog-result.no-padding,[id*=rf-].rf-widget .session-details-page.no-padding,.rf-default-modal .catalog-result.no-padding,.rf-default-modal .session-details-page.no-padding {
padding: 0
}
[id*=rf-].rf-widget .catalog-result.no-border,[id*=rf-].rf-widget .session-details-page.no-border,.rf-default-modal .catalog-result.no-border,.rf-default-modal .session-details-page.no-border {
border: none
}
:root {
--rf-brand-color-accent: var(--rf-system-color-red);
--rf-brand-color-border: var(--rf-system-color-neutral-70);
--rf-brand-color-on-primary: var(--rf-system-color-neutral-100);
--rf-brand-color-primary: var(--rf-system-color-blue);
--rf-brand-color-primary-hover: var(--rf-system-color-blue-40);
--rf-brand-color-primary-muted: color-mix(in srgb, var(--rf-brand-color-primary), var(--rf-brand-color-surface) 90%);
--rf-brand-color-on-primary-muted: var(--rf-brand-color-primary);
--rf-brand-color-primary-muted-hover: color-mix(in srgb,var(--rf-brand-color-primary), var(--rf-brand-color-surface) 75%);
--rf-brand-color-status-disabled: var(--rf-system-color-neutral-70);
--rf-brand-color-status-on-disabled: var(--rf-system-color-neutral-100);
--rf-brand-color-status-error: var(--rf-system-color-red);
--rf-brand-color-status-error-container: var(--rf-system-color-red-90);
--rf-brand-color-status-error-hover: var(--rf-system-color-red-40);
--rf-brand-color-status-on-error: var(--rf-system-color-neutral-100);
--rf-brand-color-status-info: var(--rf-system-color-blue);
--rf-brand-color-status-info-container: var(--rf-system-color-blue-90);
--rf-brand-color-status-info-hover: var(--rf-system-color-blue-40);
--rf-brand-color-status-on-info: var(--rf-system-color-neutral-100);
--rf-brand-color-status-success: var(--rf-system-color-green);
--rf-brand-color-status-on-success: var(--rf-system-color-neutral-100);
--rf-brand-color-status-success-container: var(--rf-system-color-green-90);
--rf-brand-color-status-success-hover: var(--rf-system-color-green-40);
--rf-brand-color-status-warning: var(--rf-system-color-orange);
--rf-brand-color-status-on-warning: var(--rf-system-color-neutral-10);
--rf-brand-color-status-warning-container: var(--rf-system-color-orange-90);
--rf-brand-color-status-warning-hover: #b36000;
--rf-brand-color-background: var(--rf-system-color-neutral-100);
--rf-brand-color-surface: var(--rf-brand-color-background);
--rf-brand-color-surface-2: var(--rf-system-color-neutral-90);
--rf-brand-color-surface-3: var(--rf-system-color-neutral-80);
--rf-brand-color-inverse-surface: var(--rf-system-color-neutral-10);
--rf-brand-color-inverse-on-surface: var(--rf-system-color-neutral-100);
--rf-brand-color-text-body: var(--rf-system-color-neutral-30);
--rf-brand-color-text-heading: var(--rf-system-color-neutral-10);
--rf-brand-color-widget-background: var(--rf-system-color-neutral-90);
--rf-brand-elevation-focus-indicator-shadow: 0 0 0 3px rgba(21, 112, 239, 0.4);
--rf-brand-font-family: var(--rf-system-font-family);
--rf-brand-font-family-heading: var(--rf-brand-font-family);
--rf-brand-font-size: 16px;
--rf-brand-font-scale-1: 48px;
--rf-brand-font-scale-2: 32px;
--rf-brand-font-scale-3: 24px;
--rf-brand-font-scale-4: 20px;
--rf-brand-font-scale-5: 16px;
--rf-brand-font-scale-6: 14px;
--rf-brand-font-scale-7: 12px;
--rf-brand-font-scale-xl: 64px;
--rf-brand-font-scale-xxl: 80px;
--rf-brand-font-scale-xxxl: 96px;
--rf-brand-font-style-heading-1-family: var(--rf-brand-font-family-heading);
--rf-brand-font-style-heading-1-size: var(--rf-brand-font-scale-2);
--rf-brand-font-style-heading-1-weight: var(--rf-system-font-weight-300);
--rf-brand-font-style-heading-2-family: var(--rf-brand-font-family-heading);
--rf-brand-font-style-heading-2-size: var(--rf-brand-font-scale-3);
--rf-brand-font-style-heading-2-weight: var(--rf-system-font-weight-600);
--rf-brand-font-style-heading-3-family: var(--rf-brand-font-family-heading);
--rf-brand-font-style-heading-3-size: var(--rf-brand-font-scale-4);
--rf-brand-font-style-heading-3-weight: var(--rf-system-font-weight-600);
--rf-brand-font-style-heading-4-family: var(--rf-brand-font-family-heading);
--rf-brand-font-style-heading-4-size: var(--rf-brand-font-scale-5);
--rf-brand-font-style-heading-4-weight: var(--rf-system-font-weight-600);
--rf-brand-font-style-heading-5-family: var(--rf-brand-font-family-heading);
--rf-brand-font-style-heading-5-size: var(--rf-brand-font-scale-6);
--rf-brand-font-style-heading-5-weight: var(--rf-system-font-weight-800);
--rf-brand-font-style-heading-6-family: var(--rf-brand-font-family-heading);
--rf-brand-font-style-heading-6-size: var(--rf-brand-font-scale-6);
--rf-brand-font-style-heading-6-weight: var(--rf-system-font-weight-600);
--rf-brand-color-text-highlight: #b3d4fc;
--rf-brand-shape-radius: 4px;
--rf-brand-shape-radius-lg: 8px;
--rf-brand-shape-radius-xl: 16px;
--rf-comp-button-elevation-shadow: none;
--rf-comp-button-font-letter-spacing: 0;
--rf-comp-button-font-size: 13px;
--rf-comp-button-font-family: var(--rf-brand-font-family);
--rf-comp-button-font-transform: uppercase;
--rf-comp-button-font-style: normal;
--rf-comp-button-font-weight: var(--rf-system-font-weight-600);
--rf-comp-button-hover-elevation-shadow: none;
--rf-comp-button-hover-motion-transform: all 0.3s ease-in-out 0s;
--rf-comp-button-motion-transition: all .2s;
--rf-comp-button-shape-border-width: 2px;
--rf-comp-button-shape-radius: var(--rf-brand-shape-radius);
--rf-comp-button-space-padding: 6px 16px;
--rf-comp-button-space-padding-small: 4px 8px;
--rf-comp-button-disabled-opacity: 1;
--rf-comp-button-primary-color-background: var(--rf-brand-color-primary);
--rf-comp-button-primary-color-border: var(--rf-comp-button-primary-color-background);
--rf-comp-button-primary-color-on-background: var(--rf-brand-color-on-primary);
--rf-comp-button-primary-elevation-shadow: var(--rf-comp-button-elevation-shadow);
--rf-comp-button-primary-hover-color-background: var(--rf-brand-color-primary-hover);
--rf-comp-button-primary-hover-color-border: var(--rf-comp-button-primary-hover-color-background);
--rf-comp-button-primary-hover-color-on-background: var(--rf-brand-color-on-primary);
--rf-comp-button-primary-hover-elevation-shadow: var(--rf-comp-button-hover-elevation-shadow);
--rf-comp-button-secondary-color-background: var(--rf-brand-color-surface);
--rf-comp-button-secondary-color-border: var(--rf-brand-color-primary);
--rf-comp-button-secondary-color-on-background: var(--rf-brand-color-primary);
--rf-comp-button-secondary-hover-color-background: var(--rf-brand-color-primary-muted);
--rf-comp-button-secondary-hover-color-border: var(--rf-brand-color-primary);
--rf-comp-button-secondary-hover-color-on-background: var(--rf-brand-color-primary);
--rf-comp-button-tertiary-color-on-background: var(--rf-comp-button-secondary-color-on-background);
--rf-comp-button-tertiary-color-background: transparent;
--rf-comp-button-tertiary-color-border: transparent;
--rf-comp-button-tertiary-hover-color-background: var(--rf-comp-button-secondary-hover-color-background);
--rf-comp-button-tertiary-hover-color-border: transparent;
--rf-comp-button-tertiary-hover-color-on-background: var(--rf-comp-button-secondary-hover-color-on-background);
--rf-comp-fab-button-right-position: 20px;
--rf-comp-fab-button-bottom-position: 12px;
--rf-comp-checkbox-color: var(--rf-brand-color-primary);
--rf-comp-checkbox-color-checked: var(--rf-comp-checkbox-color);
--rf-comp-dropdown-action-color-background: var(--rf-brand-color-surface-2);
--rf-comp-dropdown-action-color-on-background: var(--rf-system-color-neutral-50);
--rf-comp-dropdown-action-color-border: var(--rf-comp-input-color-border);
--rf-comp-favorite-icon-color: var(--rf-system-color-neutral-50);
--rf-comp-favorite-icon-favorited-color: var(--rf-system-color-pink);
--rf-comp-input-color-asterisk: var(--rf-brand-color-status-error);
--rf-comp-input-color-border: var(--rf-brand-color-border);
--rf-comp-input-color-background: var(--rf-brand-color-surface);
--rf-comp-input-color-on-background: var(--rf-brand-color-text-body);
--rf-comp-input-color-placeholder: var(--rf-brand-color-text-body);
--rf-comp-input-font-size: var(--rf-brand-font-size);
--rf-comp-input-font-line-height: 1.4;
--rf-comp-input-font-weight: var(--rf-system-font-weight-400);
--rf-comp-input-shape-radius: var(--rf-brand-shape-radius);
--rf-comp-input-space-padding: 6px 8px;
--rf-comp-input-active-color-border: var(--rf-system-color-blue-50);
--rf-comp-input-active-elevation-shadow: 0 0 6px var(--rf-system-color-blue-90);
--rf-comp-input-disabled-color-background: var(--rf-brand-color-surface-2);
--rf-comp-input-hover-color-border: var(--rf-system-color-neutral-60);
--rf-comp-link-color: var(--rf-brand-color-primary);
--rf-comp-link-font-decoration: none;
--rf-comp-link-hover-color: var(--rf-brand-color-primary-hover);
--rf-comp-link-hover-font-decoration: underline;
--rf-comp-radio-color: var(--rf-brand-color-primary);
--rf-comp-carousel-sliding-dot-size: 8px;
--rf-comp-carousel-sliding-dots-container-gap: 8px;
--rf-comp-carousel-regular-sliding-dot-count: 2;
--rf-comp-carousel-selected-dot-scale: 1.5;
--rf-comp-slider-input-height: 4px;
--rf-comp-slider-input-thumb-size: 14px;
--rf-comp-slider-input-thumb-border-color: transparent;
--rf-comp-slider-input-thumb-border-size: 2px;
--rf-comp-slider-input-current-percent-complete-color: var(--rf-brand-color-text-heading);
--rf-comp-slider-input-current-percent-incomplete-color: var(--rf-brand-color-surface-3);
--rf-comp-slider-input-inline-gap: 8px;
--rf-comp-slider-input-block-gap: 12px;
--rf-comp-slider-input-wrapper-width: 40%;
--rf-comp-slider-input-transition-time: 0.2s;
--rf-system-color-blue: #1570ef;
--rf-system-color-blue-40: #0d59c4;
--rf-system-color-blue-50: #8ab8f7;
--rf-system-color-blue-75: #c5dbfb;
--rf-system-color-blue-90: #e8f1fd;
--rf-system-color-blue-dark: #3e4eb8;
--rf-system-color-blue-dark-40: #313e92;
--rf-system-color-blue-dark-50: #9fa7dc;
--rf-system-color-blue-dark-75: #cfd3ed;
--rf-system-color-blue-dark-90: #ecedf8;
--rf-system-color-blue-light: #00bcd6;
--rf-system-color-blue-light-40: #008fa3;
--rf-system-color-blue-light-50: #80deeb;
--rf-system-color-blue-light-75: #bfeef5;
--rf-system-color-blue-light-90: #e6f8fb;
--rf-system-color-green: #027a48;
--rf-system-color-green-40: #01482a;
--rf-system-color-green-50: #81bda4;
--rf-system-color-green-75: #c0ded1;
--rf-system-color-green-90: #e6f2ed;
--rf-system-color-lime: #cdde20;
--rf-system-color-lime-40: #a4b11a;
--rf-system-color-lime-50: #e6ef90;
--rf-system-color-lime-75: #f3f7c7;
--rf-system-color-lime-90: #fafce9;
--rf-system-color-neutral-0: #000;
--rf-system-color-neutral-10: #222;
--rf-system-color-neutral-20: #333;
--rf-system-color-neutral-30: #444;
--rf-system-color-neutral-40: #767676;
--rf-system-color-neutral-50: #999;
--rf-system-color-neutral-60: #bbb;
--rf-system-color-neutral-70: #ccc;
--rf-system-color-neutral-80: #eee;
--rf-system-color-neutral-90: #f5f5f5;
--rf-system-color-neutral-100: #fff;
--rf-system-color-purple: #5C00DC;
--rf-system-color-purple-40: #7D44FF;
--rf-system-color-purple-50: #AB99FF;
--rf-system-color-purple-75: #CDC7FF;
--rf-system-color-purple-90: #E7E7FF;
--rf-system-color-orange: #ff8900;
--rf-system-color-orange-40: #cc6e00;
--rf-system-color-orange-50: #ffc480;
--rf-system-color-orange-75: #ffe2bf;
--rf-system-color-orange-90: #fff3e6;
--rf-system-color-peacock: #009788;
--rf-system-color-peacock-40: #00645a;
--rf-system-color-peacock-50: #80cbc4;
--rf-system-color-peacock-75: #bfe5e1;
--rf-system-color-peacock-90: #e6f5f3;
--rf-system-color-pink: #e71356;
--rf-system-color-pink-40: #b80f44;
--rf-system-color-pink-50: #f389ab;
--rf-system-color-pink-75: #f9c4d5;
--rf-system-color-pink-90: #fde7ee;
--rf-system-color-red: #d92d20;
--rf-system-color-red-40: #ad2419;
--rf-system-color-red-50: #ec9690;
--rf-system-color-red-75: #f6cbc7;
--rf-system-color-red-90: #fbeae9;
--rf-system-color-yellow: #ffc107;
--rf-system-color-yellow-40: #d39e00;
--rf-system-color-yellow-50: #ffe083;
--rf-system-color-yellow-75: #fff0c1;
--rf-system-color-yellow-90: #fff9e6;
--rf-system-font-family: "Open Sans", Helvetica, Arial, sans-serif;
--rf-system-font-weight-300: 300;
--rf-system-font-weight-400: 400;
--rf-system-font-weight-500: 500;
--rf-system-font-weight-600: 600;
--rf-system-font-weight-700: 700;
--rf-system-font-weight-800: 800
}
@supports not (background: color-mix(in srgb, purple, white)) {
:root {
--rf-brand-color-primary-muted: var(--rf-system-color-blue-90);
--rf-brand-color-primary-muted-hover: var(--rf-system-color-blue-75)
}
}
@media all and (min-width: 769px) {
:root {
--rf-comp-fab-button-right-position: 13px;
--rf-comp-fab-button-bottom-position: 13px
}
}
@media all and (min-width: 1024px) {
:root {
--rf-comp-fab-button-right-position: 23px;
--rf-comp-fab-button-bottom-position: 23px
}
}
@media(prefers-reduced-motion: reduce) {
:root {
--rf-comp-slider-input-transition-time: 0
}
}
/* New styles */
.search-container .search-content {
display: none !important;
}
.search-container .search-content.active {
display: block !important;
}
.search-container.list-view .learn-more-wrapper {
display: none !important;
}
.search-container.list-view .rf-session-description .description {
margin-bottom: 15px;
}
.search-container.grid-view .search-results {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.search-container.grid-view .times-component {
display: none;
}
.search-container.grid-view .rf-attribute {
display: none;
}
.search-container.grid-view .rf-session-description .description div {
max-height: 5lh;
overflow: hidden;
margin-bottom: 20px;
text-overflow: ellipsis;
white-space: initial;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.search-container.grid-view .rf-session-description .description ul {
padding-top: 5px;
padding-bottom: 0;
}
.search-bar .search-text {
background-color: transparent;
}
.session-result.hidden-by-text {
display: none;
}
.session-result.hidden-by-tax {
display: none;
}
.no-items-found {
display: block;
padding: 24px;
border: 1px solid #ccc;
border-radius: 5px;
text-align: center;
font-size: 16px;
color: #d2d2d2;
}
.selected-values {
margin-left: 25px;
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.selected-tag {
position: relative;
display: inline-flex;
margin-right: 8px;
padding: 6px 24px 6px 12px;
border-radius: 15px;
border: 1px solid #FFBA00;
font-size: 16px;
color: #FFBA00;
background-color: transparent;
}
.selected-tag:hover {
cursor: pointer;
}
.selected-tag .remove-tag {
position: absolute;
right: 10px;
}
.filters-header__top {
display: flex;
justify-content: space-between;
}
.mobile-only {
display: none;
}
.hide-on-mobile {
display: block;
}
.popup-open {
overflow: hidden;
height: 100vh;
padding-right: 16px;
}
@media (max-width: 1024px) {
.search-bar {
max-width: calc(100% - 140px);
display: flex;
align-items: center;
gap: 20px;
}
.search-bar .catalog-search {
flex-grow: 2;
}
.show-filters-btn svg {
fill: #444;
}
.catalog-toggle-wrapper .view-toggle {
position: absolute;
top: 35px;
}
.filters-header__top {
display: none;
}
.search-container {
flex-direction: column;
}
.search-filters {
width: auto !important;
}
.filters-body {
position: fixed;
z-index: 1111;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.filters-body * {
color: #d2d2d2;
}
.filters-body__inner {
position: absolute;
background-color: #1F1F1F;
color: #d2d2d2;
width: 600px;
max-width: 100%;
padding: 10px 25px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 5px;
}
.filters-body__inner .filters {
max-height: 60vh;
overflow-y: auto;
}
.filters-body__inner .rf-checkbox-label {
color: #d2d2d2;
}
.filters-body__inner .rf-checkbox input[type=checkbox]:checked+.checkbox-bg {
border-color: #FFBA00;
background-color: #FFBA00;
}
.filters-body__header {
padding: 10px 0;
border-bottom: 1px solid #FFBA00;
}
.filters-body__header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.filters-body__header .header-title {
color: #FFBA00 !important;
font-size: 20px !important;
font-weight: 600;
margin-bottom: 0 !important;
}
.filters-body__header .close-popup svg {
width: 20px;
height: 20px;
color: #FFBA00;
}
.filters-body__header .close-popup svg {
fill: #FFBA00;
}
.filters-body__buttons {
padding: 10px 0 0;
display: flex;
gap: 20px;
justify-content: space-between;
}
.filters-body__buttons button {
flex-grow: 1;
padding: 5px 20px;
font-size: 13px !important;
text-transform: uppercase;
color: #fff;
border: 1px solid #FFBA00;
}
.filters-body__buttons button.btn--outline {
background-color: transparent;
color: #FFBA00;
}
.filters-body__buttons button:hover {
cursor: pointer;
}
.mobile-only {
display: block;
}
.hide-on-mobile {
display: none;
}
}
@media (max-width: 768px) {
.search-container.grid-view .search-results {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.rf-catalog-tabs {
display: block !important;
border-bottom: none !important;
margin-bottom: 20px;
}
}
@media (max-width: 576px) {
.search-container.grid-view .search-results {
display: grid;
grid-template-columns: 1fr;
}
}
/* POPUP */
.session-popup-wrapper {
position: fixed;
z-index: 11111;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(68,68,68,.6);
}
.session-popup {
width: 900px;
max-height: 80vh;
max-width: 100%;
padding: 0 20px;
background-color: #1E1E1E;
font-family: Montserrat, sans-serif;
}
.session-popup__heading {
display: flex;
align-items: center;
justify-content: space-between;
color: white;
padding: 20px 0;
border-bottom: 1px solid #FFBA00;
}
.session-popup__heading h2 {
font-size: 20px;
font-weight: bold;
margin: 0;
color: #FFBA00;
}
.session-popup__heading .close-popup {
display: flex;
align-items: center;
}
.session-popup__heading .close-popup svg {
width: 24px;
height: 24px;
fill: #FFBA00;
}
.session-popup__heading .close-popup:hover {
cursor: pointer;
}
.session-popup__body {
max-height: calc(80vh - 80px);
padding: 20px 0;
overflow-y: auto;
color: white;
}
.session-popup .session-description {
margin-bottom: 15px;
}
.session-popup .session-ticket-type {
margin-bottom: 15px;
}
.session-popup .session-ticket-type .attribute-name {
font-weight: bold;
color: #FFBA00;
}
.session-popup .session-date-info {
margin-bottom: 15px;
}
.session-popup__body::-webkit-scrollbar {
width: 8px;
}
.session-popup__body::-webkit-scrollbar-thumb {
background: #4a4a4a;
border-radius: 4px;
}
.session-popup__body::-webkit-scrollbar-thumb:hover {
background: #333;
}