/* ============================================================
   tour-product.css — Tokens visuais v5.0 para telas simuladas
   Baseado em: AplicacaoWEB/_comum/layout2/css/variaveis.css
   ============================================================ */

/* === Variáveis (extraídas de variaveis.css) === */
:root {
    --bg-header: #ffffff;
    --color-header: #545454;
    --bg-menu-superior: #000000;
    --cor-menu-superior: #ffffff;
    --webpart-bg: #ffffff;
    --webpart-border-color: #F1F1F4;
    --btn-padrao-bg: #0d6efd;
    --btn-padrao-cor: #ffffff;
    --branco-rgb: 255, 255, 255;
    --bg-header: #D9D9D9;
    --color-header: #000000;
    --color-dropdown-link-active: #000000;
    --bg-dropdown-item-active: #4C4C4C;
    --bg-menu-superior: #000000;
    --cor-menu-superior: #ffffff;
    --bg-menu-lateral: #ffffff;
    --cor-menu-lateral: #000000;
    --cor-hover-menu-lateral: #0d6efd;
    --cor-active-menu-lateral: #0d6efd;
    --bg-active-menu-lateral: #e7f1ff;
    --color-border-submenu-lateral: #e7f1ff;
    --webpart-bg: #ffffff;
    --webpart-border-color: #F1F1F4;
    --btn-padrao-cor: #ffffff;
    --btn-padrao-bg: #0d6efd;
    --btn-padrao-cor-hover: #ffffff;
    --btn-padrao-bg-hover: #0b5ed7;
    --nav-pills-active-bg: #0d6efd;
    --nav-pills-active-color: #ffffff;
    --color-webpart-title: #212529;
}

*, *::before, *::after { box-sizing: border-box; }

body {
 /* font-family: 'Noto Sans', sans-serif;*/
  font-size: 14px;
  background: #f8f8f8;
  margin: 0;
  padding: 0;
}

/* ============================================================
   Tour screen control
   ============================================================ */
.tour-screen {
  display: none;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0; left: 0;
}
.tour-screen.active { display: flex; flex-direction: column; }

/* ============================================================
   Login Screen — identico ao login.aspx real
   ============================================================ */
#screen-login {
  background: #000;
  align-items: center;
  justify-content: center;
}

.login__formulario {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.formulario__form {
  max-width: 380px;
  width: 100%;
  margin: 0 auto;
  border-radius: 1rem;
  background: #fff;
  padding: 3rem;
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15);
}

.logo__login {
  width: 200px;
  height: 80px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

#tituloPagina > * {
  text-align: center;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}

#subtituloPagina > * {
  text-align: center;
  margin-bottom: 1rem;
  color: #6c757d;
  font-size: 0.9rem;
}

.formulario__form .form-control { font-size: 0.9rem; border-radius: 0.375rem; }
.input-senha { padding-right: 2.8rem; }

/* ============================================================
   Product Layout (screens 2, 3, 4)
   Layout: flex column header + menu + edit-bar + main
   ============================================================ */
.ax-page {
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  flex: 1;
}

:root {
    --bs-border-color: #ededed;
    --bs-border-color-translucent: rgba(0,0,0,.07);
    --swiper-navigation-color: var(--btn-padrao-bg)
}

body, html {
    font-size: 14px
}

body {
    font-family: "Noto Sans",sans-serif;
    background-color: #f8f8f8
}

@keyframes slideIn {
    0% {
        transform: translateY(-.5rem);
        opacity: 0
    }

    100% {
        transform: translateY(0);
        opacity: 1
    }

    0% {
        transform: translateY(-.5rem);
        opacity: 0
    }
}

.slideIn {
    -webkit-animation-name: slideIn;
    animation-name: slideIn
}

@keyframes slideIn2 {
    0% {
        transform: translateY(0);
        opacity: 0
    }

    100% {
        opacity: 1
    }

    0% {
        transform: translateY(0);
        opacity: 0
    }
}

.slideIn2 {
    -webkit-animation-name: slideIn2;
    animation-name: slideIn2
}

.animate {
    animation-duration: .3s;
    -webkit-animation-duration: .3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both
}

.dropdown-menu {
    --bs-dropdown-link-active-color: var(--color-dropdown-link-active);
    --bs-dropdown-link-active-bg: var(--bg-dropdown-item-active);
    --bs-dropdown-item-border-radius: .375rem
}

    .dropdown-menu i {
        margin-right: .5rem;
        font-size: 16px
    }

.breadcrumb {
    --bs-breadcrumb-divider: '>'
}

.btn {
    --bs-btn-border-radius: .6rem
}

.btn-light {
    --bs-btn-bg: #e3e3e3;
    --bs-btn-border-color: #dbdfe9
}

.btn:active {
    filter: brightness(.5);
    transform: scale(.95)
}

.btn-custom {
    --bs-btn-color: var(--btn-padrao-cor);
    --bs-btn-bg: var(--btn-padrao-bg);
    --bs-btn-border-color: var(--btn-padrao-bg);
    --bs-btn-hover-color: var(--btn-padrao-cor-hover);
    --bs-btn-hover-bg: var(--btn-padrao-bg-hover);
    --bs-btn-hover-border-color: var(--btn-padrao-bg-hover);
    --bs-btn-focus-shadow-rgb: 66,70,73;
    --bs-btn-active-color: var(--btn-padrao-cor-hover);
    --bs-btn-active-bg: var(--btn-padrao-bg-hover);
    --bs-btn-active-border-color: var(--btn-padrao-bg-hover);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: var(--btn-padrao-cor);
    --bs-btn-disabled-bg: var(--btn-padrao-bg);
    --bs-btn-disabled-border-color: var(--btn-padrao-bg)
}

.btn-outline-custom {
    --bs-btn-color: var(--btn-padrao-bg);
    --bs-btn-border-color: var(--btn-padrao-bg);
    --bs-btn-hover-color: var(--btn-padrao-cor);
    --bs-btn-hover-bg: var(--btn-padrao-bg);
    --bs-btn-hover-border-color: var(--btn-padrao-bg);
    --bs-btn-focus-shadow-rgb: 33,37,41;
    --bs-btn-active-color: var(--btn-padrao-cor);
    --bs-btn-active-bg: var(--btn-padrao-bg);
    --bs-btn-active-border-color: var(--btn-padrao-bg);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --bs-btn-disabled-color: var(--btn-padrao-bg);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--btn-padrao-bg);
    --bs-gradient: none
}

.pagination {
    --bs-pagination-color: var(--bs-dark);
    --bs-pagination-bg: transparent;
    --bs-pagination-border-width: 0;
    --bs-pagination-hover-color: var(--btn-padrao-bg);
    --bs-pagination-hover-bg: var(--bs-tertiary-bg);
    --bs-pagination-hover-border-color: var(--bs-border-color);
    --bs-pagination-focus-color: var(--btn-padrao-cor-hover);
    --bs-pagination-focus-bg: var(--bs-secondary-bg);
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
    --bs-pagination-active-color: var(--btn-padrao-cor);
    --bs-pagination-active-bg: var(--btn-padrao-bg);
    --bs-pagination-active-border-color: var(--btn-padrao-bg);
    --bs-pagination-disabled-color: var(--bs-secondary-color);
    --bs-pagination-disabled-bg: var(--bs-secondary-bg);
    --bs-pagination-disabled-border-color: var(--bs-border-color);
    gap: .5rem
}

.connectedSortable {
    list-style: none;
    padding: 0;
    margin: 0;
    min-width: 0;
    min-height: 0;
    position: relative
}

iframe {
    max-width: 100%
}

.btn-three-dots {
    aspect-ratio: 1/1;
    transition: all 200ms ease;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .btn-three-dots:hover {
        background-color: rgb(var(--bs-secondary-bg-rgb))
    }

.cursor-pointer {
    cursor: pointer
}

.custom-swiper-button {
    width: 20px;
    height: 20px;
    background: #666;
    border-radius: 10px;
    color: #fff;
    --swiper-navigation-size: 1rem
}

.assinatura__axys {
    width: 35px;
    height: 15px;
    filter: invert(1);
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 182.74 72.57'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Camada_2' data-name='Camada 2'%3E%3Cg id='Camada_1-2' data-name='Camada 1'%3E%3Cpolygon class='cls-1' points='0 51.31 10.26 51.31 13.21 39.93 15.66 30.2 20.61 8.95 20.71 8.95 28.11 39 16.92 31.63 14.6 40.91 30.7 51.31 41.24 51.31 28.89 0.03 12.58 0.03 0 51.31'/%3E%3Cpath class='cls-1' d='M66.9,33A24.08,24.08,0,0,1,69,35a28.51,28.51,0,0,1,3,3.69,22,22,0,0,1,2.55,4.81,16.06,16.06,0,0,1,1.06,5.76v2.06H85.93V49.27a22.38,22.38,0,0,0-1-6.38,28.56,28.56,0,0,0-2.36-5.66,37.76,37.76,0,0,0-3.1-4.77,47.44,47.44,0,0,0-3.08-3.65c-.86-.91-1.31-1.36-1.9-1.89L66.9,33Zm6.74-7.82L65.3,31.88h0l-1,.75A29.79,29.79,0,0,0,61.79,35a28.53,28.53,0,0,0-3,3.69,22.43,22.43,0,0,0-2.55,4.81,17,17,0,0,0-1.06,5.76v2.06H44.87V49.27a22,22,0,0,1,1-6.38,28,28,0,0,1,2.36-5.66,37.73,37.73,0,0,1,3.09-4.77c1.1-1.41,2.12-2.62,3.1-3.65s1.76-1.78,2.36-2.33l.37-.32,8.41-6.74h0l.15-.12h0v0h0l0,0h0l.34-.27h0l.31-.25A30.55,30.55,0,0,0,69,16.32a29.2,29.2,0,0,0,3-3.69A22.15,22.15,0,0,0,74.6,7.8a16,16,0,0,0,1.06-5.75V0H85.93V2.05a22.28,22.28,0,0,1-1,6.38,28.91,28.91,0,0,1-2.36,5.67,36.1,36.1,0,0,1-3.1,4.75Q77.88,21,76.43,22.52c-1,1-1.76,1.77-2.37,2.32l-.42.37Zm-9.78-6.89a27.11,27.11,0,0,1-2.07-2,29.22,29.22,0,0,1-3-3.69A22.58,22.58,0,0,1,56.19,7.8a16.87,16.87,0,0,1-1.06-5.75V0H44.87V2.05a21.93,21.93,0,0,0,1,6.38,28.31,28.31,0,0,0,2.36,5.67,36.07,36.07,0,0,0,3.09,4.75,48,48,0,0,0,3.1,3.67c.86.9,1.28,1.4,1.85,1.93l7.63-6.13ZM93.27,0V35.93a15.21,15.21,0,0,0,1.22,6,15.39,15.39,0,0,0,14.18,9.4h15.4v5.13a5.14,5.14,0,0,1-2.52,4.45,5.29,5.29,0,0,1-2.62.68H95.32l0,10.27h23.63a15.12,15.12,0,0,0,6-1.22,15.29,15.29,0,0,0,8.18-8.17,15.29,15.29,0,0,0,1.21-6V0H124.07V41.06h-15.4a5.32,5.32,0,0,1-2.6-.68,5,5,0,0,1-1.85-1.85,5.24,5.24,0,0,1-.68-2.6V0Zm73,30.8a7.8,7.8,0,0,1,3.42.68,4.92,4.92,0,0,1,2.06,1.83,5,5,0,0,1,.68,2.62A5.1,5.1,0,0,1,170,40.38a5.43,5.43,0,0,1-2.62.68H140.65l0,10.27h26.66a15,15,0,0,0,6-1.22,15.18,15.18,0,0,0,8.18-8.18,15.34,15.34,0,0,0-8.18-20.18,15.21,15.21,0,0,0-6-1.22H157.07a8.12,8.12,0,0,1-3.42-.68,4.79,4.79,0,0,1-2.74-4.45,5.36,5.36,0,0,1,.69-2.62A5.12,5.12,0,0,1,153.44,11a5.05,5.05,0,0,1,2.61-.68h22.56l0-10.27H156.05a15.38,15.38,0,0,0-10.9,4.5A15.38,15.38,0,0,0,150,29.58a15.26,15.26,0,0,0,6,1.22Z'/%3E%3Cpath class='cls-1' d='M143.2,61.83l2.48,7.74,2.22-7.74h2.36l-.86,3.06,2,4.68,2.52-7.74h2.5l-3.66,10.62h-2.54l-1.86-4.34-1.4,4.34H144.3l-3.6-10.62Z'/%3E%3Cpath class='cls-1' d='M161.57,61.75c2.88,0,4.34.3,4.34,3.82,0,1.78-1,2.6-2.88,2.6h-3.78c0,2.12.64,2.42,2.16,2.42a24.75,24.75,0,0,0,4.3-.22V72a17.84,17.84,0,0,1-5.28.56c-2.7,0-3.5-1.46-3.5-5.46C156.93,62.47,158.25,61.75,161.57,61.75Zm1,4.6c.7,0,1-.3,1-.86,0-1.62-.26-1.84-1.9-1.84s-2.44.06-2.44,2.7Z'/%3E%3Cpath class='cls-1' d='M167.41,56.75h2.3v5.66a9.81,9.81,0,0,1,3.48-.74c3,0,3.48,2.42,3.48,5.52,0,2.94-.76,5.38-3.48,5.38a6.61,6.61,0,0,1-3.46-1.24l-.48,1.12h-1.84Zm5.32,13.76c1,0,1.62-.94,1.62-3.38,0-2.92-.6-3.52-1.62-3.52a8.84,8.84,0,0,0-3,.44v5.7A6.13,6.13,0,0,0,172.73,70.51Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}

.caixa-select2 {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

    .caixa-select2 .select2-container--bootstrap-5 .select2-selection {
        border-radius: var(--bs-border-radius);
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

.select2-container--default .select2-selection--single {
    min-height: 32px
}

.nav-pills {
    --bs-nav-pills-link-active-color: var(--nav-pills-active-color);
    --bs-nav-pills-link-active-bg: var(--nav-pills-active-bg);
    --bs-nav-link-color: var(--bs-body-color);
    --bs-nav-link-hover-color: var(--nav-pills-active-bg);
    --bs-nav-link-font-size: 1rem
}

.form-control, .form-select {
    font-size: 16px
}

.lista, .list-inputs td {
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem;
    padding-right: 1rem
}

.list-inputs tr {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.lista input, .chkArquivo input, .list-inputs input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    float: left;
    margin-left: -1.5em
}

    .chkArquivo input[type=radio], .list-inputs input[type=radio] {
        border-radius: 50%
    }

    .list-inputs input[type=checkbox], .lista input[type=checkbox], .chkArquivo input[type=checkbox] {
        border-radius: .25em
    }

    .chkArquivo input:checked[type=radio], .list-inputs input:checked[type=radio] {
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
    }

    .list-inputs input[type=checkbox], .lista input:checked[type=checkbox], .chkArquivo input[type=checkbox] {
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
    }

    .lista input:checked, .list-inputs input:checked, .chkArquivo input:checked {
        background-color: #0d6efd;
        border-color: #0d6efd
    }

.dxgvControl a {
    color: inherit !important
}

.bg--847301120, .bg-2069626097, .bg--181938434, .bg--181938432, .bg-181938432 {
    color: #fff !important;
    background-color: RGBA(25,135,84,var(--bs-bg-opacity,1)) !important
}

.bg--498473469, .bg-1966307683, .bg-187067763, .bg187067763 {
    color: #000 !important;
    background-color: RGBA(13,202,240,var(--bs-bg-opacity,1)) !important
}

.bg-778813889, .bg-1869964089, .bg-680655037 {
    color: #000 !important;
    background-color: RGBA(255,193,7,var(--bs-bg-opacity,1)) !important
}

.bg--743508523 {
    color: #fff !important;
    background-color: RGBA(108,117,125,var(--bs-bg-opacity,1)) !important
}

.bg--1998008061, .bg-2035339480 {
    color: #fff !important;
    background-color: RGBA(220,53,69,var(--bs-bg-opacity,1)) !important
}

.bg--845938524 {
    color: #fff !important;
    background-color: RGBA(33,37,41,var(--bs-bg-opacity,1)) !important
}

.btn-color-selector {
    width: 64px !important;
    height: 64px !important
}

.no-transform {
    text-transform: none !important;
    letter-spacing: normal !important
}

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

.select2-container--bootstrap-5 .select2-selection {
    font-size: 16px !important;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color) !important;
    background-color: var(--bs-body-bg) !important;
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius) !important
}

.header, #appHeader {
    z-index: 999
}

    .header > .navbar:first-child {
        background: var(--bg-header)
    }

    .header .logotipo-header {
        height: 45px;
        max-width: 200px;
        width: auto
    }

.btn-header {
    background: rgba(var(--branco-rgb),.6);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem;
    color: var(--color-header);
    transition: all 200ms ease-in-out;
    position: relative;
    border: none;
}

    .btn-header i {
        font-size: 24px
    }

    .btn-header:hover, .btn-header:active {
        background: rgba(var(--branco-rgb),1)
    }

    .btn-header::after {
        content: none
    }

    .btn-header .badge {
        top: .3rem;
        left: 90%
    }

    .btn-header .btn-text {
        max-width: 0;
        opacity: 0;
        white-space: nowrap;
        overflow: hidden;
        transform: translateX(-8px);
        transition: max-width .4s ease,opacity .3s ease,transform .4s ease
    }

    .btn-header:hover .btn-text {
        max-width: 120px;
        opacity: 1;
        transform: translateX(0);
        padding-left: .5rem
    }

    .btn-header.btn-timeline:hover {
        gap: .5rem
    }

    .btn-header.btn-timeline {
        min-width: 40px
    }

.header .dropdown-avisos {
    width: 300px
}

    .header .dropdown-avisos .dropdown-item-aviso {
        --bs-dropdown-link-hover-color: var(--bs-warning-text-emphasis);
        --bs-dropdown-link-active-bg: var(--bs-warning);
        --bs-dropdown-link-active-color: #000;
        background-color: var(--bs-warning-bg-subtle);
        margin-bottom: .375rem;
        white-space: normal
    }

    .header .dropdown-avisos .dropdown-item.active, .header .dropdown-avisos .dropdown-item:active {
        color: var(--bs-dropdown-link-active-color);
        background-color: var(--bs-dropdown-link-active-bg)
    }

    .header .dropdown-avisos .dropdown-item-aviso .aviso-mensagem > * {
        margin: 0
    }

.header .btn-profile {
    width: auto
}

    .header .btn-profile .profile-pic {
        width: 26px;
        height: 26px
    }

.header .input-group-busca .form-control {
    background: rgba(var(--branco-rgb),.6);
    width: 300px;
    height: 40px;
    color: var(--color-header);
    transition: all 200ms ease-in-out;
    position: relative;
    border: 1px solid var(--bs-border-color)
}

    .header .input-group-busca .form-control::placeholder {
        font-size: 14px !important
    }

    .header .input-group-busca .form-control:focus {
        background: rgba(var(--branco-rgb),1)
    }

.header .dropdown-busca {
    transform: translateX(-20%) !important
}

.header .btn-busca {
    z-index: 6 !important
}

    .header .btn-busca i {
        font-size: 24px !important
    }

@media screen and (min-width: 768px) {
    .header .dropdown-busca {
        transform: none !important;
        position: relative;
        display: block;
        padding: 0 !important;
        box-shadow: none !important;
        background: none;
        top: 0 !important
    }
}

.wrapper {
    width: 100%;
    padding-inline: var(--sidebar-occupy-start,0) 0;
    will-change: auto;
    transition: all .15s ease;
    min-height: calc(100vh - 116px);
    max-height: calc(100vh - 116px);
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

.sidebar {
    --sidebar-zindex: 999999;
    --sidebar-width: 20rem;
    --sidebar-bg: var(--bg-menu-lateral);
    --sidebar-padding-x: 1rem;
    --sidebar-padding-y: 1rem;
    position: relative;
    display: flex;
    flex: 0 0 var(--sidebar-width);
    flex-direction: column;
    order: -1;
    width: var(--sidebar-width);
    background: var(--sidebar-bg);
    box-shadow: none;
    transition: margin-left .15s,margin-right .15s,box-shadow 75ms,transform .15s,width .15s,z-index 0s ease .15s
}

.sidebar-fixed, .sidebar-narrow-unfoldable, .sidebar-overlaid {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: var(--sidebar-zindex)
}

    .sidebar-fixed:not(.sidebar-end), .sidebar-narrow-unfoldable:not(.sidebar-end), .sidebar-overlaid:not(.sidebar-end) {
        left: 0
    }

.sidebar-toggler {
    padding: .5rem .75rem;
    display: flex;
    gap: .5rem;
    align-items: center;
    border-radius: .375rem;
    width: auto
}

    .sidebar-toggler i {
        font-size: 1.2rem;
        transition: all 150ms
    }

    .sidebar-toggler:hover {
        background: rgba(245,245,245,.25)
    }

.sidebar .navbar-nav {
    --bs-nav-link-padding-x: .75rem;
    --bs-nav-link-padding-y: .375rem;
    --bs-nav-link-color: var(--cor-menu-lateral);
    --bs-nav-link-hover-color: var(--cor-hover-menu-lateral);
    --bs-nav-link-font-size: 1rem
}

    .sidebar .navbar-nav .nav-title {
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        display: block
    }

    .sidebar .navbar-nav .nav-link {
        border-radius: .5rem;
        display: flex;
        align-items: center;
        gap: .5rem
    }

        .sidebar .navbar-nav .nav-link:hover {
            background: rgba(245,245,245,.5)
        }

        .sidebar .navbar-nav .nav-link:active, .sidebar .navbar-nav .nav-link.active {
            background: var(--bg-active-menu-lateral);
            color: var(--cor-active-menu-lateral)
        }

        .sidebar .navbar-nav .nav-link i {
            font-size: 1.2rem
        }

.menu-chevron {
    transition: all 150ms
}

.sidebar .nav-collapse > .nav-link:not(.collapsed) {
    background: var(--bg-active-menu-lateral);
    color: var(--cor-active-menu-lateral)
}

    .sidebar .nav-collapse > .nav-link:not(.collapsed) .menu-chevron {
        transform: rotate(180deg)
    }

.sidebar .nav-collapse .navbar-nav {
    border-left: 1px solid var(--color-border-submenu-lateral);
    margin-bottom: 1rem;
    margin-top: .5rem
}

    .sidebar .nav-collapse .navbar-nav .nav-link {
        padding-left: 2.5rem
    }

.sidebar .simplebar-scrollable-y {
    overflow-y: scroll;
    scrollbar-width: none
}

@media screen and (max-width: 991.98px) {
    .sidebar:not(.show) {
        margin-left: calc(-1*var(--sidebar-width))
    }

    .sidebar-backdrop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;
        width: 100vw;
        height: 100vh;
        background-color: #080a0c
    }

        .sidebar-backdrop.fade {
            opacity: 0
        }

        .sidebar-backdrop.show {
            opacity: .5
        }
}

@media screen and (min-width: 992px) {
    .sidebar-toggler {
        width: 100%
    }

    .sidebar {
        --sidebar-zindex: 998;
        padding-top: 8rem
    }

        .sidebar.hide {
            --sidebar-width: 5rem
        }

            .sidebar.hide ~ *, #appMenuLateral.hide ~ * {
                --sidebar-occupy-start: 5rem
            }

            .sidebar.hide:not(.sidebar-hover) .nav-link {
                justify-content: center
            }

        .sidebar.hide-text .hide-on-close {
            display: none
        }

        .sidebar:not(.hide):not(.sidebar-narrow):not(.sidebar-narrow-unfoldable:not(:hover)):not(.sidebar-narrow-unfoldable):not(.sidebar-overlaid) ~ *, #appMenuLateral:not(.hide):not(.sidebar-narrow):not(.sidebar-narrow-unfoldable:not(:hover)):not(.sidebar-narrow-unfoldable):not(.sidebar-overlaid) ~ * {
            --sidebar-occupy-start: 20rem
        }

        .sidebar.hide .sidebar-toggler i {
            transform: rotate(180deg)
        }

        .sidebar.sidebar-hover {
            --sidebar-width: 20rem
        }

            .sidebar.sidebar-hover .hide-on-close:not(.collapse) {
                display: block
            }
}

#offcanvasNavbar {
    background-color: var(--bg-menu-superior) !important
}

    #offcanvasNavbar .navbar-nav {
        --bs-navbar-nav-link-padding-x: .75rem;
        --bs-navbar-active-color: var(--cor-menu-superior);
        --bs-nav-link-padding-x: .5rem;
        --bs-nav-link-font-weight: 400;
        --bs-nav-link-color: var(--cor-menu-superior);
        --bs-nav-link-hover-color: var(--cor-menu-superior);
        --bs-nav-link-active-color: var(--cor-menu-superior);
        --bs-nav-link-font-size: 1rem
    }

        #offcanvasNavbar .navbar-nav .nav-link {
            border-radius: .375rem;
            line-height: 1;
            display: flex;
            align-items: center;
            height: 36px
        }

            #offcanvasNavbar .navbar-nav .nav-link i {
                margin-right: .5rem;
                font-size: 16px
            }

            #offcanvasNavbar .navbar-nav .nav-link:hover, #offcanvasNavbar .navbar-nav .nav-link:active, #offcanvasNavbar .navbar-nav .nav-link:focus {
                background: rgba(245,245,245,.5)
            }

    #offcanvasNavbar .dropdown-toggle::after {
        content: none
    }

.btn-close-menu {
    color: var(--cor-menu-superior)
}

#offcanvasNavbar .dropdown-submenu {
    position: relative
}

    #offcanvasNavbar .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%
    }

    #offcanvasNavbar .dropdown-submenu:hover > .dropdown-menu {
        display: block !important
    }

    #offcanvasNavbar .dropdown-submenu > a.dropdown-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

        #offcanvasNavbar .dropdown-submenu > a.dropdown-toggle::after {
            content: "";
            display: inline-block;
            border-top: .3em solid transparent;
            border-bottom: .3em solid transparent;
            border-left: .3em solid;
            flex-shrink: 0;
            margin-left: .5rem
        }

@media screen and (min-width: 992px) {
    #offcanvasNavbar {
        width: 100% !important
    }

    .dropdown-menu-excedente {
        right: 0;
        left: unset !important
    }
}

.webparte_item {
    background: var(--webpart-bg);
    border: 1px solid var(--webpart-border-color);
    margin-bottom: 1rem;
    position: relative;
    transition: all 100ms ease-in-out
}

.btn-configs-block {
    top: 0;
    right: 0;
    margin: .75rem .75rem 0 0;
    z-index: 3
}

    .btn-configs-block .dropdown-toggle::after {
        content: none
    }

    .btn-configs-block .btn-configs {
        font-size: 16px;
        line-height: 1;
        width: 28px;
        height: 28px;
        display: flex;
        padding: 0;
        justify-content: center;
        align-items: center
    }

        .btn-configs-block .btn-configs i {
            margin-left: 1px
        }

    .btn-configs-block .dropdown-menu {
        border-radius: 19px
    }

        .btn-configs-block .dropdown-menu .dropdown-item {
            border-radius: 12px
        }

    .btn-configs-block .dropdown-item-danger {
        background-color: var(--bs-danger);
        color: #fff;
        display: flex;
        align-items: center
    }

        .btn-configs-block .dropdown-item-danger:hover, .btn-configs-block .dropdown-item-danger:active, .btn-configs-block .dropdown-item-danger:focus {
            background-color: #bb2d3b
        }

.webpart-titulo {
    font-size: 16px;
    color: var(--color-webpart-title)
}

.btn-view-wp {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    transition: all .4s ease;
    opacity: 0;
    font-size: 16px
}

    .btn-view-wp i, .btn-configs i {
        transition: all .4s cubic-bezier(.175,.885,.32,1.275);
        transform-origin: center
    }

    .btn-view-wp:hover {
        background-color: rgb(var(--bs-secondary-bg-rgb))
    }

.itemHeader.hide .btn-view-wp i {
    transform: rotate(180deg)
}

.itemHeader:hover .btn-view-wp {
    opacity: 1
}

.itemHeader ~ .itemContent .cabecalho {
    border-radius: 0 !important;
    padding: 1rem
}

.swiper-destaques .reactions-selector {
    transform: translateX(-1.5rem)
}

@media screen and (min-width: 576px) {
    .webparte_item .cabecalho {
        overflow: hidden;
        border-top-left-radius: 1rem;
        border-top-right-radius: 1rem
    }

    .webparte_item {
        border-radius: 1rem
    }
}

.campo-edicao {
    list-style: none;
    padding: 0
}

    .campo-edicao .item {
        background: var(--webpart-bg);
        border: 1px solid var(--webpart-border-color);
        margin-bottom: 1rem;
        position: relative
    }

    .campo-edicao .itemHeader {
        padding: 1rem;
        font-weight: 600;
        font-size: 1.25rem
    }

    .campo-edicao .itemContent {
        padding: 1rem
    }

.ajax__tab_xp .ajax__tab_tab {
    height: unset !important
}

.ajax__tab_xp .ajax__tab_body {
    font-family: unset !important;
    border: 1px solid var(--bs-border-color) !important;
    padding: 1rem !important
}

.ajax__tab_default .ajax__tab_header {
    white-space: normal !important
}

.lista {
    display: block
}

.img-noticia-cadastro {
    max-width: 150px
}

@media screen and (min-width: 576px) {
    .campo-edicao .item {
        border-radius: .75rem
    }
}

.tooltip-emoji {
    --bs-tooltip-font-size: 10px
}

.emoji-selector, .btn-emoji {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: 300ms ease
}

.emoji-selector {
    width: 24px;
    height: 24px;
    transform-origin: bottom
}

    .emoji-selector:hover {
        transform: scale(1.4) translateY(0)
    }

.emoji-like {
    background-image: url("../../../_imagens/Emojis/like-svgrepo-com.svg")
}

.emoji-comentario {
    background-image: url("../../../_imagens/Emojis/comment-svgrepo-com.svg")
}

.emoji-thumbs-up {
    background-image: url("../../../_imagens/Emojis/thumbs-up-medium-light-skin-tone-svgrepo-com.svg")
}

.emoji-heart {
    background-image: url("../../../_imagens/Emojis/black-heart-svgrepo-com.svg")
}

.emoji-party-face {
    background-image: url("../../../_imagens/Emojis/partying-face-svgrepo-com.svg")
}

.emoji-crying-face {
    background-image: url("../../../_imagens/Emojis/crying-face-svgrepo-com.svg")
}

.emoji-grinning-face {
    background-image: url("../../../_imagens/Emojis/grinning-squinting-face-svgrepo-com.svg")
}

.btn-comentarios, .btn-selector-reaction {
    position: relative;
    --bs-btn-bg: transparent !important;
    min-height: 27.45px
}

.reactions-selector {
    bottom: 95%;
    left: 0;
    width: 0;
    height: 0;
    transition: 100ms ease-in-out;
    overflow: hidden
}

.btn-selector-reaction.show .reactions-selector {
    display: block;
    padding: .75rem;
    border: 1px solid var(--bs-border-color);
    width: auto;
    height: auto;
    animation: showEmojis
}

.reactions-selector .btn, .reactions-selector .btn .emoji-selector {
    transition: all 100ms ease-in-out;
    width: 0;
    height: 0
}

.reactions-selector .btn {
    transform: translateY(50px)
}

.btn-selector-reaction.show .reactions-selector .btn {
    width: 25px;
    height: 25px
}

    .btn-selector-reaction.show .reactions-selector .btn .emoji-selector {
        width: 24px;
        height: 24px
    }

    .btn-selector-reaction.show .reactions-selector .btn.up {
        animation: bounce 500ms ease both
    }

        .btn-selector-reaction.show .reactions-selector .btn.up:nth-child(1) {
            animation-delay: 0ms
        }

        .btn-selector-reaction.show .reactions-selector .btn.up:nth-child(2) {
            animation-delay: 50ms
        }

        .btn-selector-reaction.show .reactions-selector .btn.up:nth-child(3) {
            animation-delay: 100ms
        }

        .btn-selector-reaction.show .reactions-selector .btn.up:nth-child(4) {
            animation-delay: 150ms
        }

        .btn-selector-reaction.show .reactions-selector .btn.up:nth-child(5) {
            animation-delay: 200ms
        }

@keyframes bounce {
    0% {
        transform: translateY(50px)
    }

    80% {
        transform: translateY(-5px)
    }

    90% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(0)
    }
}

.dropdown-menu-reactions {
    --bs-dropdown-font-size: .7rem;
    --bs-dropdown-item-padding-x: .25rem;
    --bs-dropdown-item-padding-y: .1rem;
    --bs-dropdown-color: #fff;
    --bs-dropdown-border-color: none;
    --bs-dropdown-link-color: #fff;
    --bs-dropdown-link-hover-color: rgba(255,255,255,.5);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
    z-index: 5
}

.comentario {
    display: grid;
    grid-template-columns: 40px auto
}

.comentario-foto {
    width: 40px !important;
    height: 40px !important;
    z-index: 1
}

.botoes-resposta, .comentario-box {
    width: fit-content
}

    .botoes-resposta .btn {
        font-size: .7rem !important
    }

.resposta::after {
    content: "";
    height: 1px;
    background: var(--bs-border-color);
    width: 1.5rem;
    position: absolute;
    top: 20px;
    left: 20px
}

.resposta::before {
    content: "";
    height: 60px;
    background: var(--bs-border-color);
    width: 1px;
    position: absolute;
    top: -40px;
    left: 20px
}

.comentario-input {
    display: grid;
    grid-template-columns: 30px auto
}

    .comentario-input .comentario-foto {
        width: 30px !important;
        height: 30px !important
    }

    .comentario-input .form-control:focus {
        box-shadow: none
    }

.tela1, .tela1-2, .tela1-2-1, .tela1-3, .tela2, .tela2-1, .tela2-3, .tela3, .tela3-1 {
    display: grid;
    gap: 1rem
}

    .tela3 ul#sort4, .tela2-1 ul#sort4, .tela1 ul#sort2, .tela1 ul#sort3, .tela1 ul#sort4, .tela2 ul#sort3, .tela2 ul#sort4 {
        display: none
    }

@media screen and (min-width: 992px) {
    .tela2, .tela1-2, .tela2-1, .tela1-2-1 {
        grid-template-columns: repeat(2,1fr)
    }

    .tela1-2, .tela2-1 {
        grid-template-rows: repeat(2,auto)
    }

    .tela1-2-1 {
        grid-template-rows: repeat(3,auto)
    }

        .tela1-2 #sort1, .tela2-1 #sort3, .tela1-2-1 #sort1, .tela1-2-1 #sort4 {
            grid-column-start: 1;
            grid-column-end: 3;
            display: flex;
            flex-direction: column
        }
}

@media screen and (min-width: 1200px) {
    .tela3, .tela1-3, .tela3-1, .tela2-3 {
        grid-template-columns: repeat(3,1fr)
    }

        .tela1-3 #sort1, .tela3-1 #sort4 {
            grid-column-start: 1;
            grid-column-end: 4;
            display: flex;
            flex-direction: column
        }

    .tela2-3 {
        grid-template-areas: "sort2 sort2 sort1" "sort3 sort4 sort1";
        grid-template-rows: repeat(2,auto)
    }

        .tela2-3 #sort1 {
            grid-area: sort1
        }

        .tela2-3 #sort2 {
            grid-area: sort2
        }

        .tela2-3 #sort3 {
            grid-area: sort3
        }

        .tela2-3 #sort4 {
            grid-area: sort4
        }
}

.noticia-list {
    list-style: none
}

.noticia-item .noticia-img {
    --noticia-img-size: 100px;
    aspect-ratio: 1/1;
    max-width: var(--noticia-img-size);
    width: 100%;
    height: 100%;
    flex-grow: 0
}

    .noticia-item .noticia-img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.noticia-item .noticia-text-block {
    display: flex;
    flex-direction: column;
    align-items: start
}

.noticia-item .noticia__titulo {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.noticia-item .text-block {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.noticia-list-destaques .noticia-item {
    width: 275px
}

    .noticia-list-destaques .noticia-item .noticia-img {
        --noticia-img-size: 100%;
        width: 100%;
        aspect-ratio: 4/3
    }

    .noticia-list-destaques .noticia-item .btn-selector-reaction-text {
        display: none
    }

.gallery-top figcaption {
    text-align: center;
    line-height: 2
}

.gallery-top .gallery__img {
    aspect-ratio: 4/3;
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 700px
}

    .gallery-top .gallery__img img {
        height: 100% !important;
        width: 100%;
        object-fit: cover
    }

.gallery-top .swiper-slide {
    transition: all all .2s;
    transition-duration: .2s !important
}

.gallery-thumbs .thumb {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover
}

@media screen and (min-width: 576px) {
    .noticia-item .noticia-img {
        --noticia-img-size: 150px
    }
}

@media screen and (min-width: 1400px) {
    .noticia-item .noticia-img {
        --noticia-img-size: 175px
    }
}

.input-group-aniver .form-control {
    height: 52px;
    z-index: 1 !important
}

.input-group-aniver .btn-busca {
    z-index: 2 !important
}

    .input-group-aniver .btn-busca i {
        font-size: 24px !important
    }

.aniversariantes-list {
    list-style: none
}

.aniversariante-item .aniversariante-img {
    --aniver-img-size: 100px;
    aspect-ratio: 1/1;
    max-width: var(--aniver-img-size);
    width: var(--aniver-img-size);
    height: var(--aniver-img-size);
    flex-grow: 0
}

    .aniversariante-item .aniversariante-img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.aniversariantes-list-destaques .aniversariante-item {
    width: 160px
}

    .aniversariantes-list-destaques .aniversariante-item .aniversariante-img {
        --aniver-img-size: 64px
    }

.modal-aniversariantes .aniversariante-item .aniversariante-img {
    --aniver-img-size: 100px
}

.dropdown-menu-filtro li {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

    .dropdown-menu-filtro li input {
        --bs-form-check-bg: var(--bs-body-bg);
        flex-shrink: 0;
        width: 1em;
        height: 1em;
        margin-top: .25em;
        vertical-align: top;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: var(--bs-form-check-bg);
        background-image: var(--bs-form-check-bg-image);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border: var(--bs-border-width) solid var(--bs-border-color);
        -webkit-print-color-adjust: exact;
        float: left;
        margin-left: -1.5em;
        border-radius: 50%
    }

        .dropdown-menu-filtro li input:checked[type=radio] {
            --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
        }

        .dropdown-menu-filtro li input:checked {
            background-color: #0d6efd;
            border-color: #0d6efd
        }

.eventos-list {
    list-style: none
}

.evento-item .evento-img {
    --noticia-img-size: 112px;
    aspect-ratio: 1/1;
    max-width: var(--noticia-img-size);
    width: 100%;
    height: fit-content;
    flex-grow: 0
}

    .evento-item .evento-img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.evento-item .evento-text-block {
    display: flex;
    flex-direction: column;
    align-items: start
}

.evento-item .text-block {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

    .evento-item .text-block > * {
        margin: 0
    }

.eventos-list-destaques .swiper-slide {
    max-width: 100%
}

.eventos-list-destaques .evento-item {
    width: 400px;
    max-width: 100%
}

.gridEventos {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "filtroVue filtroWp" "lista     lista" "paginacao paginacao"
}

    .gridEventos .filtros-eventos-vue {
        grid-area: filtroVue;
        padding-top: 1rem;
        padding-right: .5rem !important
    }

    .gridEventos .filtros-wp {
        grid-area: filtroWp;
        padding-left: 0 !important
    }

    .gridEventos .eventos-block {
        grid-area: lista
    }

    .gridEventos .eventos-paginacao {
        grid-area: paginacao
    }

.filtro-avisos {
    width: 300px
}

.atalhos-list {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

    .atalhos-list .atalho-item {
        --atalho-item-size: 100px;
        width: var(--atalho-item-size);
        height: var(--atalho-item-size);
        transition: all 100ms ease-in-out
    }

        .atalhos-list .atalho-item:hover {
            background: rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity)) !important
        }

        .atalhos-list .atalho-item img {
            width: 100%;
            height: 100%;
            object-fit: contain
        }

.atendimentos-list {
    list-style: none
}

.banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    opacity: .6
}

.banner .swiper-pagination-bullet-active {
    opacity: .9
}

.banner .swiper-button-next, .banner .swiper-button-prev {
    --swiper-navigation-size: 24px;
    --swiper-navigation-color: #fff;
    width: var(--swiper-navigation-size);
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    background: rgba(0,0,0,.8);
    padding: .35rem;
    border-radius: 1rem
}

.banner .swiper-button-next {
    padding-left: .45rem
}

.banner .swiper-button-prev {
    padding-right: .45rem
}

    .banner .swiper-button-next:after, .banner .swiper-button-prev:after {
        font-size: .75rem
    }

.itemContent .banner {
    border-radius: .75rem;
    overflow: hidden
}

.itemHeader ~ .itemContent .banner {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.input-group-biblio .form-control {
    height: 52px
}

.input-group-biblio .btn-busca {
    z-index: 2 !important
}

    .input-group-biblio .btn-busca i {
        font-size: 24px !important
    }

.uc-biblio .btn-group a {
    color: inherit;
    text-decoration: none
}

.arquivos ul li > a {
    background-image: url(../../../_imagens/standard.png);
    background-repeat: no-repeat;
    background-position: -2px center
}

.arquivos ul li.pdf > a {
    background-image: url(../../../_imagens/pdf.png)
}

.arquivos ul li.psd > a {
    background-image: url(../../../_imagens/psd.png)
}

.arquivos ul li.ocx > a, .arquivos ul li.doc > a {
    background-image: url(../../../_imagens/doc.png)
}

.arquivos ul li.ppt > a, .arquivos ul li.ptx > a {
    background-image: url(../../../_imagens/ppt.png)
}

.arquivos ul li.xls > a, .arquivos ul li.lsx > a {
    background-image: url(../../../_imagens/xls.png)
}

.arquivos ul li.cdr > a {
    background-image: url(../../../_imagens/cdr.png)
}

.arquivos ul li.wmv > a, .arquivos ul li.avi > a, .arquivos ul li.mp4 > a, .arquivos ul li.mvb > a, .arquivos ul li.flv > a, .arquivos ul li.mov > a, .arquivos ul li.mkv > a, .arquivos ul li.vob > a {
    background-image: url(../../../_imagens/wmv.png)
}

.arquivos ul li.zip > a, .arquivos ul li.rar > a {
    background-image: url(../../../_imagens/zip.png)
}

.arquivos ul li.mp3 > a, .arquivos ul li.wma > a {
    background-image: url(../../../_imagens/mp3.png)
}

.arquivos ul li.txt > a {
    background-image: url(../../../_imagens/txt.png)
}

.arquivos ul li:hover a {
    text-decoration: underline
}

.arquivos ul li.locked a {
    background: url(../../../_imagens/locked.png) top right no-repeat
}

.arquivos ul li.jpg > a {
    background-image: url(../../../_imagens/jpg.png)
}

.arquivos ul li div {
    width: 158px;
    padding: 8px 15px 25px 12px;
    border-top: #d0d0d0 1px solid;
    line-height: 18px;
    font-size: 11px;
    color: #000;
    background: url(../_imagens/tooltip.png) left bottom no-repeat;
    position: absolute;
    display: none;
    word-wrap: break-word;
    top: -31px;
    left: 22px
}

.arquivos ul li:hover p {
    display: block
}

.galeria-list {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem
}

    .galeria-list .galeria-item {
        --galeria-item-size: 93px;
        width: var(--galeria-item-size);
        height: var(--galeria-item-size);
        transition: all 100ms ease-in-out
    }

        .galeria-list .galeria-item img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .galeria-list .galeria-item .chkArquivo {
            position: absolute;
            top: 0;
            right: 0;
            margin-top: .3rem
        }

            .galeria-list .galeria-item .chkArquivo input {
                display: none
            }

                .galeria-list .galeria-item:hover .chkArquivo input, .galeria-list .galeria-item .chkArquivo input:checked {
                    display: block
                }

        .galeria-list .galeria-item:hover img {
            opacity: .6
        }

.select-lib {
    padding-left: 17px
}

.conteudo-html {
    font-size: 16px
}

    .conteudo-html p, .conteudo-html table {
        margin-bottom: 16px
    }

.form-check-input-enquete input {
    --bs-form-check-bg: var(--bs-body-bg);
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: var(--bs-border-width) solid var(--bs-border-color);
    -webkit-print-color-adjust: exact;
    float: left;
    margin-left: -1.5em
}

    .form-check-input-enquete input[type=checkbox] {
        border-radius: .25em
    }

    .form-check-input-enquete input[type=checkbox] {
        --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
    }

    .form-check-input-enquete input:checked {
        background-color: #0d6efd;
        border-color: #0d6efd
    }

.input-group-forum .form-control {
    height: 52px
}

.input-group-forum .btn-busca {
    z-index: 2 !important
}

    .input-group-forum .btn-busca i {
        font-size: 24px !important
    }

.forum-detalhe .forum-perfil-img {
    --forum-img-size: 64px;
    aspect-ratio: 1/1;
    max-width: var(--forum-img-size);
    width: 100%;
    flex-grow: 0
}

    .forum-detalhe .forum-perfil-img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.forum-posts-lista {
    position: relative;
    padding-left: 1.5rem
}

.forum-post-nivel {
    position: relative
}

    .forum-post-nivel::before {
        content: '';
        position: absolute;
        left: -1rem;
        top: -1rem;
        height: 4rem;
        width: .75rem;
        border-left: 2px solid var(--bs-border-color);
        border-bottom: 2px solid var(--bs-border-color);
        border-bottom-left-radius: 4px;
        pointer-events: none
    }

.itemContent .sistemas-especialista {
    border-radius: .75rem;
    overflow: hidden
}

.itemHeader ~ .itemContent .sistemas-especialista {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: .75rem;
    border-bottom-right-radius: .75rem
}

.uc-reuniao .btn-group a {
    color: inherit;
    text-decoration: none
}

.filtro-reuniao {
    width: 250px
}

.ramais-list {
    list-style: none
}

.ramal-item .ramal-img {
    --aniver-img-size: 100px;
    aspect-ratio: 1/1;
    max-width: var(--aniver-img-size);
    width: var(--aniver-img-size);
    height: var(--aniver-img-size);
    flex-grow: 0
}

    .ramal-item .ramal-img img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.uc-video iframe {
    width: 100%;
    aspect-ratio: 16/9;
    height: auto
}

.uc-video video {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16/9;
    display: block;
    margin: 0 auto
}

.workflow-list {
    list-style: none;
    width: 100%
}

.kanban-header {
    text-align: center;
    padding: 1rem;
    background-color: #007bff;
    color: #fff
}

.kanban-board {
    display: flex;
    overflow-x: auto;
    padding: 1rem 0
}

.kanban-column {
    flex: 0 0 300px;
    margin: 0 10px;
    background-color: #f8f9fa;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1)
}

.kanban-column-header {
    background-color: #6c757d;
    color: #fff;
    padding: 10px;
    border-radius: 8px 8px 0 0
}

.kanban-card {
    background-color: #fff;
    margin: 10px;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1)
}

.timeline {
    border-left: 1px solid hsl(0,0%,90%);
    position: relative;
    list-style: none
}

    .timeline .timeline-item {
        position: relative
    }

        .timeline .timeline-item:after {
            position: absolute;
            display: block;
            top: 0
        }

        .timeline .timeline-item:after {
            background-color: hsl(0,0%,90%);
            left: -22px;
            border-radius: 50%;
            height: 11px;
            width: 11px;
            content: ""
        }

.trilha-etapas {
    border-top: 1px solid hsl(0,0%,90%);
    position: relative;
    list-style: none
}

    .trilha-etapas .etapa-item {
        width: 17px;
        height: 17px;
        transform: translateY(-9px)
    }

        .trilha-etapas .etapa-item:after {
            position: absolute;
            display: block;
            top: 0
        }

        .trilha-etapas .etapa-item:after {
            background-color: hsl(0,0%,90%);
            border-radius: 50%;
            height: 17px;
            width: 17px;
            content: ""
        }

        .trilha-etapas .etapa-item.anterior:after {
            background-color: var(--bs-success-border-subtle)
        }

        .trilha-etapas .etapa-item.atual:after {
            background-color: var(--bs-warning-border-subtle)
        }

.profile-pic {
    aspect-ratio: 1/1;
    width: 100%;
    height: auto
}

    .profile-pic img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

.validator-output .valid {
    color: #008000;
    font-weight: 300
}

.validator-output .invalid {
    color: #f00;
    font-weight: 300
}

.btn-edit {
    vertical-align: top
}

.nav-custom.nav {
    --bs-nav-link-font-weight: 400;
    --bs-nav-link-color: rgba(var(--bs-dark-rgb),.7);
    --bs-nav-link-hover-color: rgb(var(--bs-dark-rgb));
    --bs-nav-link-disabled-color: rgba(var(--bs-dark-rgb),.8);
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: .75rem;
    scrollbar-width: none !important
}

.nav-custom.nav-underline {
    --bs-nav-underline-link-active-color: rgb(var(--bs-dark-rgb))
}

    .nav-custom.nav-underline .nav-link {
        --bs-nav-link-font-size: 1rem;
        --bs-nav-underline-border-width: 2px;
        z-index: 2;
        position: relative
    }

        .nav-custom.nav-underline .nav-link.active, .nav-custom.nav-underline .show > .nav-link {
            font-weight: 700
        }

.nav-custom::after {
    content: "";
    width: 100%;
    height: 2px;
    background: var(--bs-border-color);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%)
}

#navConfigContent .card {
    border-radius: 10px
}

#navConfigContent hr {
    color: #ededed;
    opacity: 1
}

.card-config .card-body {
    display: flex;
    flex-direction: column;
    gap: 14px
}

.card-config-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.switch-config input {
    width: 48px !important;
    height: 28px;
    cursor: pointer
}

.ui-sortable-placeholder {
    border: 2px dashed #666 !important;
    visibility: visible !important;
}

    .ui-sortable-placeholder * {
        visibility: hidden;
    }

ul.connectedSortable {
    margin-bottom: 20px !important;
}

.backGroup {
    width: 100%;
    height: 98%;
    padding: 5px;
    top: -7px !important;
    left: -7px !important;
    position: absolute !important;
    z-index: -1 !important;
    border: 2px dashed #ccc;
}

.itemHeader {
    cursor: move;
}

    .itemHeader * {
        visibility: visible !important;
    }

#webparts {
    border-top: 1px solid #666;
    width: 100%;
    text-align: center;
}

    #webparts > div {
        padding: 30px 15px 20px 15px;
        border: #ddd 1px solid;
        border-top: 0;
        background: #fff;
    }

        #webparts > div > div {
            width: 100%;
            display: inline-block;
            vertical-align: top;
        }

            #webparts > div > div > div {
                aspect-ratio: 16 / 9;
                width: 100%;
                height: auto;
                margin: 10px auto 20px auto;
                background: #ddd;
                position: relative;
                max-width: 800px;
                padding: 1rem
            }

                #webparts > div > div > div div {
                    cursor: pointer;
                    font-size: 40px;
                    font-weight: normal;
                    text-decoration: none;
                    display: block;
                    position: relative;
                }

                #webparts > div > div > div > div > span {
                    background: #b9b9b9;
                    color: #fff;
                    height: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

            #webparts > div > div div div p {
                font-size: 10px;
                line-height: 15px;
                text-transform: uppercase;
                text-align: center;
                top: 50%;
                left: 0;
                margin: -15px 0 0 0;
                position: absolute;
                display: none;
            }

            #webparts > div > div div div:hover span {
                background: #fff;
                color: #fff;
            }

            #webparts > div > div div div:hover p {
                color: #666666;
            }



    #webparts div ul {
        display: flex;
        list-style: none;
        gap: 0.5rem;
        flex-wrap: wrap;
        padding: 0;
    }

        #webparts div ul li {
            width: 104px;
            height: 79px;
            border: #fff 1px dashed;
            display: inline-block;
            vertical-align: top;
        }

            #webparts div ul li:hover {
                border: #ccc 1px dashed;
            }

            #webparts div ul li.selected {
                border: #ccc 1px dashed;
            }

            #webparts div ul li img + img {
                display: none;
            }

            #webparts div ul li:hover img:first-child {
                display: none;
            }

            #webparts div ul li:hover img + img {
                display: block;
            }

            #webparts div ul li.selected img:first-child {
                display: none;
            }

            #webparts div ul li.selected img + img {
                display: block;
            }
/* ADICIONAR WEBPART */
#configuracoes h3 {
    padding: 7px 12px;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    text-align: left;
}

#add-webpart > div {
    z-index: 999;
}

#opcoes a {
    color: currentColor;
}

#add-webpart div.select {
    display: inline-block;
    vertical-align: top;
    min-width: 340px;
}

    #add-webpart div.select label {
        padding: 5px 5px 5px 0;
        line-height: 15px;
    }

    #add-webpart div.select ul {
        display: inline-block;
        vertical-align: top;
    }

    #add-webpart div.select + span {
        display: inline-block;
        vertical-align: top;
        min-height: 36px
    }

    #add-webpart div.select .tour-item {
        box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 40%);
        z-index: 2;
        position: relative;
    }

#loader-spinner {
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}


#titulos-webpart {
    margin: 8px 0 0 0;
    padding: 9px 5px;
    background: #f5f5f5;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    gap: 1rem;
}

    #titulos-webpart li {
        list-style: none;
        display: inline-block;
    }



/* EDICAO */
#edicao div.itemContent {
    padding: 30px 24px 10px 24px;
}
/* CONFIGURACAO */
#configuracoes > div {
    text-align: left;
}

#configuracoes h3 {
    margin-top: 15px;
    min-width: 174px;
    display: inline-block;
    vertical-align: top;
}

.color {
    margin: 17px 0 1px 0;
    height: 28px;
    display: inline-block;
}

    .color input, .color label, .color div {
        line-height: 28px;
        display: inline-block;
        vertical-align: top;
    }

    .color input {
        margin: 7px 0 0 20px;
    }

.colorselector {
    width: 28px;
    height: 28px;
    background: url(../_imagens/colorpicker/select4.png);
    background-color: #fff;
}

    .colorselector input {
        width: 28px;
        height: 28px;
        margin: 0;
        opacity: 0;
        cursor: pointer;
    }

.defaultcolor {
    width: 28px;
    height: 28px;
    background: #f8f8f8 url(../_imagens/colorpicker/select3.png);
}

#top-image {
    margin: 4px 0 2px;
    display: inline-block;
}

    #top-image label {
        margin: 5px 12px;
        display: inline-block;
        vertical-align: top;
    }

    #top-image div.file {
        display: inline-block;
        vertical-align: top;
    }

    #top-image span {
        display: inline-block;
    }

#logo-image {
    margin: 4px 0 2px;
    display: inline-block;
}

    #logo-image label {
        margin: 5px 12px;
        display: inline-block;
        vertical-align: top;
    }

    #logo-image div.file {
        display: inline-block;
        vertical-align: top;
    }

    #logo-image span {
        display: inline-block;
    }

#tipo-menu {
    margin: 0 0 20px 12px;
}

    #tipo-menu input {
        margin: 9px 0;
        display: inline-block;
        vertical-align: top;
    }

    #tipo-menu label {
        height: 31px;
        margin: 0 30px 0 0;
        display: inline-block;
        vertical-align: top;
    }

.uploadStatus {
    color: green;
    float: left;
    margin: 4px;
}

div.file {
    color: green;
    margin: 4px;
}


#div-tipo-webpart {
    min-height: 35px;
    display: flex;
    align-items: end;
    gap: 0.35rem;
}

.input-group-edicao .form-control {
    z-index: 1 !important;
    height: 33.5px
}

.input-group-edicao .btn-busca {
    z-index: 2 !important
}

    .input-group-edicao .btn-busca i {
        font-size: 24px !important
    }


#webparts .selecao-wp .tela3 .sort4,
#webparts .selecao-wp .tela2-1 .sort4,
#webparts .selecao-wp .tela1-2 .sort4,
#webparts .selecao-wp .tela1 .sort2,
#webparts .selecao-wp .tela1 .sort3,
#webparts .selecao-wp .tela1 .sort4,
#webparts .selecao-wp .tela2 .sort3,
#webparts .selecao-wp .tela2 .sort4 {
    display: none;
}

#webparts .selecao-wp .tela2,
#webparts .selecao-wp .tela1-2,
#webparts .selecao-wp .tela2-1,
#webparts .selecao-wp .tela1-2-1 {
    grid-template-columns: repeat(2, 1fr)
}

#webparts .selecao-wp .tela1-2,
#webparts .selecao-wp .tela2-1 {
    grid-template-rows: repeat(2, auto)
}

#webparts .selecao-wp .tela1-2-1 {
    grid-template-rows: repeat(3, auto)
}

    #webparts .selecao-wp .tela1-2 .sort1,
    #webparts .selecao-wp .tela2-1 .sort3,
    #webparts .selecao-wp .tela1-2-1 .sort1,
    #webparts .selecao-wp .tela1-2-1 .sort4 {
        grid-column-start: 1;
        grid-column-end: 3;
        display: flex;
        flex-direction: column;
    }

#webparts .selecao-wp .tela3, #webparts .selecao-wp .tela1-3, #webparts .selecao-wp .tela3-1, #webparts .selecao-wp .tela2-3 {
    grid-template-columns: repeat(3, 1fr)
}

    #webparts .selecao-wp .tela1-3 .sort1,
    #webparts .selecao-wp .tela3-1 .sort4 {
        grid-column-start: 1;
        grid-column-end: 4;
        display: flex;
        flex-direction: column;
    }

#webparts .selecao-wp .tela2-3 {
    grid-template-areas:
        "sort2 sort2 sort1"
        "sort3 sort4 sort1";
    grid-template-rows: repeat(2, auto)
}

    #webparts .selecao-wp .tela2-3 .sort1 {
        grid-area: sort1;
    }

    #webparts .selecao-wp .tela2-3 .sort2 {
        grid-area: sort2;
    }

    #webparts .selecao-wp .tela2-3 .sort3 {
        grid-area: sort3;
    }

    #webparts .selecao-wp .tela2-3 .sort4 {
        grid-area: sort4
    }

.modal-backdrop.show {
    display: none !important
}
/* ============================================================
   Intro.js overrides
   ============================================================ */
.introjs-skipbutton {
    display: none !important;
}
.introjs-tooltip { font-family: 'Noto Sans', sans-serif !important; font-size: 13px !important; }
.introjs-button { font-size: 12px !important; text-shadow: none !important; }