.disclaimer {
    display: none;
}

:root {
    --HashImagem: '?v=1.0.0';
    -webkit-transition: all 500ms;
    transition: all 500ms;
}
:root {
    --Cor_Borda_Formulario_Input_Focus: #09ff00;
    --Cor_Fundo_Menu_Perfil: #3a3b3c;
    --Cor_Barra_Rolagem: #FFF;
    --Cor_Fundo_Logotipo: transparent;
    --Cor_Borda_Logotipo: transparent;
    --Cor_Fundo_Slide_Sobreposicao_Excluir: #242526;
    --Cor_Botao_Excluir_Sobreposicao: #FFF;
    --Cor_Fundo_Slide_Logotipo_Excluir: #242526;
    --Cor_Botao_Excluir_Logotipo: #FFF;
    --Cor_Fundo_Slide_Campo_Referencia: #242526;
    --Cor_Slide_Campo_Referencia: #FFF;
    --Cor_Borda_Item_Sobreposicoes_Aplicar: rgba(0, 0, 0, 0.178);
    --Cor_Fundo_Item_Sobreposicoes_Aplicar: black;
    --Cor_Botao_Aplicar_Sobreposicao: #FFF;
    --Cor_Fundo_Slide_Referencia: #242526;
    --Cor_Slide_Referencia: #FFF;
    --Cor_Fonte: #FFF;
    --Cor_Borda: #FFF;
    --Cor_Fundo_Menu: #3a3b3c;
    --Cor_Fundo_Menu_Hover: #242526;
    --Cor_Botao_Painel: #242526;
    --Cor_Botao_Painel_Hover: #242526;
    --Cor_Fundo_Slides: #242526;
    --Cor_Fundo_Selecao_Temas: #242526;
    --Cor_BoxShadow_Area_Topo: #212121;
    --Cor_BoxShadow_Itens_SubMenu_Topo: #212121;
    --Cor_Fundo_Item_SubMenu_Topo_Selecionado: #212121;
    --Cor_BoxShadow_Itens_Menu_Perfil: #212121;
    --Cor_Fundo_Item_Menu_Perfil_Selecionado: #212121;
    --Cor_Fundo_Item_Caixa_Aviso: #212121;
    --Cor_Borda_Selecao_Temas: #FFF;
    --Cor_Borda_Slide_Campo_Referencia: #FFF;
    --Cor_Fundo_Item_Projecao_Selecionado: #3a3b3c;
    --Cor_Fundo_Item_Sobreposicoes_Selecionado: #3a3b3c;
    --Cor_Fundo_Item_Estilizacoes_Selecionado: #3a3b3c;
    --Cor_Fundo_Item_Audios_Selecionado: #3a3b3c;
    --Cor_Fundo_Item_Inputs_Selecionado: #3a3b3c;
    --Cor_Fundo_Item_Automatizacoes_Selecionado: #3a3b3c;
    --Cor_Fundo_Item_Arquivos_Selecionado: #3a3b3c;
    --Cor_Fundo_Item_Configuracoes_Selecionado: #3a3b3c;
    --Cor_Fundo_Item_Painel_Admin_Selecionado: #3a3b3c;
    --Cor_Fundo_Campo_Formulario: #18191a;
    --Cor_Fundo_Campo_Formulario_Hover: #3a3b3c;
    --Cor_Fundo_Campo_Status: #18191a;
    --Cor_Borda_Slide_Selecionado: #09ff00;
    --Cor_Transparente: transparent;
    --Cor_Fundo_Painel: #18191a;
    --Cor_Borda_Slide: #E4E9F7;
    --Cor_Fundo_Topo: #3a3b3c;
    --Cor_Fundo_Body: #3a3b3c;
    --Cor_Borda_Servidor_Conectando_1: #ffe600;
    --Cor_Borda_Servidor_Conectando_2: transparent;
    --Cor_Borda_Servidor_Ligado_1: #09ff00;
    --Cor_Borda_Servidor_Ligado_2: transparent;
    --Cor_Borda_Servidor_Desligado_1: #ff0000;
    --Cor_Borda_Servidor_Desligado_2: transparent;
    --Cor_Fundo_Projecao_Selecionado: #3a3b3c;
    --Cor_Icones: #FFF;
    --Cor_Destaque_Pesquisa_Biblia: #09ff00;
}
::-webkit-scrollbar-track {
    background-color: var(--Cor_Transparente);
}
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: var(--Cor_Transparente);
}
::-webkit-scrollbar-thumb {
    background: var(--Cor_Barra_Rolagem);
    border-radius: 15px;
}
body {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    margin: 0;
    color: var(--Cor_Fonte);
    background-color: var(--Cor_Fundo_Body);
    font-family: Roboto, Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    justify-content: center;
}
.display {
    display: none !important;
}
.opacity {
    opacity: 0 !important;
}
.opacity2 {
    opacity: 0.2 !important;
}
input, a, textarea, select {
    outline: none;
    text-decoration: none;
}





.Formulario_Login, .Formulario_Cadastro {
    position: relative;
    width: calc(100% - 200px);
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}
.Formulario_Imagem_Usuario {
    width: 110px;
    height: 110px;
    cursor: pointer;
    border-radius: 25%;
    border: 2px solid transparent;
    margin-bottom: 20px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.Usuario_Encontrado {
    border: 2px solid var(--Cor_Borda_Formulario_Input_Focus);
}
.Formulario_Imagem_Usuario.Usuario_Encontrado:hover {
    transform: scale(1.05);
}
.Formulario_Imagem_Usuario img {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 25%;
}
.Formulario_Login input[type="text"], .Formulario_Login input[type="password"],
.Formulario_Cadastro input[type="text"], .Formulario_Cadastro input[type="password"] {
    position: relative;
    width: 230px;
    height: 40px;
    background-color: var(--Cor_Transparente);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.Formulario_Login input[type="text"]:not(:placeholder-shown), .Formulario_Login input[type="text"]:hover, .Formulario_Login input[type="text"]:focus,
.Formulario_Login input[type="password"]:not(:placeholder-shown), .Formulario_Login input[type="password"]:hover, .Formulario_Login input[type="password"]:focus,
.Formulario_Cadastro input[type="text"]:not(:placeholder-shown), .Formulario_Cadastro input[type="text"]:hover, .Formulario_Cadastro input[type="text"]:focus,
.Formulario_Cadastro input[type="password"]:not(:placeholder-shown), .Formulario_Cadastro input[type="password"]:hover, .Formulario_Cadastro input[type="password"]:focus {
    border-color: var(--Cor_Borda_Formulario_Input_Focus);
}
.Formulario_Login input[type="submit"], .Formulario_Cadastro input[type="submit"] {
    position: relative;
    width: 100px;
    height: 40px;
    background-color: var(--Cor_Transparente);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    padding: 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 5px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
.Formulario_Login input[type="submit"]:hover, .Formulario_Cadastro input[type="submit"]:hover {
    border-color: var(--Cor_Borda_Formulario_Input_Focus);
    transform: scale(1.05);
}










/*COMUM*/
.Titulo {
    position: relative;
    width: 100%;
    height: 40px;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    top: 5px;
}


/*ÁREAS*/
.Area_Topo {
    position: absolute;
    width: calc(100% - 2px);
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: flex-start;
    box-shadow: 0 0 0.5em 0px var(--Cor_BoxShadow_Area_Topo);
    background-color: var(--Cor_Fundo_Topo);
}
.Area_Programa {
    position: relative;
    width: 100%;
    height: calc(100% - 55px);
    top: 55px;
    overflow-x: hidden;
}
.Area_Ordem {
    position: absolute;
    width: 300px;
    height: 100%;
    left: 300px;
    background-color: blue;
}
.Area_Formularios {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: var(--Cor_Transparente);
    flex-wrap: wrap;
}
.Area_Notificacao {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 101;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: center;
    background-color: var(--Cor_Transparente);
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
}
.Area_Status {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: var(--Cor_Transparente);
    flex-wrap: wrap;
}


/*TOPO*/
@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }

    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
  
.Icone_Programa {
    position: relative;
    width: 47px;
    height: 47px;
    left: 1px;
    top: 1px;
    cursor: pointer;
    background-color: var(--Cor_Fundo_Logotipo);
    border-radius: 50%;
    border: 2px solid var(--Cor_Borda_Logotipo);
    color: var(--Cor_Icones);
}
.Icone_Programa svg {
    position: relative;
    width: 47px;
    height: 47px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
.Status_Servidor {
    position: absolute;
    width: 49px;
    height: 49px;
    border: 2px solid transparent;
    border-radius: 50%;
    margin-left: 3.2px;
    top: 0px;
    cursor: pointer;
}
.Servidor_Conectando {
    border-top-color: var(--Cor_Borda_Servidor_Conectando_1);
    animation: Servidor_Conectando 2s 0s linear infinite;
}
.Servidor_Ligado {
    border-top-color: var(--Cor_Borda_Servidor_Ligado_1);
    animation: Servidor_Ligado 2s 0s linear infinite;
}
.Servidor_Desligado {
    border-top-color: var(--Cor_Borda_Servidor_Desligado_1);
    animation: Servidor_Desligado 2s 0s linear infinite;
}
/*
.Status_Servidor_Janela {
    position: relative;
    width: 80px;
    height: 30px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    align-content: center;
    background-color: var(--Cor_Fundo_Botao_Servidor_Janela);
    border: 1px solid var(--Cor_Borda_Botao_Servidor_Janela);
    border-radius: 20px;
}
.Status_Servidor_Janela div {
    position: absolute;
    width: 30px;
    height: 30px;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}
.Status_Servidor_Janela[status="1"] div {
    background-color: green;
    right: 0px;
    border-radius: 20px;
}
.Status_Servidor_Janela[status="0"] div {
    background-color: red;
    left: 0px;
    border-radius: 20px;
}*/
@-webkit-keyframes Servidor_Conectando {
    /*0% {
        border-top-color: var(--Cor_Borda_Servidor_Conectando_1);
    }
    50% {
        border-top-color: var(--Cor_Borda_Servidor_Conectando_2);
    }*/
    100% {
        transform: rotate(360deg);
        /*border-top-color: var(--Cor_Borda_Servidor_Conectando_1);*/
    }
}
@-webkit-keyframes Servidor_Ligado {
    /*0% {
        border-top-color: var(--Cor_Borda_Servidor_Ligado_1);
    }
    50% {
        border-top-color: var(--Cor_Borda_Servidor_Ligado_2);
    }*/
    100% {
        transform: rotate(360deg);
        /*border-top-color: var(--Cor_Borda_Servidor_Ligado_1);*/
    }
}
@-webkit-keyframes Servidor_Desligado {
    /*0% {
        border-top-color: var(--Cor_Borda_Servidor_Desligado_1);
    }
    50% {
        border-top-color: var(--Cor_Borda_Servidor_Desligado_2);
    }*/
    100% {
        transform: rotate(360deg);
        /*border-top-color: var(--Cor_Borda_Servidor_Desligado_1);*/
    }
}
.Menu_Topo {
    position: relative;
    width: calc(100% - 118px);
    height: 55px;
    left: 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
    justify-content: flex-start;
    column-gap: 2px;
}
.Item_Menu_Topo {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    height: 55px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: var(--Cor_Fundo_Menu);
    box-shadow: 2px 0 0 0px var(--Cor_Fundo_Menu_Hover);
}
.Item_Menu_Topo:hover, .Item_Menu_Topo_Selecionado {
    background-color: var(--Cor_Fundo_Menu_Hover);
}
.SubMenu_Topo {
    position: absolute;
    top: 55px;
    left: 66px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    z-index: 1000;
}
.Itens_SubMenu_Topo {
    position: relative;
    width: auto;
    /*height: 500px;*/
    box-shadow: 0 0 0.5em 0px var(--Cor_BoxShadow_Itens_SubMenu_Topo);
}
.Item_SubMenu_Topo {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    background-color: var(--Cor_Fundo_Menu);
}
.Item_SubMenu_Topo:hover, .Item_SubMenu_Topo_Selecionado {
    background-color: var(--Cor_Fundo_Item_SubMenu_Topo_Selecionado);
}
.Opcao_Janela_Toogle {
    position: absolute;
    width: 90px;
    height: 40px;
    margin-left: -90px;
    cursor: pointer;
    display: flex;
    align-items: center;
    background-color: var(--Cor_Fundo_Menu);
    /*background-color: inherit;*/
}
.Barra_Toogle {
    position: absolute;
    width: 60px;
    height: 15px;
    left: 14px;
    background-color: var(--Cor_Icones);
    border-radius: 8px;
    cursor: pointer;
}
.Circulo_Toogle {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-transition: all 500ms;
    transition: all 500ms;
    cursor: pointer;
}
.Circulo_Toogle[status='true'] {
    left: 55px;
    background-color: #4aff3e;
}
.Circulo_Toogle[status='false'] {
    left: 5px;
    background-color: #ff3e3e;
}




.Menu_Perfil {
    position: absolute;
    width: 47px;
    height: 47px;
    right: 7px;
    top: 2px;
    cursor: pointer;
    background-color: var(--Cor_Fundo_Menu_Perfil);
    border-radius: 25%;
    padding: 0;
    margin: 0;
    display: block;
    box-shadow: none;
    color: var(--Cor_Icones);
    z-index: 10;
}
.Menu_Perfil:hover {
    transform: scale(1.05);
}
.Menu_Perfil img {
    position: relative;
    width: 47px;
    height: 47px;
    border-radius: 25%;
    border: 2px solid var(--Cor_Icones);
}
.Menu_Perfil_Lista {
    position: absolute;
    top: 55px;
    right: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    z-index: 1000;
}
.Itens_SubMenu_Perfil {
    position: relative;
    width: auto;
    /*height: 500px;*/
    box-shadow: 0 0 0.5em 0px var(--Cor_BoxShadow_Itens_Menu_Perfil);
}
.Item_SubMenu_Perfil {
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    background-color: var(--Cor_Fundo_Menu);
}
.Item_SubMenu_Perfil:hover, .Item_SubMenu_Perfil_Selecionado {
    background-color: var(--Cor_Fundo_Item_Menu_Perfil_Selecionado);
}



.Icone_Geral {
    position: relative;
    width: 30px;
    height: 30px;
    right: 10px;
    cursor: pointer;
}
.Icone_Geral svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}











/*NOTIFICAÇÕES*/
.Caixa_Aviso {
    position: absolute;
    width: auto;
    height: auto;
    text-align: center;
    min-width: 300px;
    min-height: 50px;
    border: 1px solid var(--Cor_Borda);
    border-radius: 20px;
    background-color: var(--Cor_Fundo_Item_Caixa_Aviso);
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin-top: 15px;
    cursor: pointer;
    top: -150px;
    -webkit-transition: all 500ms;
    transition: all 500ms;
}
.Caixa_Aviso_Ativa {
    top: 10px;
    position: relative;
}


/*SLIDES*/
.Area_Slides {
    position: absolute;
    width: 345px;
    height: 100%;
    overflow: hidden;
    background-color: var(--Cor_Fundo_Slides);
}
/*.Area_Slides::before {
    height: 100%;
    position: absolute;
    top: 0px;
    left: calc(100% - 8px);
    content: '';
    color: transparent;
    border-right: 8px solid transparent;
    cursor: col-resize;
    z-index: 9;
}*/
/*.Area_Slides::before:hover {
    border-right: 8px solid var(--Cor_Barra_Rolagem);
}*/
/*.Area_Slides, .Area_Slides::after, .Area_Slides::before {
	-webkit-user-select: none;
	-webkit-user-drag: element;
	-webkit-app-region: no-drag;
}*/
.Area_Slides_Redimensionar {
    height: 100%;
    position: absolute;
    top: 0px;
    right: calc(100% - 8px);
    color: transparent;
    border-right: 8px solid var(--Cor_Fundo_Topo);
    cursor: col-resize;
    z-index: 9;
}
.Slides_Itens {
    position: relative;
    width: 100%;
    height: calc(100% - 276px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
    row-gap: 18px;
    column-gap: 18px;
}

.Slides_Opcoes {
    position: absolute;
    z-index: 10;
    width: auto;
    /* height: 360px; */
    left: 47px;
    border: 1px solid var(--Cor_Borda);
    overflow: auto;
    background-color: var(--Cor_Fundo_Painel);
}
.Cabecalho_Slides_Opcoes {
    position: relative;
    /*width: 300px;*/
    height: auto !important;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
    display: flex;
    align-items: center;
}
.Titulo_Slides_Opcoes {
    position: relative;
    min-width: 90px;
    height: auto !important;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: inherit !important;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Slides_Opcoes {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    margin-top: auto !important;
    cursor: pointer;
    text-align: center;
    border-radius: 0px 20px 0px 0px;
}
.Acoes_Slides_Opcoes {
    position: relative;
    width: 100%;
    /* height: 324px; */
    overflow: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}
.Item_Acao_Slides_Opcoes {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.Item_Acao_Slides_Opcoes:hover {
    background-color: var(--Cor_Fundo_Projecao_Selecionado);
}



.Campo_Selecao_Temas {
    position: relative;
    width: 100%;
    height: 79px;
    cursor: context-menu;
    background-color: var(--Cor_Fundo_Selecao_Temas);
    color: var(--Cor_Fonte);
    text-align: center;
    padding: 10px;
    padding-left: 0px;
    padding-right: 0px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
}
.Selecao_Temas {
    position: relative;
    width: 245px;
    height: 50px;
    cursor: pointer;
    background-color: var(--Cor_Fundo_Selecao_Temas);
    color: var(--Cor_Fonte);
    text-align: center;
    border: 0.5px solid var(--Cor_Borda_Selecao_Temas);
    margin-top: 8px;
    padding-left: 15px;
}
.Selecao_Temas option {
    background-color: var(--Cor_Fundo_Selecao_Temas);
    color: var(--Cor_Fonte);
}
.Slides_Modo_Visualizacao {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: var(--Cor_Fundo_Selecao_Temas);
    color: var(--Cor_Fonte);
    text-align: center;
    /*padding: 10px;*/
    /*padding-left: 0px;*/
    /*padding-right: 0px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    row-gap: 10px;
}
.Slides_Modo_Visualizacao [opcao] {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: 3px solid var(--Cor_Borda_Slide);
}
.Slides_Modo_Visualizacao [opcao]:hover {
    transform: scale(1.05)
}
.Slides_Modo_Visualizacao [opcao='1'] {
    background-image: repeating-linear-gradient(to bottom, #0000004f 5px, #0000004f 10px, transparent 10px, transparent 11px), repeating-linear-gradient(to right, #0000004f 5px, #0000004f 10px, transparent 10px, transparent 11px);
}
.Slides_Modo_Visualizacao [opcao='2'] {
    background-color: white;
}
.Slides_Modo_Visualizacao [opcao='3'] {
    background-color: black;
}
.Modo_Visualizacao_Selecionado {
    border: 3px solid var(--Cor_Borda_Slide_Selecionado) !important;
}
.Slides_Modo_Playlist {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: var(--Cor_Fundo_Selecao_Temas);
    color: var(--Cor_Fonte);
    text-align: center;
    /*padding: 10px;*/
    /*padding-left: 0px;*/
    /*padding-right: 0px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    row-gap: 10px;
}
.Slides_Modo_Playlist label {
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
}
.Slides_Modo_Playlist [opcao] {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.Slides_Modo_Playlist [opcao]:hover {
    transform: scale(1.05)
}
.Icone_Acoes_Modo_Playlist {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Modo_Playlist:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Modo_Playlist svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}






.Icones_Acoes_Slides {
    position: relative;
    width: calc(100% - 20px);
    height: 35px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.Icone_Acoes_Slides {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Slides:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Slides svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Slide {
    position: relative;
    width: 256px;
    height: 144px;
    max-width: 262px;
    max-height: 155px;
    min-height: 144px !important;
    padding-top: 5px;
    /* border: 3px solid var(--Cor_Borda_Slide); */
    /* overflow: hidden; */
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
.Itens_Slide {
    position: relative;
    width: 256px;
    height: 144px;
    left: -21px;
    top: -1px;
    display: flex;
    justify-content: center;
    align-content: center;
}
.Slide_Sobreposicao {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
}
.Slide_Sobreposicao > img, .Slide_Sobreposicao > video {
    position: relative;
    max-width: 100%;
    height: 100%;
}
.Slide_Sobreposicao_Cor {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: var(--Cor_Transparente);
}
.Slide_Arquivo {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
    opacity: 0.2;
}
.Slide_Arquivo > img, .Slide_Arquivo > video {
    position: relative;
    max-width: 100%;
    height: 100%;
}
.Slide_Logotipo {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--Cor_Transparente);
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
    cursor: pointer;
}
.Slide_Logotipo img {
    position: absolute;
}
.Slide_Texto {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    word-break: break-word;
    overflow: hidden;
    cursor: pointer;
}
.Slide_Texto span {
    position: relative;
    width: 100%;
    max-height: 100%;
    zoom: 0.7;
}
.Slide_Sobreposicao_Excluir {
    position: absolute;
    width: 26px;
    height: 26px;
    right: 5px;
    top: -1px;
    cursor: pointer;
    background-color: var(--Cor_Fundo_Slide_Sobreposicao_Excluir);
}
.Slide_Sobreposicao_Excluir:hover {
    transform: scale(1.1);
}
.Slide_Sobreposicao_Excluir svg {
    position: relative;
    width: 30px;
    height: 30px;
    top: -2px;
    left: -2px;
    fill: var(--Cor_Botao_Excluir_Sobreposicao);
}
.Slide_Arquivo_Excluir {
    position: absolute;
    width: 26px;
    height: 26px;
    right: 5px;
    top: 3px;
    cursor: pointer;
    background-color: var(--Cor_Fundo_Slide_Sobreposicao_Excluir);
}
.Slide_Arquivo_Excluir:hover {
    transform: scale(1.1);
}
.Slide_Arquivo_Excluir svg {
    position: relative;
    width: 30px;
    height: 30px;
    top: -2px;
    left: -2px;
    fill: var(--Cor_Botao_Excluir_Sobreposicao);
}
.Slide_Logotipo_Excluir {
    position: absolute;
    width: 26px;
    height: 26px;
    right: 5px;
    top: 27px;
    cursor: pointer;
    background-color: var(--Cor_Fundo_Slide_Logotipo_Excluir);
}
.Slide_Logotipo_Excluir:hover {
    transform: scale(1.1);
}
.Slide_Logotipo_Excluir svg {
    position: relative;
    width: 30px;
    height: 30px;
    top: -2px;
    left: -2px;
    fill: var(--Cor_Botao_Excluir_Logotipo);
}
.Slide_Campo_Referencia {
    position: absolute;
    width: 26px;
    height: 26px;
    right: 5px;
    top: 58px;
    cursor: pointer;
    text-align: center;
}
.Slide_Campo_Referencia input {
    position: relative;
    width: 30px;
    height: 30px;
    top: -2px;
    left: -2px;
    color: var(--Cor_Slide_Campo_Referencia);
    background-color: var(--Cor_Fundo_Slide_Campo_Referencia);
    border: 1px solid var(--Cor_Borda_Slide_Campo_Referencia);
    text-align: center;
}
.Slide_Macro {
    position: absolute;
    width: 28px;
    height: 28px;
    right: 3px;
    top: 125px;
    cursor: pointer;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Slide_Macro:hover {
    transform: scale(1.1);
}
/*.Slide_Macro:after{
    display: none;
}
.Slide_Macro:hover:after{
    display: block;
}*/
.Slide_Macro:after {
    filter: invert(100%);
}
.Slide_Macro:hover {
    filter: invert(100%);
}

.Slide_Opcoes_Playlist {
    position: absolute;
    width: 26px;
    height: 26px;
    right: 5px;
    top: 93px;
    cursor: pointer;
    text-align: center;
}
.Slide_Opcoes_Playlist input {
    position: relative;
    width: 30px;
    height: 30px;
    top: -2px;
    left: -2px;
    color: var(--Cor_Slide_Campo_Referencia);
    background-color: var(--Cor_Fundo_Slide_Campo_Referencia);
    border: 1px solid var(--Cor_Borda_Slide_Campo_Referencia);
    text-align: center;
}
.Slide_Drag {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -3px;
    left: -3px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    border: 3px solid var(--Cor_Borda_Slide);
    cursor: pointer;
}
.Slide_Drag_Referencia {
    background-color: var(--Cor_Fundo_Slide_Referencia);
    color: var(--Cor_Slide_Referencia);
}
.Slide_Drag_Referencia:hover {
    background-color: var(--Cor_Transparente);
    color: var(--Cor_Transparente);
}
.Slide_Tema_Excluir {
    position: absolute;
    width: 30px;
    height: 30px;
    margin-left: 290px;
    margin-top: 35px;
    cursor: pointer;
    text-align: center;
    border-radius: 25px;
}
.Slide_Tema_Excluir:hover {
    transform: scale(1.1);
}
.Slide_Tema_Excluir svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Slide_Selecionado {
    border: 3px solid var(--Cor_Borda_Slide_Selecionado);
}
.Slide_Separador {
    position: relative;
    width: 100%;
    max-width: 262px;
    height: 30px;
    top: 18px;
    left: -21px;
    background-color: var(--Cor_Transparente);
    display: flex;
    align-items: center;
}
.Slide_Separador div.ativo {
    width: 100%;
    height: 1px;
    background-color: var(--Cor_Borda_Slide_Selecionado);
}










/*PAINEL*/
.Area_Painel {
    position: absolute;
    width: calc(100vw - 355px);
    height: calc(100% - 20px);
    left: 345px;
    padding: 10px;
    overflow: auto;
    background-color: var(--Cor_Fundo_Painel);
}
.Area_Painel2 {
    width: calc(100%) !important;
    height: calc(100% - 10px) !important;
    left: 0px !important;
    padding: 0px !important;
    padding-top: 10px !important;
}
.Area_Painel_Login {
    width: 100%;
    height: calc(100% - 10px) !important;
    left: 0px !important;
    padding: 0px !important;
    padding-top: 10px !important;
}
.Menu_Painel {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
    justify-content: flex-start;
    column-gap: 10px;
    row-gap: 10px;
}
.Item_Menu_Painel {
    position: relative;
    /*width: 147.5px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Cor_Fundo_Menu);
    align-items: center;
}
.Item_Menu_Painel:hover {
    transform: scale(1.05)
}
.Item_Menu_Painel:hover, .Item_Menu_Painel_Selecionado {
    background-color: var(--Cor_Fundo_Menu_Hover);
}


/*PROJEÇÃO*/
.Area_Projecao {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    overflow: auto;
}
.Campo_Apresentacao_Programa {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.Programa_Logotipo {
    position: relative;
    text-align: center;
    /*background-color: var(--Cor_Fundo_Logotipo);*/
    border-radius: 20%;
}
.Programa_Logotipo img {
    position: relative;
    max-width: 500px;
}
.Programa_Logotipo svg {
    position: relative;
    width: 100%;
    fill: var(--Cor_Icones);
    -webkit-transition: all 500ms;
    transition: all 500ms;
}
@-webkit-keyframes Animacao_Programa_Logotipo {
    0% {fill: rgb(255 0 0);}
    10% {fill: rgb(255 0 172);}
    20% {fill: rgb(209 0 255);}
    30% {fill: rgb(32 0 255);}
    40% {fill: rgb(0 180 255);}
    50% {fill: rgb(0 255 213);}
    60% {fill: rgb(0 255 107);}
    70% {fill: rgb(188 255 0);}
    80% {fill: rgb(255 228 0);}
    90% {fill: rgb(255 111 0);}
    100% {fill: var(--Cor_Icones);}
}
.Animacao_Programa_Logotipo svg {
    animation: Animacao_Programa_Logotipo 5s 0s;
}

.Programa_Texto {
    position: relative;
    width: calc(80%);
    padding-left: 100px;
    padding-right: 100px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    margin-top: 20px;
}


.Menu_Projecao {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
    justify-content: flex-start;
    top: 10px;
    margin-bottom: 15px;
    column-gap: 10px;
    row-gap: 10px;
}
.Item_Menu_Projecao {
    position: relative;
    /*width: 147.5px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Cor_Fundo_Menu);
}
.Item_Menu_Projecao:hover {
    transform: scale(1.05)
}
.Item_Menu_Projecao:hover, .Item_Menu_Projecao_Selecionado {
    background-color: var(--Cor_Fundo_Menu_Hover);
}
.Separador_Projecao {
    width: 100%;
    height: 0px;
}
.Campo_Area_Projecao {
    width: 100%;
    height: calc(100% - 115px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
}
.Lista_Itens_Projecao {
    position: relative;
    width: 700px;
    height: 445px;
    border: 1px solid var(--Cor_Borda);
    margin-right: 10px;
    margin-bottom: 10px;
}
.Lista_Itens_Livros_Biblia {
    position: relative;
    width: 300px;
    height: 360px;
    border: 1px solid var(--Cor_Borda);
    margin-right: 10px;
    margin-bottom: 10px;
}
.Lista_Itens_Capitulos_Biblia {
    position: relative;
    width: 120px;
    height: 360px;
    border: 1px solid var(--Cor_Borda);
    margin-right: 10px;
    margin-bottom: 10px;
}
.Lista_Itens_Versiculos_Biblia {
    position: relative;
    width: 120px;
    height: 360px;
    border: 1px solid var(--Cor_Borda);
    margin-right: 10px;
    margin-bottom: 10px;
}
.Lista_Itens_Pesquisa_Biblia {
    position: relative;
    width: 300px;
    height: 360px;
    border: 1px solid var(--Cor_Borda);
    margin-right: 10px;
    margin-bottom: 10px;
}
.Lista_Visualizar_Pesquisa_Biblia {
    position: relative;
    width: 300px;
    height: 360px;
    border: 1px solid var(--Cor_Borda);
    margin-right: 10px;
    margin-bottom: 10px;
}
.Texto_Visualizar_Pesquisa_Biblia {
    position: relative;
    width: calc(100% - 20px);
    height: 304px;
    text-align: center;
    background-color: transparent;
    color: var(--Cor_Fonte);
    border: none;
    padding: 10px;
    user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
    overflow: auto;
}
.Cor_Destaque_Pesquisa {
    color: var(--Cor_Destaque_Pesquisa_Biblia) !important;
}
.Cabecalho_Itens_Projecao, .Cabecalho_Itens_Livros_Biblia, .Cabecalho_Itens_Capitulos_Biblia, .Cabecalho_Itens_Versiculos_Biblia, .Cabecalho_Pesquisa_Biblia {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Cabecalho_Itens_Projecao {
    height: 105px;
}
.Cabecalho_Visualizar_Pesquisa_Biblia {
    position: relative;
    width: 100%;
    height: 35px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Itens_Projecao {
    position: relative;
    /*width: 240px;*/
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    padding-right: 35px;
    padding-left: 35px;
}
.Select_Itens_Projecao {
    position: relative;
    width: calc(100% - 100px);
    left: 65px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    background-color: var(--Cor_Transparente);
    color: var(--Cor_Fonte);
    cursor: pointer;
    border: none;
}
.Select_Itens_Projecao option {
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
    cursor: pointer;
    border: none;
}
.Titulo_Itens_Livros_Biblia {
    position: relative;
    width: 300px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
}
.Titulo_Itens_Capitulos_Biblia, .Titulo_Itens_Versiculos_Biblia, .Titulo_Pesquisa_Biblia, .Titulo_Visualizar_Pesquisa_Biblia {
    position: relative;
    width: 100%;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.Titulo_Visualizar_Pesquisa_Biblia {
    user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
}
.Icone_Acoes_Projecao {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 3px;
    right: 3px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Projecao:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Projecao[acao="delordem"] {
    right: auto !important;
    left: 3px !important;
}
.Icone_Acoes_Projecao[acao="atualizar"] {
    right: auto !important;
    left: 3px;
}
.Icone_Acoes_Projecao_Att {
    left: 33px !important;
}
.Icone_Acoes_Projecao svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}

.Icones_Acoes_Projecao_Secundarios {
    position: relative;
    width: 100%;
    height: 35px;
}
.Icone_Acoes_Projecao[acao="sincronizar"] {
    right: auto !important;
    left: 3px;
    top: 5px;
}
.Icone_Acoes_Projecao[acao="renomear"] {
    right: auto !important;
    left: 33px;
}



.Icone_Acoes_Pesquisa {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 3px;
    right: 3px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Pesquisa:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Pesquisa svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Pesquisar_Item_Projecao, .Pesquisar_Item_Livros_Biblia, .Pesquisar_Pesquisa_Biblia {
    position: relative;
    height: 35px;
    color: var(--Cor_Fonte);
    border: none;
    background-color: var(--Cor_Transparente);
    text-align: center;
    padding-right: 35px;
    padding-left: 35px;
}
.Pesquisar_Item_Projecao {
    width: 700px;
}
.Pesquisar_Item_Livros_Biblia, .Pesquisar_Pesquisa_Biblia {
    width: 300px;
}
.Pesquisar_Item_Capitulos_Biblia, .Pesquisar_Item_Versiculos_Biblia {
    position: relative;
    width: 140px;
    height: 35px;
    border: none;
    color: var(--Cor_Fonte);
    background-color: var(--Cor_Transparente);
    text-align: center;
    padding-left: 38px;
    left: -6px;
    padding-right: 39px;
}
.Icone_Fechar_Filtro_Item_Projecao, .Icone_Fechar_Filtro_Item_Livros_Biblia, .Icone_Fechar_Filtro_Item_Capitulos_Biblia, .Icone_Fechar_Filtro_Item_Versiculos_Biblia, .Icone_Fechar_Filtro_Pesquisa_Biblia {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0px;
    margin-top: -36px;
    cursor: pointer;
    text-align: center;
}
.Icone_Fechar_Filtro_Item_Projecao:hover, .Icone_Fechar_Filtro_Item_Livros_Biblia:hover, .Icone_Fechar_Filtro_Item_Capitulos_Biblia:hover, .Icone_Fechar_Filtro_Item_Versiculos_Biblia:hover, .Icone_Fechar_Filtro_Pesquisa_Biblia:hover {
    transform: scale(1.1);
}
.Icone_Fechar_Filtro_Item_Projecao svg, .Icone_Fechar_Filtro_Item_Projecao svg g, .Icone_Fechar_Filtro_Item_Livros_Biblia svg, .Icone_Fechar_Filtro_Item_Livros_Biblia svg g, .Icone_Fechar_Filtro_Item_Capitulos_Biblia svg, .Icone_Fechar_Filtro_Item_Capitulos_Biblia svg g, .Icone_Fechar_Filtro_Item_Versiculos_Biblia svg, .Icone_Fechar_Filtro_Item_Versiculos_Biblia svg g, .Icone_Fechar_Filtro_Pesquisa_Biblia svg, .Icone_Fechar_Filtro_Pesquisa_Biblia svg g {
    position: relative;
    width: 20px;
    height: 20px;
    right: -5px;
    top: 14px;
    stroke: var(--Cor_Fonte);
    stroke-width: 2px;
}
.Itens_Projecao, .Itens_Livros_Biblia, .Itens_Capitulos_Biblia, .Itens_Versiculos_Biblia, .Itens_Pesquisa_Biblia {
    position: relative;
    width: 100%;
    height: 289px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    text-align: initial;
}
.Itens_Projecao {
    height: 339px;
}
.Item_Projecao, .Item_Livros_Biblia, .Item_Capitulos_Biblia, .Item_Versiculos_Biblia, .Item_Pesquisa_Biblia {
    position: relative;
    width: 100%;
    height: 25px;
    line-height: 30px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    cursor: pointer;
    background-color: var(--Cor_Transparente);
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.Item_Projecao_Cabecalho {
    position: relative;
    width: 100%;
    height: 25px;
    line-height: 30px;
    font-size: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    cursor: cell;
    background-color: var(--Cor_Transparente);
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    /*border-top: 1px solid var(--Cor_Fonte);*/
}
.Item_Projecao.arrastando {
    opacity: 0.4;
}
.Item_Projecao:not(.Item_Projecao_Cabecalho):hover, .Item_Projecao_Selecionado, .Item_Livros_Biblia:hover, .Item_Livros_Biblia_Selecionado, .Item_Capitulos_Biblia:hover, .Item_Capitulos_Biblia_Selecionado, .Item_Versiculos_Biblia:hover, .Item_Versiculos_Biblia_Selecionado, .Item_Pesquisa_Biblia:hover, .Item_Pesquisa_Biblia_Selecionado {
    background-color: var(--Cor_Fundo_Projecao_Selecionado);
}
.Item_Projecao_ComIcone {
    display: flex;
    align-items: center;
    column-gap: 10px;
}


.Icone_TipoItem_Projecao {
    position: relative;
    width: 20px;
    height: 20px;
    top: 0px;
    left: 0px;
    cursor: pointer;
    text-align: center;
}

.Campo_Arquivo_Projecao {
    position: relative;
    width: 300px;
    height: 360px;
    border: 1px solid var(--Cor_Borda);
    margin-right: 10px;
    margin-bottom: 10px;
}
.Cabecalho_Campo_Arquivo_Projecao {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Campo_Arquivo_Projecao {
    position: relative;
    width: 300px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
}
.Icones_Acoes_Arquivo_Projecao {
    position: relative;
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.Icone_Acoes_Arquivo_Projecao {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Arquivo_Projecao:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Arquivo_Projecao svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Texto_Arquivo {
    position: relative;
    width: 300px;
    height: 290px;
    resize: none;
    text-align: center;
    background-color: transparent;
    color: var(--Cor_Fonte);
    border: none;
    padding: 4px;
}
.Recursos_Arquivo {
    position: relative;
    width: 150px;
    /*height: 360px;*/
    margin-right: 10px;
    border: 1px solid var(--Cor_Borda);
    overflow: auto;
}
.Titulo_Recursos_Arquivo {
    position: relative;
    width: 100%;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.Acoes_Arquivo {
    position: relative;
    width: 100%;
    /*height: 324px;*/
    overflow: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}
.Item_Acao_Arquivo {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.Item_Acao_Arquivo:hover {
    background-color: var(--Cor_Fundo_Projecao_Selecionado);
}


/*SOBREPOSIÇÕES*/
.Area_Sobreposicoes {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    overflow: auto;
}
.Menu_Sobreposicoes {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
    justify-content: flex-start;
    top: 10px;
    margin-bottom: 15px;
    column-gap: 10px;
    row-gap: 10px;
}
.Item_Menu_Sobreposicoes {
    position: relative;
    /*width: 147.5px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Cor_Fundo_Menu);
}
.Item_Menu_Sobreposicoes:hover {
    transform: scale(1.05)
}
.Item_Menu_Sobreposicoes:hover, .Item_Menu_Sobreposicoes_Selecionado {
    background-color: var(--Cor_Fundo_Menu_Hover);
}
.Campo_Area_Sobreposicoes {
    width: 100%;
    height: calc(100% - 115px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
}
.Lista_Itens_Sobreposicoes {
    position: relative;
    width: 600px;
    height: 335px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Cabecalho_Itens_Sobreposicoes {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Itens_Sobreposicoes {
    position: relative;
    width: 540px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    padding-left: 25px;
}
.Icone_Acoes_Sobreposicoes {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 3px;
    /*right: 3px;*/
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Sobreposicoes:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Sobreposicoes svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Icone_Acoes_Sobreposicoes[acao="atualizar"] {
    left: 3px;
}
.Icone_Acoes_Sobreposicoes[acao="addnovo"] {
    right: 3px;
}
.Pesquisar_Item_Sobreposicoes {
    position: relative;
    width: 600px;
    height: 35px;
    color: var(--Cor_Fonte);
    border: none;
    background-color: var(--Cor_Transparente);
    text-align: center;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Filtro_Item_Sobreposicoes {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0px;
    margin-top: -36px;
    cursor: pointer;
    text-align: center;
}
.Icone_Fechar_Filtro_Item_Sobreposicoes:hover {
    transform: scale(1.1);
}
.Icone_Fechar_Filtro_Item_Sobreposicoes svg, .Icone_Fechar_Filtro_Item_Sobreposicoes svg g {
    position: relative;
    width: 20px;
    height: 20px;
    right: -5px;
    top: 14px;
    stroke: var(--Cor_Fonte);
    stroke-width: 2px;
}
.Itens_Sobreposicoes {
    position: relative;
    width: 100%;
    height: 264px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    text-align: center;
}
.Item_Sobreposicoes {
    position: relative;
    width: 100%;
    height: 25px;
    line-height: 30px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    cursor: pointer;
    background-color: var(--Cor_Transparente);
    padding: 5px;
}
.Item_Sobreposicoes_Visualizar {
    width: 128px;
    height: auto;
    border: 4px solid var(--Cor_Transparente);
}
.Item_Sobreposicoes_Visualizar img {
    position: relative;
    width: 100%;
    height: auto;
}
.Item_Sobreposicoes:hover, .Item_Sobreposicoes_Selecionado {
    background-color: var(--Cor_Fundo_Item_Sobreposicoes_Selecionado);
}
.Item_Sobreposicoes_Aplicar {
    position: absolute;
    width: 26px;
    height: 26px;
    right: 3px;
    top: 3px;
    cursor: pointer;
    text-align: center;
    border-radius: 25px;
    border: 1px solid var(--Cor_Borda_Item_Sobreposicoes_Aplicar);
    background-color: var(--Cor_Fundo_Item_Sobreposicoes_Aplicar);
}
.Item_Sobreposicoes_Aplicar:hover {
    transform: scale(1.1);
}
.Item_Sobreposicoes_Aplicar svg {
    position: relative;
    width: 30px;
    height: 30px;
    top: -2px;
    left: -2px;
    fill: var(--Cor_Botao_Aplicar_Sobreposicao);
}

.Campo_Arquivo_Sobreposicoes {
    position: relative;
    /*width: 300px;
    height: 360px;*/
    width: 400px;
    height: auto;
    min-height: 180px;
    border: 1px solid var(--Cor_Borda);
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: auto;
}
.Cabecalho_Campo_Arquivo_Sobreposicoes {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Campo_Arquivo_Sobreposicoes {
    position: relative;
    width: 100%;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
}
.Icones_Acoes_Arquivo_Sobreposicoes {
    position: relative;
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.Icone_Acoes_Arquivo_Sobreposicoes {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Arquivo_Sobreposicoes:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Arquivo_Sobreposicoes svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}

.Player_Sobreposicoes_Video {
    position: relative;
    width: auto;
    max-height: 500px;
    margin: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
.Player_Sobreposicoes_Video video {
    position: relative;
    width: auto;
    max-width: -webkit-fill-available;
    /* min-width: 512px; */
    /* min-height: 288px; */
    max-height: 500px;
}
.Player_Sobreposicoes_Imagem {
    position: relative;
    width: auto;
    max-height: 500px;
    margin: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
.Player_Sobreposicoes_Imagem img {
    position: relative;
    width: auto;
    max-width: -webkit-fill-available;
    max-height: 500px;
}
.Player_Sobreposicoes_Cor {
    position: relative;
    width: auto;
    max-height: 500px;
    margin: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
.Player_Sobreposicoes_Cor div {
    position: relative;
    width: 100%;
    height: 200px;
    max-width: -webkit-fill-available;
    max-height: 500px;
}



.Lista_Cores_Sobreposicoes {
    position: relative;
    width: 300px;
    height: 165px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Cabecalho_Cores_Sobreposicoes {
    position: relative;
    width: 100%;
    height: 35px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Cores_Sobreposicoes {
    position: relative;
    width: 300px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.Campo_Cores_Sobreposicoes {
    position: relative;
    width: 280px;
    height: 109px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
    overflow: auto;
    text-align: center;
    padding: 10px;
}
.Sobreposicao_Color {
    position: relative;
    width: 250px;
}
.Sobreposicao_Color input {
    position: relative;
    width: 128px;
    height: 72px;
    background-color: var(--Cor_Transparente);
    color: var(--Cor_Fonte);
    border: none;
    text-align: center;
    cursor: pointer;
}
.Sobreposicao_Color label {
    position: relative;
    text-align: center;
}



/*Estilizacoes*/
.Area_Estilizacoes {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    overflow: auto;
}
.Menu_Estilizacoes {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
    justify-content: flex-start;
    top: 10px;
    margin-bottom: 15px;
    column-gap: 10px;
    row-gap: 10px;
}
.Item_Menu_Estilizacoes {
    position: relative;
    /*width: 147.5px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Cor_Fundo_Menu);
}
.Item_Menu_Estilizacoes:hover {
    transform: scale(1.05)
}
.Item_Menu_Estilizacoes:hover, .Item_Menu_Estilizacoes_Selecionado {
    background-color: var(--Cor_Fundo_Menu_Hover);
}
.Campo_Area_Estilizacoes {
    width: 100%;
    height: calc(100% - 115px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
}
.Lista_Itens_Estilizacoes {
    position: relative;
    width: 300px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Lista_Estilizacoes {
    position: relative;
    width: 600px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Cabecalho_Itens_Estilizacoes {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Cabecalho_Estilizacoes {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Itens_Estilizacoes {
    position: relative;
    /*width: 240px;*/
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    padding-right: 35px;
    padding-left: 35px;
}
.Titulo_Estilizacoes {
    position: relative;
    width: 600px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
}
.Icones_Acoes_Arquivo_Estilizacoes {
    position: relative;
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.Icone_Acoes_Arquivo_Estilizacoes {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Arquivo_Estilizacoes:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Arquivo_Estilizacoes svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Icone_Acoes_Estilizacoes {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 3px;
    right: 3px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Estilizacoes:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Estilizacoes svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Pesquisar_Item_Estilizacoes {
    position: relative;
    width: 300px;
    height: 35px;
    color: var(--Cor_Fonte);
    border: none;
    background-color: var(--Cor_Transparente);
    text-align: center;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Filtro_Item_Estilizacoes {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0px;
    margin-top: -36px;
    cursor: pointer;
    text-align: center;
}
.Icone_Fechar_Filtro_Item_Estilizacoes:hover {
    transform: scale(1.1);
}
.Icone_Fechar_Filtro_Item_Estilizacoes svg, .Icone_Fechar_Filtro_Item_Estilizacoes svg g {
    position: relative;
    width: 20px;
    height: 20px;
    right: -5px;
    top: 14px;
    stroke: var(--Cor_Fonte);
    stroke-width: 2px;
}
.Itens_Estilizacoes {
    position: relative;
    width: 100%;
    height: 229px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    text-align: center;
}
.Item_Estilizacoes {
    position: relative;
    width: 100%;
    height: 25px;
    line-height: 30px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    cursor: pointer;
    background-color: var(--Cor_Transparente);
    padding: 5px;
}
.Item_Estilizacoes:hover, .Item_Estilizacoes_Selecionado {
    background-color: var(--Cor_Fundo_Item_Estilizacoes_Selecionado);
}
.Campo_Estilizacoes {
    position: relative;
    width: 580px;
    height: 209px;
    padding: 10px;
    overflow: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}
.Separador_Estilizacoes {
    position: relative;
    width: 100%;
    height: 10px;
}
.Estilo_Checkbox1 {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
}
.Estilo_Checkbox1 input {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.Estilo_Checkbox1 label {
    position: relative;
    cursor: pointer;
}
.Estilo_Input1 {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
    margin-right: 20px;
}
.Estilo_Input1 input {
    position: relative;
    width: 230px;
    height: 40px;
    left: 10px;
    background-color: var(--Cor_Transparente);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    padding: 10px;
    text-align: center;
}
.Estilo_Input1 label {
    position: relative;
    width: 100px;
    text-align: center;
}
.Estilo_Input2 {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
    margin-right: 20px;
}
.Estilo_Input2 input {
    position: relative;
    width: 75px;
    height: 40px;
    left: 10px;
    background-color: var(--Cor_Transparente);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    padding: 10px;
    text-align: center;
}
.Estilo_Input2 label {
    position: relative;
    width: 100px;
    text-align: center;
}
.Estilo_Select1 {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
    margin-right: 20px;
}
.Estilo_Select1 select {
    position: relative;
    width: 230px;
    height: 40px;
    left: 10px;
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    padding: 10px;
    text-align: center;
    cursor: pointer;
}
.Estilo_Select1 select option {
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
}

.Estilo_Select2 {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
    margin-right: 20px;
}
.Estilo_Select2 select {
    position: relative;
    width: 70px;
    height: 40px;
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    text-align: center;
    cursor: pointer;
}
.Estilo_Select2 select option {
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
}









.Estilo_Color {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
    margin-right: 20px;
}
.Estilo_Color input {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: var(--Cor_Transparente);
    color: var(--Cor_Fonte);
    border: none;
    text-align: center;
    cursor: pointer;
}
.Estilo_Color label {
    position: relative;
    width: 115px;
    text-align: center;
}
/*.Estilo_Botao_Salvar {
    position: relative;
    width: 90px;
    height: 35px;
    left: 242.5px;
    background-color: var(--Cor_Transparente);
    border: 1px solid var(--Cor_Borda);
    border-radius: 10px;
    color: var(--Cor_Fonte);
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
}
.Estilo_Botao_Salvar:hover {
    background-color: var(--Cor4);
}*/







/*ARQUIVOS*/
.Area_Arquivos {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    overflow: auto;
}
.Menu_Arquivos {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
    justify-content: flex-start;
    top: 10px;
    margin-bottom: 15px;
    column-gap: 10px;
    row-gap: 10px;
}
.Item_Menu_Arquivos {
    position: relative;
    /*width: 147.5px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Cor_Fundo_Menu);
}
.Item_Menu_Arquivos:hover {
    transform: scale(1.05)
}
.Item_Menu_Arquivos:hover, .Item_Menu_Arquivos_Selecionado {
    background-color: var(--Cor_Fundo_Menu_Hover);
}
.Campo_Area_Arquivos {
    width: 100%;
    height: calc(100% - 115px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
}
.Lista_Itens_Arquivos {
    position: relative;
    width: 300px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Cabecalho_Itens_Arquivos {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Itens_Arquivos {
    position: relative;
    /*width: 240px;*/
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Acoes_Arquivos {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 3px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Arquivos[acao="addnovo"] {
    right: 3px;
}
.Icone_Acoes_Arquivos[acao="atualizar"] {
    left: 3px;
}
.Icone_Acoes_Arquivos svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Icone_Acoes_Arquivos:hover {
    transform: scale(1.1);
}
.Pesquisar_Item_Arquivos {
    position: relative;
    width: 100%;
    height: 35px;
    color: var(--Cor_Fonte);
    border: none;
    background-color: var(--Cor_Transparente);
    text-align: center;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Filtro_Item_Arquivos {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0px;
    margin-top: -36px;
    cursor: pointer;
    text-align: center;
}
.Icone_Fechar_Filtro_Item_Arquivos:hover {
    transform: scale(1.1);
}
.Icone_Fechar_Filtro_Item_Arquivos svg, .Icone_Fechar_Filtro_Item_Arquivos svg g {
    position: relative;
    width: 20px;
    height: 20px;
    right: -5px;
    top: 14px;
    stroke: var(--Cor_Fonte);
    stroke-width: 2px;
}
.Itens_Arquivos {
    position: relative;
    width: 100%;
    height: 229px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    text-align: center;
}
.Item_Arquivos {
    position: relative;
    width: 100%;
    height: 25px;
    line-height: 30px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    cursor: pointer;
    background-color: var(--Cor_Transparente);
    padding: 5px;
}
.Item_Arquivos:hover, .Item_Arquivos_Selecionado {
    background-color: var(--Cor_Fundo_Item_Arquivos_Selecionado);
}

.Campo_Arquivo_Arquivos {
    position: relative;
    /*width: 300px;
    height: 360px;*/
    width: 400px;
    height: auto;
    min-height: 288px;
    border: 1px solid var(--Cor_Borda);
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: auto;
}
.Cabecalho_Campo_Arquivo_Arquivos {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Campo_Arquivo_Arquivos {
    position: relative;
    width: 100%;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
}
.Icones_Acoes_Arquivo_Arquivos {
    position: relative;
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.Icone_Acoes_Arquivo_Arquivos {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Arquivo_Arquivos:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Arquivo_Arquivos svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}

.Player_Arquivos_Video {
    position: relative;
    width: auto;
    max-height: 500px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
}
.Player_Arquivos_Video video {
    position: relative;
    width: auto;
    max-width: -webkit-fill-available;
    /* min-width: 512px; */
    /* min-height: 288px; */
    max-height: 500px;
}

.Player_Arquivos_Video_Volume {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}
.Player_Arquivos_Video_Volume input {
    width: 200px;
    height: 10px;
    cursor: pointer;
}
.Player_Arquivos_Video_Repetir {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}
.Player_Arquivos_Video_Repetir label {
    cursor: pointer;
}
.Player_Arquivos_Video_Repetir input {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.Player_Arquivos_Video_Velocidade {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}
.Player_Arquivos_Video_Velocidade input {
    position: relative;
    width: 55px;
    height: 30px;
    top: -2px;
    left: -2px;
    color: var(--Cor_Slide_Campo_Referencia);
    background-color: var(--Cor_Fundo_Slide_Campo_Referencia);
    border: 1px solid var(--Cor_Borda_Slide_Campo_Referencia);
    text-align: center;
}

video::-webkit-media-controls-volume-control-container {
    display: none;
}

video::-webkit-media-controls-enclosure {
    /*border: 2px solid var(--Cor_Transparente);*/
}
.Player_Arquivos_Imagem {
    position: relative;
    width: auto;
    max-height: 500px;
    margin: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
.Player_Arquivos_Imagem img {
    position: relative;
    width: auto;
    max-width: -webkit-fill-available;
    max-height: 500px;
}


.Player_Arquivos_Powerpoint {
    position: relative;
    /* min-width: 500px; */
    /* max-height: 400px; */
    margin: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
.Player_Arquivos_Powerpoint img {
    position: relative;
    width: auto;
    max-height: 500px;
    max-width: -webkit-fill-available;
}

.Player_Opcoes {
    position: relative;
    width: calc(100% - 20px);
    height: 35px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: nowrap;
}
.Player_Opcoes div input, .Player_Opcoes div label {
    cursor: pointer;
}

.Player_Menu {
    position: relative;
    width: calc(100% - 20px);
    height: 35px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.Player_Menu_Icone {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Player_Menu_Icone svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}

.Player_Slides_Itens {
    position: relative;
    width: 100%;
    max-height: 160px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
}
.Player_Slide {
    position: relative;
    width: 256px;
    height: 144px;
    max-width: 256px;
    max-height: 144px;
    padding-top: 5px;
    margin-left: 10px;
    margin-bottom: 10px;
    /* border: 3px solid var(--Cor_Borda_Slide); */
    /* overflow: hidden; */
    display: flex;
    justify-content: center;
}
.Itens_Player_Slide {
    position: absolute;
    width: 256px;
    height: 144px;
    left: 0px;
    display: flex;
    justify-content: center;
}
.Player_Slide_Sobreposicao {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: repeating-linear-gradient(to bottom, #0000004f 5px, #0000004f 10px, transparent 10px, transparent 11px), repeating-linear-gradient(to right, #0000004f 5px, #0000004f 10px, transparent 10px, transparent 11px);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
}
.Player_Slide_Sobreposicao > img {
    position: relative;
    max-width: 100%;
    height: 100%;
}
.Player_Slide_Drag {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -3px;
    left: -3px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    border: 3px solid var(--Cor_Borda_Slide);
    cursor: pointer;
}
.Player_Slide_Selecionado {
    border: 3px solid var(--Cor_Borda_Slide_Selecionado);
}













/*ÁUDIOS*/
.Area_Audios {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    overflow: auto;
}
.Menu_Audios {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
    justify-content: flex-start;
    top: 10px;
    margin-bottom: 15px;
    column-gap: 10px;
    row-gap: 10px;
}
.Item_Menu_Audios {
    position: relative;
    /*width: 147.5px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Cor_Fundo_Menu);
}
.Item_Menu_Audios:hover {
    transform: scale(1.05)
}
.Item_Menu_Audios:hover, .Item_Menu_Audios_Selecionado {
    background-color: var(--Cor_Fundo_Menu_Hover);
}
.Campo_Area_Audios {
    width: 100%;
    height: calc(100% - 115px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
}
.Lista_Itens_Audios {
    position: relative;
    width: 300px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Cabecalho_Itens_Audios {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Itens_Audios {
    position: relative;
    /*width: 240px;*/
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Acoes_Audios {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 3px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Audios:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Audios[acao="addnovo"] {
    right: 3px;
}
.Icone_Acoes_Audios[acao="atualizar"] {
    left: 3px;
}
.Icone_Acoes_Audios svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Pesquisar_Item_Audios {
    position: relative;
    width: 300px;
    height: 35px;
    color: var(--Cor_Fonte);
    border: none;
    background-color: var(--Cor_Transparente);
    text-align: center;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Filtro_Item_Audios {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0px;
    margin-top: -36px;
    cursor: pointer;
    text-align: center;
}
.Icone_Fechar_Filtro_Item_Audios:hover {
    transform: scale(1.1);
}
.Icone_Fechar_Filtro_Item_Audios svg, .Icone_Fechar_Filtro_Item_Audios svg g {
    position: relative;
    width: 20px;
    height: 20px;
    right: -5px;
    top: 14px;
    stroke: var(--Cor_Fonte);
    stroke-width: 2px;
}
.Itens_Audios {
    position: relative;
    width: 100%;
    height: 229px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    text-align: center;
}
.Item_Audios {
    position: relative;
    width: 100%;
    height: 25px;
    line-height: 30px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    cursor: pointer;
    background-color: var(--Cor_Transparente);
    padding: 5px;
}
.Item_Audios:hover, .Item_Audios_Selecionado {
    background-color: var(--Cor_Fundo_Item_Audios_Selecionado);
}

.Campo_Arquivo_Audios {
    position: relative;
    /*width: 300px;
    height: 360px;*/
    width: 400px;
    height: auto;
    min-height: 180px;
    border: 1px solid var(--Cor_Borda);
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: auto;
}
.Cabecalho_Campo_Arquivo_Audios {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Campo_Arquivo_Audios {
    position: relative;
    width: 100%;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
}
.Icones_Acoes_Arquivo_Audios {
    position: relative;
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.Icone_Acoes_Arquivo_Audios {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Arquivo_Audios:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Arquivo_Audios svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}

.Player_Audio {
    position: relative;
    width: auto;
    max-height: 500px;
    margin: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
.Player_Audio audio {
    position: relative;
    max-width: 500px;
    height: 50px;
}
.Player_Audio_Volume {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}
.Player_Audio_Volume input {
    width: 200px;
    height: 10px;
    cursor: pointer;
}
.Player_Audio_Repetir {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}
.Player_Audio_Repetir label {
    cursor: pointer;
}
.Player_Audio_Repetir input {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.Player_Audio_Velocidade {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}
.Player_Audio_Velocidade input {
    position: relative;
    width: 55px;
    height: 30px;
    top: -2px;
    left: -2px;
    color: var(--Cor_Slide_Campo_Referencia);
    background-color: var(--Cor_Fundo_Slide_Campo_Referencia);
    border: 1px solid var(--Cor_Borda_Slide_Campo_Referencia);
    text-align: center;
}

audio::-webkit-media-controls-volume-control-container {
    display: none;
}

audio::-webkit-media-controls-enclosure {
    /*background-color: var(--Cor_Fundo_Painel);*/
    background-color: #FFF;
    border: 2px solid var(--Cor_Fonte);
}

audio::-webkit-media-controls-current-time-display {
    /*color: var(--Cor_Fonte);*/
    color: black;
}
audio::-webkit-media-controls-time-remaining-display {
    /*color: var(--Cor_Fonte);*/
    color: black;
}
audio::-webkit-media-controls-timeline {
    /*background-color: var(--Cor_Fundo_Painel);*/
    background-color: #FFF;
}














/*INPUTS*/
.Area_Inputs {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    overflow: auto;
}
.Menu_Inputs {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
    justify-content: flex-start;
    top: 10px;
    margin-bottom: 15px;
    column-gap: 10px;
    row-gap: 10px;
}
.Item_Menu_Inputs {
    position: relative;
    /*width: 147.5px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Cor_Fundo_Menu);
}
.Item_Menu_Inputs:hover {
    transform: scale(1.05)
}
.Item_Menu_Inputs:hover, .Item_Menu_Inputs_Selecionado {
    background-color: var(--Cor_Fundo_Menu_Hover);
}
.Campo_Area_Inputs {
    width: 100%;
    height: calc(100% - 115px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
}
.Lista_Itens_Inputs {
    position: relative;
    width: 300px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Cabecalho_Itens_Inputs {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Itens_Inputs {
    position: relative;
    /*width: 240px;*/
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Acoes_Inputs {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 3px;
    left: 3px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Inputs:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Inputs svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Pesquisar_Item_Inputs {
    position: relative;
    width: 300px;
    height: 35px;
    color: var(--Cor_Fonte);
    border: none;
    background-color: var(--Cor_Transparente);
    text-align: center;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Filtro_Item_Inputs {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0px;
    margin-top: -36px;
    cursor: pointer;
    text-align: center;
}
.Icone_Fechar_Filtro_Item_Inputs:hover {
    transform: scale(1.1);
}
.Icone_Fechar_Filtro_Item_Inputs svg, .Icone_Fechar_Filtro_Item_Inputs svg g {
    position: relative;
    width: 20px;
    height: 20px;
    right: -5px;
    top: 14px;
    stroke: var(--Cor_Fonte);
    stroke-width: 2px;
}
.Itens_Inputs {
    position: relative;
    width: 100%;
    height: 229px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    text-align: center;
}
.Item_Inputs {
    position: relative;
    width: 100%;
    height: 25px;
    line-height: 30px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    cursor: pointer;
    background-color: var(--Cor_Transparente);
    padding: 5px;
}
.Item_Inputs:hover, .Item_Inputs_Selecionado {
    background-color: var(--Cor_Fundo_Item_Inputs_Selecionado);
}



.Links_Inputs {
    position: relative;
    width: 300px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Cabecalho_Links_Inputs {
    position: relative;
    width: 100%;
    height: 35px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Links_Inputs {
    position: relative;
    /*width: 240px;*/
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    padding-right: 35px;
    padding-left: 35px;
}

.Links_Video_Youtube, .Links_Chat_Youtube, .Links_Pagina_Web {
    position: relative;
    width: calc(100% - 20px);
    height: 229px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    text-align: center;
    padding: 10px;
}
.Campo_Link {
    position: relative;
    width: 244px;
    height: 40px;
    background-color: var(--Cor_Transparente);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.Botao_Abrir_Link {
    position: relative;
    width: 90px;
    height: 35px;
    margin-bottom: 20px;
    background-color: var(--Cor_Botao_Painel);
    border: 1px solid var(--Cor_Borda);
    border-radius: 10px;
    color: var(--Cor_Fonte);
    cursor: pointer;
}
.Botao_Abrir_Link:hover {
    background-color: var(--Cor_Botao_Painel_Hover);
}



.Campo_Arquivo_Inputs {
    position: relative;
    /*width: 300px;
    height: 360px;*/
    width: 400px;
    height: auto;
    min-height: 288px;
    border: 1px solid var(--Cor_Borda);
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: auto;
}
.Cabecalho_Campo_Arquivo_Inputs {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Campo_Arquivo_Inputs {
    position: relative;
    width: 100%;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
}
.Icones_Acoes_Arquivo_Inputs {
    position: relative;
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.Icone_Acoes_Arquivo_Inputs {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Arquivo_Inputs:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Arquivo_Inputs svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}

.Player_Arquivos_Video_Webcam {
    position: relative;
    width: auto;
    max-height: 500px;
    margin: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
}
.Player_Arquivos_Video_Webcam video {
    position: relative;
    width: auto;
    min-width: 100%;
    /* min-height: 288px; */
    /* max-height: 500px; */
}
.Camera_Virada {
    transform: scale(-1, 1);
}


video::-webkit-media-controls-volume-control-container {
    display: none;
}

video::-webkit-media-controls-enclosure {
    /*border: 2px solid var(--Cor_Transparente);*/
}

.Player_Link {
    position: relative;
    width: auto;
    max-height: 288px;
    margin: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.Player_Link iframe{
    min-width: 100%;
    min-height: 288px;
}





















/*AUTOMATIZAÇÕES*/
.Area_Automatizacoes {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    overflow: auto;
}
.Menu_Automatizacoes {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
    justify-content: flex-start;
    top: 10px;
    margin-bottom: 15px;
    column-gap: 10px;
    row-gap: 10px;
}
.Item_Menu_Automatizacoes {
    position: relative;
    /*width: 147.5px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Cor_Fundo_Menu);
}
.Item_Menu_Automatizacoes:hover {
    transform: scale(1.05)
}
.Item_Menu_Automatizacoes:hover, .Item_Menu_Automatizacoes_Selecionado {
    background-color: var(--Cor_Fundo_Menu_Hover);
}
.Campo_Area_Automatizacoes {
    width: 100%;
    height: calc(100% - 115px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
}
.Lista_Itens_Automatizacoes {
    position: relative;
    width: 300px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Cabecalho_Itens_Automatizacoes {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Itens_Automatizacoes {
    position: relative;
    /*width: 240px;*/
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Acoes_Automatizacoes {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 3px;
    right: 3px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Automatizacoes:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Automatizacoes svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Pesquisar_Item_Automatizacoes {
    position: relative;
    width: 300px;
    height: 35px;
    color: var(--Cor_Fonte);
    border: none;
    background-color: var(--Cor_Transparente);
    text-align: center;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Filtro_Item_Automatizacoes {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0px;
    margin-top: -36px;
    cursor: pointer;
    text-align: center;
}
.Icone_Fechar_Filtro_Item_Automatizacoes:hover {
    transform: scale(1.1);
}
.Icone_Fechar_Filtro_Item_Automatizacoes svg, .Icone_Fechar_Filtro_Item_Automatizacoes svg g {
    position: relative;
    width: 20px;
    height: 20px;
    right: -5px;
    top: 14px;
    stroke: var(--Cor_Fonte);
    stroke-width: 2px;
}
.Itens_Automatizacoes {
    position: relative;
    width: 100%;
    height: 229px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    text-align: center;
}
.Item_Automatizacoes {
    position: relative;
    width: 100%;
    height: 25px;
    line-height: 30px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    cursor: pointer;
    background-color: var(--Cor_Transparente);
    padding: 5px;
}
.Item_Automatizacoes:hover, .Item_Automatizacoes_Selecionado {
    background-color: var(--Cor_Fundo_Item_Automatizacoes_Selecionado);
}
.Campo_Arquivo_Automatizacoes {
    position: relative;
    width: 600px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Lista_Arquivo_Automatizacoes {
    position: relative;
    width: 600px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Cabecalho_Arquivo_Automatizacoes {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Arquivo_Automatizacoes {
    position: relative;
    width: 600px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
}
.Icones_Acoes_Arquivo_Automatizacoes {
    position: relative;
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.Icone_Acoes_Arquivo_Automatizacoes {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Arquivo_Automatizacoes:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Arquivo_Automatizacoes svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Texto_Script {
    position: relative;
    width: 600px;
    height: 230px;
    resize: none;
    text-align: initial;
    background-color: transparent;
    color: var(--Cor_Fonte);
    border: none;
    padding: 10px;
}
.Campo_Automatizacoes {
    position: relative;
    width: 580px;
    height: 209px;
    padding: 10px;
    overflow: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}
.Automatizacoes_Opcoes_Titulo {
    position: relative;
    height: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 5px;
    width: 100%;
}
.Separador_Automatizacoes {
    position: relative;
    width: 100%;
    height: 10px;
}
.Automatizacoes_Checkbox1 {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
}
.Automatizacoes_Checkbox1 input {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.Automatizacoes_Checkbox1 label {
    position: relative;
    cursor: pointer;
}
.Automatizacoes_Color {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
    margin-right: 20px;
}
.Automatizacoes_Color input {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: var(--Cor_Transparente);
    color: var(--Cor_Fonte);
    border: none;
    text-align: center;
    cursor: pointer;
}
.Automatizacoes_Color label {
    position: relative;
    width: 115px;
    text-align: center;
}

















/*FORMULÁRIO*/
.Campo_Formulario {
    position: relative;
    width: 300px;
    height: auto;
    max-height: 300px;
    border: 1px solid var(--Cor_Borda);
    /*border-radius: 20px;*/
    background-color: var(--Cor_Fundo_Campo_Formulario);
    overflow: hidden;
}
.Cabecalho_Formulario {
    position: relative;
    width: 300px;
    height: auto !important;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
    display: flex;
    align-items: center;
}
.Titulo_Formulario {
    position: relative;
    width: 240px;
    height: auto !important;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: inherit !important;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Formulario {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    margin-top: auto !important;
    cursor: pointer;
    text-align: center;
    border-radius: 0px 20px 0px 0px;
}
.Icone_Fechar_Formulario:hover {
    transform: scale(1.1);
}
.Icone_Fechar_Formulario svg {
    position: relative;
    width: 30px;
    height: 30px;
}
.Opcoes_Formulario {
    position: relative;
    width: 280px;
    height: auto;
    max-height: 200px;
    border-radius: 0px 0px 20px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
    overflow: scroll;
    text-align: center;
    padding: 10px;
}
.Opcoes_Formulario2 {
    justify-content: space-evenly !important;
}
.Campo_Resposta_Formulario {
    position: relative;
    width: 90%;
    height: 40px;
    text-align: center;
    background-color: var(--Cor_Fundo_Campo_Formulario);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    resize: none;
    margin-bottom: 10px;
    padding: 10px;
}
.Campo_Resposta_Formulario2 {
    position: relative;
    width: 90%;
    height: 40px;
    text-align: justify;
    background-color: var(--Cor_Fundo_Campo_Formulario);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    margin-bottom: 10px;
    padding: 10px;
}
.Campo_Resposta_Formulario3 {
    position: relative;
    width: 90%;
    height: 100px;
    text-align: justify;
    background-color: var(--Cor_Fundo_Campo_Formulario);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    resize: none;
    margin-bottom: 10px;
    padding: 10px;
}
.Campo_Resposta_Formulario4 {
    position: relative;
    width: 99%;
    margin-bottom: 10px;
    padding: 10px;
    text-align: initial;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    row-gap: 15px;
    column-gap: 2px;
}
.Campo_Resposta_Formulario4 input[type="radio"] {
    position: relative;
    width: 30px;
    height: 20px;
    cursor: pointer;
}
.Campo_Resposta_Formulario4 label {
    position: relative;
    width: 210px;
    cursor: pointer;
}
.Campo_Resposta_Formulario5 {
    position: relative;
    width: 99%;
    margin-bottom: 10px;
    padding: 10px;
    text-align: initial;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    row-gap: 8px;
    column-gap: 11px;
}
.Campo_Resposta_Formulario6 {
    position: relative;
    width: 90%;
    max-width: 90%;
    /*height: 40px;*/
    text-align: center;
    background-color: var(--Cor_Fundo_Campo_Formulario);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    /*resize: none;*/
    margin-bottom: 10px;
    padding: 10px;
}
.Campo_Resposta_Formulario:focus, .Campo_Resposta_Formulario2:focus, .Campo_Resposta_Formulario3:focus, .Campo_Resposta_Formulario4:focus, .Campo_Resposta_Formulario5:focus, .Campo_Resposta_Formulario6:focus {
    border-color: var(--Cor_Borda_Formulario_Input_Focus);
}
.Campo_Resposta_Formulario_Versiculo {
    position: relative;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border: 1px solid var(--Cor_Borda);
}
.Campo_Resposta_Formulario_Versiculo:hover {
    background-color: var(--Cor_Fundo_Campo_Formulario_Hover);
}
.Campo_Resposta_Formulario_Versiculo_Selecionado {
    background-color: var(--Cor_Fundo_Campo_Formulario_Hover);
}
.Botao_Enviar_Resposta_Formulario {
    position: relative;
    width: 90px;
    height: 35px;
    /*margin-bottom: 20px;*/
    background-color: var(--Cor_Fundo_Campo_Formulario);
    border: 1px solid var(--Cor_Borda);
    /*border-radius: 10px;*/
    color: var(--Cor_Fonte);
    cursor: pointer;
}
.Botao_Enviar_Resposta_Formulario:hover {
    transform: scale(1.05);
    background-color: var(--Cor_Fundo_Campo_Formulario_Hover);
}
.Botao_Opcao_Resposta_Formulario {
    position: relative;
    width: 90px;
    height: 35px;
    background-color: var(--Cor_Fundo_Campo_Formulario);
    border: 1px solid var(--Cor_Borda);
    /*border-radius: 10px;*/
    color: var(--Cor_Fonte);
    cursor: pointer;
}
.Botao_Opcao_Resposta_Formulario:hover {
    transform: scale(1.05);
    background-color: var(--Cor_Fundo_Campo_Formulario_Hover);
}







/*UPLOAD FOTO*/
.Area_Uploads_Foto {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: var(--Cor_Transparente);
    flex-wrap: wrap;
}
.Campo_Upload_Foto {
    position: relative;
    width: calc(90%);
    min-width: 300px;
    max-width: 500px;
    height: auto;
    min-height: 300px;
    max-height: 550px;
    border: 1px solid var(--Cor_Borda);
    /* border-radius: 20px; */
    background-color: var(--Cor_Fundo_Campo_Formulario);
    color: var(--Cor_Campo_Formulario);
    overflow: hidden;
}
.Cabecalho_Upload_Foto {
    position: relative;
    width: 100%;
    height: auto !important;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
    display: flex;
    align-items: center;
}
.Titulo_Upload_Foto {
    position: relative;
    width: 100%;
    height: auto !important;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: inherit !important;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Upload_Foto {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    margin-top: auto !important;
    cursor: pointer;
    text-align: center;
    border-radius: 0px 20px 0px 0px;
}
.Icone_Fechar_Upload_Foto:hover {
    transform: scale(1.1);
}
.Icone_Fechar_Upload_Foto svg {
    position: relative;
    width: 30px;
    height: 30px;
}
.Opcoes_Upload_Foto {
    position: relative;
    width: calc(100% - 20px);
    height: auto;
    max-height: 457px;
    text-align: center;
    padding: 10px;
    overflow: auto;
}
.Botao_Upload_Foto {
    position: relative;
    width: 150px;
    height: 35px;
    /*margin-bottom: 20px;*/
    background-color: var(--Cor_Fundo_Campo_Formulario);
    border: 1px solid var(--Cor_Borda);
    /*border-radius: 10px;*/
    color: var(--Cor_Fonte);
    cursor: pointer;
}
.Botao_Upload_Foto:hover {
    transform: scale(1.05);
    background-color: var(--Cor_Fundo_Campo_Formulario_Hover);
    color: var(--Cor_Campo_Formulario_Hover);
}
.Botao_Upload_Foto[type="file"] {
    position: relative;
    width: auto;
    height: auto;
    /*margin-bottom: 20px;*/
    background-color: var(--Cor_Fundo_Campo_Formulario);
    border: none;
    /*border-radius: 10px;*/
    color: var(--Cor_Fonte);
    cursor: pointer;
}
.Canvas_Nova_Foto {
    background-color: var(--Cor_Fundo_Campo_Formulario);
    border: 1px solid var(--Cor_Borda);
}



















/*STATUS*/
.Campo_Status {
    position: relative;
    width: 300px;
    height: auto;
    max-height: 300px;
    border: 1px solid var(--Cor_Borda);
    /*border-radius: 20px;*/
    background-color: var(--Cor_Fundo_Campo_Status);
    overflow: hidden;
}
.Cabecalho_Status {
    position: relative;
    width: 300px;
    height: auto !important;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
    display: flex;
    align-items: center;
}
.Titulo_Status {
    position: relative;
    width: 240px;
    height: auto !important;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: inherit !important;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Status {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    margin-top: auto !important;
    cursor: pointer;
    text-align: center;
    border-radius: 0px 20px 0px 0px;
}
.Icone_Fechar_Status svg {
    position: relative;
    width: 30px;
    height: 30px;
}
.Conexoes_Servidor {
    position: relative;
    width: 280px;
    height: auto;
    max-height: 200px;
    border-radius: 0px 0px 20px 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: center;
    overflow: scroll;
    text-align: center;
    padding: 10px;
}
.Conexao_Servidor {
    position: relative;
    width: 100%;
    border: 1px solid var(--Cor_Borda);
    margin-bottom: 10px;
}
.Conexao_IP {
    position: relative;
    width: calc(100% - 20px);
    padding: 10px;
    border-bottom: 1px solid var(--Cor_Borda);
}
.Conexao_Nome {
    position: relative;
    width: calc(100% - 20px);
    padding: 10px;
}
.Conexao_Tipo {
    position: relative;
    width: calc(100% - 5px);
    text-align: end;
    font-size: 11px;
    text-transform: uppercase;
    opacity: 0.5;
}













/*CONFIGURAÇÕES*/
.Area_Configuracoes {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    overflow: auto;
}
.Menu_Configuracoes {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
    justify-content: flex-start;
    top: 10px;
    margin-bottom: 15px;
    column-gap: 10px;
    row-gap: 10px;
}
.Item_Menu_Configuracoes {
    position: relative;
    /*width: 147.5px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Cor_Fundo_Menu);
}
.Item_Menu_Configuracoes:hover {
    transform: scale(1.05)
}
.Item_Menu_Configuracoes:hover, .Item_Menu_Configuracoes_Selecionado {
    background-color: var(--Cor_Fundo_Menu_Hover);
}
.Campo_Area_Configuracoes {
    width: 100%;
    height: calc(100% - 115px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
}
.Lista_Itens_Configuracoes {
    position: relative;
    width: 300px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Lista_Configuracoes {
    position: relative;
    width: 600px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Cabecalho_Itens_Configuracoes {
    position: relative;
    width: 100%;
    height: 35px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Cabecalho_Configuracoes {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Itens_Configuracoes {
    position: relative;
    /*width: 240px;*/
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    padding-right: 35px;
    padding-left: 35px;
}
.Titulo_Configuracoes {
    position: relative;
    width: 600px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.Icones_Acoes_Arquivo_Configuracoes {
    position: relative;
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.Icone_Acoes_Arquivo_Configuracoes {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Arquivo_Configuracoes svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Icone_Acoes_Configuracoes {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 3px;
    right: 3px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Configuracoes svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Pesquisar_Item_Configuracoes {
    position: relative;
    width: 300px;
    height: 35px;
    color: var(--Cor_Fonte);
    border: none;
    background-color: var(--Cor_Transparente);
    text-align: center;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Filtro_Item_Configuracoes {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0px;
    margin-top: -36px;
    cursor: pointer;
    text-align: center;
}
.Icone_Fechar_Filtro_Item_Configuracoes svg, .Icone_Fechar_Filtro_Item_Configuracoes svg g {
    position: relative;
    width: 20px;
    height: 20px;
    right: -5px;
    top: 14px;
    stroke: var(--Cor_Fonte);
    stroke-width: 2px;
}
.Itens_Configuracoes {
    position: relative;
    width: 100%;
    height: 264px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    text-align: center;
}
.Item_Configuracoes {
    position: relative;
    width: 100%;
    height: 25px;
    line-height: 30px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    cursor: pointer;
    background-color: var(--Cor_Transparente);
    padding: 5px;
}
.Item_Configuracoes:hover, .Item_Configuracoes_Selecionado {
    background-color: var(--Cor_Fundo_Item_Configuracoes_Selecionado);
}
.Lista_Configuracoes {
    position: relative;
    width: 600px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Cabecalho_Configuracoes {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Configuracoes {
    position: relative;
    width: 600px;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.Icones_Acoes_Arquivo_Configuracoes {
    position: relative;
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.Icone_Acoes_Arquivo_Configuracoes {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Arquivo_Configuracoes:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Arquivo_Configuracoes svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}
.Campo_Configuracoes {
    position: relative;
    width: 580px;
    height: 209px;
    padding: 10px;
    overflow: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}
.Configuracoes_Opcoes_Titulo {
    position: relative;
    height: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
    margin: 5px;
    width: 100%;
}
.Separador_Configuracoes {
    position: relative;
    width: 100%;
    height: 10px;
}
.Configuracao_Checkbox1 {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
}
.Configuracao_Checkbox1 input {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.Configuracao_Checkbox1 label {
    position: relative;
    cursor: pointer;
}
.Configuracao_Input1 {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
    margin-right: 20px;
}
.Configuracao_Input1 input {
    position: relative;
    width: 230px;
    height: 40px;
    left: 10px;
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    padding: 10px;
    text-align: center;
}
.Configuracao_Input1 label {
    position: relative;
    width: 100px;
    text-align: center;
}
.Configuracao_Input2 {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
    margin-right: 20px;
}
.Configuracao_Input2 input {
    position: relative;
    width: 100px;
    height: 40px;
    left: 10px;
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    padding: 10px;
    text-align: center;
}
.Configuracao_Input2 label {
    position: relative;
    width: 100px;
    text-align: center;
}
.Configuracao_Input3 {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
    margin-right: 20px;
}
.Configuracao_Input3 input {
    position: relative;
    width: 75px;
    height: 40px;
    left: 10px;
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    padding: 10px;
    text-align: center;
}
.Configuracao_Input3 label {
    position: relative;
    width: 150px;
    text-align: center;
}
.Configuracao_Select1 {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
    margin-right: 20px;
}
.Configuracao_Select1 select {
    position: relative;
    width: 230px;
    height: 40px;
    left: 10px;
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    padding: 10px;
    text-align: center;
    cursor: pointer;
}
.Configuracao_Select1 select option {
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
}
.Configuracao_Select2 {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
    margin-right: 20px;
}
.Configuracao_Select2 select {
    position: relative;
    width: 70px;
    height: 40px;
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
    border: 1px solid var(--Cor_Borda);
    text-align: center;
    cursor: pointer;
}
.Configuracao_Select2 select option {
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
}
.Configuracao_Color {
    position: relative;
    height: 55px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
    margin-right: 20px;
}
.Configuracao_Color input {
    position: relative;
    width: 40px;
    height: 40px;
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
    border: none;
    text-align: center;
    cursor: pointer;
}
.Configuracao_Color label {
    position: relative;
    /*width: 115px;*/
    width: auto;
    text-align: center;
}

.Configuracoes_Opcao_Logotipo {
    position: relative;
    margin: 5px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: flex-start;
}
.Configuracoes_Opcao_Logotipo div {
    position: relative;
    width: 150px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--Cor_Borda);
    border-radius: 20px;
}
.Configuracoes_Opcao_Logotipo label {
    position: relative;
    width: 170px;
    top: 20px;
    text-align: center;
}
.Configuracoes_Opcao_Logotipo input {
    position: relative;
    width: 15px;
    height: 15px;
    background-color: var(--Cor_Fundo_Painel);
    color: var(--Cor_Fonte);
    border: none;
    text-align: center;
    cursor: pointer;
    margin: 15px;
}























/*PAINEL ADMIN*/
.Area_Painel_Admin {
    position: relative;
    width: 100%;
    height: calc(100% - 60px);
    overflow: auto;
}
.Menu_Painel_Admin {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    overflow: auto;
    align-items: center;
    justify-content: flex-start;
    top: 10px;
    margin-bottom: 15px;
    column-gap: 10px;
    row-gap: 10px;
}
.Item_Menu_Painel_Admin {
    position: relative;
    /*width: 147.5px;*/
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Cor_Fundo_Menu);
}
.Item_Menu_Painel_Admin:hover {
    transform: scale(1.05)
}
.Item_Menu_Painel_Admin:hover, .Item_Menu_Painel_Admin_Selecionado {
    background-color: var(--Cor_Fundo_Menu_Hover);
}
.Campo_Area_Painel_Admin {
    width: 100%;
    height: calc(100% - 115px);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: auto;
}
.Lista_Itens_Painel_Admin {
    position: relative;
    width: 300px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--Cor_Borda);
}
.Cabecalho_Itens_Painel_Admin {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Itens_Painel_Admin {
    position: relative;
    /*width: 240px;*/
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    padding-right: 35px;
    padding-left: 35px;
}
.Pesquisar_Item_Painel_Admin {
    position: relative;
    width: 100%;
    height: 35px;
    color: var(--Cor_Fonte);
    border: none;
    background-color: var(--Cor_Transparente);
    text-align: center;
    padding-right: 35px;
    padding-left: 35px;
}
.Icone_Fechar_Filtro_Item_Painel_Admin {
    position: absolute;
    width: 35px;
    height: 35px;
    right: 0px;
    margin-top: -36px;
    cursor: pointer;
    text-align: center;
}
.Icone_Fechar_Filtro_Item_Painel_Admin:hover {
    transform: scale(1.1);
}
.Icone_Fechar_Filtro_Item_Painel_Admin svg, .Icone_Fechar_Filtro_Item_Painel_Admin svg g {
    position: relative;
    width: 20px;
    height: 20px;
    right: -5px;
    top: 14px;
    stroke: var(--Cor_Fonte);
    stroke-width: 2px;
}
.Itens_Painel_Admin {
    position: relative;
    width: 100%;
    height: 229px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: center;
    justify-content: flex-start;
    overflow: auto;
    text-align: center;
}
.Item_Painel_Admin {
    position: relative;
    width: 100%;
    height: 25px;
    line-height: 30px;
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    cursor: pointer;
    background-color: var(--Cor_Transparente);
    padding: 5px;
}
.Item_Painel_Admin:hover, .Item_Painel_Admin_Selecionado {
    background-color: var(--Cor_Fundo_Item_Painel_Admin_Selecionado);
}

.Campo_Arquivo_Painel_Admin {
    position: relative;
    /*width: 300px;
    height: 360px;*/
    width: auto;
    height: auto;
    min-width: 375px;
    /*min-height: 360px;*/
    border: 1px solid var(--Cor_Borda);
    margin-right: 10px;
    margin-bottom: 10px;
}
.Cabecalho_Campo_Arquivo_Painel_Admin {
    position: relative;
    width: 100%;
    height: 70px;
    border: 1px solid var(--Cor_Borda);
    border-top: none;
    border-left: none;
    border-right: none;
}
.Titulo_Campo_Arquivo_Painel_Admin {
    position: relative;
    width: 100%;
    height: 35px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    cursor: context-menu;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -o-user-select: text;
}
.Icones_Acoes_Arquivo_Painel_Admin {
    position: relative;
    width: 100%;
    height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: flex-start;
}
.Icone_Acoes_Arquivo_Painel_Admin {
    position: relative;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
}
.Icone_Acoes_Arquivo_Painel_Admin:hover {
    transform: scale(1.1);
}
.Icone_Acoes_Arquivo_Painel_Admin svg {
    position: relative;
    width: 30px;
    height: 30px;
    fill: var(--Cor_Icones);
}


.Usuario_Info {
    position: relative;
    width: auto;
    /* max-width: 375px; */
    /* max-height: 300px; */
    margin: 10px;
    text-align: center;
}
.Usuario_Info img {
    position: relative;
    width: auto;
    max-width: -webkit-fill-available;
    max-height: 200px;
    margin-bottom: 30px;
    border-radius: 25%;
    border: 5px solid var(--Cor_Icones);
    cursor: pointer;
}
.Usuario_Info img:hover {
    transform: scale(1.05)
}
.Usuario_Info_Campos {
    padding: 3px;
    width: 100%;
    height: auto;
    color: inherit;
}
.Usuario_Info_Campos th {
    border: 1px solid;
    padding: 10px;
    border-color: inherit;
}
.Usuario_Info_Campos td {
    border: 1px solid;
    padding: 10px;
    border-color: inherit;
}
.Usuario_Info_Campos tbody {
    cursor: pointer;
}
.Usuario_Info_Campos tbody th:hover, .Usuario_Info_Campos tbody td:hover {
    transform: scale(1.05);
    background-color: var(--Cor_Fundo_Painel);
}
.Usuario_Info_Campos tbody th:active, .Usuario_Info_Campos tbody td:active {
    background-color: var(--Cor_Fundo_Item_Painel_Admin_Selecionado);
}
.Usuario_Info_Campos td {
    min-width: 200px;
    max-width: 200px;
    text-align: initial;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    font-size: 16px;
    line-height: 36px;
}
.Usuario_Info_Campos th {
    min-width: 100px;
    max-width: 100px;
    overflow: hidden;
    -webkit-line-clamp: 1;
}