.floating-action{z-index:1000;color:#333;font-family:'Noto Sans','Arial','Helvetica','sans-serif'}
.floating-action p,.floating-action h2,.floating-action h3,.floating-action h4,.floating-action h5,.floating-action h6{margin:0}
.floating-action button{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
.floating-action.speechBubble{position:fixed;right:16px;bottom:16px}
.floating-action.expandCollapse{position:fixed;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.floating-action .floating-action-container{position:relative}
.floating-action .floating-action-container .floating-action-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.floating-action .floating-action-container.expandCollapse{background-color:#fff;border-radius:80px 0 0 80px;border:2px solid transparent;border-right:0;background:-webkit-gradient(linear,left bottom,left top,from(#a4ce4e),to(#0090da)) border-box;background:-o-linear-gradient(bottom,#a4ce4e,#0090da) border-box;background:linear-gradient(to top,#a4ce4e,#0090da) border-box}
.floating-action .floating-action-container.expandCollapse .floating-action-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff;border-radius:80px 0 0 80px;padding:16px;border:0}
.floating-action .floating-action-container.expandCollapse .floating-action-wrapper[aria-expanded="false"]{padding-right:4px}
.floating-action .floating-action-container.expandCollapse .floating-action-tooltip{margin-left:16px}
.floating-action .floating-action-container.expandCollapse .floating-action-tooltip .close{top:16px}
.floating-action .floating-action-container.speechBubble .floating-action-tooltip{position:absolute;z-index:1}
.floating-action .floating-action-container.speechBubble .floating-action-tooltip .arrow{position:absolute;display:block;background:url('../../../../../../content/dam/globalMarketingPlatformAssets/images/floating-action/arrow.svg') no-repeat;height:16px;width:16px}
.floating-action .floating-action-container.speechBubble .floating-action-tooltip.top{bottom:calc(100% + 16px);right:0}
.floating-action .floating-action-container.speechBubble .floating-action-tooltip.top .arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);right:22px;bottom:-13px}
.floating-action .floating-action-container.speechBubble .floating-action-tooltip.left{top:calc(50% - 16px);right:calc(100% + 16px);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.floating-action .floating-action-container.speechBubble .floating-action-tooltip.left .arrow{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:-13px}
.floating-action .floating-action-container.speechBubble .floating-action-tooltip .tooltip-container{background-color:#fff;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:8px;border:2px solid #0061a0;position:relative}
.floating-action .floating-action-container.speechBubble .floating-action-tooltip .tooltip-content{padding:8px 16px;width:200px}
.floating-action .floating-action-container.speechBubble .dot{position:absolute;top:0;left:0;height:16px;width:16px;display:block;background:url('../../../../../../content/dam/globalMarketingPlatformAssets/images/floating-action/dot.svg') no-repeat}
.floating-action .floating-action-container.speechBubble .floating-action-green-text{display:inline-block;margin-top:4px;padding:2px 8px;background:#a4ce4e;border-radius:24px;margin-left:auto;margin-right:auto}
.floating-action .floating-action-container.speechBubble .floating-action-green-text span{color:#000;font-family:'MetLifeCircular','Arial','Helvetica','sans-serif';font-size:12px;font-weight:500;letter-spacing:2px}
.floating-action .floating-action-icon>a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:50%;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.15);box-shadow:0 0 15px 0 rgba(0,0,0,0.15);padding:16px}
.floating-action .floating-action-icon img.icon{height:32px;width:32px}
.floating-action .floating-action-icon.icon.blue>a{background:-o-linear-gradient(top,#0090da 0,#0061a0 100%);background:-webkit-gradient(linear,left top,left bottom,from(#0090da),to(#0061a0));background:linear-gradient(180deg,#0090da 0,#0061a0 100%)}
.floating-action .floating-action-icon.icon.blue>a:hover{background:-o-linear-gradient(left,#1e4c76 0,#007abc 100%);background:-webkit-gradient(linear,left top,right top,from(#1e4c76),to(#007abc));background:linear-gradient(90deg,#1e4c76 0,#007abc 100%)}
.floating-action .floating-action-icon.icon.black>a{background:#333}
.floating-action .floating-action-icon.icon.black>a:hover{background:#000}
.floating-action .floating-action-icon.icon.black>a:focus{outline-color:#000}
.floating-action.expandCollapse .floating-action-icon.image{height:54px;width:54px;border-radius:50%}
.floating-action.expandCollapse .floating-action-icon.image.gradient{border:3px solid transparent;background:-webkit-gradient(linear,right top,left top,from(#a4ce4e),to(#0090da)) border-box;background:-o-linear-gradient(right,#a4ce4e,#0090da) border-box;background:linear-gradient(to left,#a4ce4e,#0090da) border-box}
.floating-action.expandCollapse .floating-action-icon.image img{height:48px;width:48px;border-radius:50%}
.floating-action.expandCollapse .floating-action-wrapper.collapsed:hover .gradient{background:-webkit-gradient(linear,right top,left top,from(#278280),to(#0061a0)) border-box;background:-o-linear-gradient(right,#278280,#0061a0) border-box;background:linear-gradient(to left,#278280,#0061a0) border-box}
.floating-action.speechBubble .floating-action-icon.image>a{padding:0;height:64px;width:64px;border-radius:50%;border:3px solid transparent;background:-webkit-gradient(linear,right top,left top,from(#a4ce4e),to(#0090da)) border-box;background:-o-linear-gradient(right,#a4ce4e,#0090da) border-box;background:linear-gradient(to left,#a4ce4e,#0090da) border-box}
.floating-action.speechBubble .floating-action-icon.image>a:hover{background:-webkit-gradient(linear,right top,left top,from(#278280),to(#0061a0)) border-box;background:-o-linear-gradient(right,#278280,#0061a0) border-box;background:linear-gradient(to left,#278280,#0061a0) border-box}
.floating-action.speechBubble .floating-action-icon.image img{height:58px;width:58px;border-radius:50%}
.floating-action .floating-action-tooltip .close{position:absolute;top:8px;right:16px;border:0;background:transparent}
.floating-action .floating-action-tooltip .close .close-icon{display:block;background:url('../../../../../../content/dam/globalMarketingPlatformAssets/images/utility/icon-close.svg') no-repeat;background-size:100%;height:16px;width:16px}
.floating-action .floating-action-tooltip .tool-tip-header{font-size:14px;font-weight:600;line-height:21px;padding-right:32px}
.floating-action .floating-action-tooltip .tool-tip-copy{font-size:12px;font-weight:400;line-height:18px;margin-top:2px}
.floating-action .floating-action-tooltip .tool-tip-cta{display:block;font-size:14px;font-weight:600;line-height:21px;text-transform:capitalize;margin-top:2px}
.floating-action .floating-action-tooltip svg{height:11px;width:8px;color:#007abc;fill:none;stroke:#007abc;margin-left:8px;margin-top:3px}
.floating-action.expandCollapse .floating-action-tooltip .tool-tip-header{font-size:16px;line-height:24px}
.floating-action.expandCollapse .floating-action-tooltip .tool-tip-copy{margin-top:0;font-size:14px;line-height:21px}
.floating-action.expandCollapse .floating-action-tooltip .tool-tip-cta{margin-top:0;font-size:16px;line-height:24px}
.floating-action.speechBubble.twozoom .floating-action-container.speechBubble .floating-action-tooltip.left{top:calc(45% - 16px)}
.floating-action.speechBubble.twozoom .floating-action-container.speechBubble .floating-action-tooltip.left .arrow{z-index:1;top:55%}
.floating-action.speechBubble.twozoom .floating-action-container.speechBubble .floating-action-tooltip.left .close{z-index:2}
.floating-action.speechBubble.twozoom .floating-action-container.speechBubble .floating-action-tooltip.left .tooltip-content{max-height:150px;overflow-y:auto;position:relative;z-index:1;padding-right:25px}
.floating-action.speechBubble.fourzoom{bottom:3px}
.floating-action.speechBubble.fourzoom .floating-action-container.speechBubble .floating-action-tooltip.left{top:calc(67% - 16px)}
.floating-action.speechBubble.fourzoom .floating-action-container.speechBubble .floating-action-tooltip.left .arrow{z-index:1;top:35%}
.floating-action.speechBubble.fourzoom .floating-action-container.speechBubble .floating-action-tooltip.left .close{z-index:2}
.floating-action.speechBubble.fourzoom .floating-action-container.speechBubble .floating-action-tooltip.left .tooltip-content{max-height:90px;overflow-y:auto;position:relative;z-index:1;padding-right:25px}
.floating-action.expandCollapse.fourzoom{z-index:1002}
@media screen and (min-width:768px){.floating-action .floating-action-container.speechBubble .floating-action-tooltip .tooltip-content{padding:16px}
.floating-action .floating-action-container.speechBubble .floating-action-tooltip .close{top:16px;right:16px}
.floating-action .floating-action-container.speechBubble .floating-action-tooltip .tool-tip-header{font-size:16px;line-height:24px}
.floating-action .floating-action-container.speechBubble .floating-action-tooltip .tool-tip-copy{font-size:14px;line-height:21px}
.floating-action .floating-action-container.speechBubble .floating-action-tooltip .tool-tip-cta{font-size:16px;line-height:24px}
}
body.keyboard-active .floating-action .floating-action-icon a{outline-offset:2px}
body.keyboard-active .floating-action .expandCollapse .floating-action-wrapper{outline-offset:-4px}
body[dir="rtl"] .floating-action.speechBubble{left:16px;right:initial}
body[dir="rtl"] .floating-action.expandCollapse{left:0;right:initial}
body[dir="rtl"] .floating-action .floating-action-container.expandCollapse{border-radius:0 80px 80px 0;border:3px solid transparent;border-left:0}
body[dir="rtl"] .floating-action .floating-action-container.expandCollapse .floating-action-wrapper{border-radius:0 80px 80px 0}
body[dir="rtl"] .floating-action .floating-action-container.expandCollapse .floating-action-wrapper[aria-expanded="false"]{padding-left:4px;padding-right:16px}
body[dir="rtl"] .floating-action .floating-action-container.expandCollapse .floating-action-tooltip{margin-right:16px;margin-left:initial}
body[dir="rtl"] .floating-action .floating-action-container.speechBubble .floating-action-tooltip.top{left:0;right:initial}
body[dir="rtl"] .floating-action .floating-action-container.speechBubble .floating-action-tooltip.top .arrow{left:22px;right:initial}
body[dir="rtl"] .floating-action .floating-action-container.speechBubble .floating-action-tooltip.left{left:calc(100% + 16px);right:initial}
body[dir="rtl"] .floating-action .floating-action-container.speechBubble .floating-action-tooltip.left .arrow{left:-13px;right:initial;-webkit-transform:scaleX(-1) translateY(-50%);-ms-transform:scaleX(-1) translateY(-50%);transform:scaleX(-1) translateY(-50%)}
body[dir="rtl"] .floating-action .floating-action-container.speechBubble .dot{right:0;left:initial}
body[dir="rtl"] .floating-action .floating-action-tooltip .close{left:16px;right:initial}
body[dir="rtl"] .floating-action .floating-action-tooltip .tool-tip-header{padding-left:32px;padding-right:initial}
body[dir="rtl"] .floating-action .floating-action-tooltip svg{margin-right:8px;margin-left:initial;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
body[dir="rtl"] .floating-action.speechBubble.twozoom .floating-action-container.speechBubble .floating-action-tooltip.left .tooltip-content,body[dir="rtl"] .floating-action.speechBubble.fourzoom .floating-action-container.speechBubble .floating-action-tooltip.left .tooltip-content{padding-right:16px;padding-left:25px}
@media screen and (min-width:768px){body[dir="rtl"] .floating-action .floating-action-container.speechBubble .floating-action-tooltip .close{left:16px;right:initial}
}