@font-face{
	font-family: "Poppins-Light";
	src: url("https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=Poppins-Light.ttf");
}
@font-face{
	font-family: "Poppins-Regular";
	src: url("https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=Poppins-Regular.ttf");
}
@font-face{
	font-family: "Poppins-Bold";
	src: url("https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=Poppins-Bold.ttf");
}
@font-face{
	font-family: "Poppins-SemiBold";
	src: url("https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=Poppins-SemiBold.ttf");
}
:root{
	/** COLORS */
	--primary-white: white;
	--primary-black: #030504;
    --primary-grey: #EAEAEA;
    --primary-blue: #4A8FFF;
    --primary-green: #37D161;
    --primary-orange: #FF8200;
    --primary-red: #EF2020;

	--btn-icons-color : #096766;
	--call-btn-color : #096766;
	--main-background-color : #FFFFFF;
	--default-main-body-background-color : #FAFAFA;
	--bg-light-grey: #F0EFEF;
    --border-grey: #F2F2F2;
	--button-blue: #075DFF;
	--button-green: #00B70E;
    --button-forest-green: #3A711D;
    --accept-button-background-color: #2ACB61;
    --accept-button-text-color: #FFFFFF;
    --accept-button-active-background-color: #23A950;
    --reject-button-background-color: #C5C5C5;
    --reject-button-text-color: #000000;
    --reject-button-active-background-color: #A6A6A6;
    --background-color-gray: #F0F0F0;
    --dark-mode-dark-gray: #222222;
    --dark-mode-lighter-gray: #3C3C3C;
    --light-gray: #F8F8F8;
    --font-grey: #AAA;


    --ft-typing-indicator-animation: ft-dot 1.5s infinite;

	/** FONTS */
	--font-primary-light : "Poppins-Light";
	--font-primary-regular : "Poppins-Regular";
	--font-primary-semibold : "Poppins-SemiBold";
	--font-primary-bold : "Poppins-Bold";

	/** MISC */
    --ft-bubble-radius: 20px;
    --ft-widget-default-logo: url("https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=generic_widget_icon.png");
}

.ft-black-on-white {
	color: var(--primary-black);
	background-color: var(--primary-white);
}
.ft-black-on-grey {
	color: var(--primary-black);
	background-color: var(--primary-grey);
}
.ft-black-on-light-grey {
	color: var(--primary-black);
	background-color: var(--bg-light-grey);
}
.ft-white-on-black {
	color: var(--primary-white);
	background-color: var(--primary-black);
}
.ft-white-on-blue {
	color: var(--primary-white);
	background-color: var(--primary-blue);
}
.ft-white-on-green {
	color: var(--primary-white);
	background-color: var(--primary-green);
}
.ft-icon-black {
	background-color: var(--primary-black);
}
.ft-icon-white {
	background-color: var(--primary-white);
}
.ft-icon-blue {
	background-color: var(--primary-blue);
}
.ft-white-on-forest-green {
    background-color: var(--button-forest-green);
    color: var(--primary-white);
}

.ft_section_widget .ft_section_widget__item_checkbox_label,
.ft_section_widget .ft_section_widget__item_setting_checkbox_label {
    /*background-image: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=csscheckbox_black.png');*/
    background-image: url('csscheckbox_black.png');
}
.ft-forest-green-filter {
    filter: invert(38%) sepia(16%) saturate(1966%) hue-rotate(55deg) brightness(90%) contrast(87%);
}

.ft_iconset_mute_audio {
    height: 19.5px;
    width: 10.39px;
    mask: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=mute_audio.png&component=branch') center center;
    mask-size: 19.5px 10.39px;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=mute_audio.png&component=branch');
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}

.ft_iconset_unmute_audio {
    height: 19.5px;
    width: 19.5px;
    mask: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=unmute_audio.png&component=branch') center center;
    mask-size: 19.5px 19.5px;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=unmute_audio.png&component=branch');
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}

.ft_iconset_mute_video {
    height: 18px;
    width: 26px;
    mask: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=mute_video.png&component=branch') center center;
    mask-size: 18px 26px;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=mute_video.png&component=branch');
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}

.ft_iconset_unmute_video {
    height: 23.15px;
    width: 21.93px;
    mask: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=unmute_video.png&component=branch') center center;
    mask-size: 23.15px 21.93px;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=unmute_video.png&component=branch');
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}

.ft_iconset_phone {
    height: 10px;
    width: 30px;
    mask: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=end_call.png&component=branch') center center;
    mask-size: 10px 30px;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=end_call.png&component=branch');
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}

.ft_iconset_arrow_right {
    width: 14px;
    height: 9px;
    mask: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=arrow.png&component=branch') center center;
    mask-size: 10px 13.6px;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=arrow.png&component=branch');
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}

.ft_iconset_expander_closed {
    width: 14px;
    height: 9px;
    mask: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=toggle2_open.png&component=branch') center center;
    mask-size: 10px 13.6px;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=toggle2_open.png&component=branch');
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}

.ft_iconset_expander_open {
    width: 14px;
    height: 9px;
    mask: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=toggle2_close.png&component=branch') center center;
    mask-size: 10px 13.6px;
    mask-repeat: no-repeat;
    -webkit-mask-image: url('https://main.financialtown.com/financial_town/view/javascript/embed_content.php?filename=toggle2_close.png&component=branch');
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
}


/** TYPING INDICATOR */
.ft-typing-indicator-container, .ft-widget-container .ft-typing-indicator-container {
	display: none;
    padding: 0px 0px 10px 0px;
    text-align: center;
    width: 100%;
}

.ft-typing-indicator, .ft-widget-container .ft-typing-indicator-container .ft-typing-indicator {
	background: var(--primary-green);
    border-radius: 20px 20px 20px 2px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    padding: 8px 10px;
    gap: 3px;
}

.ft-typing-indicator > div
, .ft-widget-container .ft-typing-indicator-container .ft-typing-indicator > div {
	background: white;
    border-radius: 50px;
    display: inline-block;
    height: 10px;
    width: 10px;
}

.ft-typing-indicator div:first-child
, .ft-widget-container .ft-typing-indicator-container .ft-typing-indicator div:first-child{
    animation: var(--ft-typing-indicator-animation);
    animation-delay: 0.0s;
    opacity: 0;
    -webkit-animation: var(--ft-typing-indicator-animation);
    -webkit-animation-delay: 0.0s;
}

.ft-typing-indicator div:nth-child(2)
, .ft-widget-container .ft-typing-indicator-container .ft-typing-indicator div:nth-child(2){
    animation: var(--ft-typing-indicator-animation);
    animation-delay: 0.2s;
    opacity: 0;
    -webkit-animation: var(--ft-typing-indicator-animation);
    -webkit-animation-delay: 0.2s;
}

.ft-typing-indicator div:nth-child(3)
, .ft-widget-container .ft-typing-indicator-container .ft-typing-indicator div:nth-child(3){
    animation: var(--ft-typing-indicator-animation);
    animation-delay: 0.3s;
    opacity: 0;
    -webkit-animation: var(--ft-typing-indicator-animation);
    -webkit-animation-delay: 0.3s;
}

@-webkit-keyframes ft-dot {
    0% { opacity: 0; }
   50% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes ft-dot {
    0% { opacity: 0; }
   50% { opacity: 0; }
  100% { opacity: 1; }
}
/** END TYPING INDICATOR */ 