#OnboardingView {
  width: 100%!important;
  height: 100%!important;
  left: 0!important;
  top: 0!important;
  right: auto!important;
  bottom: auto!important;
  z-index: 1000!important;
  background-color: var(--APP-gama-0)
}
#OnboardingView .tt_library_view_content_ {
  padding: 0
}
#OnboardingView .steps_container_ {
  width: 100%;
  height: 100%;
  overflow: hidden
}
#OnboardingView .steps_container_item_ {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start
}
#OnboardingView .steps_container_item_ .panel_ {
  width: 50%;
  height: 100%;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative
}
#OnboardingView .steps_container_item_ .panel_ilustration_ {
  background: #38609a;
  background: linear-gradient(135deg,#38609a 0,#242954 100%)
}
#OnboardingView .steps_container_item_ .panel_ilustration_ .background_ {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}
#OnboardingView .steps_container_item_ .panel_ilustration_ .tt_tracking_time_logo_ {
  width: 170px;
  margin: 0;
  position: absolute;
  bottom: 70px;
  left: 50%;
  margin-left: -85px;
  z-index: 100
}
#OnboardingView .steps_container_item_ .panel_form_ {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  padding: 40px 20px;
  box-sizing: border-box
}
.onboarding_action_list_ {
  width: 100%;
  height: auto;
  border: 1px solid var(--APP-gama-2);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  overflow: hidden
}
.onboarding_action_list_ .item_ {
  width: 100%;
  border-bottom: 1px solid var(--APP-gama-2);
  box-sizing: border-box;
  padding: 15px;
  display: inline-flex;
  gap: 15px;
  justify-content: flex-start;
  align-items: flex-start;
  cursor: pointer
}
.onboarding_action_list_ .item_:hover {
  background-color: var(--APP-gama-1)
}
.onboarding_action_list_ .item_:active {
  background-color: var(--APP-gama-2)
}
.onboarding_action_list_ .item_:last-child {
  border-bottom: 0 none
}
.onboarding_action_list_ .item_ .ico_ {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color: var(--APP-focus-color-active);
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--APP-focus-color);
  font-size: 22px
}
.onboarding_action_list_ .item_ .text_ {
  width: 100%;
  text-align: left;
  margin: auto 0
}
.onboarding_action_list_ .item_ .text_ h2 {
  font: var(--TEXT-font-subtitulo);
  color: var(--APP-text-color);
  margin-bottom: 5px
}
.onboarding_action_list_ .item_ .text_ p {
  font: var(--TEXT-font-texto);
  color: var(--APP-gama-8)
}
.onboarding_action_list_ .item_.checked_ .text_ h2 {
  color: var(--APP-focus-color)
}
.onboarding_action_list_.borderless_ {
  border: 0 none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0 15px;
  box-sizing: border-box
}
.onboarding_action_list_.borderless_ .item_ {
  border-bottom: 0 none;
  padding: 15px;
  gap: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 8px
}
.onboarding_action_list_.borderless_ .item_ + .item_ {
  margin-top: 10px
}
.onboarding_action_list_.borderless_ .item_ .ico_ {
  width: 35px;
  height: 35px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  font-size: 16px
}
.onboarding_action_list_.borderless_ .item_ .text_ h2 {
  font: var(--TEXT-font-texto);
  font-weight: var(--TEXT-weight-semibold);
  margin-bottom: 0
}
.onboarding_action_list_separator_ {
  width: 100%;
  height: 20px;
  margin: 10px 0;
  text-align: center
}
.onboarding_action_list_separator_ .label_ {
  display: inline-block;
  vertical-align: top;
  font: var(--TEXT-font-texto);
  color: var(--APP-gama-8);
  text-transform: uppercase
}
#OnboardingView .iframe_onboarding_ {
  width: 100%;
  height: auto;
  border: 1px solid var(--APP-gama-2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  margin-bottom: var(--FORMS-space)
}
#OnboardingView .iframe_onboarding_ iframe {
  width: 100%;
  height: 200px;
  display: inline-block;
  vertical-align: top
}
#OnboardingView .manage_accounts_ {
  width: 100%;
  border: 1px solid var(--APP-gama-2);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  max-width: 380px;
  margin-bottom: var(--FORMS-space)
}
#OnboardingView .manage_accounts_ ul {
  font-size: 0
}
#OnboardingView .manage_accounts_ li:last-child {
  border-bottom: 0
}
#OnboardingView .manage_accounts_ .account_ {
  border-bottom: 1px solid var(--APP-gama-2);
  width: 100%;
  box-sizing: border-box;
  padding: 20px 15px
}
#OnboardingView .manage_accounts_ .account_:last-child {
  border-bottom: 0 none
}
#OnboardingView .manage_accounts_ .account_ label {
  font: var(--TEXT-font-label);
  color: var(--APP-text-color);
  font-weight: var(--TEXT-weight-semibold);
  text-transform: uppercase;
  display: block
}
#OnboardingView .manage_accounts_ .account_ h2 {
  font: var(--TEXT-font-texto);
  color: var(--APP-text-color);
  font-weight: var(--TEXT-weight-regular)
}
#OnboardingView .manage_accounts_ .account_ h2 strong {
  font-weight: var(--TEXT-weight-semibold)
}
#OnboardingView .manage_accounts_ .account_ p {
  font: var(--TEXT-font-texto);
  color: var(--APP-gama-8)
}
#OnboardingView .manage_accounts_ .account_ p a {
  color: var(--APP-text-color);
  text-decoration: underline
}
#OnboardingView .manage_accounts_ .account_ .new_account_ {
  display: inline-block;
  margin-left: auto;
  font: var(--TEXT-font-texto-cta);
  font-weight: var(--TEXT-weight-semibold);
  color: var(--APP-text-color);
  text-decoration: underline
}
.onboarding_theme_switcher_ {
  width: 100%;
  margin-bottom: var(--FORMS-space)
}
.onboarding_theme_switcher_:last-child {
  margin-bottom: 0
}
.onboarding_theme_switcher_ .actions_ {
  width: 100%;
  display: flex;
  border: 1px solid var(--APP-gama-2);
  border-radius: var(--APP-radius);
  overflow: hidden
}
.onboarding_theme_switcher_ .actions_ .action_ {
  width: 33.33%;
  height: 32px;
  background-color: var(--APP-gama-0);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: 0 none;
  outline: 0;
  color: var(--APP-gama-8);
  font: var(--TEXT-font-texto)
}
.onboarding_theme_switcher_ .actions_ .action_.active_ {
  background-color: var(--APP-focus-color-active);
  color: var(--APP-focus-color)
}
.onboarding_ready_ {
  width: 50%
}