.cta_button { background-color: ; color: white; border: solid 2px ; }
.cta_button:hover { background-color: white; border: solid 2px ; color: black; }

.cta_button_outline { background-color: white; color: black !important; color: ; border: solid 2px ; }
.cta_button_outline:hover { border: solid 2px ; background-color: ; color: white !important; }

.default_button { background-color: ; color: white; border: solid 2px ; }
.default_button:hover { background-color: white; border: solid 2px ; color: black; }

.default_button_outline { color: ; border: solid 2px ; }
.default_button_outline:hover { border: solid 2px ; background-color: ; color: white; }

.default_close_button { background-color: #fa5a5a; color: white; border: solid 2px #fa5a5a; }
.default_close_button:hover { background-color: white; border: solid 2px #fa5a5a; color: black; }

.white_button_outline { border: solid 2px white; color: white; }
.white_button_outline:hover { border: solid 2px ; background-color: white; color: black; }

.disabled_button { background-color: lightgrey; color: black; border: solid 2px lightgrey; }
.disabled_button:hover { background-color: white; border: solid 2px lightgrey; color: black; }

.cta_text { color: ; }
.cta_bg { background-color: ; }

.button_cta { background: ; color: white; }
.button_cta:hover { background-color: #; }

.button_standard { background: ; color: white; }
.button_standard:hover { background: ; }

.btn.blue, .btn-two.blue { background-color: ;}
.btn.blue:hover, .btn-two.blue:hover { background-color: #;}

.btn.yellow, .btn-two.yellow { background-color: ;}
.btn.yellow:hover, .btn-two.yellow:hover { background-color: #;}
.btn-two.cta { font-size: 110%; font-family: Mont; color: #67618F; }

.btn.grey, .btn-two.grey {background-color: ; }
.btn.grey:hover, .btn-two.grey:hover { background-color: #; }

.btn.green, .btn-two.green   {background-color: #81A666; color: #FFFFFF; }
.btn.green:hover, .btn-two.green:hover { background-color: #9ABF7F;}
.btn.purple, .btn-two.purple {background-color: #cb99c5;}
.btn.cyan, .btn-two.cyan     {background-color: #7fccde;}
.btn.orange, .btn-two.orange {background-color: #FFA500;}
.btn.white, .btn-two.white {background-color: #FFFFFF; color: #000000; }
.btn.purple, .btn-two.purple {background-color: #67618F; color: #FFFFFF; }
.btn.blue-neon, .btn-two.blue-neon {background-color: #9CC5E3; color: #FFFFFF; }

.btn.red, .btn-two.red {background-color: #fa5a5a; color: #FFFFFF; }
.btn.red:hover, .btn-two.red:hover { background-color: #FF7474;}

.btn.disabled, .btn-two.disabled {background-color: #F5F5F5; color: dimgrey; }
.btn.disabled:hover, .btn-two.disabled:hover { background-color: #CDE7EE; }

.btn.disabled, .btn-two.disabled {background-color: lightgrey; color: #FFFFFF; }
.btn.disabled:hover, .btn-two.disabled:hover { background-color: red; }

.link_highlighted { color: ; }
.link_highlighted:hover { color: ; }
.link_highlighted_reverse { color: ; }
.link_highlighted_reverse:hover { color: ; }
.link_highlighted_green { color: #3F7581; border-color: #3F7581; }
.link_highlighted_green:hover { color: ; border-color: ; }
.link_highlighted_standard:hover { color: ; border-color: ; }

.audio_controls_button { transition: all 1s; }
.audio_controls_button:hover { filter: invert(1); transition: all 1s; }
progress { accent-color: ; }
.tutorial_audio_progress_bar { height: 20px; }
.tutorial_audio_progress_bar::-moz-progress-bar { height: 20px; background: ; }
.tutorial_audio_progress_bar::-webkit-progress-bar { height: 20px; background: ; }
.tutorial_audio_progress_bar::-webkit-progress-value { background: ; }

.blog_menu_link { display: block; color: ; padding: 8px 10px; }
.blog_menu_link:hover, .blog_menu_selected { color: white; background-color: ; }

.highlighted_text { color: ; }
.highlighted_bg { background-color:  !important; }
.standard_bg { background-color:  !important; }
.warning_bg { background-color: #fa5a5a; }

#popup_social_container { background-color: ; }
#loading_circle { background-color: ; }
.header_menu_container { background: ; }
.header_menu_container #hm_menu_mobile_menu { background: ; }

.login_container_title { color: ; }
.login_client_title { color: ; }

#client_view { border: solid 3px ; }

.sound_select_link:hover { background-color: ; }
.sound_select_highlight { background-color: ; }

.select2-results__option--highlighted { background:  !important; }
.shape_selected { outline: 2px solid ;  }
.pro_only {  padding-top: 3px; color: ; }
.pro_only::after { content: "(Pro Membership Required)";}

.signup_title { color: ; }
label .purchase_label { color: ; }
.inputGroup label:before { background-color: ; }
.inputGroup input:checked ~ label:after { background-color: ; border-color: ; }

#message_input_button { background-color: ; }
#message_input_button:hover { background-color: ; }

.gear_icon { background-image: url('../images/icons/gear-black.png'); }
.tools_icon { background-image: url('../images/icons/tools.png'); }
.help_icon { background-image: url('../images/icons/help.png'); }
.lightbar_icon { background-image: url('../images/icons/lightbar-black.png'); }
.phone_icon { background-image: url('../images/icons/phone-black.png'); }
.arrow_box_up_icon { background-image: url('../images/icons/arrow-box-up.png'); }
.minimize_icon { background-image: url('../images/icons/minimize.png'); }
.invite_icon { background-image: url('../images/icons/invite-black.png'); }
.add_icon { background-image: url('../images/icons/add-black.png'); }


#tutorial_header { background-color: ; color: white; }