/* -------------------------------- 

BOTÕES

-------------------------------- */

:root {
/* BOTÕES */
    /* Sizes */
    --ifht-sys-txt-botao-lg: var(--ifht-ref-escala-7);
    --ifht-sys-txt-botao-md: var(--ifht-ref-escala-10);
    --ifht-sys-txt-botao-sm: var(--ifht-ref-escala-11);

    /* Spacing */
    --ifht-sys-padding-botao-lg:var(--ifht-sys-spacing-md);
    --ifht-sys-padding-botao-md:var(--ifht-sys-spacing-sm);
    --ifht-sys-padding-botao-sm:var(--ifht-sys-spacing-xs);

    /* Button Primary */
    --ifht-botao-primario-cor-hover: var(--ifht-sys-cor-secundaria-normal);
    --ifht-botao-primario-cor-normal: var(--ifht-sys-cor-secundaria-dark);
    --ifht-botao-primario-cor-pressed: var(--ifht-sys-cor-secundaria-light-contrast);
    --ifht-botao-primario-cor-focus: var(--ifht-sys-cor-secundaria-dark);
    --ifht-botao-primario-cor-disabled: var(--ifht-sys-cor-neutra-dark);

    --ifht-botao-primario-texto-normal: var(--ifht-sys-cor-neutra-branco);
    --ifht-botao-primario-texto-disabled: var(--ifht-sys-cor-neutra-light-contrast);

    --ifht-botao-primario-borda-hover: var(--ifht-sys-cor-secundaria-light);
    --ifht-botao-primario-borda-normal: var(--ifht-sys-cor-secundaria-dark);
    --ifht-botao-primario-borda-pressed: var(--ifht-sys-cor-light-contrast);
    /* --ifht-botao-primario-borda-focus: var(--ifht-sys-cor-secundaria-dark); */
    --ifht-botao-primario-borda-focus: transparent;
    --ifht-botao-primario-box-shadow-focus: 0 0 0 0.25rem rgba(13,110,253,.25);
    --ifht-botao-primario-borda-disabled: var(--ifht-sys-cor-neutra-dark);

    /* Button Secondary */
    --ifht-botao-secundario-cor-hover: transparent;
    --ifht-botao-secundario-cor-normal: transparent;
    --ifht-botao-secundario-cor-pressed: transparent;
    --ifht-botao-secundario-cor-focus: transparent;
    --ifht-botao-secundario-cor-disabled: transparent;

    --ifht-botao-secundario-texto-hover: var(--ifht-sys-cor-secundaria-dark);
    --ifht-botao-secundario-texto-normal: var(--ifht-sys-cor-secundaria-dark);
    --ifht-botao-secundario-texto-pressed: var(--ifht-sys-cor-secundaria-light-contrast);
    --ifht-botao-secundario-texto-disabled: var(--ifht-sys-cor-neutra-normal);

    --ifht-botao-secundario-borda-hover: var(--ifht-sys-cor-secundaria-dark);
    --ifht-botao-secundario-borda-normal: var(--ifht-sys-cor-secundaria-dark);
    --ifht-botao-secundario-borda-pressed: var(--ifht-sys-cor-secundaria-light-contrast);
    /* --ifht-botao-secundario-borda-focus: var(--ifht-sys-cor-secundaria-light-contrast); */
    --ifht-botao-secundario-borda-focus: transparent;
    --ifht-botao-secundario-borda-disabled: var(--ifht-sys-cor-neutra-normal);


    /* Button Tertiary*/
    --ifht-botao-terciario-cor-hover: transparent;
    --ifht-botao-terciario-cor-normal: transparent;
    --ifht-botao-terciario-cor-pressed: transparent;
    --ifht-botao-terciario-cor-focus: transparent;
    --ifht-botao-terciario-cor-disabled: transparent;

    --ifht-botao-terciario-texto-normal: var(--ifht-sys-cor-secundaria-dark);
    --ifht-botao-terciario-texto-hover:var(--ifht-sys-cor-secundaria-light);
    --ifht-botao-terciario-texto-pressed:var(--ifht-sys-cor-secundaria-dark);
    --ifht-botao-terciario-texto-focus:var(--ifht-sys-cor-secundaria-dark);
    --ifht-botao-terciario-texto-disabled: var(--ifht-sys-cor-neutra-light-contrast);

    --ifht-botao-terciario-borda-hover: transparent;
    --ifht-botao-terciario-borda-normal: transparent;
    --ifht-botao-terciario-borda-pressed: transparent;
    /* --ifht-botao-terciario-borda-focus: var(--ifht-sys-cor-secundaria-dark); */
    --ifht-botao-terciario-borda-focus: transparent;
    --ifht-botao-terciario-borda-disabled: transparent;

    /* Button Border Width */
    --ifht-button-border-width-xs:var(--ifht-sys-espessura-borda-xs);
    --ifht-button-border-width-sm:var(--ifht-sys-espessura-borda-sm);
    --ifht-button-border-width-md:var(--ifht-sys-espessura-borda-md);
    --ifht-button-border-width-lg:var(--ifht-sys-espessura-borda-lg);
    --ifht-button-border-width-xl:var(--ifht-sys-espessura-borda-xl);

    /* Button Border Radius */
    --ifht-button-border-radius-sm: var(--ifht-sys-raio-borda-sm);
    --ifht-button-border-radius-md: var(--ifht-sys-raio-borda-md);
    --ifht-button-border-radius-lg: var(--ifht-sys-raio-borda-lg);
}

/* GERAL */
.btn,
.button-primary,
.sign_up_btn .bt,
.login_form .btn-log {
   font-family: 'Karla-SemiBold', sans-serif !important;
   font-style: normal;
   text-transform: uppercase;
}

.btn-lg {
    font-size:var(--ifht-sys-txt-botao-lg) !important;
    padding:var(--ifht-sys-padding-botao-lg) !important;
}

.btn-md {
    font-size:var(--ifht-sys-txt-botao-md) !important;
    padding:var(--ifht-sys-padding-botao-md) !important;
}

.btn-sm {
    font-size:var(--ifht-sys-txt-botao-sm) !important;
    padding:var(--ifht-sys-padding-botao-sm) !important;
}

.btn .fi.fi-right {
    margin-left:0.5rem;
}

.btn .fi.fi-left {
    margin-right:0.5rem;
}

/* Primário */
.btn-primary, 
.btn-thm2, 
.login_form .btn-log, 
.team_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, 
.team_slider.owl-carousel.owl-theme.owl-loaded .owl-next, 
.shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, 
.shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next, 
.feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, 
.feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next, 
.single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, 
.single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next,
.blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-prev, 
.blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-next,  
button.button-primary:not(:disabled), 
.modal:not(.sign_up_modal) .btn-primary, 
.modal:not(.sign_up_modal) .btn:not(.btn-link), 
.dashboard_main_content .btn-primary,
.dashboard_main_content .btn:not(.btn-link) {
    background-color: var(--ifht-botao-primario-cor-normal) !important;
    border: var(--ifht-button-border-width-sm) solid var(--ifht-botao-primario-cor-normal) !important;
    border-radius: var(--ifht-button-border-radius-md);
    box-shadow: var(--ifht-sys-sombra-botao-default);
    color: var(--ifht-botao-primario-texto-normal);
    font-size: var(--ifht-sys-txt-botao-md);
    font-family: var(--ifht-ref-familia-11);
    font-weight: inherit;
    /* line-height: var(--ifht-ref-line-height-1); */
    padding: var(--ifht-sys-padding-botao-md);
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
    transition: all .3s ease;
    text-decoration: none;
}

.team_slider.owl-carousel.owl-theme.owl-loaded .owl-next i::before, 
.shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next i::before, 
.feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next i::before, 
.single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next i::before,
.blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-next i::before,
.team_slider.owl-carousel.owl-theme.owl-loaded .owl-prev i::before, 
.shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev i::before, 
.feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev i::before, 
.single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev i::before, 
.blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-prev i::before{
    line-height: 0;
    display: block;
    position: relative;
    transform: translate(-2px, 6px);
}

.btn-primary:hover, 
.team_slider.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, 
.team_slider.owl-carousel.owl-theme.owl-loaded .owl-next:hover, 
.shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, 
.shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next:hover, 
.feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, 
.feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next:hover, 
.single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, 
.single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next:hover, 
.blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, 
.blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-next:hover, 
button.button-primary:not(:disabled):hover,
.modal:not(.sign_up_modal) .btn-primary:hover, 
.modal:not(.sign_up_modal) .btn:not(.btn-link):hover, 
.dashboard_main_content .btn-primary:hover,
.dashboard_main_content .btn:not(.btn-link):hover  {
    background-color: var(--ifht-botao-primario-cor-hover) !important;
    border: var(--ifht-button-border-width-sm) solid var(--ifht-botao-primario-cor-hover) !important;
    color: var(--ifht-botao-primario-texto-normal);
}

.btn-primary:active,
.btn-thm2:active {
    background-color: var(--ifht-botao-primario-cor-normal);
}

.btn-primary:visited,
.btn-thm2:visited {
    background-color: var(--ifht-botao-primario-cor-normal);
    border:none;
    color:var(--ifht-botao-primario-texto-normal);
}

.btn-primary:focus, 
.btn-thm2:focus {
    background-color: var(--ifht-botao-primario-cor-focus);
    border:3px solid var(--ifht-botao-primario-borda-focus);
    box-shadow: var(--ifht-botao-primario-box-shadow-focus);
    color:var(--ifht-botao-primario-texto-normal);
}

.btn-primary:disabled,
.btn-primary.disabled,
.btn-thm2:disabled {
    background-color: var(--ifht-botao-primario-cor-disabled) !important;
    border:none;
    border-color: var(--ifht-botao-primario-borda-disabled) !important;
    color:var(--ifht-botao-primario-texto-normal);
    font-style: normal;
}


/* Secundário */
.btn-secondary,
.modal:not(.sign_up_modal) .btn-secondary,
.dashboard_main_content .btn-secondary,
.ccn-calendar-header-option .bt, 
.lessonbutton.standardbutton {
    background-color:var(--ifht-botao-secundario-cor-normal) !important;
    border:2px solid var(--ifht-botao-secundario-borda-normal)!important;
    border-radius: var(--ifht-button-border-radius-md);
    box-shadow: var(--ifht-sys-sombra-botao-default);
    color:var(--ifht-botao-secundario-texto-normal);
    font-size: var(--ifht-sys-txt-botao-md);
    font-family: var(--ifht-ref-familia-11);
    font-weight: inherit;       
    line-height: var(--ifht-ref-line-height-1); 
    padding: var(--ifht-sys-padding-botao-md);
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
    transition: all .3s ease;
    text-decoration: none;
}

.btn-secondary:hover,
.modal:not(.sign_up_modal) .btn-secondary:hover,
.dashboard_main_content .btn-secondary:hover, 
.ccn-calendar-header-option .btn:hover,
.lessonbutton.standardbutton:hover {
    background-color: var(--ifht-sys-cor-primaria-extralight) !important;
    border: var(--ifht-button-border-width-sm) solid var(--ifht-botao-secundario-borda-normal) !important;
    color: var(--ifht-botao-secundario-texto-normal);
}

.btn-secondary:not(:disabled):not(.disabled):active, 
.btn-secondary:not(:disabled):not(.disabled).active, 
.show>.btn-secondary.dropdown-toggle,
.ccn-calendar-header-option .btn:not(:disabled):not(.disabled).active,
.lessonbutton.standardbutton:active {
    color: var(--ifht-botao-secundario-texto-pressed);
}

.btn-secondary:focus,
.lessonbutton.standardbutton:focus {
    background-color: var(--ifht-botao-secundario-cor-focus);
    border:3px solid var(--ifht-botao-secundario-borda-focus);
    color:var(--ifht-botao-secundario-texto-pressed);
    box-shadow: var(--ifht-botao-primario-box-shadow-focus);
}

.btn-secondary:disabled,
.btn-secondary.disabled,
.ccn-calendar-header-option .btn:disabled,
.lessonbutton.standardbutton:disabled {
    background-color: var(--ifht-botao-secundario-cor-disabled);
    border:2px solid var(--ifht-botao-secundario-borda-disabled);
    color:var(--ifht-botao-secundario-texto-disabled);
    font-style: normal;
}

.lessonbutton.standardbutton,
.lessonbutton.standardbutton:hover,
.lessonbutton.standardbutton:focus,
.lessonbutton.standardbutton:disabled {
    border:none !important;
    box-shadow: none;
}

.lessonbutton.standardbutton:hover {
    background-color: transparent !important;
}

/* Terciário */
.btn-tertiary {
    background-color: var(--ifht-botao-terciario-cor-normal);
    border:3px solid transparent;
    color:var(--ifht-botao-terciario-texto-normal);
    font-size: var(--ifht-sys-txt-botao-md);
    padding:var(--ifht-sys-padding-botao-md) 0;
    font-weight: 600;
    font-family: var(--ifht-ref-familia-9);
}

.btn-tertiary:hover {
    background-color: var(--ifht-botao-terciario-cor-normal);
    border:3px solid transparent;
    color:var(--ifht-botao-terciario-texto-hover);
    text-decoration: underline;
}

.btn-tertiary:active, .btn-tertiary:visited  {
    background-color: var(--ifht-botao-terciario-cor-focus);
    border:3px solid transparent;
    color:var(--ifht-botao-terciario-texto-normal);
    text-decoration: underline;
}

.btn-tertiary:focus  {
    background-color: var(--ifht-botao-terciario-cor-focus);
    border:3px solid var(--ifht-botao-terciario-borda-focus);
    box-shadow: var(--ifht-botao-primario-box-shadow-focus);
    color:var(--ifht-botao-terciario-texto-focus);
    text-decoration: underline;
}

.btn-tertiary:disabled  {
    background-color: var(--ifht-botao-terciario-cor-disabled);
    border:none;
    color:var(--ifht-botao-terciario-texto-disabled);
}

/* Botões de Notificação no topo da página  */
.header_user_notif li .dropdown .notification_icon:hover {
    background-color: var(--ifht-botao-primario-cor-normal);
}

/* Dropdown do menu do usuário no topo */
.header_user_notif li.user_setting .dropdown-menu .user_setting_content a:hover, 
.header_user_notif li.user_setting .dropdown-menu .user_setting_content .no-action:hover {
    color: var(--ifht-botao-primario-cor-normal);
    padding-left: 12px;
}

/* Botão de Scroll to Home */
.scrollToHome:hover {background-color: var(--ifht-botao-primario-cor-normal);}

/* Botões de configuração de atividades / recursos */
.modal-dialog .modchoosercontainer .optionscontainer .option .optionactions .optionaction, 
.modal-dialog .modchoosercontainer .searchresultitemscontainer .option .optionactions .optionaction {
    border: 0 !important;
    background: transparent !important;
  }

  /* Botão de adicionat atividade */
  .activity-add, 
  .block-add {
    border: var(--ifht-button-border-width-sm) solid var(--ifht-botao-secundario-borda-normal) !important;
    border-radius: var(--ifht-button-border-radius-md);
    box-shadow: var(--ifht-sys-sombra-botao-default);
    color: var(--ifht-botao-secundario-texto-normal);
    font-size: var(--ifht-sys-txt-botao-md);
    font-family: var(--ifht-ref-familia-11);
    font-weight: inherit;
    line-height: var(--ifht-ref-line-height-1);
    padding: var(--ifht-sys-padding-botao-md);
    margin-right: 5px;
    margin-top: 3px;
    margin-bottom: 5px;
    transition: all .3s ease;
    text-decoration: none;
  }

  .activity-add:hover, 
  .block-add:hover{
    color: var(--ifht-sys-cor-secundaria-extradark);
    background-color: var(--ifht-sys-cor-primaria-extralight);
  }