
/* ============================================================
   CLIMATIKO CENTRAL
   PADRAO GLOBAL DE FORMULARIOS
============================================================ */

/*
  Mantemos o menu lateral intacto.
  Ajustamos somente controles de formulário.
*/


body input:not([type="checkbox"])
          :not([type="radio"])
          :not([type="range"])
          :not([type="color"])
          :not([type="file"])
          :not([type="button"])
          :not([type="submit"])
          :not([type="reset"])
          :not([type="hidden"]),

body select{

  font-family:
    inherit !important;

  font-size:
    11.5px !important;

  font-weight:
    400 !important;

  line-height:
    1.25 !important;

}


/*
  O seletor acima precisa da versão abaixo porque
  :not separados por espaço podem não pegar todos
  os navegadores da mesma forma.
*/

body input[type="text"],
body input[type="email"],
body input[type="tel"],
body input[type="url"],
body input[type="search"],
body input[type="number"],
body input[type="date"],
body input[type="time"],
body input[type="password"],

body input:not([type]),

body select{

  height:
    34px !important;

  min-height:
    34px !important;

  box-sizing:
    border-box !important;

  padding:
    0 9px !important;

  font-family:
    inherit !important;

  font-size:
    11.5px !important;

  font-weight:
    400 !important;

  line-height:
    1.25 !important;

}


body textarea{

  box-sizing:
    border-box !important;

  padding:
    8px 9px !important;

  font-family:
    inherit !important;

  font-size:
    11.5px !important;

  font-weight:
    400 !important;

  line-height:
    1.4 !important;

}


body input::placeholder,
body textarea::placeholder{

  color:
    #98a2b3 !important;

  font-size:
    10.8px !important;

  font-weight:
    400 !important;

  opacity:
    1 !important;

}


/* ============================================================
   LABELS
============================================================ */

.page label,
.modal label,
.clm-global-modal label,
.ic-card label,
.prod-card label,
.oc4-section label{

  font-size:
    10.5px !important;

  line-height:
    1.25 !important;

}


/* ============================================================
   SELECT OPTIONS
============================================================ */

body select option{

  font-size:
    11.5px !important;

}


/* ============================================================
   CAMPOS COM BOTAO / SUFIXO
============================================================ */

.input-group,
.clm-global-input-action,
.prod-input-action,
.prod-input-prefix,
.prod-input-suffix{

  min-height:
    34px !important;

}


.input-group button,
.clm-global-input-action button{

  min-height:
    34px !important;

  height:
    34px !important;

}


/* ============================================================
   STATUS CNPJ
============================================================ */

.clm-cnpj-status-universal{

  display:
    block;

  min-height:
    11px;

  margin-top:
    4px;

  font-size:
    8.5px !important;

  line-height:
    1.3;

}


.clm-cnpj-status-universal.carregando,
#cgCNPJStatus.carregando{

  color:
    #155a96 !important;

}


.clm-cnpj-status-universal.sucesso,
#cgCNPJStatus.sucesso{

  color:
    #067647 !important;

}


.clm-cnpj-status-universal.erro,
#cgCNPJStatus.erro{

  color:
    #d92d20 !important;

}


/* ============================================================
   CADASTRO DE CLIENTES DO PRINT
============================================================ */

.page input:focus,
.page select:focus,
.page textarea:focus{

  outline:
    none !important;

  border-color:
    #599bd1 !important;

  box-shadow:
    0 0 0 2px
    rgba(21,90,150,.07) !important;

}

