{% load static %}

body {
    background-color: #eaeaea !important;
    font-size: 14px;
    background-color: #F3F3F3;
}

h3 {
    font-size: 18px;
}

.btn-voltar {
    margin-bottom: 15px;
}

.container {
    padding-left: 0px;
    padding-right: 0px;
}

.add-conteudo {
    /*margin-top: 15px;*/
    /* border: 1px solid #e8e8e8; */
}

.corpo {
    /* background-color: ; */
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .2);
    background-color: #ffffff;
    border: 1px solid #fafafa;
    margin-top: 3px;
    margin-bottom: 3px;
}

.barra-navegacao {
    padding-left: 0px;
    padding-right: 0px;
}

.menu-navegacao {
    padding-left: 0px;
    padding-right: 0px;
}

.top-barra-menu {
    background-color: #013044;
    color: white;
    margin-top: 00px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
    font-size: 1em;
    border-bottom: 4px solid #d06b24;
}

.top-barra-menu a:hover {
    /* background-color: #c1c1c1; */
    color: white;
}

.link-hover a:hover {
    background-color: #132F45;
    color: white;
    border-radius: 10px;
}

/*Dx o dropdown abrir quando passar o mouse*/
.dropdown:hover > .dropdown-menu {
    /*display: block;*/
}

.dropdown:hover > .dropdown-menu a:hover {
    color: black;
}


.navbar-expand-lg {
    padding: 0px !important;
}

/* menu navegacao */
.navbar-brand2 {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand2 img {
    width: 200px;
    height: 40px;
}

.nav-link img {
    width: 32px;
    height: 32px;
}

.menu-actions img {
    width: 25px;
    height: 25px;

}

.nome-usuario {

}

.collapse {
    /*margin-top: 5px!important;*/
}

.img-perfil {
    width: 30px !important;
    height: 30px !important;
    margin-bottom: 3px;
    border: 1px solid white;

}

.img-30x30 {
    width: 30px !important;
    height: 30px !important;
    padding-right: 3px !important;
}

.img-60x60 {
    width: 55px !important;
    height: 48px !important;
    padding-right: 3px !important;
}

.img-150x150 {
    width: 100px !important;
    height: 100px !important;
    padding-right: 3px !important;
}

.img-45x45 {
    width: 45px !important;
    height: 45px !important;
}

.img-50perc-altura {
    height: 50% !important;
}

.img-30perc-altura {
    height: 30% !important;
}

.img-45perc-altura {
    height: 45% !important;
}

.img-75perc-altura {
    height: 75% !important;
}


.top-barra-menu a {
    color: white;
}

.top-esquerda {
    margin-top: 10px;
}

.top-esquerda img {
    width: 32px;
}

.top-direita {
    margin-top: 10px;
}

.top-direita img {
    width: 32px;
}

.barra-menu {
    background-color: #212d63;
}

.barra-menu a {
    color: white;
}

.nav-item nav-link:hover a {
    background-color: black;
    color: white;
}

.nav-item img {
    /* margin-left: 15px; */
    width: 20px;
    height: 20px;
}

.menu-actions > .nav-item img {
    margin-left: 15px;

}

.navbar-toggler-icon {
    color: white !important;
}

.foto-usuario {
    width: 30px;
    border: 2px solid white;
}

/*bloco de texto*/
.bloco {
    padding-top: 15px !important;
}

.bloco-pesquisa {
    border-style: solid;
    border-width: 0px;
    border-color: #e6e6e6;
    margin-bottom: 0px;
    /*background-color: #fff;*/
    margin-top: 0px;
    padding: 15px 0;
}

.pesquisa-direita {
    padding-right: 0px;
    padding-left: 0px;
}

.pesquisa-direita input {
    margin-left: 6px;
}

.bloco-titulo h2 {
    font-size: 26px;
    font-weight: bold;
    border-bottom: solid #bcbec0;
    margin-bottom: 10px;
}

.bloco-titulo h3 {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 5px;
}

.bloco-texto {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .2);
    background: #ffffff;
    border: 1px solid #fafafa;
    margin-bottom: 15px;
}

.bloco-texto hr {
    margin: 10px 0;
}

.bloco-texto-titulo {
    padding: 0.2em 0.3em 0 0.3em;
    position: relative;
    padding: 10px;
    font-size: 16px;
    background-color: white;
    color: black;
    font-weight: bold;
}

.bloco-conteudo ul {
    padding-left: 0px;
    list-style-type: none;
}

.bloco-conteudo h6 {
    border-bottom: solid #bcbec0;
    padding-bottom: 10px;
    padding-right: 10px;
}

.bloco-conteudo p > img {
    max-width: 100%;
    height: auto !important;
    margin-left: 0 !important;

}

.bloco-conteudo p > a > img {
    max-width: 100%;
    height: auto !important;
    margin-left: 0 !important;
}

.bloco-texto-conteudo {
    padding: 0 10px;
}

.bloco-texto-conteudo img {
    width: 30px;
}

/*layout*/
.layout {
    margin-top: 15px;
}

/*central documento*/
.bloco-central-documento {
    margin: 10px 0;
}

.conteudo-documento {
    margin-left: 10px;
}

.conteudo-documento h3 {
    margin-bottom: 0px;
}

/*layont2*/
.perfil-conteudo h3 {
    margin-bottom: 0px;
    padding-left: 10px;
}

.top-barra-menu > .navbar-expand-lg {
    padding: 0px;
}

.navbar-expand-lg {
    padding: 0px;
}

.bloco-perfil {
    padding: 15px 0;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0px;
    border-bottom: 6px solid #212d63;
    border-top: 3px solid #212d63;
    background-color: #F3F3F3;
}

.foto-perfil img {
    width: 75px;
    margin-left: 25px;
}

.coluna-esquerda {
    /*background-color: white;*/
}

/* .coluna-esquerda > .bloco{
	border: 0px;
	border-bottom: 6px solid #212d63;
	border-top: 3px solid #212d63;
	background-color: #F3F3F3;
} */

/**/
.portlet-placeholder {
    border: 2px dotted red;
    margin: 0 1em 1em 0;
    height: 200px;
    /* background-color: #46e81d2b; */
}

.bloco {
    margin-bottom: 10px;
}

.foto-publicacao img {
    width: 45px;
    height: 45px;
}

.image-publicacao {
    width: 100px;
}

.media-publicacao {
    margin-top: 10px;
}

.img-post {
    padding: 0 0 2px 0;
}

.media-body {
    padding: 0px;
}

.bloco {
    /* background-color: #f5f5f5; */
    border-style: solid;
    border-width: 1px;
    border-color: #e6e6e6;
    margin-bottom: 1.42857em;
    padding: 15px;
    /*margin-top: 10px;*/
}

.bloco-semborda {
    border-width: 0px !important;
    padding: 0px !important;

    border-radius: 0 !important;
    box-shadow: 0px 1px 2px 0 rgb(255, 255, 255), 0px 5px 10px 0 rgb(255, 255, 255), inset 0px -1px 0 0 rgb(255, 255, 255) !important;


}

.conteudo-publicacao p {
    padding: 15px;
}

/* .postagem-social span{
	margin-left: 10px;
	color: #212d63;
} */

.foto-noticia {
    margin: 15px;
}

.titulo-descricao > .foto-publicacao {
    padding-right: 10px;
}

.titulo-descricao > .perfil-conteudo a {
    padding-left: 0px;
    margin-top: 10px;
    color: black;
}

.perfil-conteudo h3 {
    font-size: 18px;
    margin-top: 10px;
    color: black;
}

.btn-outline-secondary {
    color: #212d63;

}

.botao-de-post > .btn-outline-secondary {
    padding-top: 8px;
    margin-left: 10px;
}

.pesquisa input {
    margin-left: 15px;
}

.pesquisa a {
    margin: 0 2px;
}

footer {
    background-color: #7fbf61;
    color: white;
    border-top: 4px solid #E8E5E1;
    box-shadow: 3px -3px 3px rgba(0, 0, 0, 0.5);
    padding-bottom: 20px;
}

.rodape-titulo h3 {
    margin: 20px;
    font-weight: bold;

}

.footer-social {
    padding: 5px;
    margin-left: 10px;
}

.footer-conteudo {
    /* margin-left: 10px; */
}

.footer-esquerda {
    padding-left: 20px;
}

.footer-conteudo img {

}

.footer-conteudo span {
    margin-left: 5px;
}

.icone-footer img {
    width: 30px;
    height: 30px;
    margin-bottom: 20px;
}

.icone-footer-direita img {
    width: 200px;
}

.link-footer a {
    color: white;
}

.social-bloco {
    /* background-color: #F3F3F3; */
    padding: 15px;
    border: 1px solid #e8e8e8;
    width: 100%;
    color: black;
}

.social-bloco > p > img {
    max-width: 100%;
    height: auto !important;

}

button > navbar-toggler {
    color: white !important;
}

/* form */
.titulo-form {
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    /*margin-top: 15px;*/
}


/*ediçao do painel de controle */
.tela-painel-controle {
    margin-top: 15px;

}

.painel-controle-menu {
    background-color: white;
    margin-bottom: 20px;
    /*border: 1px solid #c1c1c1;*/
    border-radius: 5px;
    padding: 10px;
    /*box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 2px 3px rgba(0,0,0,.2);*/
}

.descricao-painel {
    margin-top: 10px;
}

.tela-painel-controle img {
    height: 50px;
    width: 50px;
}

.item-painel {
    margin-top: 10px;
}

.item-painel span {
    padding-left: 10px;
}

.painel-controle {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 3px rgba(0, 0, 0, .2);
}

.painel-controle {
    background-color: white;
}

.painel-conteudo {
    padding-right: 0px;
}

/*final painel de controle*/
/* bloco comentario */
.titulo-comentario {
    color: #d06b24;
}

.postagem-social {
    padding: 5px 5px !important;
}

.botao-like {
    padding-left: 0px !important;
}

.botao-seguir {
    margin-left: 10px;
    width: 93px;
}

.coluna-seguir {
    padding-right: 12px !important;
}

.bloco-comentarios {
    margin-bottom: 7px !important;
    padding: 0px 20px !important;
}

.comentario-img img {
    width: 30px;
    height: 30px;
    margin-top: 8px;
}

.comentario {
    margin-left: 35px;
}

.text-comentario {
    margin-left: 10px;
    margin-bottom: 5px;
    color: black;
}

.comentario-bloco {
    padding: 10px;
    background-color: white;
    border-radius: 15px;
}

.botao-comentar {
    margin-left: 10px
}

.mensagem-comentario {
    /* margin: 15px; */
    margin-top: 10px;
}

.mensagem-comentario input {
    margin-left: 8px;
    border-radius: 10px !important;
}

.mensagem-comentario img {
    width: 35px;
    height: 35px;
}

/* marretada  */
.ajaxtogglelike {
    margin-left: -25px;
}

/*  /marretada*/
/* final bloco comentario*/
/*areas */
.areas-empresa {
    padding: 10px;
    margin-bottom: 10px;
}

.areas-empresa img {
    height: 45px;
    width: 45px;
}

.titulo h3 {
    border-bottom: 1px solid;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 0px;
    padding-bottom: 10px;
}

/*final areas*/
/*sistemas*/
.biblioteca-sistema img {
    height: 45px;
    width: 45px;
    margin-bottom: 10px;
    margin-top: 10px;
}

/*final sistemas*/
/*paginas*/
.nav-item nav-tabela a {
    color: black !important;
}

.nav-item nav-tabela a:hover {
    color: black;
}

.nav-tabela {
    border-right: 1px solid white;
    border-top: 1px solid white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #495057;
    background-color: #fff;
    border-color: #ddd #ddd #fff;
}

.titulo-pagina {
    margin: 10px 10px 0px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 3px
}

.titulo-pagina-h1 {
    border-bottom: solid #bcbec0;
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: bold;
    margin-top: -10px;
}

.tabela-pagina {
    padding-right: 2px;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tab-content {
    /* background-color: #F3F3F3; */
    padding: 15px;
    border: 1px solid #dee2e6;
    margin-bottom: 1.42857em;
    padding: 15px;

}

.nav-tabs > .nav-item {
    border-right: 1px solid white;
    border-top: 1px solid white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #495057;
    background-color: #fff;
    border-color: #ddd #ddd #fff;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: 0px !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white !important;
}

.tab-pane > .postagem-social img {
    width: 30px;
}

.tab-pane > p > img {
    max-width: 100%;
    height: auto !important;
}

/* tabela usuario */
.tabela-usuario img {
    height: 30px !important;
    width: 30px !important;
    padding: 5px;

}

/*final paginas*/

/* django-ckeditor-widget */
.django-ckeditor-widget {
    width: 100% !important;
}

.cke_reset {
    width: 100% !important;
}

.cke_chrome {
    width: 100% !important;
}

/* bloco-edicao */
.bloco-edicao {
    margin-top: 10px !important;
}

.bloco-visao {
    margin-bottom: 10px;
    border-bottom: 2px solid #212d63;
}

.bloco-visao img {
    margin-bottom: 10px;
    margin-top: 5px;
}

.bloco-visao a {
    color: black;
    margin-right: 5px;
}

i {
    font-size: 24px;
}

.table img {
    width: 40px;
    height: 40px;

}

.img-tabela {
    text-align: center;
}

#sortable, #sortable1, #sortable2, #sortableaulas, #sotableperguntaspesquisa {
    padding-left: 0px !important;
    margin-bottom: 15px;


}

#sortable li, #sortable1 li, #sortable2 li, #sortableaulas li, #sotableperguntaspesquisa li {
    padding: 0 15px;
    background-color: white;
    margin-bottom: 10px;

}

#sortable img, #sortable1 img, #sortable2 img {
    margin-top: 5px;
}

.titulo-abas h2 {
    padding: 0 15px;
    margin: 10px 0;
}

.descricao-painel span {
    padding-left: 10px;
}

.descricao-painel img {
    width: 25px;
    height: 25px;
}

.link-categoria {
    margin-bottom: 15px;
}

.link-categoria img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.titulo-painel {
    padding: 0px;
}

.titulo-painel h3 {
    margin-top: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ced4da;
}

.form-basic {
    padding: 10px 15px;
}

#iframecomentarioadd {
    display: block; /* iframes are inline by default */
    background: #000;
    border: none; /* Reset default border */
    height: 10vh !important; /* Viewport-relative units */
    width: 100%;
}

iframe {
    display: block; /* iframes are inline by default */
    background: #000;
    border: none; /* Reset default border */
    height: 100vh; /* Viewport-relative units */
    width: 100%;
}

canvas {
    width: 100%;
}

.alert-danger {
    margin-top: 15px !important;
}

.alert-success {
    width: 100%;
}

.tabela-padrao {

    font-weight: bold;
}

.table {
    margin-top: 10px !important;

}

/*p > iframe {*/
/*    height: 350px !important;*/
/*}*/

.table th {
    /*height: 63px !important*/
}

.table2 {
    margin-top: -15px !important;
}

.accordion-group-one {
    margin-top: 0px !important;
}

.btn-add {
    border: 1px solid black !important;
}

/* ultimos comentarios  */
.messages li {
    text-decoration: none;
}

.messages ul {
    padding-left: 0px;
}

.messages ul li img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
}

.messages ul li.sent p {
    background: #435f7a;
    color: #f5f5f5;
}

.messages ul li p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 10px;
    max-width: 92%;
    line-height: 130%;

}

.messages ul li {
    display: inline-block;
    clear: both;
    float: left;
    font-size: 0.9em;
}

.messages p {
    text-align: justify;
}

/* /ultimos comentarios */
/* loading arquivos */
.display-loading.open {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #000;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: 0 auto;
    position: relative;
}

.box-loading > div {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    margin-top: 45px;
    font-size: 18px;
    font-weight: bold;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.bloco-aniversario {
    margin-bottom: 10px;
}

.bloco-aniversario img {
    max-width: 60px;
    height: auto;
    margin-right: 15px;
    border: 1px solid black;
    border-radius: 5px;
}

.bloco-aniversario .media-body .nome-aniversariante, .bloco-aniversario .media-body span {
    font-weight: bold;
}

.de-parabens {
    margin-top: -5px;
}

.bloco-noticia-img img {
    width: 40px;
    height: 40px;
}

.vertodosaniver {
    font-size: 18px;
}

.foto-vermais img {
    width: 90px;
    height: 90px;

}

.aniversario-conteudo-data {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

/* /bloco de aniversario */

/* links de menu */
.link-visao img {
    height: 30px;
    width: 30px;
    float: right;
    padding: 5px;
}


.link-botao-criar {
    margin-top: 10px;
    margin-right: 15px;
    margin-bottom: 15px;
}

/* links de menu */
.bloco-permissao {
    margin-top: 5px;
}

.tabela-permissao img {
    width: 20px;
    height: 20px;
}

/* grupo */
.grupo-trabalho img {
    width: 45px;
    height: 45px;
    margin-top: 70%;
}

.grupo-trabalho {
    padding: 5px;
}

.grupo-trabalho-item {
    border: 1px solid;
    padding: 10px;
}

.grupo-trabalho-item-conteudo {
    padding: 15px;
}

.grupo-trabalho-item-conteudo h3 {
    color: black;
}

.grupo-trabalho-item-conteudo span {
    color: black;
}

/* grupo */
/* mensagem de alerta */
.mensagem-excluir-conteudo {
    border-style: solid;
    border-width: 1px;
    border-color: #e6e6e6;
    padding: 15px;
    color: black;
    background-color: #FFF2CF;
}

.mensagem-excluir-conteudo input {
    margin-right: 5px;
    margin-top: 5px;
}

.alert-warning {
    background-color: #FCF7E4;
    border-color: #FAF0CE;
    font-size: 16px
}

.alert-warning a {
    color: #876D40;
}

.bem-vindo {
    background-color: #EFDFDF;
    border-color: #E7CECD;
    color: #9F4F48;
    font-size: 16px;
}

/* /mensagem de alerta */
/* album de fotos */
.dropdown-item {
    color: black;
    padding-left: 0px;
}

/*.pessoas-foto img{*/
/*width: 68px;*/
/*height: 75px;*/
/*margin: 0px;*/
/*border: 1px solid #e6e6e6;*/
/*}*/

.pessoas-foto img {
    width: 143px;
    height: 160px;
}

.pessoas-foto {

    margin-bottom: 15px;
}

.card-aniversario {
    width: 9rem;
}

.card-aniversario {
    width: 9rem;
}

.de-parabens {
    cursor: pointer;
}

@media screen and (min-width: 300px) and (max-width: 450px) {
    .card-aniversario {
        width: 10rem;
        margin-left: 12px !important;
    }

    .pessoas-foto img {
        width: 158px;
        height: 180px;
    }

    .pessoas-pesquisa {
        margin-right: 0 !important;
    }

}

.nome-pesquisa {
    font-size: 12px;
    text-align: center !important;
}

.Album {
    margin: 10px 0;
}

.album-titulo {
    border-bottom: solid #bcbec0;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 0px;
}

.album-esquerda {
    padding-left: 0px;
    padding-right: 0px;

}

.album-direita {
    padding-right: 0px;
    padding-left: 0px;
}

.album-dropdonw {
    background-color: #e88a1d;
    color: black;

}

.album-dropdonw a {
    color: black;
}

.album-dropdonw a:hover {
    color: white;
}

select {
    height: 38px;
}

.album-busca {
    height: 38px;
}

.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0rem !important;
}

/* /album de fotos */
/* banner */
.bloco-banner {
    margin-bottom: 15px;
}

.bloco-banner img {
    max-height: 600px;
}

.carousel-caption {
    color: black;
    /*padding-bottom: 10px;*/
    position: relative;
    background-color: rgba(0, 0, 0, 0.2);
    left: 0;
    /*margin-top: 5px;*/

    bottom: 0px;
}

/*  /banner*/
.gerenciamento h2 {
    margin: 25px 0px;

}

/* grupo trabalho */
.detalhe-grupo-direita {
    padding-right: 0px;
    /*margin-top: -10px;*/
}

.detalhe-grupo {
    padding: 0px;
}

.detalhe-grupo li > img {
    height: 25px;
    width: 25px;

}

.detalhe-grupo h3 {
    margin-top: 10px;
    padding: 0px !important;

}

.detalhe-grupo ul {
    padding: 0;
    list-style-type: none;
}

.detalhe-grupo li {
    margin-top: 10px;
}

.arquivos {
    margin-bottom: 10px;
    /*margin-top: 10px;*/
}

.arquivos-conteudo {
    padding-right: 0px;
}

.arquivos-conteudo > .card {
    border: 0px solid rgba(0, 0, 0, .125);
}

.arquivos > .bloco-titulo {
    padding-right: 0px;
}

.card-header h5 :hover {
    color: white;
}

.card-body h5 {
    margin-bottom: 0px;
}

.arquivos-conteudo > .card > .card-body > h5 {
    color: red;
}

.arquivos-conteudo p {
    margin-bottom: 0px !important;
}

.arquivos-conteudo img {
    border: 1px solid rgba(0, 0, 0, .125);

}

.bloco-grupo {
    /*margin-top: 10px;*/
}

.card {
    margin-bottom: 15px;
}

.card img {
    margin: auto;
}

.card-header {
    padding: 0px;
    background-color: #0e3680d1;

}

.card-header h6 {
    padding: 0px;
    color: white;
    margin-bottom: 0px;

}

.card-body ul {
    padding-left: 18px;
    /* list-style-type: none; */
}

.card-body {
    padding: 5px 13px !important;
}

.card-body a {
    color: black;
}

.card-title {
    font-size: 14px;
}

.arquivos-conteudo > .card img {
    width: 100px;
    height: 150px;
}

.arquivo-card {
    padding: 10px 0 !important;
}

.btn-link {
    color: white;
}

.card-header img {
    margin-right: 5px;
}

/* /grupo trabalho */
/* biblioteca */
.biblioteca-esquerda {
    padding-left: 0px;
}

.biblioteca-direita {
    padding: 0px;
}

.biblioteca-titulo {
    font-size: 26px;
    padding-left: 0px;
    border-bottom: solid #bcbec0;
    margin-bottom: 5px;
}

/* painel-controle */
.painel-categoria {
    background-color: #EAEAEA;
    border-right: 1px solid #B9B9B9;
}

.painel-categoria h4, h3 {
    /* margin-top: 15px; */
}

.esquerda-painel img {
    padding: 0 10px;
}

.painel-categoria-sub {
    background-color: #fff;

}

.esquerda-painel {
    padding: 0px;
}

.direita-painel {
    padding-right: 0px;
    border-left: 1px solid #6ABE6B;
}

/* painel-controle */
/* cores padrao */
.cor-primaria {
    background-color: #0e3680d1;
    color: white;
}

/* cores padrao */

/* vitrine de conteudos */
.bloco-vitrine-conteudo {
    border: 1px solid #e8e8e8;
    margin-bottom: 15px;
    background-color: white;
}

.bloco-vitrine-conteudo img {
    width: 322px;
    height: 180px;
}

.bloco-vitrine-conteudo h3 {
    margin-top: 10px;
}

.bloco-icone {
    padding-left: 0px;
}

.bloco-icone-fundo {
    /*background-color:#FF793A;*/
    border: 1px solid;
    margin-bottom: 10px;
}

.bloco-icone a {
    color: black;
}

/* sala-reserva */
.horario > button {
    width: 100%;
    padding: 5px 0;

    margin-bottom: 10px;
    font-size: 16px;
}

.horario > button > img {
    padding-right: 5px;
}

.tabela-agenda td {
    font-size: 16px;
    text-align: center;
}

.tabela-agenda th {
    font-size: 19px;
}

/*treinamanto*/

.treinamento {
    margin-top: 10px;

}

.foto-instrutor img {
    width: 190px !important;
    height: 190px !important;
}

/*.treinamento-card {*/
/*    height: 350px;*/
/*}*/
#banner-treinamento img {
    max-height: 350px;
}

.foto-descricao-treino img {
    max-height: 350px;
}

.treinamento-card-title {
    padding: 10px;
    padding-left: 15px;
    margin-bottom: 0px;
    color: #FF793C;
}

.treinamento-cardcard img {
    padding: 0 10px;
}

.treinamento-card-img-top {
    height: auto;
    padding: 0 15px;
}


.treinamento-card-body {
    padding: 10px;
    text-align: justify;

}

treinamento-card-body a {
    position: absolute;
    bottom: 15px;
}

.card-activaty {
    background-color: #f6f6f6;
}

.menu-treinamento a {
    color: black;
    border-bottom: 3px solid #114264;
}

.treinamento-card-body .btn-primary {
    color: white;
}

.treinamento-conteudo {
    margin-top: 10px;
}

.bloco-informacao {
    background-color: #F6F6F6;
    border: 0px;
}

.bloco-informacao img {
    width: 150px;
    height: 150px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #c1c1c1;
}

.bloco-informacao h5 {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.tabela-treinamento {
    background-color: #ffa603;
    color: white;
    font-size: 20px;
}

.bloco-imgem {
    margin-top: 10px;
    background-color: #0a001f82;
}

.btn-treinamento {
    position: absolute;
    bottom: 15px;
}

.btn-60x80 {
    height: 60px;
    width: 130px;
}

.btn-salvar {
    /*height: 60px;*/
    /*width: 130px;*/
    /*background:url("/static/img/png/diskette.png") no-repeat;*/
    /*border-radius: 80px;*/
    /*padding-right: 10px;*/
}

.btn-cancelar {
    /*height: 60px;*/
    /*width: 230px;*/
    /*!*background:url("/static/img/png/cancel.png") no-repeat;*!*/
    /*border-radius: 80px;*/
}

.btn-inscreva-se {
    position: absolute;
    bottom: 15px;
}

.foto-instrutor img {
    margin-bottom: 10px;
}

.leiamais {
    padding: 10px;
}

.leiamais-btn {
    font-size: 80%;
    color: inherit;
    text-decoration: none;
}

.leiamais-tail {
    display: none
}

/*instalador*/

.tela-instalador h1 {
    margin: 10px 0px;
    padding: 0 15px;
}

.tela-instalador p {
    padding-left: 15px;
    font-size: 15px;
    margin-bottom: 5px;
}

/*custon do css*/
.CodeMirror {
    background-color: #fffcc9ad !important;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

/*painel de controle 2*/
.sidebar {
    background-color: #d9dbdc54;
    max-width: 317px;
    transition: all 0.3s;
}

.sidebar ul li a {
    display: block;
    padding: 0.75rem 1rem;
    color: black;
    text-decoration: none;
}

.sidebar ul li a:hover, .sidebar ul .active a {
    color: #ecedee;
    background-color: black;

}

.sidebar ul ul a {
    padding-left: 30px;

}

.sidebar ul ul ul a {
    padding-left: 45px;

}

.sidebar ul ul ul ul a {
    padding-left: 60px;

}

.sidebar ul ul ul ul ul a {
    padding-left: 75px;

}


.sidebar ul ul img {
    margin-right: 5px;
}

.sidebar ul {
    margin-top: 0px !important;
}

/*Seletor utilizado para ativar o botão ocultar menu em PC*/
.sidebar.toggled {
    margin-left: -250px;
}

.sidebar [data-toggle="collapse"] {
    position: relative;
}

.sidebar [data-toggle="collapse"]:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 1rem;
}

.sidebar [aria-expanded="true"] {
    background-color: black;
    color: white;
}

.sidebar [aria-expanded="true"]:before {
    content: "\f0d8";
}

.icone-before [data-toggle="collapse"]:before {
    content: "\f0dd";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 1rem;
}

.icone-before [aria-expanded="true"]:before {
    content: "\f0d8";
}

.content {
    width: 100%;
}

nav ul ul li i {
    padding-right: 5px;
}

/**/
.edicao-cores {

}

.edicao-cores input {
    width: 100%;
}

.edicao-cores .btn-success {
    width: 10%;
}

.edicao-cores .btn-danger {
    width: 10%;
}

.cor-dinamica-navegacao {
    /*alterar no instalador  mudar  barra de navegação  card tabulaçao*/
    background-color: #0324FF;
    color: white;
}

.foto-gestor {
    width: 90px;
    height: 90px;
}

.areas-img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 10px 0 !important;

}

.unidade-departamento a:hover {
    cursor: zoom-in;

}

/*css recuperar senha*/
#messages > .alert {
    padding: 15px;
    font-size: 20px !important;
}

.alert > ul {
    margin: 0px;
    padding-left: 0px;
    font-size: 20px !important;
    list-style-type: none;

}

.dropdown-menu {
    /*background-color: blue;*/
    color: black !important;
}

.dropdown-item {
    padding: 15px;
}

.dropdown-item a {
    color: black;
}

.dropdown-item a:hover {
    padding: 15px;
}

/*notificacao*/
.dropdown-menu {
    min-width: 15rem;
    padding-bottom: 0px !important;

}

.dropdown-notificacao {
    min-width: 23em;
    padding-bottom: 0px !important;

}

.mensagem-dropdown-toggle::after {
    display: none;
}


.nav-item .mensagem-dropdown-toggle {
    padding-top: 3px;
}

.notification .media img {
    width: 40px;
    height: 40px;
    padding-right: 10px;
}

.dropdown-notificacao .notification .media-body {
    font-size: 12px !important;
}

.display-5 {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}

/*mobile*/
@media screen and (min-width: 315px) and (max-width: 395px) {

    .nav-tabs > li, .nav-tabs li a {
        display: inline-block;
        width: 100%;
    }

    .nav-tabs li a {
        border: 1px solid #ddd;
    }

    .perfil-conteudo h3 {
        margin-top: 15px;
        font-size: 16px;
    }

    .container {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .nav-item i {
        margin-left: 0px;
    }

    .tela-painel-controle {
        padding-left: 0px !important;
    }

    .painel-conteudo {
        padding: 0px !important;
    }

    .botao-comentar {
        width: 100%;
        margin-bottom: 5px;
        margin-top: 10px;
    }

    .div-botao-comentar {
        padding: 0px !important;
    }

    .messages ul li p {
        display: inline-block;
        padding: 10px 15px;
        border-radius: 10px;
        max-width: 100% !important;
        line-height: 130%;
    }

    .bloco-conteudo p > img {
        max-width: 100%;
        height: auto !important;
    }

    .bloco-conteudo p > a > img {
        max-width: 100%;
        height: auto !important;
    }

    .detalhe-grupo-direita, .biblioteca-direita {
        padding-right: 15px;
    }

    .sidebar [data-toggle="collapse"]:before {
        content: "\f0d7" !important;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        position: absolute;
        right: 1rem;
    }

    .detalhe-grupo {
        padding: 0 15px;
    }

    .publicar-celular {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}

@media screen and (min-width: 315px) and (max-width: 999px) {
    .contador-notificacao {
        position: absolute;
        margin-left: -0.4rem;
        margin-top: 0.2rem;
    }

    .publicar-celular {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .pesquisa2 > .input-group {
        padding-left: 0px !important;
    }
}

@media screen and (min-width: 315px) and (max-width: 1200px) {
    .esconder-conteudo {
        display: none;
    }

    .nome-usuario {
        margin-top: 5px;
    }


}

@media screen and (min-width: 315px) and (max-width: 770px) {
    /* bug do display categoria marretada */
    .selection span {
        width: 95% !important;
    }

    /* /bug do display categoria marretada */
    .navbar-brand {
        display: none;
    }

    .painel-controle-menu {
        margin: 10px 15px 10px 15px;
    }

    .biblioteca-esquerda {
        padding-right: 0px !important;
    }

    .arquivos-conteudo {
        padding-left: 0px !important;
    }

    .detalhe-grupo-direita {
        padding-left: 0px !important;
    }

    .arquivos > .bloco-titulo {
        padding-left: 0px;
    }

    .botao-comentar {
        margin-left: 0px !important;
    }

    .pesquisa input {
        margin-left: 0px;
        margin-top: 2px;
    }

    .menu-actions > .nav-item img {
        margin: 8px 0px;

    }

    .tab-pane > p > img {
        max-width: 100%;
        height: auto !important;
    }

    .tab-pane > h4 > img {
        max-width: 100%;
        height: auto !important;
    }

    .order-sm-2, .order-sm-3, .order-sm-1 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .esquerda-painel img {
        padding: 0 11px !important;
    }

    /* .footer-esquerda,.rodape-titulo{
        text-align: center;
    } */
    .pesquisa-mobile {
        padding: 0px;
    }

    .pesquisa a {
        margin-bottom: 5px;
        width: 85px;
    }

    .titulo-pagina-h1 {
        padding-left: 15px;
    }

    .titulo h3 {
        padding-left: 15px !important;
    }

    .biblioteca-sistema {
        padding-left: 15px !important;
    }

    .main-template-basico, .main-template-limpa {
        padding: 0px;
    }

    .direita-painel {
        padding-right: 0px;
        border-left: 0px;
    }

    .pessoas-pesquisa {
        width: 100%;
        margin-bottom: 2px;

    }

    .social-bloco > p > img {
        max-width: 340px;
        max-height: 250px;
    }

    /* .sala-reserva{
        padding-right: 0px;
    } */
    .pesquisa-mobile > .alert {
        margin: 0 10px;
    }

    .col-sm {
        padding: 0px !important;
    }

    .aniversario img {
        margin-top: 10%;

    }

    .foto-instrutor img {
        margin-bottom: 10px;

    }

    .treinamento-card {
        height: 380px;
    }

    .sidebar, .form-basic .tabela-usuario {
        margin-left: 15px;
    }

    .edicao-cores .btn-success {
        width: 49% !important;
    }

    .edicao-cores .btn-danger {
        width: 49% !important;
    }

    .painel-direita-mobile {
        padding: 0 15px !important;
    }

    .biblioteca-titulo h2 {
        padding: 0 15px !important;
    }

}

@media screen and (min-width: 315px) and (max-width: 1224px) {
    .col-md-3 > .pesquisa a {
        padding: 4px;
        width: 50px;
    }

    .bota-coluna-responsive a {
        padding: 4px;
        width: 38px;

    }

    .criar-publicacao {
        width: 100% !important;
    }


}

@media screen and (min-width: 1025px) and (max-width: 1390px) {
    .col-md-3 > .pesquisa a {
        padding: 6px;
        max-width: 60px;

    }

    .col-md-3 > .pesquisa2 a {
        padding: 6px;
        max-width: 100%;

    }

}

/* Inicio bpms */
.link-padrao {
    color: #007bff !important;
    text-decoration: none;
    cursor: pointer;

}

.link-padrao:hover {
    cursor: pointer;
}

.bpms-obrigatorio {
    color: red;
}

.formulario-bpms label {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0px;
}

.formulario-bpms small {
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 5px;
}

.formulario-bpms {
    padding-bottom: 0px;
}

.caixa-titulo {
    color: #004085;
    background-color: #cce5ff;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.form-check-label {

    font-weight: normal !important;
    font-size: 16px !important;
}

.cabecalho-bpms h1 {
    border-bottom: solid #bcbec0;
    font-size: 24px;
    font-weight: bold;
}

.cabecalho-bpms {
    margin-bottom: 5px;
}


/*ajuste sugestao ftd*/
.card-sembolinha li {
    list-style-type: none;
    padding-left: 0px;
    color: black;
    margin-bottom: 3px;
}

.menu-drop {
    left: -60px !important;
    top: 38px;
}

.drop-img img {
    margin-left: 0px !important;

}

.dropdown-menu .drop-img {
    font-weight: normal !important;
}

svg {
    width: 20px;
}


/*ramal*/
.tabela-ramal img {
    width: 40px;
    height: 40px;

}

.tabela-ramal td {

    font-size: 13px;
}

.ramal-ocultar-emailsecundario {
    display: block;
}

.ramal-ocultar-email {
    display: block;
}

/*/ramal*/
/*ajuste icones*/
.menu-actions > .nav-item > a > span > svg {
    margin-left: 15px;

}

/*linha que devera ser colocada no css de cada perfil*/
/*.menu-actions-hover :hover{*/
/*color: black!important;*/
/*}
.menu-actions-hover :hover{
   color: white!important;
}
*/
.menu-actions > .nav-item > a > svg {
    margin-left: 15px;

}

.icone-painel svg {
    width: 30px;
}

/*final icones*/

/* impressão */
@media print {
    .iframe-pdf {
        display: none;
    }

    body {
        background: #fff;
    }

    .ocultar-impressao, .bloco-pesquisa, footer, .fixed-table-pagination, .fixed-table-toolbar, .alert {
        display: none;
    }

    #exportardadosleituraobrigatoria .btn-primary {
        display: none;
    }

}


/*modal para imagem*/
@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
}

/*postagem estilo */

.excluir-comentario img {
    width: 20px !important;

}


.messages .sent p {
    background: #435f7a;
    color: #f5f5f5;
}

.messages img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    float: left;
    margin-right: 5px;
}

.messages .sent p {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 10px;
    max-width: 92%;
    line-height: 130%;
    margin-bottom: 0px;
    word-break: break-word;
}

.donocomentario {
    color: #747474;
    display: block;
    font-size: 12px;
    margin-bottom: 10px;
}

.media-body p {
    margin-bottom: 10px;
}

.hashtag {
    color: blue;
}

/*postagem estilo */

/*reserva de salas*/
.btn-calendario:hover {
    color: white;

}

.card > .img-reserva {
    width: 100%;
    height: 130px;
}

.cor-dinamica-navegacao label {
    font-weight: bold;
}

td a svg {
    color: black;
}


@media screen and (min-width: 300px) and (max-width: 700px) {
    .hora-final, .hora-inicial {
        display: none;
    }

    .calendario-data input {
        /*margin-top:  ;*/
    }
}

@media screen and (min-width: 701px) {


    .mobile-menu {
        display: none;
    }

}

@media screen and (min-width: 300px) and (max-width: 990px) {
    .menu-actions-hover svg {
        display: none;
    }

    .mobile-menu {
        padding: 8px 0px;
        display: block;
    }
}

.cmxform .radio label input {
    margin-right: 5px;
}

.select2-container {
    width: 100% !important;

}


.btn-copiar-url {
    position: relative;
    top: -42px;
    float: right;
    z-index: 10;
    display: block;
    padding: .25rem .5rem;
    font-size: 75%;
    color: #818a91;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    border-radius: .25rem;
}

/*tabela quebrando a palavra em tabela*/
table {
    /*table-layout:fixed;*/
    /* width:100%;*/
    /* word-wrap:break-word;*/
}

body {
    word-wrap: break-word;
}

.media-body p {
    word-break: break-word;
}

@media screen and (min-width: 315px) and (max-width: 1000px) {
    .table-responsive {
        height: 400px;
        overflow: scroll;
    }

    .menu-reserva a {
        width: 100%;
    }

    .btn-menu-bpms a, .btn-menu-bpms button {
        width: 100%
    }
}

thead tr:nth-child(1) th {
    /*background-color: #000;*/
    /*color: white;*/
    position: sticky;
    top: 0;
    z-index: 10;
}

.publicar-celular a:hover {
    text-decoration: none;
    color: white;
}

/*timeline secundaria */
.divisor {
    margin-top: -15px;
}

.divisor h3 {
    position: absolute;
    right: 10px;
    transform: rotate(33deg);
    padding: 5px;
    margin-top: 19px;
}

.divisor img {
    top: 23px;
    width: 30px;
    position: absolute;
    right: 26px;
}

.img-destaque {
    width: 30px;
}

@media screen and (min-width: 315px) and (max-width: 1000px) {
    .divisor {
        margin-top: -15px;
    }

    .divisor h3 {
        position: absolute;
        right: -5px;
        transform: rotate(33deg);
        padding: 5px;
        margin-top: 19px;
    }

    .divisor img {
        position: absolute;
        right: 0px;
    }

}

#btn-add-post img {
    margin-left: 5px;
    margin-right: 3px;
}

/*notificacao*/
.notification > .media > .media-body ul li a, .notification > .media > .media-body ul li a:hover {
    color: white;
    font-weight: normal;
}

.notification .media img {
    width: 50px;
    height: 50px;
    margin-top: 10px;

}

.menu-drop {
    width: 300px;

}

.notification {
    margin-bottom: 10px;
    border-bottom: 1px solid #c0c0c0;
}

.notifications .notification:last-child {
    border-bottom: 0px;
}


.notification-meta {
    color: #868e96;
    margin-bottom: 5px;
}

.contador-notificacao {
    position: absolute;
    background: red;
    border-radius: 10px;
    margin-left: 20px;
    margin-top: 0px;
    z-index: 30;
}

.img-notificacao img {
    width: 35px;
    height: 35px;
    margin-top: 12px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    /* tenho que pesquisar uma maneira melhor desse ajuste*/
    position: absolute !important;
    z-index: 10;
    left: -250px;
    top: -10px;

    padding: 8px;
    filter: brightness(90%);
}

.menu-drop {
    max-height: 90vh;
    overflow: auto;
}

.menu-drop .justify-content-between {
    font-weight: normal !important;
    border-bottom: 1px solid white;
}

.notification-title a {
    color: #007bff !important;
}

.notification-ver-mais {
    background-color: #e0dddd;
}

.notification-ver-mais p {
    margin-bottom: 0px;
    padding: 5px;
}

.veja-mais {
    background-color: #eaeaea;
    color: black;
    text-align: center;
    padding: 10px;

}


/*aniversario*/
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .bloco-aniversario-img img {
        width: 40px;
        height: 45px;
    }

    .top-barra-menu a {

        font-size: 13px;
    }

}

/*reservade salas*/
/*reserva de sala estudar melhor maneira */
td ul li ul {
    list-style: none;
    padding-left: 0px !important;
}

td ul li ul li {
    text-align: left;
}

thead tr th {
    width: 12% !important;
}

.tabela-reservar td {
    width: 33%;
}

.card-reserva ul {
    height: 200px;
    overflow: auto;

}

/*kanbam*/
.titulo-bpms-kanbam {
    border-bottom: 1px solid #bcbec0;
    margin-bottom: 5px;
}

.titulo-bpms-kanbam a:hover {
    text-decoration: none;
}


.blocobpms a:hover {
    text-decoration: none;
}


.blocobpms {
    width: 300px;
    min-width: 300px;
    max-width: 300px;;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    padding-top: 2px !important;
}

.tabela-kanbam td {
    width: 330px;
    min-width: 330px;
    background: #f8f9fa;
    border-left: 2px white solid;
    border-right: 2px white solid;


}

.alerta-kanbam {
    margin: -2px -15px 5px -15px !important;
    text-align: center;
    border-radius: 0px
}

.tr-kanbam {
    min-height: 500px;
}

.tabela-kanbam img {
    width: 20px;
    height: 20px;
}

.btn-kanbam {
    margin-bottom: 30px;
}


.tabela-kanbam a h6 {
    font-size: 12px;

}

.tabela-kanbam .bloco-conteudo {
    margin-bottom: 10px;

}

.tabela-kanbam .bloco-conteudo img {
    margin-bottom: 10px;
}


.tabela-kanbam .bloco-conteudo .card .card-body p {
    font-size: 12px;
    color: #868e96;

    margin-bottom: 10px;

}

.tabela-kanbam .bloco-conteudo .card {
    margin-bottom: 0px;

}

.tabela-kanbam .bloco-conteudo {
    margin-bottom: 0px;

}

.tabela-kanbam th a {
    margin-right: 10px;

}

.kanbam-data-alteracao {
    display: block;
    font-size: 12px;
}

#historico-acoes {
    height: 600px;
    overflow: auto;
}

#historico-status {
    height: 600px;
    overflow: auto;
}

.bloco-visao-bpm {
    font-size: 13px;
}

.bloco-visao-bpm hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*EXPANDIR*/
#expander-bpms {
    background-color: white;
}

#panel-fullscreen {
    color: white;
}

/*--fixar o cabeção do kanbam*/
.tabela-kanbam thead, .tabela-kanbam tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.tabela-kanbam tbody {
    display: block;
    max-height: 700px;
    overflow-x: hidden;
    overflow-y: scroll;
}

/*--FINAL fixar o cabeção do kanbam*/
/*FINAL EXPANDIR*/
@media screen and (min-width: 300px) and (max-width: 450px) {
    #formformulario .form-check-inline, #formformulario span {
        width: 100%;
        margin-bottom: 5px;
        padding-left: 15px;
    }

    #formformulario button {
        width: 100%;

    }

    #formformulario .form-linha2 {
        padding-left: 15px;
    }

}


/*diminuir font leitura */
.alert-warning h3 {
    font-size: 15px;
}

.alert-warning ul li {
    font-size: 13px;
}

/* resposta comentario */
.resposta-comentario .sent {
    margin-bottom: 10px;
}

/*relatorio social */
#conteudos td {
    width: 33%;
}

.total-relatorio {
    font-size: 18px;
}

/*modal*/
.modal-body-local {
    padding: 15px
}

.notification ul li {
    color: white;
}

.botao-like a {
    color: black;
}

.botao-like a:hover {
    text-decoration: none;
}


.bloco-tag img {
    width: 30px;

}

.bloco-tag a {
    margin-left: 10px;
}

.bloco-tag li {
    margin-bottom: 10px;
}

a.img-link {
    text-decoration: none;
}

#cabecalho-solicitacao {
    border-bottom: solid #bcbec0;
    margin-bottom: 15px;
}

/*tamanho dos icones para edição */
.social-bloco a span svg {
    color: black;
    width: 30px
}

/*.sidebar [aria-expanded="true"] {*/
/*    background-color: #FFEF3D!important;*/
/*}*/

/* atribuido a nova biblioteca de tabela*/
.fixed-table-toolbar .texto-js {
    float: left;
    display: flex;
    margin-top: 20px;
}

.item-empresa {
    font-weight: bold;
}

.modal-reserva:hover {
    cursor: pointer;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.card-header h5 :hover {
    text-decoration: none;
}

.publicar-celular a:hover {
    text-decoration: none;
    font-weight: normal !important;
}

.card-header h6 {
    font-weight: normal !important;
}

.publicar-celular a {
    font-weight: normal !important;
}

/*bloco de listagem */
.img-bloco-listagem {
    width: 30px;
    margin-right: 10px;
}

.vindulatimecontrol_bloco {
    /* background-color: #F3F3F3; */
    padding: 15px;
    border: 2px solid #e8e8e8;
    width: 100%;
    color: black;
}

.altura85 {
    height: 85px;
}

.altura52 {
    height: 52px;
}

/*novo padrao de sombra para os blocos*/
.coluna-esquerda .bloco {
    border-radius: 10px;
    box-shadow: 0px 1px 2px 0 rgba(230, 230, 230), 0px 5px 10px 0 rgba(230, 230, 230), inset 0px -1px 0 0 rgba(230, 230, 230);
    transition: 0.3s;
}

.infinite-item {
    border-radius: 10px;
    transition: 0.3s;
}

/*atendimento*/
.seta-atendimento svg {
    width: 50px;
    height: 50px;
}

.seta-atendimento {
    padding: 10px;
}

.coluna-central-atendimento {
    height: 600px;
    overflow: auto;
}

.atendimento-coluna-esquerda, .atendimento-coluna-direita {
    background-color: #e8f1e8;
    cursor: pointer;
}


/*ajuste tela perfil bg-full*/
.profile-back img {
    margin-top: 0 !important;
}

.user-detail {
    padding-top: 0 !important;
    margin-top: -111px;
    color: white;
}

.user-detail-main {
    padding-bottom: 0 !important;
}

.user-detail .conteudo_user {
    background: #0000007a;
    padding: 0px 15px;
    border-radius: 5px;
    min-width: 200px;
}

/* fim ajuste tela perfil bg-full */

/*img responsiva anexada pelo ckeditor na home */
.infinite-item .media-body p img {
    max-width: 100%;
}

#reconhecimento-perfil img {
    max-width: 100%;
    height: auto;
}

/* icone de favorito página */
.titulo-pagina-h1 .fa-lg {
    font-size: 22px !important;
}

.p-img {
    width: 100px;
    height: 150px;
    border: 1px solid rgba(0, 0, 0, .125);
    display: flex;
}

.biblioteca-img img {
    max-width: 100%;
}


.drop-notificao {
    padding: 5px !important;
    font-size: 12px !important;

}

.btn-print svg {
    width: 30px;
}

/* postagem  dropdown*/
.align-content-center .dropdown .dropdown-menu .dropdown-item {
    margin-top: 0px !important;
}

.align-content-center .dropdown .dropdown-menu {
    padding-top: 0 !important;
}

.notificacao-box {
    cursor: pointer;
}

.input-entrada-horario {
    cursor: pointer;
}

.editar-hora-ponto {
    cursor: pointer;
}

.notificacao-chat-valor {
    float: right;
}

.lista_usuarios {
    background: #ddd;
    min-width: 300px;
    padding: 5px;
}

.usuario_chat {
    background: whitesmoke;
    padding: 10px;
    border-bottom: 1px solid whitesmoke;
}

.usuario_chat:hover {
    background: #D0D0D0FF;
}

.usuario_chat img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
}


.bate-papo {
    width: 100%;
    margin-left: 15px;

}

.bate-papo .cabecalho {
    background: whitesmoke;
    margin-bottom: 15px;
}

.bate-papo .cabecalho img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    margin: 15px;
}

.bate-papo .cabecalho strong {
    font-size: 20px;
}

.bate-papo .chat .usuario_conversa {
    margin-bottom: 15px;
}

.img-chat {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 15px 10px;
}

.bate-papo .chat .usuario_conversa small {
    background: #b4b4b6;
    padding: 15px;
    border-radius: 15px;

}
.txt{
    position: relative;
    width: 400px;
    height: auto;
    background: #b6b6ce;
    padding: 10px;
    border-radius: 15px;
}
.txt-menor {
    position: relative;
    width: 200px;
    height: auto;
    background: #b6b6ce;
    padding: 10px;
    border-radius: 15px;
}

.bate-papo .chat .outro-usuario small {
    background: #b6b6ce;

}

.area-chat {
    height: calc(100vh - 290px);
    position: relative;

}

#conversa {
    height: calc(100vh - 360px);
    overflow-y: auto;
}

.lista_usuarios {
    height: calc(100vh - 180px);
    overflow-y: auto;
}

.menu-chat {
    display: none;
}

@media screen and (max-width: 850px) {
    .referencia {
        position: relative;
    }

    .lista_usuarios {
        background: #fff;
        min-width: 80px;
        padding: 5px;
        display: none;
        position: absolute;
        margin-top: 85px;
        margin-left: 15px;
        z-index: 99;
        height: calc(100vh - 380px);
    }

    .ocultar_visao {
        display: block;
    }

    .pesquisa-grupo {
        display: none;
    }

    .usuario_chat strong, .usuario_chat small {
        display: none;
    }

    .menu-chat {
        display: block;
        margin-left: auto;
        padding-right: 30px;
    }

}


/* ajustes para iframe mobile */
#notificacao-mobile {
    height: 100vh;
}

/* final ajustes para iframe mobile */


.link-desativo {
    pointer-events: none;
    cursor: default;
    opacity: 0.6;
}

/* inicio funcionalidade de treinamento não está ok ocultar item ate está 100% */
.trilha-de-treinamento-gestao {
    display: none;
}

/* fim funcionalidade de treinamento não está ok ocultar item ate está 100% */


/* inicio  scrool horizontal BPMS*/
#coluna3 {
    overflow-x: hidden;
}

/* fim  scrool horizontal BPMS*/