/* 7fb1bf - Our blue color */
/* fa5a5a - red button / text color */

/*
CTA - F1B117
Base - 67618F
*/

html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}body{line-height:1;color:black;background:white;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}

html { height: 0; padding: 0; margin: 0; }
body { background: #FFFFFF; margin: 0; padding: 0; font-family: Inter; font-size: 110%; line-height: 1.1; }
#body, #header { margin: 0; padding: 0; color: #302d43; font-size: 110%; font-family: Inter; line-height: 1.1; }
#body { padding: 5px 10px; padding-top: 20px; text-align: left; }
.header_link { color: white !important; }
.pagetitle { font-size: 230%; line-height: 1.1; margin-top: 10px; margin-bottom: 25px; }
.pagesubtitle { font-size: 130%; font-family: 'Montserrat', sans-serif; font-weight: bold; line-height: 1.1; }
.title_font { font-family: Mont; }

ul {list-style-type: disc; margin: 15px 0; margin-left: 40px; }
ol { list-style-type: decimal; margin: 15px 0;  margin-left: 40px; }
ol li, ul li { padding: 2px 5px; }

img { max-width: 100%; }

input[type='checkbox'] { width:  13px; }
input:disabled, select:disabled { border: 1px solid #999999; background-color: #cccccc; color: #666666; }
#powerTip {
	white-space: normal;
 }
label.checkbox input[type="checkbox"]
{
	opacity: 0;
	position: absolute;
}
label.checkbox span
{
	display:inline-block;
	border-radius:3px;
	width:32px;
	height:32px;
	vertical-align:middle;
	margin:3px;
	position: relative;
     border: 2px solid black;
	border-radius: 5px;
	background: #FFFFFF;
}
label.checkbox :checked + span:after
{
	content: '\2714';
	font-size: 28px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #67618F;
}
.block { display: block; width: 100%; }

.transparent_bg { background-color: rgba(0,0,0,0.3); }
.transparent_bg_dark { background-color: rgba(0,0,0,0.6); }
.cta_filter { filter: invert(58%) sepia(100%) saturate(388%) hue-rotate(4deg) brightness(153%) contrast(94%); }

.bottomleft { position: absolute; bottom: 0 !important; left: 0 !important; }

#popup_center_container { position: fixed; width: 100%; height: 100%; z-index: 905; display: none; }
#popup_center_display { z-index: 906; position: fixed; left: 0; right: 0; top: 5%; width: 75%; height: 90%; max-height: 90%; margin: auto; max-width: 100%; border: solid 3px; border-radius: 5px; }

#message_notification_container { color: #000000; background-color: white; }
.message_subscribe_button { position: fixed; bottom: 25px; left: 25px; }
#message_notification_container {display: none; position: fixed; top: 0; width: 100%; z-index: 951; font-size: 115%; text-align: center; border-style: solid; border-width: 0px 0px 3px 0px; border-radius: 0px 5px 0 0;  }
#message_notification_area {display: table; padding: 10px; margin: 0 auto; margin-top: 10px; margin-bottom: 10px; text-align: center; width: 95%; }
#message_notification_text { display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto; }
.message_notification_highlight_success { background-image:none !important; -webkit-animation: fadeOutSuccess 3s ease-in-out; -moz-animation: fadeOutSuccess 3s ease-in-out; -o-animation: fadeOutSuccess 3s ease-in-out; animation: fadeOutSuccess 3s ease-in-out; }
.message_notification_highlight_failure { background-image:none !important; -webkit-animation: fadeOutFailure 3s ease-in-out; -moz-animation: fadeOutFailure 3s ease-in-out; -o-animation: fadeOutFailure 3s ease-in-out; animation: fadeOutFailure 3s ease-in-out; }
.message_notification_color_success { background-image:none !important; background-color: green !important; color: white !important; }
.message_notification_color_failure { background-image:none !important; background-color: red !important; color: white !important; }
.message_notification_color_warning { background-image:none !important; background-color: #E39334 !important; color: white !important; }
.button_highlight_anim { -webkit-animation: buttonActiveAnim 3s ease-in-out infinite; -moz-animation: buttonActiveAnim 3s ease-in-out infinite; -o-animation: buttonActiveAnim 3s ease-in-out infinite; animation: buttonActiveAnim 3s ease-in-out infinite; }
@keyframes fadeOutSuccess { 0%   { background-color: #FFFFFF; } 50%  { background-color: #BCED91; } 100% { background-color: #FFFFFF; }}
@keyframes fadeOutFailure { 0%   { background-color: #FFFFFF; } 50%  { background-color: #ff6666; } 100% { background-color: #FFFFFF; }}

#loading_container { display: none; text-align: center; }
#loading_background { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; z-index: 950; opacity: 0.80; }
#popup_background { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; z-index: 900; opacity: 0.80; }
#loading_text { position: fixed; width: 100%; top: 40%; transform: translate3d(0,-100%,0); padding: 20px 0; color: #FFFFFF; z-index: 951; font-size: 110%; border-radius: 10px; -webkit-backface-visibility: hidden; backface-visibility: hidden; filter: blur(0); -webkit-filter: blur(0); }
#loading_message { font-size: 130%; padding:  0 20px; }
#loading_icon_container { position: absolute; left: 49%; }
#loading_icon, #loading_circle { position: absolute; display: block; margin: 0 auto; top: 15px; border: 0; left: -30px; }

#loading_icon, .loading_icon { background-image: url('https://images.emdrremote.com/images/icons/loading_icon.png'); background-size: 100% 100%; width: 60px; height: 60px; }
.SpinForever { -webkit-animation:spin 1s linear infinite; -moz-animation:spin 1s linear infinite; animation:spin 1s linear infinite; }
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.AlwaysSpinForever { -webkit-animation:alwaysspin 1s linear infinite; -moz-animation:alwaysspin 1s linear infinite; animation:alwaysspin 1s linear infinite; }
@-moz-keyframes alwaysspin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes alwaysspin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes alwaysspin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

#loading_circle { width: 60px; height: 60px; border-radius: 50px; background-color: white; }
.ScaleForever { -webkit-animation:scale 1.5s ease-in-out infinite alternate; -moz-animation:scale 1.5s ease-in-out infinite alternate; animation:scale 1.5s ease-in-out infinite alternate; }
@keyframes scale { 0% { transform: scale(0.15); }100% { transform: scale(0.4); }}

.leftright_animation {
	-moz-animation: leftright_animation 3s infinite;
	-webkit-animation: leftright_animation 3s infinite;
	animation: leftright_animation 3s infinite;
}

@keyframes leftright_animation {
	0%, 20%, 50%, 80%, 100% {
	  -moz-transform: translateX(0);
	  -ms-transform: translateX(0);
	  -webkit-transform: translateX(0);
	  transform: translateX(0);
	}
	40% {
	  -moz-transform: translateX(-20px);
	  -ms-transform: translateX(-20px);
	  -webkit-transform: translateX(-20px);
	  transform: translateX(-20px);
	}
	60% {
	  -moz-transform: translateX(-15px);
	  -ms-transform: translateX(-15px);
	  -webkit-transform: translateX(-15px);
	  transform: translateX(-15px);
	}
   }

.moveupdown_object {
	animation: MoveUpDown 1s linear infinite;
	position: absolute;
	left: 0;
	bottom: 0;
   }

   @keyframes MoveUpDown {
	0%, 100% {
	  bottom: 0;
	}
	50% {
	  bottom: 15px;
	}
   }

.pulsate {
	-webkit-animation: pulsate 3s ease-out;
	-webkit-animation-iteration-count: infinite;
	opacity: 0.2;
}
@-webkit-keyframes pulsate {
	0% {
		opacity: 0.2;
	}
	50% {
		opacity: 1.0;
	}
	100% {
		opacity: 0.2;
	}
}

.disabled_visually { background-color: lightgrey !important; }

.close_button {position: absolute; right: 0; bottom: -29px; line-height: 12px; font-size: 100%; padding: 7px 20px;  text-align: center; margin: 0 auto; border-radius: 3px 0 0 0; border-style: solid; border-width: 0px 3px 3px 3px; font-weight: bold; cursor: pointer; text-decoration: none; border-radius: 0 0 7px 7px; }
.close_button_top {position: absolute; right: 0; top: -29px; line-height: 12px; font-size: 110%; padding: 7px 20px; text-align: center; margin: 0 auto; border-radius: 3px 0 0 0; border-style: solid; border-width: 3px 3px 0px 3px; font-weight: bold; cursor: pointer; text-decoration: none; border-radius: 7px 7px 0px 0px; }
.close_button_simple { position: absolute; right: 0; top: 0; z-index: 5; color: red; line-height: 20px; font-size: 110%; text-align: center; margin: 0 auto; border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; padding: 3px 15px; font-weight: bold; cursor: pointer; text-decoration: none; border-radius: 4px;  }
.close_button_simple:hover {color: black; text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; }
.close_button_simple_black { position: absolute; top: 0; left: 0; z-index: 5; line-height: 20px; font-size: 110%; text-align: center; border-color:  grey !important; border-radius: 2px 2px 2px 2px; border-style: solid; border-width: 1px; padding: 3px 15px; font-weight: bold; cursor: pointer; text-decoration: none; border-radius: 4px;  }
.close_button_simple_black:hover { text-decoration: none; color: red; text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; }

.close_button { background-color: white; color: black; }
.close_button_top { background-color: white; color: black; }
.close_button:hover, .close_button_top:hover { color: black;  }
.close_button_simple_black { background-color: grey; color: white; }

.close_black_button {display: block; width: 25px; text-align: center; border-radius: 3px; padding: 0 15px; background-color: #000000; color: #ffffff; font-weight: bold; cursor: pointer; text-decoration: none; }
.close_red_button {display: block; width: 25px; text-align: center; border-radius: 3px; padding: 0 15px; background-color: #D22E2E; color: #ffffff; font-weight: bold; cursor: pointer; text-decoration: none; z-index: 10;}
.close_black_button:hover { background-color: #D22E2E; }
.close_red_button:hover { background-color: white; color: black; }
.close_no_border { font-weight: bold; padding: 5px 5px; }
.close_no_border:hover { color:  red; }

.block_display { display: block; }
.block_nodisplay { display: none; }
.hide { display: none; }

#powerTip { font-size: 90%; }
#save_notification { position: fixed; bottom: 5px; left: 15px; z-index: 1000; font-size: 100%; font-weight: bold; color: white; background-color: #4eba7e; padding: 10px 20px; border-radius: 3px; }

#popup_bottomleft_container { z-index: 900; position: fixed; display: none; left: 15px; bottom: 15px; height: auto; width: 300px; height: auto; border: solid 3px; border-radius: 5px; }
#popup_bottomright_container { z-index: 905; position: fixed; display: none; right: 15px; bottom: 15px; width: 400px; height: auto; border: solid 3px; border-radius: 5px; max-height: calc(100% - 50px); }
#popup_bottomright_display { padding: 15px; }
#popup_smallnotification_container { z-index: 910; text-align: center; position: fixed; display: none; background-color: green; color: white;  top: 5px; right: 5px; cursor: pointer; font-size: 95%; width: 400px; max-width: 100%; height: auto; border: solid 1px; border-radius: 5px; }
#popup_smallnotification_display { padding: 15px 10px; }
#popup_bottom_container { z-index: 900; position: fixed; display: none; left: 0px; bottom: 0px; width: 99%; height: auto; border: solid 3px; border-bottom: 0; border-radius: 5px; }
#popup_social_container { z-index: 10; position: fixed; display: none; right: 200px; max-width: 300px; bottom: 0px; width: auto; height: auto; border: solid 2px grey; border-radius: 5px 5px 0 0; line-height: 1.2; padding: 5px 15px; font-size: 90%; color: white; }
#popup_fullscreen_container, #popup_tutorial_container { position: fixed; width: 100%; height: 100%; z-index: 800; display: none; }
#popup_fullscreen_display { z-index: 901; position: fixed; left: 0; right: 0; top:1%; background-color: black;  max-width: 1280px; margin: 0 auto; height: 98%; margin: auto; border: solid 3px; border-radius: 5px; overflow: hidden; }
#right_settings_panel_container { background-color: #FFFFFF; border-left: solid 2px grey !important; }

#popup_bottom_container { background-color: black; color: white !important;  }
#popup_center_display, #popup_bottomleft_container, #popup_bottomright_container { background-color: white; color: black; }

#popup_tutorial_container { padding: 20px; }
#popup_tutorial_display { position: relative; z-index: 1000; }
#popup_tutorial_title, #popup_tutorial_instructions { position: relative; color: white; z-index: 1000; }
#popup_tutorial_title { font-size: 160%; }
#popup_tutorial_instructions { font-size: 110%; margin-top: 20px; }
.tutorial_arrow_container { position: relative; height: 65px; width: 100%; pointer-events: none;  }
.tutorial_arrow { width: 75px; height: 75px; }
.tutorial_list li { padding: 10px; }

.header_menu_container { padding: 15px 35px; }
.header_menu_container .hm_logo { float: left; width: 85px; height: 52px; }
.header_menu_container #hm_menu_desktop { display: block; }
.header_menu_container #hm_menu_mobile { display: none; }
.header_menu_container #hm_menu_mobile_menu { display: none; }

.header_menu_container .hm_link_container {
	float: right;
	margin-top: 13px;
}
.header_menu_container .hm_link {
	font-family: Mont;
	font-style: normal;
	font-weight: 800;
	font-size: 18px;
	line-height: 23px;
	letter-spacing: -0.01em;
	color: #F4F3F4;
	margin: 0 10px;
	transition: color 0.5s, border-color 0.5s;
}


.header_menu_container .hm_link_cta {
	padding: 8px 32px;
	width: 118px;
	height: 39px;
	border: 2px solid #F4F3F4;
	box-sizing: border-box;
	border-radius: 50px;
}

#index_sitename { font-size: 400%; margin-top: 0px; line-height: 1.1; margin-bottom: 30px; }
#index_cta_button { float: left; padding: 50px 50px; font-size: 180%; margin: 20px 0; border-radius: 5px;  }
#index_cta_divider { float: left; display: inline-block; font-size: 200%; font-weight: bold; padding: 80px 70px; }
#index_cta_other_actions_container { float: right; width: 300px; }
.index_options_container { margin: 0 auto; padding: 40px 100px; margin-top: 20px; display: inline-block; }
.index_col { position: relative; display: inline-block; width: 300px; }
.index_col_1 { float: left; }
.index_col_2 { float: right; }
.index_col_divider { float: left; width: 50px; }
.index_row_divider { clear: both; margin-bottom: 80px; }
.index_button_label { position: relative; top: 18px; font-size: 110%; }

#login_searchbar { width: 100%; margin: 0; margin-bottom: 5px; }
#login_col_1 { float: left; width: 400px; padding-left: 10px; }
#login_col_2 { position: relative; float: right; width: calc(100% - 570px); }

#server_shutdown_disclaimer { position: absolute; top: -80px; }
.client_login_button { width: 300px !important; height: 50px; float: left; margin-right: 10px !important; }
.therapist_login_container { float: left; width: 100%; }
.therapist_login_button { width: 300px !important; height: 50px; float: left; margin-right: 10px !important; }
.therapist_login_or { text-align: center; font-size: 140%; margin: 35px 0; font-weight: bold; }
.no-click { pointer-events: none; opacity: 0.6; user-select: none; }
#passes_counter { font-size: 150%; font-weight: bold; margin-right: 5px; }

#shape, .shape { position: absolute; will-change: transform; z-index: 100; pointer-events: auto; }

.shape_circle { border-radius: 50%; }
.shape_square { border-radius: 0; }
.shape_rectangle { border-radius: 0;}
.shape_oval { border-radius: 50%; }
.shape_icon_container { display: inline-block; }
.shape_icon { width: 50px; margin: 0 10px; }
.settings_lightbar, .settings_general, .settings_profile, .settings_cookie { width: 100%; }

.input_label { display: inline-block; margin-right: 10px; }
.input_label_overlay { position: absolute; bottom: 2px; right: 5px; color: dimgrey; font-size: 80%; text-align: right; pointer-events: none; }

.input_container { margin-bottom: 10px; }
.input { padding: 10px 10px; padding-bottom: 12px; font-size: 110%; margin-bottom: 5px; border: solid 1px lightgrey;}
.select { display: block; padding: 10px 10px; font-size: 110%; margin-bottom: 5px; }
.input_signup { width: 100%; }
.link { color: inherit; cursor: pointer; text-decoration: none; transition: color 0.5s, background-color 0.5s, border-color 0.5s; }
.link:hover { color: inherit; text-decoration: none; }

#lightbar_menu { position: fixed; left: 5px; bottom: 90px; width: auto; height: 45px; padding-left: 15px; }
.lightbar_menu_button { margin: 0; font-size: 85%; text-align: center; margin-bottom: 3px; }
#stopwatch_container { margin-bottom: 5px; }
#passes_counter_container { width: 130px; font-size: 95%; }

#main_controls_container { z-index: 5; }
#controls_menu { display: none; position: absolute; top: 60px; left: 0; width: 457px; z-index: 15; overflow: hidden; }
#controls_menu_button { float: left; position: relative; width: 280px; padding: 8px; padding-bottom: 7px;  z-index: 5; margin-right: 5px; }
#controls_client_view_button { float: left; text-align: center; padding: 9px 8px; font-size: 80%; width: 110px; }
#controls_tooltype_button { float: left; text-align: center; padding: 9px 8px; font-size: 80%; width: 155px; }
.controls_menu_button { font-size: 85%;  }
#session_timer { position: absolute; font-size: 90%; bottom: -40px; }
#passes_timer_container { position: relative; display: inline-block; float: left; margin-left: 30px; width: 110px; }

.sound_select_column { float: right; width: calc(33%); padding: 20px; }
.sound_select_column_title { text-align: center; font-size: 110%; font-weight: bold; border-bottom: solid 1px grey; margin-bottom: 10px; }
.sound_select_link { display: block; padding: 10px; }

#settings_container { position: relative; text-align: left; padding-bottom: 50px; }
#settings_content { padding: 0 10px; }
.settings_titlebar { padding: 14px 20px; padding-bottom: 15px; background-color: grey; color: white; text-align: center; font-weight: bold; font-size: 120%; margin-bottom: 20px; }
.settings_input_label { width: 100%; padding-bottom: 2px; padding-left: 2px; }
.setting_tag { display: inline-block; padding: 7px 15px; border: solid 2px #7fb1bf; background-color: rgba(127, 177, 191, 0.7); color: white; border-radius: 5px; margin: 3px 1px;}

#main_content { position: absolute; width: 100%;  }
#video_service_disclaimer { position: relative; font-size: 90%; margin-bottom: 20px; }
#zmmtg-root, .video_container { position: absolute; contain: layout; background-color: transparent !important; }
#zmmtg-root #content_container { max-height: 100% !important; overflow-y: scroll; }
#participant_info_container
{
	display: none;
	z-index: 10;
}
/* Client View */
#client_view_container { display: block; visibility: hidden; position: fixed; left: 0; top: 0; z-index: 5; width: 100%; height: 100%; overflow: hidden; pointer-events: none; }
#client_view_menu { pointer-events: auto; }
#client_view_controls { position: relative; z-index: 7; padding-left: 7px; padding-top: 3px;  }
#client_view { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 15px; overflow: hidden; }
#client_view_label { padding: 10px; font-size: 110%; }
#client_view_label_title {  font-weight: bold; }
#client_view_label_text { padding-top: 6px; }
#client_view_label_close { font-size: 80%; margin-top: 15px; }

/* Waiting Room */
#toggle_email_client_button { position: absolute; top: 5px; right: 5px; padding: 10px 0px; text-align: center; width: 220px; z-index: 5; }
#controls_help_button { position: absolute; top: 5px; right: 230px; padding: 10px 30px; width: 180px; text-align: center; z-index: 5; }
#waiting_room { position: relative; z-index: 5; }
#waiting_room_icon_container { position: relative; z-index: 1; }
.helptip { position: absolute; top: 0; font-weight: bold; cursor: help; }
.helptip_title { text-decoration: underline; font-weight: bold; margin-bottom: 10px; }
.helptip_content { font-size: 90%; }
.tooltip_popup { font-size: 75% !important; opacity: 1 !important; background-color: white !important; padding: 10px 15px !important; border: solid 1px lightgrey !important; right: 0px; top: 0px; font-weight: normal; font-size: 80%; }

.homepage_calltoaction { font-size: 170%;  }
.help_tutorial_container { float: left; width: 500px; margin: 40px; margin-bottom: 70px; }
.help_title { text-align: center; font-size: 110%; font-weight: bold; border-bottom: solid 1px grey; margin-bottom: 10px; margin-top: 10px;}
.help_content { padding: 10px; }

.faq_search_label { margin-right: 10px; }
.faq_search_input { margin-bottom: 20px; }

.faq_container { margin-bottom: 50px; }
.faq_question { font-size: 130%; line-height: 1.1; font-weight: bold; margin-bottom: 5px; text-decoration: underline; }
.faq_answer { margin-bottom: 40px; }
.faq_iframe_container { margin-top: 15px; }

.blog_menu, .blog_content_container { position: fixed; top: 85px; padding: 15px; height: calc(100vh - 85px); overflow-y: auto; }
.blog_menu { width: 280px; }
.blog_content_container { right: 0px; width: calc(100% - 320px); }
.blog_menu_title { font-size: 120%; margin-bottom: 10px; }

.blog_content_section_title { font-weight: bold; font-size: 120%; }
.blog_content_section { margin-bottom: 50px; }

.news_container { margin-bottom: 50px; margin-left: 10px; }
.news_content { margin-top: 10px;  }
.news_content li { padding: 5px; padding-left: 0; }

#google_translate_element, #google_translate_button { position: fixed; right: 0; bottom: 0; background-color: darkgrey; padding: 5px 15px; border-radius: 5px 0 0 0; }
#google_translate_element { display: none; }
#google_translate_element select { padding: 8px 12px; }
#google_translate_button { color: white; }

.admin_table { border-collapse: collapse; text-align: left; }
.admin_table td { padding: 10px 25px; border-bottom: solid 1px lightgrey; }

#admin_stats_table { width: 100%; max-width: 1280px; font-size: 100%; }
#admin_email_list { width: calc(100% - 450px); max-width: 48%; float: right; text-align: left; }

.promocode_enter_message { margin-top: 40px; color: #7fb1bf;  }

/* Signup Page */
.signup_page { position: relative; max-width: 1440px; margin: 0 auto; margin-top: 5px; }
.signup_title { font-family: Mont; font-style: normal; font-weight: 800; font-size: 32px; line-height: 41px; letter-spacing: -0.02em; color: #67618F; }
.signup_title_subline { font-family: Inter; font-style: italic; font-weight: normal; font-size: 24px; line-height: 150%; margin-top: 10px; color:#828282; }
.signup_container { position: relative; padding: 64px; max-width: 488px; margin: 30px auto; background: #F4F3F4; border-radius: 20px; }
.signup_input_fields_container { padding: 0px; margin-bottom: 30px; }
.signup_input_fields_container_logged_in { height: 140px; }
.signup_input_name { padding: 16px; height: 59px; width: 100%; border: 2px solid #E0E0E0; box-sizing: border-box; border-radius: 10px; }
.signup_input_email { padding: 16px; height: 59px; width: 100%; border: 2px solid #E0E0E0; box-sizing: border-box; border-radius: 10px; }

.signup_agreement_container { position: relative; height: 90px; }
.signup_agreement_checkbox_container { position: absolute; width: 32px; height: 32px; left: -20px; top: -8px; }
.signup_agreement_text { position: absolute; width: calc(100% - 50px); left: 48px; top: 0px; text-align: left; font-family: Inter; font-style: normal; font-weight: normal; font-size: 16px; line-height: 150%;  }

.signup_button_cta { margin-top: 0px; }

.button_cta { display: block; padding: 16px 32px; border-radius: 50px; font-family: Mont; font-style: normal; font-weight: 800; font-size: 18px; line-height: 19px; text-align: center; letter-spacing: -0.01em;  }
.button_standard { display: block; padding: 16px 32px; height: 55px; border-radius: 50px; font-family: Mont; font-style: normal; font-weight: 800; font-size: 18px; line-height: 23px; text-align: center; letter-spacing: -0.01em; }
.signup_additional_links { margin-top: 20px; }

/* Login Page */
.login_logo { margin-bottom: 40px; width: 215px; }
.flexrow { display: flex; flex-wrap: wrap; grid-gap: 80px; justify-content: center; width: 100%; }
.login_container { display: table-cell; position: relative; padding: 32px 64px; width: 550px; height: 515px; background: #F4F3F4; border-radius: 20px; }
.login_container_title { font-family: Mont; font-style: normal; font-weight: 800; font-size: 32px; line-height: 31px; letter-spacing: -0.02em; margin-bottom: 30px; }
.login_client_title { margin-bottom: 85px; }
.login_client_subtitle { margin-bottom: 10px; }
.login_input_fields_client {  }
.login_button_cta { margin-bottom: 32px; }
.login_forgot_link { font-family: Inter; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; }
.login_upgrade_link { font-family: Inter; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; color: #302D43; }
.login_upgrade_link_logged_in { padding-top: 10px; }
.login_find_therapist { font-family: Inter; font-style: normal; font-weight: normal; font-size: 16px; line-height: 19px; }

.select2-selection__arrow { display: none; }
.select2-results { padding: 10px; }

/* Purchase Page */
.signup_page { padding-bottom: 100px; }
.purchase_tiers_container { height: 700px; }
.purchase_details_container { height: auto; }
.purchase_label { font-size: 120%; }
.purchase_sublabel { font-size: 90%; font-weight: normal; line-height: 1.3; }
.purchase_action_container { display: none; }
#purchase_upgrade_button, #view_pro_button { color: white; font-weight: bold; }
.signup_agreement_container { margin-top: 25px; }
#promocode_container_message { display: none; }
.signup_title { margin-bottom: 10px; }

#price_summary { margin-bottom: 30px; }
.plan_details_container { display: none; }
.plan_details_list { text-align: left; }
.plan_details_list li { padding-top: 5px; }
.inputGroup { background-color: #fff; display: block; margin: 10px 0; position: relative; line-height: 1.6; font-weight: 600; }
.inputGroup label { padding: 12px 25px; width: 100%; display: block; text-align: left; color: #3C454C; cursor: pointer; position: relative; z-index: 2; -webkit-transition: color 400ms ease-in; transition: color 400ms ease-in; overflow: hidden; }
label .purchase_label { color: #67618F; -webkit-transition: color 400ms ease-in; transition: color 400ms ease-in; }
.inputGroup label:before { width: 10px; height: 10px; border-radius: 50%; content: ''; background-color: #67618F; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1); transform: translate(-50%, -50%) scale3d(1, 1, 1); -webkit-transition: all 800ms cubic-bezier(0.4, 0, 0.2, 1); transition: all 800ms cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; z-index: -1; }
.inputGroup label:after { width: 32px; height: 32px; content: ''; border: 2px solid #D1D7DC; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E "); background-repeat: no-repeat; background-position: 2px 3px; border-radius: 50%; z-index: 2; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; -webkit-transition: all 200ms ease-in; transition: all 200ms ease-in; }
.inputGroup input:checked ~ label { color: #fff; }
.inputGroup input:checked ~ label .purchase_label { color: #fff; }
.inputGroup input:checked ~ label:before { -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1); transform: translate(-50%, -50%) scale3d(56, 56, 1); opacity: 1; }
.inputGroup input:checked ~ label:after { background-color: #E7E5F1; border-color: #B1A9E3; }
.inputGroup input { width: 32px; height: 32px; -webkit-box-ordinal-group: 2; order: 1; z-index: 2; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; visibility: hidden; }
#subscription_form { max-width: 550px; margin: 50px auto; font-size: 18px; }

.swal2-popup .swal2-icon {
  margin: 20px auto;
  margin-bottom: 0;
}

.alertify { position: relative; z-index: 99999 !important; }
.ajs-dialog {
  width: 600px !important;
  max-width: 90vw   !important;
  max-height: 90vh  !important;
}

/* 4) Allow the body to grow instead of scrolling internally */
.ajs-body {
  overflow: visible !important;
  max-height: none  !important;
}

.ajs-alert-box { z-index: 99999 !important; }

/* all smaller devices */
@media all and (max-width: 1279px)
{
	.header_menu_container .hm_logo { width: 65px; height: 42px; }
	.header_menu_container #hm_menu_desktop { display: none; }
	.header_menu_container #hm_menu_mobile { display: block; }
	.header_menu_container #hm_menu_mobile_menu { position: absolute; left: 0; top: 70px; width: 100%; z-index: 5; padding-bottom: 10px; }
	.header_menu_container .hm_link { display: block; padding: 5px 15px; }
	.header_menu_container .hm_link_cta { width: auto; margin-top: 10px; }
	.faq_search_label { display: block; margin-right: 0px; margin-bottom: 3px; }
	.faq_search_input { width: 100%; }
	.faq_iframe_container { margin: 0; padding: 0; }

	#popup_bottom_container { width: 98%; }
	#popup_center_display { width: 98%; }
	#popup_social_container { left: 5px; font-size: 85%; padding: 5px 10px; }
	#popup_fullscreen_display { top: 0; height: 99%; }
	#popup_smallnotification_container { left: 0; margin: 0; width: 100%; border: 0;  }

	.hide_mobile { display: none; }
	#server_shutdown_disclaimer { position: relative !important; top: 0 !important; margin-bottom: 20px; }

	.help_tutorial_container { float: left; margin: 0px; margin-bottom: 80px; max-width: 100%; }
	.help_tutorial_iframe { max-width: 100%; }

	#index_sitename {font-size: 10vw; margin-top: 20px; }
	.index_options_container { display: block; width: 100%; padding: 40px 0px; margin-top: 20px; }
	.index_col { width: 100%; }
	.index_col_divider { height: 10px; }
	.index_button_label { display: block; top: 0; margin-top: 10px; }
	#index_cta_button { width: 100%; margin: 0; }
	#index_cta_divider { width: 100%; padding: 30px 0; }
	#index_cta_other_actions_container { width: 100%; }
	.index_cta_other_actions { width: 100%; }

	#login_col_1, #login_col_2 { display: block; width: 100%; clear: both; padding: 0;}
	.client_login_button { margin-right: 0; width: 100% !important; }

	.flexrow { grid-gap: 30px; }
	.therapist_login_or { margin: 0; }
	.purchase_tiers_container { height: auto; }
}

/* tablet */
@media all and (min-width: 767px) and (max-width: 1279px)
{

}

/* mobile - wide view */
@media all and (max-width: 1023px) and (orientation:landscape)
{
	.blog_menu, .blog_content_container { position: relative; width: 100%; left: 0; top: 0; }
	.blog_content { padding: 5px; }
	.blog_menu { margin-bottom: 50px; }
}

/* mobile - tall view */
@media all and (max-width: 767px) and (orientation:portrait)
{
	#body { margin-top: 0px; padding-top: 0px; }
	.blog_menu, .blog_content_container { position: relative; width: 100%; left: 0; top: 0; }
	.blog_content { padding: 5px; }
	.blog_menu { margin-bottom: 50px; }

	#admin_stats_table, #admin_email_list { float: left; clear: both; width: 100%; margin-bottom: 50px; }

	/* Signup Page */
	.signup_page, .signup_container, .login_container { max-width: 100%; }
	.signup_container, .login_container {padding: 32px 15px; }
	.login_logo { margin-bottom: 30px; }
	.login_client_title { margin-bottom: 30px; }
	.login_input_fields_client { margin-bottom: 30px; }
	.client_login_container { height: 340px; }
}