@charset "utf-8";
/* CSS Document */


/* Extra Small devices ( landscape phones) */
@media (max-width : 575.98px) {
 
  .modalContentCriarConta .modal-header,
  .modalContentCriarConta .modal-body,
  .modalContentCriarConta .modal-footer{
    padding: 40px 40px!important;
  }
  

  /* config do header */
  .modalContentCriarConta .modal-header{
    padding: 45px 0px 20px 0px!important;
  }
  
  .modalContentCriarConta .modal-header .close{
    top: 5px!important;
    right: 20px!important;
    font-size: 3em!important;
  }
    
  .modalContentCriarConta .modal-header img.imgLoginKey{
    width: 100px!important;
    height:100px!important;
  }
  
  /*
  .modalContentCriarConta .modal-header label{
    font-size: 2em;
  }
  
  /* config do body */
  .modalContentCriarConta .modal-body{
    padding: 0px!important;
    margin: 0px!important;
  }
  
  .modalContentCriarConta .modal-body div.tabsPaine ul.ulTbsPaine li{
    height: 45px;
    line-height: 43px!important;
  }
  
  .modalContentCriarConta .modal-body div.tabsPaine ul.ulTbsPaine li a{
    font-size: 1.1em;
  }
  
  /*== CONFIG DOS PREDEFINOS JQUERY UI ===*/
  
  /*=== CONFIG DAS CORES DO FUNDO TAB CRIAR CONTA ===*/
  .modalContentCriarConta .modal-body .ui-tabs .ui-tabs-nav li a {
    margin-left: 1em;
    margin-right: 1em;
  }
  
  
  .modalContentCriarConta .modal-body .ui-tabs .ui-tabs-nav li a.font_cor_login i.fa-caret-down,
  .modalContentCriarConta .modal-body .ui-tabs .ui-tabs-nav li a.font_cor_registo i.fa-caret-down{
    top: 33px!important;
    left: 28%!important;
    font-size: 1.4em;
  }
  
  
  .modalContentCriarConta .modal-body .ui-tabs .ui-tabs-nav li a.font_cor_registo i.fa-caret-down{
    left: 35%!important;
  }
  
  
  
  .modalContentCriarConta .modal-body .ui-widget-content .ui-state-active a.font_cor_login,
  .modalContentCriarConta .modal-body .ui-widget-content .ui-state-active a.font_cor_registo{
    border-bottom: 4px solid #FFFFFF;
  }
  
  
  /* config corpo tabs pain */
  
  .modalContentCriarConta .modal-body #loginTabs .art_login, 
  .modalContentCriarConta .modal-body #registoTabs .art_registo{
    width: 300px!important;
    height: 661.5px!important;
    padding: 50px 0px 0px 0px!important;
    margin: 0 auto!important;
  }
  
  .modalContentCriarConta .modal-body #loginTabs .art_login label{
    font-size: 0.8em;
  }
  
  .modalContentCriarConta .modal-body #loginTabs .art_login input{
    height:45px;
    margin: 0px 0px 28px 0px !important;
    font-size: 0.7em;
  }
  
  .modalContentCriarConta .modal-body #loginTabs .art_login .btnEntrar{
    font-size: 0.8em;
    font-weight: 400;
    border-radius: 8px 8px!important;
    padding: 12 0px 12px 0px!important;
    margin-top: 30px!important;
    margin-bottom: 30px!important;
  }
  
  
  .modalContentCriarConta .modal-body #loginTabs .art_login .aGuardarNome,
  .modalContentCriarConta .modal-body #loginTabs .art_login label.lbObter a{
    font-size: 0.8em;
    margin-left: 25px!important;
  }

  .modalContentCriarConta .modal-body #loginTabs .art_login label.lbObter a{
    font-size: 0.9em;
    margin-left: 0px!important;
  }
  
  .modalContentCriarConta .modal-body #loginTabs .art_login .aGuardarNome i.fa-check{
    top: 2px;
    left: -25px!important;
    font-size: 0.4em;
    padding: 4px 4px!important;  
  }
    
  
  /* config do corpo registo */
  .modalContentCriarConta .modal-body #registoTabs .art_registo{
    width: 300px!important;
    height: auto!important;
  }
  
  .modalContentCriarConta .modal-body #registoTabs .art_registo label{
    font-size: 0.8em;
  }
  
  
  .modalContentCriarConta .modal-body #registoTabs .art_registo input{
    height: 45px;
    padding-left:5%;
    padding-right:5%;
    margin: 0px 0px 28px 0px !important;
    border-radius: 0px 0px!important;
    font-size:0.7em;
  }
  
  /* config do input primeiro e ultimo nome */
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputPrimNome,
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputUltimNome{
    width:48%!important;
  }
    
  /* config do input data de nascimento */
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputDia,
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputMes,
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputAno{
    width:30%!important;
    margin-right: 5%!important;
  }

  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputAno{
    margin-right: 0%!important;
  }
  
  
  /* config do span dos textos */
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTexto,
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoGrauSeguranca,
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoPalavraPasse,
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoProsseguir{
    font-size: 0.7em;
    margin-bottom: 20px!important;
  }
    
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoPalavraPasse{
    font-size: 0.6em;
    margin-bottom: 35px!important;
  }
  
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoProsseguir{
    font-size: 0.8em;
  }
  
  
  /* config da barra de progresso */
  .div_barraProgressoPassword{
    height: 10px!important;
    margin: 0px 0px 20px 0px!important;
  }
  
  .modalContentCriarConta .modal-body #registoTabs .art_registo .btnCriarConta{
    font-size: 0.8em;
    font-weight: 400;
    border-radius: 8px 8px!important;
    padding: 12 0px 12px 0px!important;
    margin-top: 20px!important;
    margin-bottom: 40px!important;
  }

}

/* Small devices ( landscape phones) */
@media (min-width : 576px) and (max-width : 767.98px) {
 
  .modalContentCriarConta .modal-header,
  .modalContentCriarConta .modal-body,
  .modalContentCriarConta .modal-footer{
    padding: 40px 40px!important;
  }
  

  /* config do header */
  .modalContentCriarConta .modal-header{
    padding: 40px 0px 25px 0px!important;
  }
  
  .modalContentCriarConta .modal-header .close{
    top: 7px!important;
    right: 25px!important;
    font-size: 3.2em!important;
  }

  .modalContentCriarConta .modal-header img.imgLoginKey{
    width: 120px!important;
    height:120px!important;
  }
  
  /*
  .modalContentCriarConta .modal-header label{
    font-size: 2.5em;
  }
  
  /* config do body */
  .modalContentCriarConta .modal-body{
    padding: 0px!important;
    margin: 0px!important;
  }
  
  .modalContentCriarConta .modal-body div.tabsPaine ul.ulTbsPaine li{
    height: 45px;
    line-height: 43px!important;
  }
  
  .modalContentCriarConta .modal-body div.tabsPaine ul.ulTbsPaine li a{
    font-size: 1.1em;
  }
  
  /*== CONFIG DOS PREDEFINOS JQUERY UI ===*/
  
  /*=== CONFIG DAS CORES DO FUNDO TAB CRIAR CONTA ===*/
  .modalContentCriarConta .modal-body .ui-tabs .ui-tabs-nav li a {
    margin-left: 1em;
    margin-right: 1em;
  }
  
  
  .modalContentCriarConta .modal-body .ui-tabs .ui-tabs-nav li a.font_cor_login i.fa-caret-down,
  .modalContentCriarConta .modal-body .ui-tabs .ui-tabs-nav li a.font_cor_registo i.fa-caret-down{
    top: 33px!important;
    left: 28%!important;
    font-size: 1.4em;
  }
  
  
  .modalContentCriarConta .modal-body .ui-tabs .ui-tabs-nav li a.font_cor_registo i.fa-caret-down{
    left: 35%!important;
  }
  
  
  .modalContentCriarConta .modal-body .ui-widget-content .ui-state-active a.font_cor_login,
  .modalContentCriarConta .modal-body .ui-widget-content .ui-state-active a.font_cor_registo{
    border-bottom: 4px solid #FFFFFF;
  }
  
  
  /* config corpo tabs pain */
  
  .modalContentCriarConta .modal-body #loginTabs .art_login, 
  .modalContentCriarConta .modal-body #registoTabs .art_registo{
    width: 300px!important;
    height: 661.5px!important;
    padding: 50px 0px 0px 0px!important;
    margin: 0 auto!important;
  }
  
  .modalContentCriarConta .modal-body #loginTabs .art_login label{
    font-size: 0.8em;
  }
  
  .modalContentCriarConta .modal-body #loginTabs .art_login input{
    height:45px;
    margin: 0px 0px 28px 0px !important;
    font-size: 0.7em;
  }
  
  .modalContentCriarConta .modal-body #loginTabs .art_login .btnEntrar{
    font-size: 0.8em;
    font-weight: 400;
    border-radius: 8px 8px!important;
    padding: 12 0px 12px 0px!important;
    margin-top: 30px!important;
    margin-bottom: 30px!important;
  }
  
  
  .modalContentCriarConta .modal-body #loginTabs .art_login .aGuardarNome,
  .modalContentCriarConta .modal-body #loginTabs .art_login label.lbObter a{
    font-size: 0.8em;
    margin-left: 25px!important;
  }

  .modalContentCriarConta .modal-body #loginTabs .art_login label.lbObter a{
    font-size: 0.9em;
    margin-left: 0px!important;
  }
  
  .modalContentCriarConta .modal-body #loginTabs .art_login .aGuardarNome i.fa-check{
    top: 2px;
    left: -25px!important;
    font-size: 0.4em;
    padding: 4px 4px!important;  
  }
    
  
  /* config do corpo registo */
  .modalContentCriarConta .modal-body #registoTabs .art_registo{
    width: 300px!important;
    height: auto!important;
  }
  
  .modalContentCriarConta .modal-body #registoTabs .art_registo label{
    font-size: 0.8em;
  }
  
  
  .modalContentCriarConta .modal-body #registoTabs .art_registo input{
    height: 45px;
    padding-left:5%;
    padding-right:5%;
    margin: 0px 0px 28px 0px !important;
    border-radius: 0px 0px!important;
    font-size:0.7em;
  }
  
  /* config do input primeiro e ultimo nome */
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputPrimNome,
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputUltimNome{
    width:48%!important;
  }
    
  /* config do input data de nascimento */
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputDia,
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputMes,
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputAno{
    width:30%!important;
    margin-right: 5%!important;
  }

  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputAno{
    margin-right: 0%!important;
  }
  
  
  /* config do span dos textos */
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTexto,
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoGrauSeguranca,
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoPalavraPasse,
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoProsseguir{
    font-size: 0.7em;
    margin-bottom: 20px!important;
  }
    
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoPalavraPasse{
    font-size: 0.6em;
    margin-bottom: 35px!important;
  }
  
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoProsseguir{
    font-size: 0.8em;
  }
  
  
  /* config da barra de progresso */
  .div_barraProgressoPassword{
    height: 10px!important;
    margin: 0px 0px 20px 0px!important;
  }
  
  .modalContentCriarConta .modal-body #registoTabs .art_registo .btnCriarConta{
    font-size: 0.8em;
    font-weight: 400;
    border-radius: 8px 8px!important;
    padding: 12 0px 12px 0px!important;
    margin-top: 20px!important;
    margin-bottom: 40px!important;
  }

}

/* Medium devices ( tablets, 768px e superiores) */
@media (min-width : 768px) and (max-width : 991.98px) {
 
  .modalContentCriarConta .modal-header,
  .modalContentCriarConta .modal-body,
  .modalContentCriarConta .modal-footer{
    padding: 40px 40px!important;
  }
  

  /* config do header */
  .modalContentCriarConta .modal-header{
    justify-content: center!important;
    padding: 40px 0px 25px 0px!important;
  }
  
  .modalContentCriarConta .modal-header .close{
    top: 7px!important;
    right: 25px!important;
    font-size: 3.3em!important;
  }

  .modalContentCriarConta .modal-header img.imgLoginKey{
    width: 125px!important;
    height:125px!important;
  }
  
  /*
  .modalContentCriarConta .modal-header label{
    font-size: 2.6em;
  }
  
  /* config do body */
  .modalContentCriarConta .modal-body{
    padding: 0px!important;
    margin: 0px!important;
  }
  
  .modalContentCriarConta .modal-body div.tabsPaine ul.ulTbsPaine li{
    height: 45px;
    line-height: 43px!important;
  }
  
  .modalContentCriarConta .modal-body div.tabsPaine ul.ulTbsPaine li a{
    font-size: 1.1em;
  }
  
  /*== CONFIG DOS PREDEFINOS JQUERY UI ===*/
  
  /*=== CONFIG DAS CORES DO FUNDO TAB CRIAR CONTA ===*/
  .modalContentCriarConta .modal-body .ui-tabs .ui-tabs-nav li a {
    margin-left: 1em;
    margin-right: 1em;
  }
  
  
  .modalContentCriarConta .modal-body .ui-tabs .ui-tabs-nav li a.font_cor_login i.fa-caret-down,
  .modalContentCriarConta .modal-body .ui-tabs .ui-tabs-nav li a.font_cor_registo i.fa-caret-down{
    top: 33px!important;
    left: 28%!important;
    font-size: 1.4em;
  }
  
  
  .modalContentCriarConta .modal-body .ui-tabs .ui-tabs-nav li a.font_cor_registo i.fa-caret-down{
    left: 35%!important;
  }
  
  
  .modalContentCriarConta .modal-body .ui-widget-content .ui-state-active a.font_cor_login,
  .modalContentCriarConta .modal-body .ui-widget-content .ui-state-active a.font_cor_registo{
    border-bottom: 4px solid #FFFFFF;
  }
  
  
  /* config corpo tabs pain */
  
  .modalContentCriarConta .modal-body #loginTabs .art_login, 
  .modalContentCriarConta .modal-body #registoTabs .art_registo{
    width: 320px!important;
    height: 661.5px!important;
    padding: 50px 0px 0px 0px!important;
    margin: 0 auto!important;
  }
  
  .modalContentCriarConta .modal-body #loginTabs .art_login label{
    font-size: 0.9em;
  }
  
  .modalContentCriarConta .modal-body #loginTabs .art_login input{
    height:45px;
    margin: 0px 0px 28px 0px !important;
    font-size: 0.8em;
  }
  
  .modalContentCriarConta .modal-body #loginTabs .art_login .btnEntrar{
    font-size: 0.9em;
    font-weight: 400;
    border-radius: 8px 8px!important;
    padding: 12 0px 12px 0px!important;
    margin-top: 30px!important;
    margin-bottom: 30px!important;
  }
  
  
  .modalContentCriarConta .modal-body #loginTabs .art_login .aGuardarNome,
  .modalContentCriarConta .modal-body #loginTabs .art_login label.lbObter a{
    font-size: 0.9em;
    margin-left: 25px!important;
  }

  .modalContentCriarConta .modal-body #loginTabs .art_login label.lbObter a{
    font-size: 1em;
    margin-left: 0px!important;
  }
  
  .modalContentCriarConta .modal-body #loginTabs .art_login .aGuardarNome i.fa-check{
    top: 2px;
    left: -25px!important;
    font-size: 0.5em;
    padding: 4px 4px!important;  
  }
    
  
  /* config do corpo registo */
  .modalContentCriarConta .modal-body #registoTabs .art_registo{
    width: 320px!important;
    height: auto!important;
  }
  
  .modalContentCriarConta .modal-body #registoTabs .art_registo label{
    font-size: 0.9em;
  }
  
  
  .modalContentCriarConta .modal-body #registoTabs .art_registo input{
    height: 45px;
    padding-left:5%;
    padding-right:5%;
    margin: 0px 0px 28px 0px !important;
    border-radius: 0px 0px!important;
    font-size: 0.8em;
  }
  
  /* config do input primeiro e ultimo nome */
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputPrimNome,
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputUltimNome{
    width:48%!important;
  }
    
  /* config do input data de nascimento */
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputDia,
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputMes,
  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputAno{
    width:30%!important;
    margin-right: 5%!important;
  }

  .modalContentCriarConta .modal-body #registoTabs .art_registo input.inputAno{
    margin-right: 0%!important;
  }
  
  
  /* config do span dos textos */
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTexto,
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoGrauSeguranca,
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoPalavraPasse,
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoProsseguir{
    font-size: 0.8em;
    margin-bottom: 20px!important;
  }
    
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoPalavraPasse{
    font-size: 0.7em;
    margin-bottom: 35px!important;
  }
  
  .modalContentCriarConta .modal-body #registoTabs .art_registo label.labelTextoProsseguir{
    font-size: 0.9em;
  }
  
  
  /* config da barra de progresso */
  .div_barraProgressoPassword{
    height: 10px!important;
    margin: 0px 0px 20px 0px!important;
  }
  
  .modalContentCriarConta .modal-body #registoTabs .art_registo .btnCriarConta{
    font-size: 0.9em;
    font-weight: 400;
    border-radius: 8px 8px!important;
    padding: 12 0px 12px 0px!important;
    margin-top: 20px!important;
    margin-bottom: 40px!important;
  }

}