#SFX-DEMO-2 {
position: fixed;
bottom: 60px;
right: 30px;
transform: translateX(120%);
transition: transform 0.5s ease-in-out;
z-index: 999;
}
#SFX-DEMO-2.show {
transform: translateX(0%);
}
.calendly-inline-widget, .calendly-inline-widget *, .calendly-badge-widget, .calendly-badge-widget *, .calendly-overlay, .calendly-overlay * {
font-size: 16px;
line-height: 1.2em
}
.calendly-inline-widget iframe, .calendly-badge-widget iframe, .calendly-overlay iframe {
display: inline;
width: 100%;
height: 100%
}
.calendly-popup-content {
position: relative
}
.calendly-popup-content.calendly-mobile {
-webkit-overflow-scrolling: touch;
overflow-y: auto
}
.calendly-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 9999;
background-color: #a5a5a5;
background-color: rgba(31, 31, 31, .4)
}
.calendly-overlay .calendly-close-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0
}
.calendly-overlay .calendly-popup {
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 80%;
min-width: 900px;
max-width: 1000px;
height: 100%;
max-height: 100%
}
@media(max-width:975px) {
.calendly-overlay .calendly-popup {
position: fixed;
top: 50px;
left: 0;
right: 0;
bottom: 0;
transform: none;
width: 100%;
height: auto;
min-width: 0;
max-height: none
}
}
.calendly-overlay .calendly-popup .calendly-popup-content {
height: 100%
}
.calendly-overlay .calendly-popup-close {
position: absolute;
top: 25px;
right: 25px;
color: #fff;
width: 19px;
height: 19px;
cursor: pointer;
background: url(//dev.swissfex.ch/en//assets/external/close-icon.svg) no-repeat;
background-size: contain
}
@media(max-width:975px) {
.calendly-overlay .calendly-popup-close {
top: 15px;
right: 15px
}
}
.calendly-badge-widget {
position: fixed;
right: 20px;
bottom: 15px;
z-index: 9998
}
.calendly-badge-widget .calendly-badge-content {
display: table-cell;
width: auto;
height: 45px;
padding: 0 30px;
border-radius: 25px;
box-shadow: rgba(0, 0, 0, .25) 0 2px 5px;
font-family: sans-serif;
text-align: center;
vertical-align: middle;
font-weight: 700;
font-size: 14px;
color: #fff;
cursor: pointer
}
.calendly-badge-widget .calendly-badge-content.calendly-white {
color: #666a73
}
.calendly-badge-widget .calendly-badge-content span {
display: block;
font-size: 12px
}
.calendly-spinner {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
text-align: center;
z-index: -1
}
.calendly-spinner > div {
display: inline-block;
width: 18px;
height: 18px;
background-color: #e1e1e1;
border-radius: 50%;
vertical-align: middle;
animation: calendly-bouncedelay 1.4s infinite ease-in-out;
animation-fill-mode: both
}
.calendly-spinner .calendly-bounce1 {
animation-delay: -.32s
}
.calendly-spinner .calendly-bounce2 {
animation-delay: -.16s
}
@keyframes calendly-bouncedelay {
0%, 80%, 100% {
transform: scale(0)
}
40% {
transform: scale(1)
}
}