/*COMUM*/
/*EXTERNO*/
/*SPRITES INTERNOS E REGRAS DE CUSTOMIZAÇÃO DE SPRITES INTERNOS*/
/*AS REGRAS QUE SOBRESCREVEM O KENDO COM SPRITES INTERNOS DEVEM FICAR AQUI*/
.sprite_interno {
  background: url(../../../Imagens/Icones/sprites_formularios.png) no-repeat !important;
}
/*
@import this file directly into your existing Less files to use these mixins
*/
/*
@import this file directly into your existing Less files to use these mixins
*/
/*
@import this file directly into your existing Less files to use these mixins
*/
1 ._1_notificacoes {
  width: 16px !important;
  height: 17px !important;
  background-position: -1px -1px !important;
}
._2_configuracoes {
  width: 20px !important;
  height: 21px !important;
  background-position: -18px -1px !important;
}
._3_nuvem {
  width: 35px !important;
  height: 19px !important;
  background-position: -39px -1px !important;
}
._4_abrir_plano_contas {
  width: 16px !important;
  height: 16px !important;
  background-position: -75px -1px !important;
}
._5_fechar_plano_contas {
  width: 16px !important;
  height: 16px !important;
  background-position: -92px -1px !important;
}
._6_novo_plano_contas {
  width: 17px !important;
  height: 17px !important;
  background-position: -109px -1px !important;
}
._6_novo_plano_contas:hover {
  width: 17px !important;
  height: 17px !important;
  background-position: -127px -1px !important;
}
._7_editar_plano_contas {
  width: 17px !important;
  height: 17px !important;
  background-position: -145px -1px !important;
}
._7_editar_plano_contas:hover {
  width: 17px !important;
  height: 17px !important;
  background-position: -163px -1px !important;
}
._8_excluir_plano_contas {
  width: 17px !important;
  height: 17px !important;
  background-position: -181px -1px !important;
}
._8_excluir_plano_contas:hover {
  width: 17px !important;
  height: 17px !important;
  background-position: -199px -1px !important;
}
._9_tooltip {
  width: 17px !important;
  height: 17px !important;
  background-position: -217px -1px !important;
}
._9_tooltip:hover {
  width: 17px !important;
  height: 17px !important;
  background-position: -235px -1px !important;
}
._10_filtro {
  width: 15px !important;
  height: 14px !important;
  background-position: -253px -1px !important;
}
._11_visualizacao_grid_on {
  width: 32px !important;
  height: 32px !important;
  background-position: -269px -1px !important;
}
._12_visualizacao_lista_off {
  width: 32px !important;
  height: 32px !important;
  background-position: -302px -1px !important;
}
._12_visualizacao_lista_off:hover {
  width: 32px !important;
  height: 32px !important;
  background-position: -335px -1px !important;
}
._13_nuvem_controle {
  width: 35px !important;
  height: 21px !important;
  background-position: -368px -1px !important;
}
._13_nuvem_controle:hover {
  width: 35px !important;
  height: 21px !important;
  background-position: -404px -1px !important;
}
._14_resetar_foto {
  width: 35px !important;
  height: 19px !important;
  background-position: -440px -1px !important;
}
._14_resetar_foto:hover {
  width: 35px !important;
  height: 19px !important;
  background-position: -476px -1px !important;
}
._15_aumenta_foto {
  width: 18px !important;
  height: 21px !important;
  background-position: -512px -1px !important;
}
._16_diminui_foto {
  width: 18px !important;
  height: 21px !important;
  background-position: -531px -1px !important;
}
._17_slider {
  width: 17px !important;
  height: 17px !important;
  background-position: -550px -1px !important;
}
._17_slider:hover {
  width: 17px !important;
  height: 17px !important;
  background-position: -568px -1px !important;
}
._18_abrir_pc {
  width: 11px !important;
  height: 11px !important;
  background-position: -586px -1px !important;
}
._19_fechar_pc {
  width: 11px !important;
  height: 11px !important;
  background-position: -598px -1px !important;
}
._20_visualizacao_grid_off {
  width: 32px !important;
  height: 32px !important;
  background-position: -610px -1px !important;
}
._20_visualizacao_grid_off:hover {
  width: 32px !important;
  height: 32px !important;
  background-position: -643px -1px !important;
}
._21_visualizacao_lista_on {
  width: 32px !important;
  height: 32px !important;
  background-position: -676px -1px !important;
}
._22_filtro_cabecalho {
  width: 16px !important;
  height: 12px !important;
  background-position: -709px -1px !important;
}
._22_filtro_cabecalho:hover {
  width: 16px !important;
  height: 12px !important;
  background-position: -726px -1px !important;
}
._23_novo_modal {
  width: 17px !important;
  height: 17px !important;
  background-position: -743px -1px !important;
}
._23_novo_modal:hover {
  width: 17px !important;
  height: 17px !important;
  background-position: -761px -1px !important;
}
._24_fechar_modal {
  width: 25px !important;
  height: 25px !important;
  background-position: -779px -1px !important;
}
._25_fechar_hint {
  width: 9px !important;
  height: 9px !important;
  background-position: -831px -1px !important;
}
._25_fechar_hint:hover {
  width: 9px !important;
  height: 9px !important;
  background-position: -841px -1px !important;
}
._26_configuracoes {
  width: 32px !important;
  height: 32px !important;
  background-position: -851px -1px !important;
}
._26_configuracoes:hover {
  width: 32px !important;
  height: 32px !important;
  background-position: -884px -1px !important;
}
._27_fechar_generico {
  width: 15px !important;
  height: 14px !important;
  background-position: -917px -1px !important;
}
._28_requisitos_senha_inativo {
  width: 16px !important;
  height: 16px !important;
  background-position: -933px -1px !important;
}
._29_requisitos_senha_ativo {
  width: 16px !important;
  height: 16px !important;
  background-position: -950px -1px !important;
}
._30_abrir_colapsavel {
  width: 14px !important;
  height: 8px !important;
  background-position: -967px -1px !important;
}
._30_abrir_colapsavel:hover {
  width: 14px !important;
  height: 8px !important;
  background-position: -982px -1px !important;
}
._31_fechar_colapsavel {
  width: 14px !important;
  height: 8px !important;
  background-position: -997px -1px !important;
}
._31_fechar_colapsavel:hover {
  width: 14px !important;
  height: 8px !important;
  background-position: -1012px -1px !important;
}
._32_editar {
  width: 24px !important;
  height: 24px !important;
  background-position: -1027px -1px !important;
}
._32_editar:hover {
  width: 24px !important;
  height: 24px !important;
  background-position: -1052px -1px !important;
}
._33_anexo_cabecalho {
  width: 14px !important;
  height: 13px !important;
  background-position: -1077px -1px !important;
}
._34_anexo {
  width: 12px !important;
  height: 10px !important;
  background-position: -1092px -1px !important;
}
._35_divisao_grid_aberto {
  width: 24px !important;
  height: 14px !important;
  background-position: -1105px -1px !important;
}
._35_divisao_grid_aberto:hover {
  width: 24px !important;
  height: 14px !important;
  background-position: -1130px -1px !important;
}
._36_divisao_grid_fechado {
  width: 24px !important;
  height: 14px !important;
  background-position: -1155px -1px !important;
}
._36_divisao_grid_fechado:hover {
  width: 24px !important;
  height: 14px !important;
  background-position: -1180px -1px !important;
}
._37_lixeira_lancamento {
  width: 14px !important;
  height: 19px !important;
  background-position: -1205px -1px !important;
}
._37_lixeira_lancamento:hover {
  width: 14px !important;
  height: 19px !important;
  background-position: -1220px -1px !important;
}
._38_configuracoes_lancamento {
  width: 16px !important;
  height: 18px !important;
  background-position: -1235px -1px !important;
}
._39_tres_pontos {
  width: 17px !important;
  height: 3px !important;
  background-position: -1252px -1px !important;
}
._40_nova_transacao {
  width: 15px !important;
  height: 15px !important;
  background-position: -1270px -1px !important;
}
._41_mes_anterior {
  width: 23px !important;
  height: 23px !important;
  background-position: -1286px -1px !important;
}
._41_mes_anterior:hover {
  width: 23px !important;
  height: 23px !important;
  background-position: -1310px -1px !important;
}
._42_mes_seguinte {
  width: 23px !important;
  height: 23px !important;
  background-position: -1334px -1px !important;
}
._42_mes_seguinte:hover {
  width: 23px !important;
  height: 23px !important;
  background-position: -1358px -1px !important;
}
._43_divisao_inativo {
  width: 24px !important;
  height: 21px !important;
  background-position: -1382px -1px !important;
}
._44_divisao_ativo {
  width: 24px !important;
  height: 21px !important;
  background-position: -1407px -1px !important;
}
._45_download {
  width: 24px !important;
  height: 24px !important;
  background-position: -1432px -1px !important;
}
._45_download:hover {
  width: 24px !important;
  height: 24px !important;
  background-position: -1457px -1px !important;
}
._46_excluir {
  width: 24px !important;
  height: 24px !important;
  background-position: -1482px -1px !important;
}
._46_excluir:hover {
  width: 24px !important;
  height: 24px !important;
  background-position: -1507px -1px !important;
}
._47_cancelar {
  width: 24px !important;
  height: 24px !important;
  background-position: -1532px -1px !important;
}
._47_cancelar:hover {
  width: 24px !important;
  height: 24px !important;
  background-position: -1557px -1px !important;
}
._48_editar {
  width: 15px !important;
  height: 15px !important;
  background-position: -1582px -1px !important;
}
._49_conciliacao_azul {
  width: 19px !important;
  height: 14px !important;
  background-position: -1598px -1px !important;
}
._50_conciliacao_inativa {
  width: 19px !important;
  height: 14px !important;
  background-position: -1618px -1px !important;
}
._51_conciliacao_laranja {
  width: 19px !important;
  height: 14px !important;
  background-position: -1638px -1px !important;
}
._52_primeiro_lancamento {
  width: 23px !important;
  height: 23px !important;
  background-position: -1658px -1px !important;
}
._52_primeiro_lancamento:hover {
  width: 23px !important;
  height: 23px !important;
  background-position: -1682px -1px !important;
}
._53_primeiro_lancamento_inativo {
  width: 23px !important;
  height: 23px !important;
  background-position: -1706px -1px !important;
}
._54_ultimo_lancamento {
  width: 23px !important;
  height: 23px !important;
  background-position: -1730px -1px !important;
}
._54_ultimo_lancamento:hover {
  width: 23px !important;
  height: 23px !important;
  background-position: -1754px -1px !important;
}
._55_ultimo_lancamento_inativo {
  width: 23px !important;
  height: 23px !important;
  background-position: -1778px -1px !important;
}
._56_conciliacao_menu {
  width: 19px !important;
  height: 14px !important;
  background-position: -1802px -1px !important;
}
._57_anexo_com_arquivos {
  width: 18px !important;
  height: 18px !important;
  background-position: -1822px -1px !important;
}
._58_anexo {
  width: 18px !important;
  height: 18px !important;
  background-position: -1841px -1px !important;
}
._59_info_saldo_inicial {
  width: 10px !important;
  height: 10px !important;
  background-position: -1860px -1px !important;
}
._60_info_entradas {
  width: 10px !important;
  height: 10px !important;
  background-position: -1871px -1px !important;
}
._61_info_saidas {
  width: 10px !important;
  height: 10px !important;
  background-position: -1882px -1px !important;
}
._62_info_saldo_final {
  width: 10px !important;
  height: 10px !important;
  background-position: -1893px -1px !important;
}
._63_confirma {
  width: 24px !important;
  height: 24px !important;
  background-position: -1904px -1px !important;
}
._63_confirma:hover {
  width: 24px !important;
  height: 24px !important;
  background-position: -1929px -1px !important;
}
._64_receber {
  width: 43px !important;
  height: 43px !important;
  background-position: -1954px -1px !important;
}
._65_pagar {
  width: 43px !important;
  height: 43px !important;
  background-position: -1998px -1px !important;
}
._66_despesas_mensais {
  width: 20px !important;
  height: 18px !important;
  background-position: -2042px -1px !important;
}
._67_receitas_mensais {
  width: 20px !important;
  height: 18px !important;
  background-position: -2063px -1px !important;
}
._68_alterar_data {
  width: 14px !important;
  height: 15px !important;
  background-position: -2084px -1px !important;
}
._69_alterar_data_vencimento {
  width: 14px !important;
  height: 15px !important;
  background-position: -2099px -1px !important;
}
._70_seta_mover {
  width: 18px !important;
  height: 8px !important;
  background-position: -2114px -1px !important;
}
._71_lancar_contas_receber {
  width: 22px !important;
  height: 18px !important;
  background-position: -2133px -1px !important;
}
._72_lancar_contas_pagar {
  width: 22px !important;
  height: 18px !important;
  background-position: -2156px -1px !important;
}
._73_lancar_contas_cobranca {
  width: 22px !important;
  height: 18px !important;
  background-position: -2179px -1px !important;
}
._74_coroa {
  width: 20px !important;
  height: 17px !important;
  background-position: -2202px -1px !important;
}
._75_grafico {
  width: 16px !important;
  height: 14px !important;
  background-position: -2223px -1px !important;
}
._76_planilha {
  width: 17px !important;
  height: 15px !important;
  background-position: -2240px -1px !important;
}
._77_divisao_inativo_grid {
  width: 16px !important;
  height: 13px !important;
  background-position: -2258px -1px !important;
}
._78_processamento_de_arquivo {
  width: 20px !important;
  height: 16px !important;
  background-position: -2275px -1px !important;
}
._80_selecionar_conta {
  width: 16px !important;
  height: 16px !important;
  background-position: -2296px -1px !important;
}
._81_lancar_receitas {
  width: 42px !important;
  height: 42px !important;
  background-position: -2313px -1px !important;
}
._82_lancar_despesas {
  width: 42px !important;
  height: 42px !important;
  background-position: -2356px -1px !important;
}
._83_saques {
  width: 42px !important;
  height: 42px !important;
  background-position: -2399px -1px !important;
}
._84_pagamento_de_cartao {
  width: 42px !important;
  height: 42px !important;
  background-position: -2442px -1px !important;
}
._85_aplicacao {
  width: 42px !important;
  height: 42px !important;
  background-position: -2485px -1px !important;
}
._86_outras_transferencias {
  width: 42px !important;
  height: 42px !important;
  background-position: -2528px -1px !important;
}
._87_resgate {
  width: 42px !important;
  height: 42px !important;
  background-position: -2571px -1px !important;
}
._88_lancar_salario {
  width: 42px !important;
  height: 42px !important;
  background-position: -2614px -1px !important;
}
._89_seletor_imagem {
  width: 60px !important;
  height: 60px !important;
  background-position: -2657px -1px !important;
}
._90_exportar {
  width: 17px !important;
  height: 17px !important;
  background-position: -2718px -1px !important;
}
._91_conversao {
  width: 24px !important;
  height: 21px !important;
  background-position: -2733px -1px !important;
}
._92_lixeira_avatar {
  width: 14px !important;
  height: 19px !important;
  background-position: -2758px -1px !important;
}
._94_adicionar_pj {
  width: 16px !important;
  height: 18px !important;
  background-position: -2788px -1px !important;
}
._95_adicionar_pf {
  width: 16px !important;
  height: 18px !important;
  background-position: -2805px -1px !important;
}
._103_limpar_input {
  width: 13px !important;
  height: 13px !important;
  background-position: -2822px -1px !important;
}
._104_documento {
  width: 17px !important;
  height: 15px !important;
  background-position: -2836px -1px !important;
}
._105_exportar_pdf {
  width: 14px !important;
  height: 14px !important;
  background-position: -2854px -1px !important;
}
._106_comparativo {
  width: 20px !important;
  height: 16px !important;
  background-position: -2869px -1px !important;
}
._107_limpar {
  width: 20px !important;
  height: 20px !important;
  background-position: -2890px -1px !important;
}
._108_ajuda {
  width: 40px !important;
  height: 40px !important;
  background-position: -2911px -1px !important;
}
._109_email {
  width: 28px !important;
  height: 23px !important;
  background-position: -2952px -1px !important;
}
._110_manual {
  width: 25px !important;
  height: 24px !important;
  background-position: -2981px -1px !important;
}
._111_icone_paiva {
  width: 26px !important;
  height: 25px !important;
  background-position: -3007px -1px !important;
}
._112_passos {
  width: 16px !important;
  height: 27px !important;
  background-position: -3034px -1px !important;
}
._114_confirmacao_cinza {
  width: 17px !important;
  height: 17px !important;
  background-position: -3051px -1px !important;
}
._115_confirmacao_cinza:hover {
  width: 18px !important;
  height: 18px !important;
  background-position: -3069px -1px !important;
}
._116_negar:hover {
  width: 18px !important;
  height: 17px !important;
  background-position: -3088px -1px !important;
}
._117_negar {
  width: 17px !important;
  height: 17px !important;
  background-position: -3107px -1px !important;
}
._118_importar {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-position: -3125px -1px !important;
}
._119_varinha {
  width: 21px;
  height: 21px;
  display: inline-block;
  background-position: -3141px -1px !important;
}
._120_cod_contabil:hover {
  width: 24px !important;
  height: 24px !important;
  background-position: -3163px -1px !important;
}
._120_cod_contabil {
  width: 14px !important;
  height: 16px !important;
  background-position: -3188px -1px !important;
}
._121_desmarcar_contabil {
  width: 15px !important;
  height: 15px !important;
  background-position: -3203px -1px !important;
}
._122_voltar {
  width: 24px !important;
  height: 19px !important;
  background-position: -3219px -1px !important;
}
._123_pmc {
  width: 18px !important;
  height: 7px !important;
  background-position: -3244px -1px !important;
}
._124_imprimir {
  width: 16px !important;
  height: 16px !important;
  background-position: -3263px -1px !important;
}
._125_modal_editar {
  width: 17px !important;
  height: 17px !important;
  background-position: -3281px -1px !important;
}
._125_modal_editar:hover {
  width: 17px !important;
  height: 17px !important;
  background-position: -3299px -1px !important;
}
._126_classificar {
  width: 16px;
  height: 19px;
  background-position: -3317px -1px !important;
}
._127_configurar_instituicao {
  width: 16px;
  height: 19px;
  background-position: -3334px -1px !important;
}
._128_info_saldo_investimentos {
  width: 5px;
  height: 10px;
  background-position: -3351px -1px !important;
}
._129_alteracao_em_lote {
  width: 16px;
  height: 16px;
  background-position: -3357px -1px !important;
}
._130_alterar_pc_cc {
  width: 12px;
  height: 16px;
  background-position: -3374px -1px !important;
}
._131_auditar_lancamento {
  width: 17px;
  height: 17px;
  background-position: -3388px -1px !important;
}
._132_marcar_conciliacao {
  width: 18px;
  height: 18px;
  background-position: -3404px -1px !important;
}
._133_icone_refresh {
  width: 14px;
  height: 14px;
  background-position: -3424px -1px !important;
}
._134_icone_duplicar {
  width: 16px;
  height: 20px;
  background-position: -3439px -1px !important;
}
._135_importar_rem {
  width: 18px;
  height: 18px;
  background-position: -3455px -1px !important;
}
._136_importar_xls {
  width: 18px;
  height: 18px;
  background-position: -3473px -1px !important;
}
._137_exportar_xls {
  width: 18px;
  height: 18px;
  background-position: -3491px -1px !important;
}
._24_fechar_modal_hover {
  width: 25px !important;
  height: 25px !important;
  background-position: -805px -1px !important;
}
._92_lixeira_avatar_hover {
  width: 14px !important;
  height: 19px !important;
  background-position: -2773px -1px !important;
}
a.tooltip:hover {
  background: url(../../../Imagens/Icones/sprites_formularios.png) no-repeat !important;
  width: 17px !important;
  height: 17px !important;
  background-position: -217px -1px !important;
}
a.visivel {
  background: url(../../../Imagens/Icones/sprites_formularios.png) no-repeat !important;
  width: 17px !important;
  height: 17px !important;
  background-position: -217px -1px !important;
}
a.visivel-info {
  background: url(../../../Imagens/Icones/sprites_formularios.png) no-repeat !important;
  width: 10px !important;
  height: 10px !important;
  background-position: -1893px -1px !important;
}
a.visivel-info:hover {
  background: url(../../../Imagens/Icones/sprites_formularios.png) no-repeat !important;
  width: 10px !important;
  height: 10px !important;
  background-position: -1893px -1px !important;
}
.k-tooltip-button a.k-icon.k-i-close {
  margin-top: 11px;
  margin-right: 11px;
  background: url(../../../Imagens/Icones/sprites_formularios.png) no-repeat !important;
  width: 9px !important;
  height: 9px !important;
  background-position: -831px -1px !important;
}
.k-grid-filter {
  padding-bottom: 0px !important;
  padding-top: 9px !important;
}
a.k-grid-filter.k-state-active {
  background-color: #00a6d2;
}
.k-grid-filter span.k-icon.sprite_interno._22_filtro_cabecalho {
  opacity: 1 !important;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  /* Adicionado para centralização perfeita */
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  /* Somente propriedades de comportamento do background no CSS */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  overflow: hidden;
  color: white;
  /* Removido qualquer background-image ou background aqui */
}
/* Sobreposição escura no fundo */
body::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.06);
  z-index: 1;
  pointer-events: none;
}
/* O resto do seu Index.less permanece inalterado */
.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  /* Mantido para garantir que o formulário esteja acima de tudo */
  z-index: 2;
  /* Mantido para garantir que o formulário esteja acima de tudo */
}
.login-form-card {
  background: rgba(0, 171, 255, 0.55);
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  text-align: center;
  width: 350px;
  max-width: 90%;
  height: 400px;
}
.logo-next {
  margin-bottom: 60px;
}
.logo-next .logo-image {
  max-width: 175px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.input-group {
  position: relative;
  margin-bottom: 20px;
}
.input-group .text-input {
  width: 100%;
  padding: 12px 15px 12px 40px;
  border: none;
  border-radius: 8px;
  background: white;
  color: #333;
  font-size: 1em;
  outline: none;
  transition: background 0.3s ease;
  box-sizing: border-box;
}
.input-group .text-input::placeholder {
  color: #666;
}
.input-group .text-input:focus {
  background: #ffffff;
}
.input-group .icon-input {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #00A6d2;
  font-size: 1.2em;
}
.input-group .icon-input-eye {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #00A6d2;
  cursor: pointer;
  font-size: 1.2em;
}
.forgot-password {
  display: block;
  text-align: right;
  margin-top: 25px;
  margin-bottom: 25px;
  color: #f0f0f0;
  text-decoration: none;
  font-size: 0.9em;
  transition: color 0.3s ease;
  text-align: center;
}
.forgot-password:hover {
  color: white;
}
.btn-login {
  width: 100%;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  background: White;
  color: #00A6d2;
  font-size: 1.1em;
  font-weight: bold;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}
.btn-login:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}
.message-area {
  margin-top: 15px;
}
.message-area .message-error-login {
  color: #ffcccc;
  font-size: 0.9em;
}
.input-k-invalid {
  border: 1px solid red;
}
.k-i-info {
  background-image: none !important;
  margin-right: 5px;
}
.k-notification-wrap {
  background: white !important;
}
.AlteraCor {
  color: #0BADD2;
}
.field-validation-error {
  color: #ffcccc;
  font-size: 0.8em;
  display: block;
  margin-top: 5px;
}
.input-validation-error {
  border: 1px solid #ffcccc !important;
}