::-webkit-scrollbar-track
{
    background-color: #fff;
    border: none;
}

::-webkit-scrollbar
{
    width: 12px;
    max-width: 12px;
    max-height: 10px;
    background-color: #fff;
    border: none;
}
::-webkit-scrollbar-thumb
{
    background-color: #c1c1c1;
}

::-webkit-scrollbar-thumb:hover
{
    background-color: #9c9c9c;
}

#box_login_content {
    border-radius: 15px;
    border: none;
    box-shadow: rgba(149, 157, 165, 0.3) 0px 8px 24px;

}

#box_login {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width: 360px;
    border-radius: 15px;
    border: none;
}

.upper {
    text-transform: uppercase;
}
.bold {
    font-weight: bold !important;
}
.blue {
    color:#146fd7;
}
.sb {
    margin-bottom:20px;
}

.bg-grey .ui-g {
    background: #f5f5f5 !important;
}

.columnData {
    width: 140px;
}
body .ui-paginator {
    border: none;
}
body .ui-toolbar  {
    padding: 0 !important;
}
thead#listaFiltrosCrrg_head > tr > th, tbody#listaFiltrosCrrg_data > tr > td {
    border: none!important;
}

.ui-but {
    padding:10px;
    margin-top:10px;
}

.vp-diagram-toolbar-body label span {
    height: 45px !important;
}

.ui-datalist-item .ui-datalist-content {
    border: medium none !important;
    text-align: left;
    width: 95%;
}

.ui-datalist-item .ui-datalist-content .ui-datalist-item {
    background: transparent none repeat scroll 0 0 !important;
    border-bottom: 1px solid #d2d2d2;
    display: flex;
    width: 100%;
}

.ui-datalist-item .ui-datalist-content .listLabel {
    font-size: 13px;
    color: #146fd7;
    display: inline-block;
    float: left;
    width: 160px;
    min-width: 160px;
}

.layout-wrapper .topbar-items > li.profile-item a .topbar-item-name {
    font-size: 16px;
    margin-right: 15px;
    padding-top: 3px;
    margin-top: 0;
    text-transform: uppercase;
}

/* effect-shine */
.layout-wrapper .topbar-items > li.profile-item a .topbar-item-name:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.8) 30%, #000 50%, rgba(0,0,0,.8) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}

@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }

    to {
        -webkit-mask-position: -50%;
    }
}

.boxSidebar {
    overflow: hidden;
}

.profile-item{
    padding-left: 5px;
}

.layout-wrapper .layout-main, #conteudo, #painelPrincipal  {
    height: 100%;
}

#paniel_listagem, #paniel_listagem_content, #paniel_edicao, #paniel_edicao_content, #panelEdicao_content, #panelWizard, #panelWizard_content {
    background: transparent none repeat scroll 0 0 !important;
    border: medium none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#outputStepN table {
    width: 100%;
    margin-bottom: 10px;
}

/*#j_idt37 {
    overflow: hidden;
}*/

.line {
    border-bottom: 1px solid #d2d2d2;
    margin: 9px 0;
    padding-bottom: 0;
}

.sidebar {
    background-color: #ffffff;
    border-left: 1px solid #cccccc;
    float: right;
    height: 100%;
    margin-right: -500px;
    margin-top: 0;
    overflow-y: scroll;
    padding: 0 10px;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.5s ease 0s;
    width: 450px;
    z-index: 1;
    margin-top: 40px;
    -webkit-transition: margin-right 0.5s;
    transition: margin-right 0.5s ease-in-out;
    box-shadow: rgb(0 0 0 / 24%) 0px 2px 20px 0px;
}

.sidebar .filter {
    padding-bottom: 100px;
}

/*.sidebar a:hover {
    color: #f1f1f1;
}*/
.sidebar .closebtn {
    color: #000;
    line-height: 90px;
    font-size: 17px;
    margin-left: 260px;
}

.closebtn :hover{
    color: red;
    background-color: #f5f5f5;
}
.closeCss{
    padding: 5px;
    border-radius: 50%;
}

.sidebar .colLabel {
    width: 100%;
    display: block;
}

.sidebar .colValue {
    width: 100%;
    display: block;
}


.openbtn {
    cursor: pointer;
    margin-top: -10px;
}

#navBotom {
    margin:5px 0px 15px 0px;
}

i.mn{
    transition: transform 200ms ease-in-out;
}

i.mn:hover{
    transform: scale(1.2);
    cursor: pointer;
}
i.mn:after {
    display:block;
    content: "";
    border-bottom: solid 3px #fff;
    transform: scaleX(0);
    transition: transform 200ms ease-in-out;
    padding-bottom: 5px;
}
i.mn:hover:after {
    transform: scaleX(1);
}

a.ptHvr:hover{
    cursor: pointer;
}

.align-top td {
    vertical-align: top;
}

.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon {
    top: 0 !important;
}

.ui-datalist-data {
    padding:0;
    list-style: none;
    margin-bottom: 10px !important;
}

.itemList {
    padding: 4px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 5px;
}
.itemList:hover {
    transform: scale(1.003);
    transition-timing-function: ease-in-out;
    outline: 1px solid #eef2f6;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 20px, rgba(0, 0, 0, 0.10) 0px 6px 6px;
}

.ui-datalist-item .ui-datalist-content .listExtra{
    word-break: break-word;
    text-align: justify
}

.itemList .status {
    border-radius: 30px;
    display: block;
    float: left;
    height: 22px;
    margin-bottom: 7px;
    margin-right: 5px;
    margin-top: 9px;
    width: 22px;
    margin-right: 10px;
}

.itemList .title {
    margin-top: 8px;
    font-size: 18px;
    display: block;
}

.itemList .resp {
    color: #999 !important;
    display: block;
    font-style: italic;
    margin-left: 2em;
}

.itemList .dataM {
    color: #ff0000;
    font-size: 14px;
    display: block;
}

.itemList .data {
    color: #999;
    display: block;
}

.itemList .view {
    border-radius: 4px;
    color: #337ab7;
    float: right;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    display: inline-block;
}

.itemList .view  span {
    font-size: 20px;
}

.itemList .ui-icon {
    font-size: 23px;
    width: 26px;
}

.person h3 {
    border-bottom: 1px solid #d2d2d2;
    color: #146fd7;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

body .ui-datalist .ui-paginator {
    border: none !important;
    padding: 0 15px;
}

.ui-widget-content .gridFormLabel, .gridFormLabel {
    color: #999;
    vertical-align: central;
    width: 200px;
}


.ui-widget-content .gridFormValue1 {
    min-width: 200px;
    padding-left: 0;
}

.left {
    float: left;
}

.right {
    float: right;
}

.marginTop {
    margin-top: 20px;
}

body .ui-fieldset .ui-fieldset-legend {
    border: medium none !important;
    margin-left: 0 !important;
    width: 100%;
}

fieldset {
    border: none !important;

}

.buttonsPanel {
    margin: 20px 0 20px 0;
}

.buttonsPanel td {
    display: inline-block !important;
}
.layout-wrapper .layout-footer {
    background: #fff none repeat scroll 0 0;
    position: fixed;
    width: 100%;
    bottom: 0;
}

#painelPrincipal {
    margin-bottom: 60px !important;
}

.person #conteudoPub {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #3333 inset;
    margin: 20px !important;
    max-height: 250px !important;
    padding: 20px !important;
    width: 800px;
    display: block;
    overflow-y: scroll;
}

.person #obsPub {
    background: #f2f2f2 none repeat scroll 0 0;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #3333 inset;
    margin: 20px !important;
    max-height: 250px !important;
    padding: 20px !important;
    width: 800px;
    display: block;
    overflow-y: scroll;
}

.person table, .person .ui-datatable-tablewrapper, #hist, #vars {
    max-width: none !important;
    width: 100% !important;
    margin-bottom: 5px;
}

.person table tr {
    width: 100%;
}

.person table td {
    display: table-cell;
}

#painelPrincipal .ui-panel .ui-panel-titlebar .ui-panel-title {
    font-size: 30px;
}

#painelPrincipal .ui-panel .ui-widget-header .ui-panel-title {
    font-size: 30px;
}


body .ui-fileupload .ui-fileupload-content {
    padding: 0 !important;
}

body .ui-paginator .ui-paginator-first.ui-state-disabled, body .ui-paginator .ui-paginator-prev.ui-state-disabled, body .ui-paginator .ui-paginator-next.ui-state-disabled, body .ui-paginator .ui-paginator-last.ui-state-disabled {
    background-color: #fff !important;
}

#listaTarefas_list .ui-datalist-item:nth-child(2n+1) {
    background: #fff none repeat scroll 0 0;
}

body .ui-paginator .ui-paginator-next, body .ui-paginator .ui-paginator-last, body .ui-paginator .ui-paginator-first, body .ui-paginator .ui-paginator-prev, body .ui-paginator .ui-paginator-prev + .ui-paginator-current {
    border: 0 !important;
    align-content: center!important;
}

#main {
    float: right;
    transition: margin 0.5s ease 0s;
}

#navBotom br {
    display: none;
}

#navBotom .ui-button  {
    margin-bottom:3px;
}

#outputStepZ table {
    width: 100%;
}

span.descricao {
    display: block;
    font-size: 12px;
    margin-bottom: 20px;
    margin-top: -10px;
    text-align: justify;
}

.ask {
    color: #666;
    font-size: 22px !important;
    margin-bottom: 0px;
    margin-top: -20px;
}

.opcao {
    background-image: url( "../img/conditional-normal.png");
    background-repeat: no-repeat;
    display: block;
    font-size: 16px !important;
    line-height: 1.3;
    margin-bottom: 20px;
    padding-left: 28px;
}

.opcao:hover {
    background-image: url( "../img/conditional-active.png");
    background-repeat: no-repeat;
    display: block;
    font-size: 16px !important;
    line-height: 1.3;
    padding-left: 28px;
}
.opcao:active {
    background-image: url( "../img/conditional-active.png");
    background-repeat: no-repeat;
    display: block;
    font-size: 16px !important;
    line-height: 1.3;
    padding-left: 28px;
}


.btCinza {
    background: #666666 !important;
}

.CodeMirror {
    border: 1px solid #eee;
    height: auto;
}

#outputStepA table {
    width: 100%;
}

.divIndexIa, .divIndexIa2 {
    min-height: 91vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    background-color: #fff;
}
.divIndexIaAnalisarDocs {
    min-height: 91vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    background-color: #fff;
}
.divIndexIaHome {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px;
    border-radius: 7px;
    background-color: #fff;
}

.cardsAbaixoCriar {
    background: transparent;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    width: 50rem;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 0.5s ease;
    margin-top: 1rem;
}

.cardsAbaixoCriar.show {
    max-height: fit-content;
    overflow: visible;
    opacity: 1;
}

@media screen and (max-height: 1080px) {
    .divIndexIaHome, .divIndexIaAnalisarDocs{
        padding: 20px 10px 10px 10px!important;
    }

    .divIndexIa, .divIndexIa2{
        padding: 70px 10px 10px 10px!important;
    }
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {

    .sidebar {
        padding-top: 15px;
    }
    .sidebar a {
        font-size: 18px;
    }


}


/* responsive */
@media (max-width: 450px) {

    .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield,
    .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon,
    .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-selectonemenu-filter,
    .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon{
        display: none;
    }

    .sidebar .ui-selectcheckboxmenu-multiple {
        padding: 2px!important;
    }

    .ui-dialog{
        min-width: 95vw !important;
        max-width: 99vw!important;
    }

    #navBotom {
        margin-bottom: 15px;
        display: grid;
        width: 100%;
    }

    #navBotom .ui-button {
        display: block;
        width: 100%;
    }

    #menu a {
        font-size: 10px;
    }

    #painelPrincipal .ui-panel .ui-panel-titlebar .ui-panel-title {
        font-size: 18px;
    }

    .sidebar {
        width: 370px;
        max-width: 99vw;
    }

    .fixedButtons{
        width: 360px!important;
    }
    .sidebar .colLabel {
        display: block;
        font-size: 12px;
        width: 100px;
    }

    .sidebar .closebtn {
        margin-left: 170px;
    }

    body .ui-datalist {
        min-width: 300px !important;
    }

    .ui-datalist-item .ui-datalist-content {
        border: medium none !important;
        text-align: left;
        width: 100%;
    }

    /* .itemList .data, .itemList .dataM {
     }
    */

    .x-hidden {
        display: none;
    }

    .btnGpt{
        display: none;
    }

    .ui-widget-content .gridFormLabel, .gridFormLabel, .person table td {
        display: block;
        width: 100%;
    }


    .ui-widget-content .gridFormValue1, .ui-widget-content .gridFormValue {
        margin-bottom: 10px;
        display: block;

    }
    .ui-selectonemenu{
        min-width: 80vw !important;
        max-width: 81vw;
    }
    .ui-selectonemenu-label{
        max-width: 70vw;
    }

    .person #conteudoPub {
        width: 310px !important;
    }

    #descricaoPrazo {
        display: inline-block;
        width: 90%;
    }

    #docsLancamentoPrazo {
        display: block;
        width: 90%;
    }

    #nomeLancArq {
        display: block;
        width: 90%;
    }

    #buttonsPanel {
        margin: 20px 0;
    }

    body .ui-datalist {
        min-width: 0 !important;
    }

    #buttonsPanel td button{
        width: 100%;
        text-align: center;
    }

    #hist table td, #vars table td {
        display: table-cell;
    }

    body .ui-datatable .ui-datatable-data > tr td {
        text-align: left !important;
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        display: none;
        min-width: 0 !important;
        padding: 0 !important;
    }

    body .ui-inputfield {
        min-width: 80vw !important;
        max-width: 81vw!important;
    }

    .ui-inputfield {
        min-width: 80vw!important;
        max-width: 81vw!important;
    }
    .ui-selectcheckboxmenu{
        min-width: 80vw !important;
        max-width: 81vw!important;
    }

    #titlebarTarefasResponsivo{
        display: grid;
        justify-content: center;
    }

    #listaTarefas .ui-datalist-item{
        margin-bottom: 5px;
        display: grid;
    }
    #listaTarefas .ui-datalist-item .listLabel {
        width: 100%;
    }

    .selectColumnsData{
        display: grid
    }
    .datainput1{
        display: grid;
    }
    .datainput2{
        display: grid;
    }
    .dataTextoMeio{
        display: block;
    }
    .fixedButtons{
        max-width: 95vw;
    }

    .divIndexIa, .divIndexIa2, .divIndexIaAnalisarDocs{
        padding: 70px !important;
        height: auto !important;
    }

    .cardsAbaixoCriar {
        margin-top: 0;
        width: 20rem;
    }

    .promptWrapperCriarComIA {
        width: 20rem !important;
    }
}

.ui-datalist-content .ui-widget-content {
    margin-bottom: 10px;
}

.panel-header .ui-panel-title {
    color:#146fd7;
    font-size: 18px !important;
}

body .ui-widget-content {
    border: none;
}

.ui-selectmanycheckbox label {
    display: inline;
}

.ui-datalist-item {
    margin-bottom: 10px;
}

#listaTarefas .ui-datalist-item {
    margin-bottom: 3px;
}

.layout-wrapper .topbar .topbar-right #menu-button {
    width: 30px !important;
    height: 30px !important;
    left: 15px !important;
    background-color: transparent!important;
}

.layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu > li > ul, .layout-wrapper .layout-menu .layout-menu-tooltip{
    left:50px!important;
}

.layout-wrapper.menu-layout-slim .layout-menu-container .layout-menu > li > ul{
    min-width: 230px!important;
}

#logo {
    margin-left: 45px !important;
    margin-top: 2px !important;
}

.fa-angle-left:before {
    content: "\f0c9" !important;
}

.layout-wrapper .topbar .topbar-right #menu-button i {
    margin: 9px;
    font-size: 16px !important;
}

.calcBtn {
    background-color: #595959!important;
}

.layout-wrapper .topbar .topbar-left{
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25) !important;
}

.layout-wrapper .topbar .topbar-left{
    webkit-box-shadow: none !important;
    moz-box-shadow: none !important;
    box-shadow: none !important;
}

.ui-datalist-content {
    background-color: transparent !important;
}

body .ui-inplace .ui-inplace-display {
    padding-left: 0 !important;
}

.ui-selectcheckboxmenu-multiple-container:empty:after {
    padding: 6px 12px;
}

.ui-fileupload-buttonbar {
    padding: 0 !important;
    width: 195px;
}

.li-btn-pesquisa > button:focus{
    outline: -webkit-focus-ring-color auto 1px;
}

.ui-datalist .ui-datalist-empty-message {
    padding: 0 !important;
}

.layout-menu-container {
    top: 45px !important;
}

.layout-wrapper .topbar .topbar-right {
    padding: 5px 5px 0 0!important;
    height: 45px !important;
}

.layout-wrapper .topbar .topbar-left {
    padding: 2px 0 2px 5px !important;
    height: 45px !important;
}

.topbar-left{
    width: auto;
}

.topbar-icon{
    margin: 3px 2px 0 0;
}

#conteudo{
    margin-top: -5px;
}

.layout-wrapper .topbar {
    height: 45px !important;
}

.buttonsPanelRight {
    text-align: right;
}

.div-abrir-pesquisa {
    float:right;
    display: flex;
    margin: 4px;
    background-color: #ececec!important;
    color: #337ab7!important;
}

.layout-wrapper .layout-main {
    padding: 53px 5px 5px !important;
}

.fixedButtons {
    position: fixed;
    width: 420px;
    bottom: 0;
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ui-fileupload-files {
    margin: 0px 0 !important;
}

div .noborder > div > table > thead > tr > th , div .noborder > div > table > tbody > tr > td {
    border: none!important;
}

.panel-tarefas{
    background-color: #fff!important;
    border: none!important;
    box-shadow: none!important;
}

.layout-wrapper .layout-menu-container > .nano > .nano-content > ul:last-child {
    margin-top: 6px!important;
}

.perfil-user-class {
    margin-left: 10px;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page{
    border: none!important;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page:hover{
    border-radius:50%;
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
    background-color: #ffffff;
    color: #337ab7;
    outline: 1px solid #ddd;
    outline-offset: -3px;
    border-radius: 50%;
    font-weight: bold;
}

.ui-paginator-first:hover{
    border-radius:50%!important;
}
.ui-paginator-prev:hover{
    border-radius:50%!important;
}
.ui-paginator-next:hover{
    border-radius:50%!important;
}
.ui-paginator-last:hover{
    border-radius:50%!important;
}

body .ui-widget-header {
    font-weight: normal;
}


.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options{
    color: #9c9c9c;

}
.ui-paginator-rpp-options{
    border-radius: 15px!important;
}

.var-class > div > div > ul.ui-datalist-data li:nth-child(even){
    background-color: transparent!important;
}
.var-class > div > div > ul.ui-datalist-data li:nth-child(odd){
    background-color: transparent!important;
}

.ui-datalist-item .ui-datalist-content .ui-datalist-item {
    border-bottom: none;
}

.div-abrir-pesquisa {
    margin-top: -2px;
    border-left: 1px solid #fff;
    margin-left: 15px;
}
#listaFiltrosPesquisa{
    display: block;
    width: 100%;
    margin-top: -20px;
}
body  #listaFiltrosPesquisa.ui-carousel .ui-carousel-header{
    border: none;
    background-color: transparent;
    padding: 0px;

}
.body #listaFiltrosPesquisa .ui-carousel .ui-carousel-header .ui-carousel-header-title {
    display: none;

}
body #listaFiltrosPesquisa.ui-carousel .ui-carousel-header select{
    color: #999;
    border-color: #999;
}

.subTitle{
    color: #999999;
}

.li-pesquisa {
    margin-top: -2px;
    background-color: #c1c1c129;
    color: white;
    text-decoration: none;
    border-radius: 60px;
    height: 30px;
    display: inline-flex!important;
    margin-right: 14px;
    align-items: center;
    overflow:hidden;
    width: auto;
    max-width: 30px;
    -webkit-transition: max-width 0.5s;
    transition: max-width 0.3s ease-in-out;
}

.opcaoDocumento  {
    background-color: #c1c1c129;
    color: white;
    text-decoration: none;
    border-radius: 60px;
    height: 32px;
    padding: 3px;
    display: inline-flex!important;
    align-items: center;
    -webkit-transition: max-width 0.5s;
    transition: max-width 0.3s ease-in-out;
}
.opcaoChat  {
    margin-top: -2px;
    background-color: #c1c1c129;
    color: white;
    text-decoration: none;
    border-radius: 60px;
    height: 30px;
    display: inline-flex!important;
    margin-right: 14px;
    align-items: center;
    -webkit-transition: max-width 0.5s;
    transition: max-width 0.3s ease-in-out;
    position: absolute;
    right: 60px;
}
.opcaoChat:hover{
    background-color: #81818129;
}

.li-pesquisa:hover, .opcaoDocumento:hover  {
    max-width: 300px;
    background-color: #c1c1c166;
    color: #fff;
}

.li-pesquisa:focus{
    max-width: 300px;
    background-color: #c1c1c166;
    font-weight: bold;
}
.icon-pesquisa {
    font-size: 16px;
    margin-right: 5px;
    padding: 0px 8px;
    display: flex;
    align-items: center;
}

.iconsDocumento, .iconsChatAssist {
    font-size: 20px;
    margin-right: 5px;
    padding: 0px 8px;
    display: flex;
    align-items: center;
}

.text-pesquisa, .text-opcaoDocumento,  .text-opcaoChat{
    white-space: nowrap;
    padding-right: 15px;
}
.text-pesquisa:active {
    color: transparent;
}

.iconeAvatar{
    background-color:#c1c1c129 ;
    color:#fff;
}


.iconeAvatar:hover{
    background-color:#c1c1c166;
}

.li-btn-agenda-tarefas > i , .li-btn-documento > i , .pi.pi-cog.mn {
    font-size: 20px;
    padding: 4px 14px 0px 14px;
    color: white;
}

.topbar-icons-resp > i {
    font-size: 15px;
    padding: 5px 10px 0px 10px;
    color: white;
}

.pi.pi-cog.mn {
    padding: 0px
}

#liConfig{
    padding: 4px !important;
    border-left: none!important;
}

#liConfig a{
    padding-right: 5px;
}

#topbarResponsivo {
    display: none;
    float: right;
    width: 140px;
    margin: 5px;
}

#topbarResponsivo a{
    cursor:pointer;
}

#menuLayoutId_0 {
    background-color: #146fd7
}
#menuLayoutId_1 {
    background-color: #0A616F
}
#menuLayoutId_2 {
    background-color: #470EA2
}
#menuLayoutId_3 {
    background-color: #391F68
}
#menuLayoutId_4 {
    background-color: #136E52
}
#menuLayoutId_5 {
    background-color: #771340
}
#menuLayoutId_6 {
    background-color: #407916
}
#menuLayoutId_7 {
    background-color: #1F8E38
}
#menuLayoutId_8 {
    background-color: #7A5E06
}
#menuLayoutId_9 {
    background-color: #593E22
}
#menuLayoutId_10 {
    background-color: #904100
}
#menuLayoutId_11 {
    background-color: #341A64
}
#menuLayoutId_12 {
    background-color: #14569D
}
#menuLayoutId_13 {
    background-color: #2E8942
}
#menuLayoutId_14 {
    background-color: #343A40
}
#menuLayoutId_15 {
    background-image: linear-gradient(to right, #a83279, #f38e00)
}
#menuLayoutId_16 {
    background-image: linear-gradient(to right, #5f2c82, #0DA9A4)
}
#menuLayoutId_17 {
    background-image: linear-gradient(to right, #521c52, #c6426e)
}
#menuLayoutId_18 {
    background-image: linear-gradient(to right, #2c0747, #6441a5)
}
#menuLayoutId_19 {
    background-image: linear-gradient(to right, #2b32b2, #1488cc)
}
#menuLayoutId_20 {
    background-image: linear-gradient(to right, #ee8a21, #f2c94c)
}
#menuLayoutId_21 {
    background-image: linear-gradient(to right, #4DB865, #80D293)
}
#menuLayoutId_22 {
    background-image: linear-gradient(to right, #1e3c72, #2a5298)
}
#menuLayoutId_23 {
    background-image: linear-gradient(to right, #cb2d3e, #ef473a)
}
#menuLayoutId_24 {
    background-image: linear-gradient(to right, #834d9b, #d04ed6)
}

#menuLayoutId_items li {
    color: #fff;
}
#menuLayoutId_items li.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-highlight{
    border: 2px solid #fff;
    font-weight: bold;
}

.fc-event-title {
    color: #292B2C !important;
    font-weight: normal !important;
    font-size: 15px;
    line-height: 15px;
}
.fc-event-time {
    color: #292B2C !important;
}
.fc-daygrid-day-events {
    cursor: pointer;
}
.fc .fc-button-primary {
    background-color: #e3e3e3;
    border: none;
}
.fc .fc-button-primary:click{
    background-color: #e3e3e3;
    border: none;
}
.fc .fc-button-primary {
    background-color: white !important;
    border: none;
}
.fc .fc-button-primary:hover {
    color: #292B2C !important;
    background-color: #e3e3e3 !important;
    border: none;
}
.fc-event {
    background-color: white !important;
    color: #e3e3e3 !important;
    border: none;
}
.fc .fc-button-group {
    width: 150px !important;
}
.fc .fc-next-button {
    font-size: 22px;
    font-family: Consolas;
}
.fc .fc-prev-button {
    font-size: 22px;
    font-family: Consolas;
}
.fc .fc-button {
    padding: 0 0 0 0;
    color: #292B2C;
}
.fc .fc-today-button {
    padding: 0.4em 0.65em;
    color: #292B2C !important;
}
.fc .fc-button-primary:focus {
    box-shadow:0 0 0 0!important;
}

.fc .fc-dayGridMonth-button {
    padding: 0.4em 0.65em;
    color: #292B2C !important;
}
.fc .fc-timeGridWeek-button {
    padding: 0.4em 0.65em;
    color: #292B2C !important;
}
.fc .fc-timeGridDay-button {
    padding: 0.4em 0.65em;
    color: #292B2C !important;
}
.fc .fc-button-active {
    background-color: #337ab7 !important;
    color: white !important;
}

.fc-v-event .fc-event-main-frame {
    font-size: 15px;
    background-color: #337ab7;
    color: white;
    padding: 2px 2px 2px 2px !important;
    border-radius: 5px;
}
#schedule .fc-v-event .fc-event-main-frame:hover{
    background: linear-gradient(#3e81ba,#146fd7) !important;
}
.fc-timegrid-event .fc-event-time {
    color: white !important;
}
#schedule .fc-v-event .fc-event-title{
    color: white !important;
}

.fc-timegrid-event-condensed .fc-event-title {
    color: white !important;
}
.fc-timegrid-event .fc-event-main {
    cursor: pointer;
}
#splitVisualizacao_button, #splitVisualizacao_menuButton {
    color: #292B2C !important;
    background-color: white !important;
    border-radius: 5px!important;
}

body .ui-panel .ui-panel-titlebar {
    border: none;
    border-bottom: 1px solid #e9e9e9;
    box-shadow: rgb(0 0 0 / 45%) 0px 10px 15px -20px;
}

.pesquisaH2{
    color: black;
    font-size: 22px!important;
    border: none!important;
    box-shadow: none!important;
}

#mySidebar div table tbody tr td div ul li {
    float: none;
}

#mySidebar .ui-selectcheckboxmenu-token {
    white-space: normal;
}
#schedule {
    border-radius: 5px;
}
#schedule  .fc-header-toolbar{

}
#schedule ::-webkit-scrollbar {
    display: none;
}
#schedule .fc-button-group{
    margin-right: 0.5vw;
}
#schedule .fc-scrollgrid-section-header > td{
    border: none;
}
#schedule .fc-scrollgrid-section-body > td{
    border: none;
}
#schedule  .fc-col-header-cell {
    border:none;
    padding: 1em;
    border-radius: 5px;
}

#schedule .fc-timegrid-axis {
    border: none;
}
#schedule .fc-timegrid-slot{
    height: 2em;
}
#schedule  .fc-scrollgrid-liquid{
    border: none;
}
#schedule button.fc-button.fc-button-primary{
    background-color: #f5f5f5 !important;
}

#schedule .fc-scrollgrid-section-header th{
    border: none!important;
}

#schedule button.fc-button.fc-button-primary:hover{
    background-color: #ffffff !important;
}
#schedule button.fc-button.fc-button-primary.fc-button-active {
    background-color: #ffffff !important;
    color: black !important;
    font-weight: bold;
}
#schedule .fc-daygrid-day-frame:hover{
    outline: 2px solid #e2eefa;
    outline-offset: -1px;
}
#schedule .fc-timegrid-slot:hover{
    outline: 2px solid #e2eefa;
    outline-offset: -1px;
}
#schedule .fc-day-today {
    background-color: #f5f5f5 !important;
}
#schedule .fc-day-today .fc-daygrid-day-number{
    color: #ffffff;
    font-weight: bold;
    background-color: #146fd7 !important;
    border-bottom-left-radius: 50px 30px;
}
#schedule .fc-daygrid-event-harness:hover {
    border: 1px solid #146fd7;
    border-width: 0 0 0 3px;
    font-weight: bold;
}
#schedule .fc-timegrid-event-harness:hover{
    border-radius: 5px;
    font-weight: bold;
}


.ui-fileupload-buttonbar{
    border: none!important;
    background: none!important;
}

body .ui-splitbutton.ui-buttonset .ui-button{
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
}

body .ui-linkbutton{
    border-radius: 15px!important;
}

body .ui-buttonset .ui-button:first-child{
    border-top-right-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    border-top-left-radius: 15px!important;
    border-bottom-left-radius: 15px!important;
}

body .ui-buttonset .ui-button:last-child{
    border-top-right-radius: 15px!important;
    border-bottom-right-radius: 15px!important;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}
button.ui-button{
    border-radius: 15px!important;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button{
    border-radius: 15px!important;
}

.ui-dialog{
    border-radius: 15px!important;
}
.ui-dialog .ui-dialog-titlebar{
    background: #fff;
    color: #146fd7;
}

.btnFiltroPesquisa{
    width: -webkit-fill-available;
    max-height: 2.2em!important;
    margin: 0 5px 0 5px;
    background: #eef2f6!important;
    color: #777!important;
    overflow: hidden;
}

.btnFiltroPesquisa:hover{
    background: #337ab7!important;
    color: white!important;
}

.btnFiltroPesquisa .ui-button-text{
    overflow-wrap: anywhere;
}

.filtrosCarousel{
    width: 400px!important;
}

.olStsTask{
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px 0px;
}

.liStsTask{
    display:inline;
    margin: 0 2px;
    text-shadow: 1px 1px 1px #ddd
}

.ui-paginator .ui-paginator-prev:before {
    content: "\203A" !important;
    font-size: 15px  !important;
}

.ui-paginator .ui-paginator-next:before {
    content: "\203A" !important;
    font-size: 15px  !important;
}

.ui-paginator .ui-paginator-first:before {
    content: "\00ab" !important;
    font-size: 15px  !important;
}

.ui-paginator .ui-paginator-last:before {
    content: "\00bb" !important;
    font-size: 15px  !important;
}

body .ui-paginator .ui-paginator-first.ui-state-disabled,body .ui-paginator .ui-paginator-last.ui-state-disabled,body .ui-paginator .ui-paginator-prev.ui-state-disabled,body .ui-paginator .ui-paginator-next.ui-state-disabled{
    color: #999;
}

.pi:before {
    font-size: initial;
}
body .ui-button-icon-only .ui-icon{
    min-width: 20px;
}
.ui-button-icon-only .ui-icon{
    margin-left: -10px;
}
.ui-carousel-prev.ui-link, .ui-carousel-next.ui-link{
    background-color: transparent;
    color: #337ab7;
}
#tbl th{
    border-left: none;
    border-right: none;
    border-bottom: none;
    color: #666;
    text-shadow: 0px 0px 1px #ffffff;
}

#tbl tr td{
    border-left: none;
    border-right: none;
    border-color: #eef2f6;
}

#tbl .ui-datatable-header{
    background: #eef2f6;
    border: 1px solid #f5f5f5;
    border-radius: 5px;
}
.login-style{
    color: #999;
    padding: .5em;
}
.guest-sign-in{
    color: #999;
    text-align: center;
}

/*Animate Core*/

.ring
{
    position:absolute;
    z-index: 999;
    display: flex;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:80px;
    height:80px;
    background-color:f5f5f5;
    backdrop-filter: blur(20px);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border:1px solid #f5f5f5;
    border-radius:50%;
    box-shadow:0 0 10px rgba(0,0,0,.2);

}

.bg-core{
    background-image:url('/img/logo_core_load.png');
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:80px;
    height:80px;
    background-size: 70px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius:50%;
    animation:animateA 4s ease-in-out infinite;
}

@keyframes animateA
{
    0%
    {
        opacity:1
    }
    50%
    {
        opacity:0.3;
    }
    100%
    {
        opacity:1
    }
}

.ring:before
{
    content:'';
    position:absolute;
    z-index:10;
    top:-3px;
    left:-3px;
    width:100%;
    height:100%;
    border:3px solid transparent;
    border-top:3px solid #2182f9;
    border-right:3px solid #2182f9;
    border-radius:50%;
    animation:animateC 1s linear infinite;
}


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

.loader {
    top:50%;
    left:50%;
    width:100px;
    height:100px;
    width: 100%;
}

.loader:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    animation: pulsOut 4s ease-in-out infinite;
    filter: drop-shadow(0 0 1rem rgba(255, 255, 255, 0.75));
}

.loader:after {
    width: calc(100%);
    padding-bottom: calc(100%);
    box-shadow: 0 0 0 0 #fff;
}


@keyframes pulsOut {
    0% {
        box-shadow: 0 0 0 0  #2182f9;
        opacity: 0;
    }
    50%{
        box-shadow: 0 0 10px 0.5rem #2182f9;
        opacity: 0.4;
    }

    100%{
        box-shadow: 0 0 0 0  #2182f9;
        opacity: 0;
    }

}

/*Animate Core FIM*/

.inputMenuSidebar{
    width: 100%;
}
.sidebar .ui-selectcheckboxmenu-multiple{
    padding: 4px;
}

/*toggleswitch*/

.switch{
    margin-right: 2em;
    height: 24px!important;
}

body .ui-toggleswitch {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 1.75rem
}

body .ui-toggleswitch .ui-toggleswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #dee2e6;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
    border: solid transparent;
    border-width: 2px;
    border-radius: 30px
}

body .ui-toggleswitch .ui-toggleswitch-slider.ui-state-error {
    border-color: #f44336
}

body .ui-toggleswitch .ui-toggleswitch-slider:before,body .ui-toggleswitch .ui-toggleswitch-handler {
    position: absolute;
    top: 50%;
    background: #fff;
    color: #495057;
    width: 1.25rem;
    height: 1.25rem;
    left: calc(.25rem - 2px);
    margin-top: -0.625rem;
    border-radius: 50%;
    transition: all .2s;
    font-size: .625rem;
    line-height: 1.25rem
}

body .ui-toggleswitch .ui-toggleswitch-handler span {
    font-size: .625rem;
    line-height: 1.25rem
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before,body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-handler {
    color: #495057;
    transform: translateX(1.25rem)
}

body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 .2rem #a6d5fa
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: #337ab7
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before,body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider .ui-toggleswitch-handler {
    background: #fff
}

/*toggleswitch FIM*/

.ui-state-loading.ui-button-text-only .ui-icon-loading{
    font-size: initial;
}


body  #formGpt .ui-tabs .ui-tabs-nav li.ui-tabs-header {

    cursor: pointer;
    border: none;
    color: #999;
    border-color: transparent;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s
}

body  #formGpt .ui-tabs .ui-tabs-nav li.ui-tabs-header a {
    border: none;
    color: #337ab7!important;
    border-color: transparent;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s
}

body  #formGpt .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-active {

    border-color: transparent;
    border-bottom: 3px solid #337ab7;
}

#idScrollTabRedator > .ui-buttonset .ui-button{
    border-radius: 15px!important;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #d0d0d0;
    width: -webkit-fill-available;
    max-width: 10rem;
}

#idScrollTabRedator > .ui-selectonebutton{
    display: flex;
}

.titleGpt{
    display: flex;
    padding: 5px;
    color: #999;
}

.btnFullScreenGpt{
    width: 2rem!important;
    color: #337ab7!important;
    background: transparent!important;
    font-size: small;
    border: none!important;
    border-radius: 50%!important;
}
.btnFullScreenGpt:hover{
    background: #ebebeb!important;
}

.closeGPT{
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 40px;
}

#mensagem,#mensagemChatAssistente{
    margin-left: 0px;
    border-radius: 10px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    border: 2px solid #d3d3d3;
    padding: 10px;
    padding-right: 45px;
    width: 100%;
    resize: none;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
}
#mensagemRed{
    border-radius: 10px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    border: 2px solid #d3d3d3;
    padding: 10px;
    resize: none;
    padding-right: 5px;
    width: 100%;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
}
#mensagem:focus-visible {
    outline: 2px solid rgb(109 183 249 / 20%);
}

#mensagemRed:focus-visible {
    outline: 2px solid rgb(109 183 249 / 20%);
}


#mensagemChat{
    margin-left: 0px;
    border-radius: 10px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    border: 2px solid #d3d3d3;
    padding: 10px;
    padding-right: 45px;
    width: 760px;
    resize: none;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
}

.fieldSetBorder {
    border: 1px solid #dee2e6!important;
    background: #fff;
    color: #495057;
    padding: 1rem!important;
    border-radius: 4px!important;
    width: 100%;
    margin: 10px 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.fieldSetBorder > .ui-fieldset-legend {
    border: 1px solid #dee2e6!important;
    background: #f8f9fa;
    color: #495057;
    padding: 1rem!important;
    font-weight: 700;
    border-radius: 4px!important;
}

.pickListStyle {
    border:1px solid #ddd;
    border-radius: 15px;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.10) 1.95px 1.95px 2.6px;
}

.ui-picklist .ui-picklist-list {
    width: 220px;
}

#formRelatorio > fieldset > legend {
    border: 1px solid #ddd!important;
    border-radius: 5px!important;
}

body .ui-growl .ui-growl-item-container.ui-growl-info {
    background: #b3e5fc;
    border: 1px solid #03a9f4;
    color: #01579b;
    border-width: 0 0 0 6px;
}

body .ui-growl .ui-growl-title {
    word-break: break-word;
}

body .ui-growl .ui-growl-item-container.ui-growl-warn {
    background: #ffecb3;
    border: 1px solid #ffc107;
    color: #7f6003;
    border-width: 0 0 0 6px;
}

body .ui-growl .ui-growl-item-container.ui-growl-error, body .ui-growl .ui-growl-item-container.ui-growl-fatal {
    background: #ffcdd2;
    border: 1px solid #ef5350;
    color: #b71c1c;
    border-width: 0 0 0 6px;
}

body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image{
    color: #b71c1c!important;
}

/*p:editor*/
.ui-texteditor .ui-editor-toolbar {
    background: #f8f9fa;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-texteditor .ui-editor-toolbar.ql-snow {
    border: 1px solid #dee2e6;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-stroke {
    stroke: #6c757d;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-fill {
    fill: #6c757d;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
    border: 0 none;
    color: #6c757d;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
    color: #495057;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
    stroke: #495057
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
    fill: #495057;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    color: #495057;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #495057;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: #495057;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    background: #fff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);
    border-radius: 4px;
    padding: .5rem 0;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
    color: #495057;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
    color: #495057;
    background: #e9ecef;
}

.ui-texteditor .ui-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
    padding: .5rem 1rem;
}

.ui-texteditor .ql-container {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-texteditor .ql-container.ql-snow {
    border: 1px solid #dee2e6;
}

.ui-texteditor .ql-container .ql-editor {
    background: #fff;
    color: #495057;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-texteditor .ql-snow.ql-toolbar button:hover,.ui-texteditor .ql-snow.ql-toolbar button:focus {
    color: #495057;
}

.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-stroke,.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-stroke {
    stroke: #495057;
}

.ui-texteditor .ql-snow.ql-toolbar button:hover .ql-fill,.ui-texteditor .ql-snow.ql-toolbar button:focus .ql-fill {
    fill: #495057;
}

.ui-texteditor .ql-snow.ql-toolbar button.ql-active,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
    color: #2196f3;
}

.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-stroke,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
    stroke: #2196f3;
}

.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-fill,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
    fill: #2196f3;
}

.ui-texteditor .ql-snow.ql-toolbar button.ql-active .ql-picker-label,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,.ui-texteditor .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
    color: #2196f3;
}

.ui-texteditor.ui-state-error .ui-editor-toolbar.ql-snow,.ui-texteditor.ui-state-error .ql-container.ql-snow {
    border-color: #f44336;
}
/*p:editor FIM*/

.imgChat{
    transition: .2s ease-in-out 0s;
    box-shadow: #999 0px 0px 10px 0px
}
.imgChat:hover{
    transform: scale(1.15);
    box-shadow: #146fd7 0px 0px 10px 0px
}

body .ui-overlaypanel .ui-overlaypanel-close{
    background-color: #ffffff;
    color: #999;
    border: 1px solid #999;
}
body .ui-overlaypanel .ui-overlaypanel-close:hover{
    background-color: #ffffff;
    color: red;
}
.panelChatGpt{
    max-width: 100%;
    height: 60vh;
    overflow-y: auto;
}
.panelChatGptReadacao{
    max-width: 100%;
    height: 68vh;
    overflow-y: auto;
}
.btnGpt .tooltiptext {
    visibility: hidden;
    width: 400px;
    background-color: #fff;
    color: #292B2C;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 887;
    right: 125%;
    bottom: 10%;
    margin-left: -60px;
    opacity: 0;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    border: 1px solid #ddd;
    transition: opacity 0.3s;
}
.btnGpt:hover .tooltiptext {
    visibility: visible;
    width: 400px;
    opacity: 1;
}

.infoChatGpt{
    font-size: 13px;
    text-align: justify;
    margin-top: -10px;
    color: #999;
}

.labelGPT {
    max-width: 62vw;
    display:inline-flex;
    text-align: justify;
    word-break: break-word;
    border-radius:15px;
    width: 650px;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.5;
    tab-size: 4;
    box-shadow: rgba(99, 99, 99, 0.3) 0px 2px 8px 0px;
    background-color: #ddf2ff;
    margin-top: 15px;
}
.trashFiltCustom:hover {
    color:red;
}

#tbl_data > tr > td > a.title:hover {
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 5px;
    transform: scale(1.5);
}

.ui-state-default .ui-sortable-column .ui-filter-column .ui-state-focus .ui-state-active,
body .ui-datatable thead th.ui-state-active.ui-state-focus,
body .ui-datatable thead th.ui-state-active {
    background-color: #dddddd;
    color: #000;
    border-color: #dddddd;
}
.ui-state-default .ui-sortable-column .ui-filter-column .ui-state-focus .ui-state-active,
body .ui-datatable thead th.ui-state-active.ui-state-focus,
body .ui-datatable thead th.ui-state-active {
    background-color: #dddddd;
    color: #000;
    border-color: #dddddd;
}

.nomeDocumentoDialogIA{
    color: #337ab7!important;
    word-break: break-word!important;
    display: flex!important;
}

.nomeDocumentoDialogIA i{
    margin-right: 5px!important;
    font-size: 15pt!important;
}

#uploadDialog .ui-fileupload-buttonbar,#uploadDialog .ui-fileupload-buttonbar .ui-button{
    width: 100%!important;
}

#uploadDialog .ui-fileupload-filename {
    word-break: normal!important;
}

.imgChatTexto{
    transition: .2s ease-in-out 0s;
}

#promptIDTexto, #promptIDEmail{
    width: 20rem;
    padding: 10px;
    padding-right: 40px;
    border-radius: 15px;
}

#promptIDTextoSelected{
    width: 20rem;
    padding: 10px;
    padding-right: 40px;
}
.divPromptIDTexto{
    text-align: right;
    position: absolute;
    right: 1.5rem;
    margin-top: 2.5px;
    color: #ddd;
}
.pi-sendBtn{
    height: 32px;
    border-radius: 50%;
    background: #fff!important;
    color:#999!important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px
}
.pi-sendBtn:active,.pi-sendBtn:hover{
    color:#337ab7!important;
    background: #ececec!important;
}

.pi-sendBtn-chat{
    height: 32px;
    border-radius: 50%;
    background: #879ffd !important;
    color: #fff !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
}

.pi-sendBtn-chat:active,.pi-sendBtn-chat:hover{
    color:#337ab7!important;
    background: #ececec!important;
}
.btnOpcaoIATexto{
    background: transparent !important;
    color: #212529 !important;
    padding: 5px;
    width: 100%;
    display: inline-flex;
    margin-top: 3px;
}
.btnOpcaoIATexto:hover{
    background: #ececec!important;
}

.btnOpcaoIAExpressao{
    background: transparent !important;
    color: #212529 !important;
    padding: 5px;
    width: 100%;
    display: inline-flex;
    margin-top: 3px;
}
.btnOpcaoIAExpressao:hover{
    background: #ececec!important;
}

.btnLoadCheckIA {
    background: transparent !important;
    color: #212529 !important;
    z-index: 2;
}

.btnLoadCheckIA .active {
    /* Define the styles for the active button */
    background-color: #f0f0f0;
    color: #333;
}

.btnLoadCheckIA:hover {
    background: #ececec!important;
}

.animated-border,  .animated-border2 {
    position: relative;
    display: inline-block;
    text-align: center;
    color: #333;
    background: #fff;
    border-radius: 14px;
    z-index: 0;
}

.animated-border:before,  .animated-border2:before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    border-radius: 20px;
    background: linear-gradient(45deg, blue, cyan, purple, blue);
    background-size: 200% 200%;
    z-index: -1;
    animation: animate-border 5s linear infinite;
}

.animated-border:after,  .animated-border2:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid transparent;
    border-radius: 18px;
    background: #fff;
    z-index: 1;
}

@keyframes animate-border {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes animate-border2 {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}


.animated-border:hover:after{
    background: transparent!important;
}

.animated-border:hover .imgChatTexto{
    filter: contrast(2.0) brightness(2);
    transform: scale(1.10);
}

.textoUtilizarIA{
    margin: 5px;
    position: relative;
    display: inline-block;
    font-weight: bold;
}

.animated-border:hover .textoUtilizarIA,.animated-border:hover .textoUtilizarIAIndex{
    color: #fff;
}

.speech-bubble,.speech-bubble-processamente {
    display: none;
    position: absolute;
    background: #ececec;
    border-radius: 0.4em;
    padding: 10px;
    color: #212529;
    width: max-content;
    text-align: left;
    font-family: Arial, sans-serif;
    bottom: 3rem;
    z-index: 1;

}

.speech-bubble-index {
    display: none;
    position: absolute;
    background: #f5f5f5;
    border-radius: 0.4em;
    right: 0rem;
    padding: 10px;
    color: #212529;
    width: max-content;
    text-align: left;
    font-family: Arial, sans-serif;
    bottom: 3rem;
    z-index: 1;
}

.animated-border:hover .speech-bubble, .animated-border:hover .speech-bubble-index,.ui-button:hover .speech-bubble-processamente {
    display: inline-block;
}

.speech-bubble::after,.speech-bubble-processamente::after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 3rem;
    border-width: 15px;
    border-style: solid;
    border-color: #ececec transparent transparent transparent;
}

.speech-bubble-index::after  {
    content: '';
    position: absolute;
    bottom: -25px;
    right: 3rem;
    border-width: 15px;
    border-style: solid;
    border-color: #f5f5f5 transparent transparent transparent;
}

.textoLoadIA {
    font-size: 14px;
    font-weight: bold;
    background: linear-gradient(45deg, blue, #02cbcb, purple, blue);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate-text 5s linear infinite;
}

.imgChatTextoPopUp{
    filter: contrast(1.5) brightness(1.2);
}

@keyframes animate-text {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.animated-border-tittle {
    display: flex;
    margin: 5px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    background: linear-gradient(45deg, #337ab7, #33a3b7, #7733b7, #337ab7);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate-text 20s linear infinite;
    position: relative;
}

.animated-border-tittle::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(45deg, blue, #02cbcb, purple, blue);
    background-size: 200% 200%;
    animation: animate-border-tittle 15s linear infinite;
}


#chatUploadDialog_title, #viewUploadDialog_title{
    background: linear-gradient(45deg, #2634f5, #753ef8, #00a2ff, #4d72e0);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate-text 5slinear infinite;
}

.border-tittle {
    display: flex;
    margin: 5px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: bold;
    background: #337ab7;
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
}

.border-tittle::after {
    content: '';
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #337ab7;
    background-size: 200% 200%;
}

@keyframes animate-text-tittle {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes animate-border-tittle {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.loaderIA {
    margin-left: 5px;
    display: inline-flex;
    width: 17px;
    aspect-ratio: 4;
    --_g: no-repeat radial-gradient(circle closest-side,#d4d4d4 90%, transparent);
    background:
        var(--_g) 0%   50%,
        var(--_g) 50%  50%,
        var(--_g) 100% 50%;
    background-size: calc(100%/3) 100%;
    animation: l7 1s infinite linear;
}

.loaderIANeweDoc {
    justify-self: center;
    margin-left: 5px;
    display: inline-flex;
    width: 50px;
    aspect-ratio: 4;
    --_g: no-repeat radial-gradient(circle closest-side,#fff 80%, transparent);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100% / 3) 100%;
    animation: l7 1s infinite linear;
}

.loaderIAChat {
    justify-self: center;
    margin-left: 5px;
    display: inline-flex;
    width: 50px;
    aspect-ratio: 4;
    --_g: no-repeat radial-gradient(circle closest-side,#ddd 80%, transparent);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100% / 3) 100%;
    animation: l7 1s infinite linear;
}

@keyframes l7 {
    33%{
        background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%
    }
    50%{
        background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%
    }
    66%{
        background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%
    }
}

#promptIDExpressao, #promptIDExpressaoCondicao, #promptIDExpressaoCondicaoEditar, #promptIDExpressaoVariavelEditar, #promptIDExpressaoVariavel{
    width: 20rem;
    padding: 10px;
    padding-right: 50px;
}

#promptIDTextoCriar{
    width: 30rem;
    padding: 10px;
    padding-right: 40px;
}

.divPromptIDExpressao{
    text-align: right;
    position: absolute;
    top: 1.8rem;
    right: 1.5rem;
    margin-top: 2.5px;
    color: #ddd;
}
.divPromptIDExpressaoEditar{
    text-align: right;
    position: absolute;
    right: 1.5rem;
    margin-top: 2.5px;
    color: #ddd;
}

.divPromptIDTextoCriar{
    text-align: right;
    position: absolute;
    top: 5rem;
    right: 1.5rem;
    margin-top: 2.5px;
    color: #ddd;
}

.divEnvioEmail{
    text-align: right;
    position: absolute;
    right: 1.5rem;
    margin-top: 2.5px;
    color: #ddd;
}
.betaIA {
    display: inline-block;
    padding: 5px 5px;
    background-color: #7df995;
    border: 1px solid #9bf917;
    border-radius: 12px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #1c862e;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: 3px;
    z-index: 2;
}

.betaIA span {
    font-weight: bold;
}
.promptIndexIa{
    justify-self: center;
    border-radius: 17px !important;
    height: 35px;
    width: 15rem;
    padding: 10px !important;
    padding-right: 35px !important;
}

.promptWrapperCriarComIA {
    position: relative;
    display: flex;
    justify-content: center;
    width: 50rem;
    height: 10rem;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden;
    border: 1px solid #cccccc;
    padding: 5px;
}

.scrollAreaCriarComIA {
    width: 100%;
    height: 70%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 10px 10px 0px;
    box-sizing: border-box;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.25) transparent;
}

.promptIndexCriarComIA {
    width: 100%;
    height: 100%;
    border: none !important;
    outline: none !important;
    resize: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    border: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

.promptIndexCriarComIA:focus,
.promptIndexCriarComIA:focus-visible,
.promptIndexCriarComIA:active,
.promptIndexCriarComIA:hover {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

.iconIAMenuCriarComIA,
.iconIATextCriarComIA {
    position: absolute !important;
    bottom: 10px;
    z-index: 3;
}

.testesAddIa{
    border-radius: 17px!important;
    width: 100%;
}

.divTestesAddIa{
    display: flow;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 25px;
    margin: auto;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.imgIndexIAPrompt{
    width: 5rem;
    justify-self:center;
}

.tituloIndexIAPrompt{
    justify-self: center;
    font-size: 22pt;
    font-weight: bold;
    font-family: serif, Arial;
}

.subtituloIndexIAPrompt{
    justify-self: center;
    font-size: 20pt;
    font-weight: bold;
    font-family: serif, Arial;
}

.textoIndexIAPrompt{
    justify-self: center;
    font-size: 12pt;
    margin-top: 8px;
    margin-bottom: 8px;

}

.textoIndexIAPromptTeamplate{
    font-weight: bold;
    font-size: 10pt;

}

.btnIndexCriarIA{
    background: #fff;
    width: max-content;
    border-radius: 15px;
    justify-self: center;
    position: relative;
    z-index: 1;
    border: 3px solid #1872ca;
    color:#104b84;
    font-weight: bold;
}

.btnIndexCriarIA:hover{
    background: #13356e;
    border: 3px solid #76a9db;
    color: #76a9db !important;
}

.textoIndexCriarIA{
    margin-left: 3px;
    top: -3px;
    position: relative;
}

.btnIndexCriarIA:hover .textoIndexCriarIA{
    color: #76a9db !important;
}
.divPromptIDDocument{
    justify-self: center;
    position: relative;
    padding-right: 40px !important;
    top: 36px;
    z-index: 11;
    width: fit-content;
    left: 285px;
}

.divPromptIDDocumentStep{
    justify-self: center;
    position: relative;
    padding-right: 40px !important;
    top: 3px;
    z-index: 11;
    width: fit-content;
    right: 38px;
    float: inline-end;
}
.btnSendIAInput{
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
}

.btnAdicionarTeses, .btnPromptEspecifico{
    color: #292B2C !important;
    background: #efefef !important;
    width: 100%;
    width: fit-content!important;
    justify-self: center;
}

.btnAdicionarTeses:hover,.btnPromptEspecifico:hover{
    color: #337ab7 !important;
    box-shadow: #e3e3e3 3px 3px 6px 0px inset, rgb(230 230 230 / 50%) -3px -3px 6px 1px inset;

}

.excluirTese,.excluirPromptEspecifico,.excluirDoc{
    color: #999;
    font-size: 12pt;
}
.excluirTese:hover,.excluirPromptEspecifico:hover,.excluirDoc:hover{
    color: #d84c4c;
}
.betaIANewDoc {
    display: inline-block;
    padding: 5px 5px;
    font-weight: bold;
    background-color: #7df995;
    border: 1px solid #9bf917;
    border-radius: 12px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #1c862e;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    right: 5px;
    top: 5px;
    margin: 3px;
    z-index: 2;
}

.betaIANewModelo {
    display: inline-block;
    padding: 5px 5px;
    font-weight: bold;
    background-color: #7df995;
    border: 1px solid #9bf917;
    border-radius: 12px;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #1c862e;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    right: 20px;
    top: 60px;
    margin: 3px;
    z-index: 2;
}

.btn-gerar-ia {
    height: 35px;
    width: 35px;
    z-index: 2;
    border-radius: 50%;
    background-color: #337ab7;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: background-color 0.3s ease;
}

.pi-voltarStep{
    height: 32px;
    border-radius: 50%;
    background-color: #337ab7 !important;
    color:#fff!important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px
}

.btn-gerar-ia:hover, .pi-voltarStep:hover, .btn-gerar-ia .ui-button:hover  {
    background-color: #66afe9 !important;
}

.btn-gerar-ia i, .pi-voltarStep i {
    font-size: 18px;
    color: #fff;
}

#listaPrompt_content{
    background-color: transparent;
}

#listaPrompt_content{
    background-color: transparent;
}

.iconPrompt{
    color: #7d98f9;
    margin-bottom: 8px;
}

.document-grid-item2{
    margin-bottom: 10px;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    max-height: 100px;
    height: 100px;
    border: 1px solid #7d98f9;
    overflow: hidden;
    text-align: left;
    color: #292B2C;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.document-grid-item-prompt, .document-grid-item-sugestoes{
    margin-bottom: 5px;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #cccccc;
    overflow: hidden;
    text-align: left;
    color: #292B2C;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.document-grid-item-sugestoes{
    max-height: 140px;
    height: 140px;
}

.document-grid-item-prompt:hover, .document-grid-item-sugestoes:hover{
    background-color: #337ab79e;
    border-color: #337ab79e;
    color: #fff;
    transform: scale(1.08);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
}

.cardDescricao {
    font-size: small;
    color: #999;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
}

.document-grid-item-prompt:hover .cardDescricao, .document-grid-item-sugestoes:hover .cardDescricao {
    color: #fff;
}

.document-grid-item2:hover{
    background-color: #eee;
}

#btnSendIA:disabled {
    background: #ddd!important;
    color:  #fff!important;
}
#btnSendGptUploadedDoc:disabled {
    background: #ddd!important;
    color:  #fff!important;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

#idTeses_head{
    display :none;
}
#idTeses_data{
    display: grid;
    gap: 5px;
    width: 100%;
}

.cardIA{
    padding: 20px !important;
    border-radius: 10px !important;
    display: grid;
}


#cardsContainer {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.cardHome1, .cardHome2, .cardHome3 {
    flex: 1;
    background: #f9f9f9;
    border: 1px solid #ddd;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #000;
    cursor: pointer;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cardHome1 {
    margin-top: 0px;
    transform: rotate(-3deg);
}

.cardHome3 {
    margin-top: 0px;
    transform: rotate(3deg);
}

.cardHome2:hover {
    transform: scale(1.02) translateY(-0.3rem);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    background: #fff;
}

.cardHome2:hover .divCorHomeCards{
    background: #fff;
}

.cardHome1:hover,.cardHome3:hover {
    transform: scale(1.1) rotate(0);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.btnHome {
    background: #f5f5f5;
    border: none;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15rem;
}

.cardHome1 {
    margin-top: 15px;
    height: 260px;

}

.cardHome2 {
    height: 280px;
}

.cardHome3 {
    margin-top: 15px;
    height: 260px;
}
.cardsContainer {
    display: flex;
    gap: 10px;
    justify-content: center;
}

.cardsAbaixoHome {
    position: relative;
    flex: 1;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    text-align: center;
}
.cardsAbaixoHome2 {
    width: 30%;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    text-align: center;
}

#listaDocumentos_content, #listaChat_content,#listaPrompt_content, #listaDocumentosUpload_content{
    background-color: transparent;
}

#listaSugestoes_content{
    background-color: transparent;
}
#listaDocumentos_paginator_bottom{
    border-radius: 10px;
}

.document-grid-item{
    margin-bottom: 10px;
    padding: 10px;
    background-color: #eef2f6;
    border-radius: 10px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    max-height: 240px;
    height: 240px;
}
.document-grid-item:hover{

    background-color: #eee;
}

.document-grid-item-top{
    background: #f5f5f5;
    border-radius: 5px;
    width: 100%;
    height: 8rem;
}
.document-grid-item-top-file {
    display: grid;
    background-color: #fff;
    width: 60%;
    justify-content: center;
    padding: 10px;
    margin: auto;
    height: 100%;
    color: #999;
    text-align: center;
    position: relative;
    align-self: flex-start;
    font-size: 10px;
    overflow: hidden;
}
.document-grid-item-top-doc{
    display: grid;
    text-align: left;
    position: absolute;
    padding: 10px;
}

.document-grid-item-content {
    padding: 10px;
    display: grid;
    justify-content: space-between;
    align-items: center;
    padding-top: 10px;
    margin-top: 10px;
    text-align: left;
}

.document-info {
    display: grid;
    color: #999;
}

.document-version {
    text-align: right;
    margin-left: 10px;
    flex-shrink: 0;
    background: #8dadfe;
    padding: 4px;
    color: #FFF;
    border-radius: 5px;
}
.iconDoc{
    padding: 1px;
    margin-right: 5px;
}
.qtdpasta{
    color: #999;
    position: absolute;
    background: #eeeeee;
    padding: 2px;
    border-radius: 50%;
    font-weight: bold;
    margin-top: -10px;
    margin-left: -10px;
    border: 1px solid #f5f5f5;
    width: 25px;
    visibility: hidden;
}
@keyframes slideInLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}


.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInTop {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}


.slideInTop {
    animation-name: slideInTop;
}

@keyframes slideInBot {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}


.slideInBot {
    animation-name: slideInBot;
}

@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}


.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInScale {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.slideInScale {
    animation-name: slideInScale;
}

@keyframes slideOutLeft {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(-100%);
        opacity: 0;
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

.slideMensagemIA.slideInRight {
    animation-name: slideInRight;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

.slideMensagemIA.slideOutLeft {
    animation-name: slideOutLeft;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}

.animated {
    animation-duration: 0.5s!important;
    animation-fill-mode: both;
}
.labelGPTchatAnalise {
    display: inline-flex;
    word-break: break-word;
    border-radius: 15px;
    width: -webkit-fill-available;
    padding: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.5;
    tab-size: 4;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color:#ddf2ff;
    margin-top: 15px;
}

.upload-container {
    padding: 16px;
    height: fit-content;
    width: 100%;
    display: grid;
    justify-content: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    border: 1px dashed #f5f5f5;
    border-radius: 10px;
    color: #fff;
}


.upload-container2 {
    padding: 20px;
    height: fit-content;
    width: 100%;
    display: grid;
    justify-content: center;
    text-align: center;
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 10px;
    border: 1px dashed #7d98f9;
    color: #292B2C;
}

.upload-container2:hover{
    background-color: #eee;
}

.upload-container-step{
    padding: 16px;
    height: fit-content;
    width: 100%;
    display: grid;
    justify-content: center;
    text-align: center;
    border: 1px dashed #000;
    border-radius: 10px;
    flex: 0 0 70%;
}

.upload-container-step2 {
    height: fit-content;
    width: 100%;
    display: grid;
    justify-content: center;
    text-align: center;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    height: auto;
}
.upload-wrapper-step {
    align-items: stretch;
    gap: 5px;
}

.upload-container:hover,.upload-container-step:hover,.upload-container-step2:hover {
    background-color: #337ab79e;
    border-color: #337ab79e;
    color: #fff;
}

.icon-container {
    width: 3.05rem;
    border-radius: 50%;
    padding: 1rem;
    display: grid;
    place-items: center;
    justify-self: center;
    position: relative;
}

.icon-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px dashed #00000033;
    border-radius: 50%;
    box-sizing: border-box;
    transition: all 0.3s;
}

.document-grid-item-documento, .document-grid-item-documento-criar-ia, .document-grid-item-chat {
    display: inline-flex;
    padding: 11px;
    overflow: hidden;
    background: #fff;
    text-align: left;
    color: #292B2C;
    max-height: 140px;
    width: 100%;
    font-size: small;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #cccccc;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.documentLinhaCriarComIA {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.documentInfoCriarComIA {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.novo-item-chat{
    display: inline-flex;
    padding: 5px;
    border-radius: 10px;
    background: #fff!important;
    text-align: left;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    border: 1px dashed #000!important;
    max-height: 140px;
    width: 100%;
    color: #000 !important;
    font-size: small;
}

.excluirChatIcon{
    background: transparent!important;
    position: absolute;
    right: 8px;
}
.excluirChatIcon:hover{
    color: red;
}

.document-grid-item-documento:hover,.document-grid-item-chat:hover, .novo-item-chat:hover {
    background-color: #337ab79e !important;
    border-color: #337ab79e !important;
    color: #fff !important;
}

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

.upload-container:hover .icon-container::before{
    animation: rotate-border 5s linear infinite;
}

.iconDocumento, .iconChatAssitente  {
    margin-right: 5px;
}
#idScrollDoc::-webkit-scrollbar{
    display: none!important;
}

.chat-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.chat-scroll {
    flex: 1;
    padding-bottom: 10px;
}

.chat-input-container {
    display: flex;
    align-items: center;
    padding: 5px;
    gap:8px;

}

.chat-input-container .pi-sendBtn {
    margin-left: 10px;
}

.divCorHomeCards{
    background: #f5f5f5;
    display: grid;
    justify-content: center;
}

.divTextoAbaixoCard{
    margin: 10px;
    font-size: small;
    color: #999;
    width: 80%;
    display: inline-block;
}

.divDocEmpty{
    justify-self: center;
    padding: 10px;
    border-radius: 10px;
    width: fit-content;
    height: fit-content;
    justify-content: center;
    font-size: 11pt;
    text-align: center;
}

.downloadDocumentoRedator{
    margin-left:5px;
}
.downloadDocumentoRedator:hover{
    color:#589cd7 !important;
}


#growlMessagePnlPrincipal {
    height: 28px;
    width: 350px;
}

#growlMessagePnlPrincipal > div {
    margin: 0;
    line-height: 10px;
}

#growlMessagePnlPrincipal > div > span {
    font-size: 20px!important;
}

#toggleSwitchTimer .ui-toggleswitch-slider .ui-toggleswitch-handler span {
    font-size: 16px;
    line-height: 16px;
}

.tooltipTimerKanban > div.ui-tooltip-text.ui-shadow.ui-corner-all,.tooltipPosProcessamento > div.ui-tooltip-text.ui-shadow.ui-corner-all {
    background-color: #f5f5f5;
    color: #60626b;
    border: 1px solid #a2a5b3;
    padding: 10px;
    border-radius: 15px;
    margin: 10px;
}

.tooltipTimerKanban > .ui-tooltip-arrow {
    left: 69%;
}

body .ui-badge.ui-badge-success {
    background: #689f38;
    color: #fff
}

body .ui-badge.ui-badge-info {
    background: #0288d1;
    color: #fff
}

body .ui-badge.ui-badge-warning {
    background: #fbc02d;
    color: #212529
}

body .ui-badge.ui-badge-danger {
    background: #d32f2f;
    color: #fff
}

#overlayPanelNotificacoes {
    top: 50px !important;
    right: 10% !important;
}

.liNotificacoesNaoLida {
    min-width: 200px!important;
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.liNotificacoesLida {
    min-width: 200px!important;
    margin: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 1px 10px 10px 10px;
    background-color: #e9e9e9;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

#overlayPanelNotificacoes > .ui-overlaypanel-content {
    padding: 5px;
    margin: 0;
}

#pnlNaoLidasNotificacoes, #pnlLidasNotificacoes {
    padding: 2px;
}

#tabViewNotificacoes > ul > li.ui-tabs-header {
    width: 49.3%;
}

#tabViewNotificacoes > ul > li.ui-tabs-header > a {
    width: 100%;
    text-align: center;
}

#tabViewNotificacoes .ui-scrollpanel-native::-webkit-scrollbar {
    width: 12px;
}

#tabViewNotificacoes .ui-scrollpanel-native::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px
}

#tabViewNotificacoes .ui-scrollpanel-native::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
    border: 3px solid #f1f1f1;
}

#tabViewNotificacoes .ui-scrollpanel-native::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

#tabViewNotificacoes .ui-scrollpanel-native::-webkit-scrollbar-button {
    background-color: #f1f1f1;
    height: 14px;
    width: 14px;
    padding: 5px;
}

#tabViewNotificacoes .ui-scrollpanel-native::-webkit-scrollbar-button:single-button:vertical:decrement {
    background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTExLjI5IDMuNzFMMy43MSAxMS4yOWExIDEgMCAwIDAgMS40MSAxLjQxbDYuNTgtNi41OGEuNS41IDAgMCAxIC43MSAwbDYuNTggNi41OGExIDEgMCAxIDAgMS40MS0xLjQxbC03LjU4LTcuNTlhMSAxIDAgMCAwLTEuNDEgMGwtNy41OCA3LjU5eiIvPjwvc3ZnPg==');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 20px;
}

#tabViewNotificacoes .ui-scrollpanel-native::-webkit-scrollbar-button:single-button:vertical:increment {
    background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEyLjk5IDIwLjI5bDcuNTgtNy41OGExIDEgMCAwIDAgLTEuNDEtMS40MWwtNi41OCA2LjU4YS41LjUgMCAwIDEtLjcxIDBsLTYuNTgtNi41OGExIDEgMCAwIDAgLTEuNDEgMS40MWw3LjU4IDcuNThhMSAxIDAgMCAwIDEuNDEgMHoiLz48L3N2Zz4=');
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

#modelosTop10 thead {
    display:none;
}


#modelosTop10 .ui-datagrid-header{
    display: none !important;
}

#listaModelos .ui-datatable-header{
    display: none !important;
}

#listaModelos tbody td  {
    border: none !important;
    padding: 10px;
}

body #listaModelos .ui-datatable-data > tr {
    border-color: #dddddd;
    border: 1px solid #ddd;
    padding: 5px;
}

body  #listaModelos  .ui-datatable-data > tr:hover {
    background-color: #eef2f6;
}

.indexNomeDocumento:hover{
    color: #6095fb;
}

.indexNomeDocumento{
    font-size: 11pt;
}

.cardHora {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width: 200px;
}

.cardHora-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.cardHora-text {
    font-size: 16px;
    color: #337ab7;
}

/* Optional hover effect for the card */
.cardHora:hover {
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
    border-color: #337ab7;
}

.btnConfigPesquisa{
    color: #337ab7;
    margin: auto;
}
.btnConfigPesquisa:hover{
    color: #2695ef;
}
#userCheck .ui-selectcheckboxmenu-token{
    width: -webkit-fill-available!important;
}
.btnUserAcoes{
    background: #f5f5f5 !important;
    padding: 7px;
    display: inline-grid;
    border-radius: 50% !important;
}
.btnUserAcoes:hover{
    background: #ddd !important;
}
.textAcaoExtrasDialog{
    margin-top: 10px;
}

.linkUdemyText {
    font-size: 14px;
    background: linear-gradient(45deg, #2634f5, #753ef8, #00a2ff, #4d72e0);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate-text 5s linear infinite;
}

.btnLlmTextIA {
    font-size: 14px;
    background: linear-gradient(45deg, #2634f5, #753ef8, #00a2ff, #4d72e0);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate-text 5s linear infinite;
}

.linkUdemy, .linkUdemy2 {
    position: absolute;
    text-decoration: none;
    color: #007bff;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
    background: #FFF;
    padding: 5px;
    border-radius: 5px;
    z-index: 2;
    transition: background-color 0.3s ease;
}

.linkUdemy:hover, .linkUdemy2:hover {
    background-color: #eee;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.linkUdemy i, .linkUdemy2 i {
    font-size: 18px;
}

.linkUdemy {
    top: 10px;
    right: 25px;
}

#slctValueVar_panel {
    max-width: 300px;
}

.linkUdemy2 {
    top: 4rem;
    right: 25px;
}

.linkNovoModelo{
    padding: 10px;
    display: flex;
    width: fit-content;
    margin: auto;
    color: #337ab7;
    background: #ff;
    border-radius: 5px;
    transition: background 1.5s ease;
    transition: color 0.5s ease;
    border: 1px solid #337ab7
}

.linkNovoModelo:hover{
    background: #449bd3;
    color: #fff;
}

.divPromptEspecifico {
    display: flow;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding: 25px;
    border-radius: 10px;
    width: max-content;
    border: 1px solid #ddd;
    width: 600px;
}

#tblPromptEspecificoCond_head, #tblPromptEspecificoVar_head{

}

.borderTabelaPrompt{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#tblPromptEspecificoCond_data, #tblPromptEspecificoVar_data{
    display: contents;
    width: 100%;
}

.textoUtilizarIAIndex {
    margin: 5px 5px 2px 5px;
    position: relative;
    display: inline-block;
    font-weight: bold;
}

.toolbarIndexEdit {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #ffffffc4;
    color: white;
    padding: 10px 40px 10px 20px;
    display: ruby;
    backdrop-filter: blur(3px);
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    z-index: 100;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.imgIndexDoc{
    width: 60px;
    height:60px;
    padding: 0px 5px 1px 0px;
}

.btnAnaliseIAIndexText {
    font-size: 15px;
    background: linear-gradient(45deg, #2634f5, #753ef8, #00a2ff, #4d72e0);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate-text 5s linear infinite;
}

.btnAnaliseIAIndex{
    background: transparent !important;
    color: #212529 !important;
    width: max-content;
    height: max-content;
    display: flow;
    margin-top: 3px;
    border-radius: 10px;
    padding: 7px;
    z-index: 1!important;
}

.btnAnaliseIAIndex:hover{
    background: #fff!important;
    outline: 1px solid #ececec
}

.LLMefeitoBrilhoIA {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    padding: 6px;
    box-shadow: 0 0 6px 4px rgb(0 0 0 / 5%);
    display: flex;
    align-items: center;
    background-color: #f5f5f5;
}

.LLMefeitoBrilhoIA::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 150%;
    height: 100%;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 70%);
    animation: brilhoInfinito 3s infinite linear;
}

@keyframes brilhoInfinito {
    from {
        left: -150%;
    }
    to {
        left: 150%;
    }
}

.btnVisualizarIA{
    padding: 6px;
}

.btnVisualizarIA:hover{
    color: #3e98e7;
}

.divBtnExtraChat{
    width: fit-content;
    border: 1px solid #f5f5f5;
    border-radius: 15px;
    margin-top: 3px;
    font-size: medium!important;
}

.divBtnExtraChatAnalise{
    width: fit-content;
    border: 1px solid #dcdcdc63;
    border-radius: 15px;
    margin-top: 3px;
    box-shadow: rgba(99, 99, 99, 0.1) 0px 2px;
}

.btnExtraChat, .btnExtraChatAnalise{
    background: transparent!important;
    color: #999!important;
}

.btnExtraChat:hover{
    background:#eeeeee!important;
}

.btnExtraChatAnalise:hover{
    background: rgb(255 255 255 / 50%) !important;
}

.btnObrigatorio{
    margin: auto;
    display: flex;
    margin-left: 5px;
    border-radius: 5px;
    padding: 5px;
    color: #ff5454de;
    background: #ff000014;
}
.btnObrigatorio:hover{
    color: red!important;
}

.documentos-list-obrigatorio {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.documento-grid-obrigatorio  {
    display: flex;
    gap: 1rem;
    padding: 10px;
    align-items: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 15px;
}
.documento-grid-obrigatorio:hover {
    background: #f5f5f5;
}

.documento-nome {
    font-weight: bold;
    margin-bottom: 0.5rem;
}

.doc-container-upload{
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.btnHorasTask{
    background: #f5f5f5 !important;
    color: #292b2c !important;
    border-radius: 1px !important;
}

.btnHorasTask:hover{
    background: #e0e0e0 !important;
}

.painelHorasTask{
    margin-top: 15px;
    display: flex;
    flex-flow: wrap;
    gap: 5px;
    justify-content: center;
}

.typeIndexLlm{
    color: #999;
    font-size: 14px;
}

.limiteDocsLlm{
    color: #999;
    font-size: 13px;
}

.typeIndexLlm-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kanbanDivUser{
    display: flex;
    align-items: center;
    gap:7px;
}
.kanbanBtnClockUser{
    width: 25px;
    height: 25px;
    background: #ffffff !important;
    margin-top: -2px;
    display: flex;
    color: #7c7c7c !important;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.kanbanBtnClockUser:hover{
    background: #efefef !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.dicaBtnIA{
    font-size: 18px;
    background: linear-gradient(45deg, #2634f5, #753ef8, #00a2ff, #4d72e0);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate-text 3s linear infinite;
}

.dicaSidebarDoc{
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
    padding: 10px;
    border-radius: 10px;
    background-color: #f5f5f5;
    text-align: justify
}

.revisarIA {
    font-size: 12pt;
    text-align: justify;
    background: linear-gradient(45deg, #2634f5, #753ef8, #00a2ff, #4d72e0);
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate-text 7s linear infinite;
}

.animate-panel-show {
    display: block !important;
    animation: panelShow .5s cubic-bezier(.33,1,.68,1) forwards;
}

.animate-panel-hide {
    animation: panelHide .5s cubic-bezier(.33,1,.68,1) forwards;
}

.btnPrompts {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.btnPrompts:hover {
    color: #666;
}

.painelAnalisarDocs {
    display: flex;
}

.slide-mensagem-ia-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    min-height: 25px;
}

.slideMensagemIA {
    display: inline-block;
    white-space: nowrap;
}

.textoSlideMensagensIA {
    font-size: 14px;
    color: #777;
}

@keyframes panelShow {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes panelHide {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(20px);
    }
}

.btnBuscarTextos{
    padding: 5px;
    border-radius: 5px;
    color: #292b2c !important;
    background: #f5f5f5;
    align-items: center;
    display: flex;
    gap: 5px;
    width: fit-content;
}

.btnBuscarTextos:hover{
    background: #dcdcdc;
}

.btnExcluirAnaliseDoc{
    height: 30px;
    width: 30px;
    right: 5px;
    background: transparent !important;
    color: #292B2C !important;
    display: flex;
    align-self: center;
    position: absolute;
    z-index: 2
}

.btnExcluirAnaliseDoc:hover{
    color: #99d6ff !important;
}

.btnPromptListHist{
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding: 5px;
    border-radius: 50%;
    font-size: 12pt;
    color: #999;
}

.btnPromptListHist:hover{
    background: #ddd;
    color: #292B2C
}