/*VERSAO*/
.versao:after {content: " 1.0 - SafeCall";}
/*TIPO PLATAFORMA*/
.app:after {content: var(--Tipo);}
/*TIPO PLATAFORMA*/
:root{
    --Tipo: "Aluno";

    /* MENU 1 */
    --Menu1text:     "Cadastro";  --Menu1icon:     "\f2bb"; --Menu1Conf:     block;
    --Menu1textSub1: "Alunos";    --Menu1iconSub1: "\f0c0"; --Menu1ConfSub1: block;
    --Menu1textSub2: "Adicionar"; --Menu1iconSub2: "\f234"; --Menu1ConfSub2: block;
    --Menu1textSub3: "Null";      --Menu1iconSub3: "\f05e"; --Menu1ConfSub3: none;
    --Menu1textSub4: "Null";      --Menu1iconSub4: "\f05e"; --Menu1ConfSub4: none;
    --Menu1textSub5: "Pesquisar"; --Menu1iconSub5: "\f002"; --Menu1ConfSub5: block;

    /* MENU 2 */
    --Menu2text:     "Financeiro";  --Menu2icon:     "\f81d"; --Menu2Conf:     block;
    --Menu2textSub1: "Mensalidades";--Menu2iconSub1: "\f571"; --Menu2ConfSub1: block;
    --Menu2textSub2: "Pago";        --Menu2iconSub2: "\f555"; --Menu2ConfSub2: block;
    --Menu2textSub3: "A vencer";    --Menu2iconSub3: "\f4c0"; --Menu2ConfSub3: block;
    --Menu2textSub4: "Em atraso";   --Menu2iconSub4: "\e56a"; --Menu2ConfSub4: block;
    --Menu2textSub5: "Null";        --Menu2iconSub5: "\f05e"; --Menu2ConfSub5: none;

    /* MENU 3 */
    --Menu3text:     "Null";        --Menu3icon:     "\f05e"; --Menu3Conf:     block;
    --Menu3textSub1: "Null";        --Menu3iconSub1: "\f05e"; --Menu3ConfSub1: none;
    --Menu3textSub2: "Null";        --Menu3iconSub2: "\f05e"; --Menu3ConfSub2: none;
    --Menu3textSub3: "Null";        --Menu3iconSub3: "\f05e"; --Menu3ConfSub3: none;
    --Menu3textSub4: "Null";        --Menu3iconSub4: "\f05e"; --Menu3ConfSub4: none;
    --Menu3textSub5: "Null";        --Menu3iconSub5: "\f05e"; --Menu3ConfSub5: none;

    /* MENU 999 */
    --Menu999text:     "Configuração"; --Menu999icon:     "\f7d9"; --Menu999Conf:  block;
    --Menu999textSub1: "Usuários";     --Menu999iconSub1: "\f0c0"; --Menu999fSub1: block;
    --Menu999textSub2: "Add usuário";  --Menu999iconSub2: "\f234"; --Menu999fSub2: block;
    --Menu999textSub3: "API";          --Menu999iconSub3: "\f079"; --Menu999fSub3: none;
    --Menu999textSub4: "Null";         --Menu999iconSub4: "\f05e"; --Menu999fSub4: none;
    --Menu999textSub5: "Null";         --Menu999iconSub5: "\f05e"; --Menu999fSub5: none;

    /* MENU SAIR */
    --logouttext: "Sair"; --logouticon: "\f2f5";
}


/* MENU 1 */
.MenuGrupo1 .menu .bt_icon .icon::after{content: var(--Menu1icon); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo1 .menu .bt_texto::after{content:      var(--Menu1text)}
.MenuGrupo1 .sub1 .bt_icon .icon::after{content: var(--Menu1iconSub1); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo1 .sub1 .bt_texto::after{content:      var(--Menu1textSub1);}
.MenuGrupo1 .sub2 .bt_icon .icon::after{content: var(--Menu1iconSub2); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo1 .sub2 .bt_texto::after{content:      var(--Menu1textSub2);}
.MenuGrupo1 .sub3 .bt_icon .icon::after{content: var(--Menu1iconSub3); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo1 .sub3 .bt_texto::after{content:      var(--Menu1textSub3);}
.MenuGrupo1 .sub4 .bt_icon .icon::after{content: var(--Menu1iconSub4); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo1 .sub4 .bt_texto::after{content:      var(--Menu1textSub4);}
.MenuGrupo1 .sub5 .bt_icon .icon::after{content: var(--Menu1iconSub5); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo1 .sub5 .bt_texto::after{content:      var(--Menu1textSub5);}

/* MENU 2 */
.MenuGrupo2 .menu .bt_icon .icon::after{content: var(--Menu2icon); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo2 .menu .bt_texto::after{content:      var(--Menu2text)}
.MenuGrupo2 .sub1 .bt_icon .icon::after{content: var(--Menu2iconSub1); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo2 .sub1 .bt_texto::after{content:      var(--Menu2textSub1);}
.MenuGrupo2 .sub2 .bt_icon .icon::after{content: var(--Menu2iconSub2); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo2 .sub2 .bt_texto::after{content:      var(--Menu2textSub2);}
.MenuGrupo2 .sub3 .bt_icon .icon::after{content: var(--Menu2iconSub3); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo2 .sub3 .bt_texto::after{content:      var(--Menu2textSub3);}
.MenuGrupo2 .sub4 .bt_icon .icon::after{content: var(--Menu2iconSub4); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo2 .sub4 .bt_texto::after{content:      var(--Menu2textSub4);}
.MenuGrupo2 .sub5 .bt_icon .icon::after{content: var(--Menu2iconSub5); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo2 .sub5 .bt_texto::after{content:      var(--Menu2textSub5);}

/* MENU 3 */
.MenuGrupo3 .menu .bt_icon .icon::after{content: var(--Menu3icon); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo3 .menu .bt_texto::after{content:      var(--Menu3text)}
.MenuGrupo3 .sub1 .bt_icon .icon::after{content: var(--Menu3iconSub1); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo3 .sub1 .bt_texto::after{content:      var(--Menu3textSub1);}
.MenuGrupo3 .sub2 .bt_icon .icon::after{content: var(--Menu3iconSub2); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo3 .sub2 .bt_texto::after{content:      var(--Menu3textSub2);}
.MenuGrupo3 .sub3 .bt_icon .icon::after{content: var(--Menu3iconSub3); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo3 .sub3 .bt_texto::after{content:      var(--Menu3textSub3);}
.MenuGrupo3 .sub4 .bt_icon .icon::after{content: var(--Menu3iconSub4); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo3 .sub4 .bt_texto::after{content:      var(--Menu3textSub4);}
.MenuGrupo3 .sub5 .bt_icon .icon::after{content: var(--Menu3iconSub5); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo3 .sub5 .bt_texto::after{content:      var(--Menu3textSub5);}

/* MENU 999 */
.MenuGrupo999 .menu .bt_icon .icon::after{content: var(--Menu999icon); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo999 .menu .bt_texto::after{content:      var(--Menu999text)}
.MenuGrupo999 .sub1 .bt_icon .icon::after{content: var(--Menu999iconSub1); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo999 .sub1 .bt_texto::after{content:      var(--Menu999textSub1);}
.MenuGrupo999 .sub2 .bt_icon .icon::after{content: var(--Menu999iconSub2); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo999 .sub2 .bt_texto::after{content:      var(--Menu999textSub2);}
.MenuGrupo999 .sub3 .bt_icon .icon::after{content: var(--Menu999iconSub3); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo999 .sub3 .bt_texto::after{content:      var(--Menu999textSub3);}
.MenuGrupo999 .sub4 .bt_icon .icon::after{content: var(--Menu999iconSub4); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo999 .sub4 .bt_texto::after{content:      var(--Menu999textSub4);}
.MenuGrupo999 .sub5 .bt_icon .icon::after{content: var(--Menu999iconSub5); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.MenuGrupo999 .sub5 .bt_texto::after{content:      var(--Menu999textSub5);}


/* MENU SAIR */
.logout .bt_menu .bt_icon .icon::after{content: var(--logouticon); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 8px; font-style: normal;}
.logout .bt_menu .bt_texto::after{content:      var(--logouttext);}


.SiteEmpresa::after{content: 'www.educaapp.safecall.com.br/login';}
:root{
    --Cor1: #0E1A40;
    --Cor2: #0e2f5a;
    --Cor3: #152659;
    --Cor4: #294273;
    --Cor5: #858DA6;
    --Cor6: #F2F2F2;

    --Cor1RGBA: 14, 26, 64;
    --Cor2RGBA: 14, 47, 90;
    --Cor3RGBA: 21, 38, 89;
    --Cor4RGBA: 41, 66, 115;
    --Cor5RGBA: 133, 141, 166;
    --Cor6RGBA: 242, 242, 242;

    --CorLogo1: green;
    --CorLogo2: red;

    --AnimacaoColor1: #00FF00;
    --AnimacaoColor2: #FF0000;

    --MsgSucesso: #2ecc71;
    --MsgErro: #e74c3c;
    --MsgCor: white;
}

:root{
    /* IMAGEM */
    --ImagemCentral: url('https://educaapp.safecall.com.br/imagens/logosite.png');
    --ImagemBarraLateralBackGround: url('https://educaapp.safecall.com.br/imagens/logosite.png');

    /* LOADER DE CARREGANDO*/
    --Carregando_background: rgba(0, 0, 0, 0.8);

    /**/
    --Cabecario_background: var(--Cor1);
    --Cabecario_color: var(--Cor6);
    
    /**/
    --conteudo_principal_main_conteudo: var(--Cor6);

    /* BARRA LATERAL */
    --CorBarraLateralBackground: var(--Cor2);
    --Barra_lateral_color: var(--Cor6);
    --Barra_lateral_seta_color: var(--Cor5);
    --Barra_lateral_hover_backgroud: var(--Cor4);

    /**/
    --Roda_Pe_background:var(--Cor1);
    --Roda_Pe_color: var(--Cor5);

    /*BARRA DE ROLAGEM*/
    --conteudo_principal_COR: var(--Cor6);
    --conteudo_principal_BarraDeRolagem_COR: var(--Cor5);
    --conteudo_principal_BotaoDeRolagem_COR: var(--Cor2);
    --conteudo_principal_HoverDeRolagem_COR: var(--Cor1);

    /* TEXTO */
    --TextoFonta: montserrat, sans-serif;
    --Sombra: 0px 0px 15px 10px rgba(0, 0, 0, 0.4);
    
}