/* 
    Created on : 14/07/2022, 20:54:48
    Author     : Fernando Jost
*/ 

/** fontes */
.font-l { font-family: 'Ubuntu', sans-serif; font-weight: 300; }
.font-r { font-family: 'Ubuntu', sans-serif; font-weight: 400; }
.font-m { font-family: 'Ubuntu', sans-serif; font-weight: 500; }
.font-b { font-family: 'Ubuntu', sans-serif; font-weight: 700; }

/** padrao */
* { box-sizing: border-box; margin: 0px; padding: 0px; border: 0px; font-family: 'Ubuntu', sans-serif !important; font-weight: 400; } 

.clear { clear: both; }
.campoVazio { border-bottom: 1px solid red !important; }

.tudo { width: 100%;}
.tudo .boxMenu { width: 300px; min-height: 100vh; }
.tudo .boxMenu .menuPrincipal { width: 100%; height: 100%; background-color: #141619; }
.tudo .boxMenu .menuPrincipal .logo { width: 100%; padding: 40px 20px; }
.tudo .boxMenu .menuPrincipal .logo .minimizar { color: #fff; display: block; float: right; }
.tudo .boxMenu .menuPrincipal .menu ul { width: 100%; padding: 0px; margin: 0px; }
.tudo .boxMenu .menuPrincipal .menu ul li { width: 100%; padding: 10px 20px; }
.tudo .boxMenu .menuPrincipal .menu ul li a { color: #fff; text-decoration: none; font-size: 16px; }
.tudo .boxMenu .menuPrincipal .menu ul li a span { margin-right: 10px; }
.tudo .boxMenu .menuPrincipal .menu ul li a img { height: 20px; margin-right: 10px;  }
.tudo .boxMenu .menuPrincipal .menu ul .ativo { background-color: #1C1E21; border-left: 2px solid #83A757; color: #83A757; }
.tudo .boxMenu .menuPrincipal .menu ul .ativo a { color: #83A757; }
.tudo .boxMenu .menuPrincipal .menu ul .titulo { padding: 0px 20px; font-size: 14px; margin-bottom: 5px; font-size: 13px; }
.tudo .boxMenu .menuPrincipal .menu ul li .uk-nav-sub { margin: 20px 0px; }
.tudo .boxMenu .menuPrincipal .menu ul li .uk-nav-sub li { padding: 2px 20px; }
.tudo .conteudo { width: 100%; height: 100%; background-color: #0B0D11; }
.tudo .conteudo .topo { width: 100%; padding: 20px 40px; }
.tudo .conteudo .topo h3 { color: #fff; margin-top: 10px; }
.tudo .conteudo .topo input { margin-top: 5px; color: #fff; background-color: #141619; border: 0px; border-radius: 5px; padding: 20px; }
.tudo .conteudo .topo .notificacao { margin-top: 7px; color: #fff; background-color: #141619; width: 35px; height: 35px; border-radius: 50%; float: right; display: block; padding: 4px; text-align: center; margin-left: 15px; }
.tudo .conteudo .topo .imgPerfil { padding: 8px; text-align: center; width: 50px; height: 50px; border-radius: 50%; float: right; background-color: #141619; margin-left: 10px; /*background-image: url('../img/tatiPerfil.jpeg');*/ background-position: center; background-size: cover; background-repeat: no-repeat; }
.tudo .conteudo .centro { padding: 20px 40px; padding-top: 0px; }

.login { width: 100%; height: 100vh; display: table; background-attachment: fixed; overflow: hidden; background-image: url('../img/fundLogin.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; }
.login .conteudo { width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle; }
.login .conteudo .centro { width: 500px; margin: 0 auto; }
.login .conteudo .centro .boxFormulario { width: 100%; background-color: #141619; padding: 70px; box-shadow: 0 5px 15px rgb(0 0 0 / 50%); }
.login .conteudo .centro .boxFormulario img { margin-bottom: 20px; }
.login .conteudo .centro .boxFormulario input { width: 100%; border: 0px; border-bottom: 1px solid #83A757; background-color: #141619; color: #fff; margin-top: 20px; }
.login .conteudo .centro .boxFormulario .uk-form-icon { margin-top: 20px; }
.login .conteudo .centro .boxFormulario button { width: 100%; color: #fff; background-color: #83A757; margin-top: 30px; margin-bottom: 20px; }
.login .conteudo .centro .boxFormulario .esqueceu { text-align: left; }
.login .conteudo .centro .boxFormulario .esqueceu a { color: #fff; text-decoration: none;  }
.login .conteudo .centro .boxFormulario .erroAcesso { color: #f0506e; text-align: left; }
.login .conteudo .centro .boxFormulario .erroAcesso .txt { margin-top: 20px; margin-bottom: -10px; }

.usuarios { width: 100%; margin-top: 30px; }
.usuarios .top { width: 100%; }
.usuarios .top h4 { color: #fff; margin-top: 5px; }
.usuarios .top select { color: #fff; background-color: #141619; border: 0px; border-radius: 5px; width: 200px; }
.usuarios .top button { color: #fff; border: 0px; border-radius: 5px; width: 150px; background-color: #83A757; margin-left: 10px; }
.usuarios .lista { width: 100%; margin-top: 20px; }
.usuarios .lista .item { width: 100%; background-color: #1C1E21; padding: 30px; border-radius: 10px; cursor: pointer; }
.usuarios .lista .item .img { width: 150px; height: 150px; background-color: #292B2D; margin: 0 auto; border-radius: 50%; text-align: center; padding-top: 28px; background-position: center; background-size: 121%; background-repeat: no-repeat; } 
.usuarios .lista .item .nome { text-align: center; color: #fff; margin-top: 20px; } 
.usuarios .lista .item .email { text-align: center; color: #fff; font-size: 14px; font-style: italic; }
.usuarios .lista .item .setor { width: 100%; text-align: center; margin-top: 20px; }
.usuarios .lista .item .setor span { color: #83A757; border: 1px solid #83A757; padding: 5px 20px; border-radius: 5px; text-align: center; }
.usuarios .lista .item .apagar { color: #f0506e; border: 1px solid #f0506e; border-radius: 50%; padding: 5px; width: 40px; height: 40px; float: right; text-align: center; margin-top: -15px; margin-right: -15px; }
.modalUsuario { background-color: #1C1E21; padding: 40px; }
.modalUsuario .perfilImg { background-color: #292B2D; width: 200px; height: 200px; border-radius: 50%; margin: 0 auto; text-align: center; padding-top: 45px; margin-bottom: 20px; }
.modalUsuario label { color: #fff; font-size: 12px; }
.modalUsuario input, .modalUsuario input:focus, .modalUsuario select, .modalUsuario select:focus { color: #fff; background-color: #292B2D; border: 0px; margin-bottom: 10px !important; }
.modalUsuario .btnSalvar { width: 100%; color: #fff; background-color: #83A757; border-radius: 5px; margin-top: 15px; }
.modalUsuario .uk-modal-close-default { top: 20px; right: 20px; }

.dashboard { margin-top: 20px; margin-bottom: 20px; }