.painel-autocomplete-vara {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    justify-content: flex-start;
}

.subtitulo-vara {
    font: 10px "Arial, sans-serif";
    font-weight: 600;
    color: #3e3e3e;
}

.div-center {
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 30%;
}

button-close-lightbox-media {
    float: right;
    margin-left: -21px;
    margin-top: -8px;
    width: 25px;
    height: 25px;
    border-radius: 8px;
}

.body-login {
    background-color: #f4f4f4;
}

.margin-height-auto {
    margin: auto !important;
    height: auto !important;
}

@media screen and (max-width: 1075px) {
    .div-center {
        width: 80% !important;
    }
}

.datatable-custom .ui-widget-header {
    background: #ffffff;
    color: #333333;
}

.ui-datatable-odd {
    background: #F9F9F9 !important;
}

div.datatable-custom a {
    text-decoration: none !important;
}

div.datatable-custom a:hover {
    text-decoration: none !important;
}

.bold {
    font-weight: bold !important;
}

.display-none {
    display: none !important;
}

/*.datatable-custom .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none!important;
    border-top: 3px solid #fff !important;
    border: none !important;
}*/

.ui-scrollpanel {
    border: none;
}

.datatable-custom .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    border-width: 0px !important;
}

.datatable-custom .ui-widget-content {
    border: none !important;
}

.datatable-custom .ui-widget-header{
    border: none !important;
}

.datatable-custom .ui-datatable thead th {
    border-width: 0px !important;
}

.datatable-custom tbody {
    border-top: 3px solid #fff !important;
    line-height: 2.7;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: left !important;
}
.ui-datatable table {
    border-collapse: inherit !important;
}

.ui-paginator-bottom a {
    background-color: #fff !important;
}

.ui-radiobutton .ui-radiobutton-box {
    width: 19px !important;
    height: 19px !important;
}

.ui-dialog.responsive>.ui-dialog-content {
    border-radius: 8px !important;
}

.ui-dialog.ui-widget-content {
    border-radius: 8px !important;
}

.rodape{
    position: fixed;
    bottom: 0;
    text-align: center;
    left: 0;
    width: 100%;
    background-color: #fff !important;
    z-index: 997;
}

.datatable-custom .ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon, .ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon {
    height: 17px !important;
    overflow: inherit !important;
}

.dialogTransparent {
    margin: 0 auto;
    text-align: center;
    background: rgba(10,23,55,0) !important;
    box-shadow: none !important;
    border: none !important;
    overflow:hidden !important;
}

input[id$='inputData_input']{
    width: 100% !important;
}

.ui-dialog.responsive {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    background-color: rgba(0, 0, 0, 0.01) !important;
    height: 100% !important;
    overflow-y: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
}

.ui-dialog.responsive > .ui-dialog-content {
    background-color: #fff !important;
    display: block;
    width: 100%;
    margin: 35px auto;
    max-width: 730px;
    overflow: visible !important;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    box-shadow: 0 16px 24px 0 rgba(0,0,0,0.22),0 25px 55px 0 rgba(0,0,0,0.21) !important;
}

.ui-dialog.responsive.responsive-small > .ui-dialog-content {
    max-width: 375px;
}

.dialog-custom .ui-widget .ui-widget {
    font-size: 1.0em!important;
}

@keyframes swing {
    0% {
        transform: rotate(0deg);
    }
    10% {
        transform: rotate(10deg);
    }
    30% {
        transform: rotate(0deg);
    }
    40% {
        transform: rotate(-10deg);
    }
    50% {
        transform: rotate(0deg);
    }
    60% {
        transform: rotate(5deg);
    }
    70% {
        transform: rotate(0deg);
    }
    80% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes sonar {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}
.ui-widget .ui-widget {
    font-size: 0.9em !important;
}
body {
    font-size: 0.9em !important;
}

.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand > a,
.sidebar-wrapper .sidebar-dropdown > a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
#show-sidebar,
#close-sidebar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.page-wrapper {
    height: 100vh;
}

.page-wrapper .theme {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px;
}

.page-wrapper .theme.chiller-theme {
    background: #1e2229;
}

.page-wrapper.toggled .sidebar-wrapper {
    left: 0px;
}

@media screen and (min-width: 768px) {
    .page-wrapper.toggled .page-content {
        padding-left: 300px;
    }
    #close-sidebar{
        /*display: none;*/
    }
}

#show-sidebar {
    position: initial;
    left: 0;
    top: 10px;
    border-radius: 0 4px 4px 0px;
    width: 35px;
    transition-delay: 0.3s;
}
.page-wrapper.toggled #show-sidebar {
    left: -40px;
}

.sidebar-wrapper {
    width: 280px;
    height: 100%;
    max-height: 100%;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 999;
}

.sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-wrapper a {
    text-decoration: none;
}

.sidebar-content {
    max-height: calc(100% - 30px);
    height: calc(100% - 30px);
    overflow-y: auto;
    position: relative;
}

.sidebar-content.desktop {
    overflow-y: hidden;
}

.sidebar-wrapper .sidebar-brand {
    padding: 7px 19px;
    display: flex;
    align-items: center;
}

.sidebar-wrapper .sidebar-brand > a {
    text-transform: uppercase;
    font-weight: bold;
    flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
    cursor: pointer;
    font-size: 20px;
}

.sidebar-wrapper .sidebar-header {
    padding: 20px;
    overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
    float: left;
    width: 60px;
    padding: 2px;
    border-radius: 12px;
    margin-right: 15px;
    overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info {
    float: left;
}

.sidebar-wrapper .sidebar-header .user-info > span {
    display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
    font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
    font-size: 11px;
    margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
    font-size: 8px;
    margin-right: 4px;
    color: #5cb85c;
}

.sidebar-wrapper .sidebar-search > div {
    padding: 10px 20px;
}

.sidebar-wrapper .sidebar-menu {
    padding-bottom: 10px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
    font-weight: bold;
    font-size: 14px;
    padding: 15px 20px 5px 20px;
    display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 8px 30px 8px 10px;
}

.sidebar-wrapper .sidebar-menu ul li a i {
    margin-right: 10px;
    font-size: 17px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover > i::before {
    display: inline-block;
    animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    font-style: normal;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0 0;
    position: absolute;
    right: 15px;
    top: 14px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
    padding: 5px 0;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
    padding-left: 25px;
    font-size: 13px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    font-size: 8px;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
    float: right;
    margin-top: 8px;
    margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
    float: right;
    margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
    display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
    transform: rotate(90deg);
    right: 17px;
}

.sidebar-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
}

.sidebar-footer > a {
    flex-grow: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.sidebar-footer > a .notification {
    position: absolute;
    top: 0;
}

.badge-sonar {
    display: inline-block;
    background: #980303;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 0;
}

.badge-sonar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #980303;
    opacity: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: sonar 1.5s infinite;
}

.page-wrapper .page-content {
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    padding-top: 20px;
    padding-bottom: 50px !important;
}

.page-wrapper .page-content > div {
    padding: 0;
    /*padding: 20px 40px;*/
}

.page-wrapper .page-content {
    overflow-x: hidden;
    padding-left: 30px;
}

::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #717479;
    border: 0px none #ffffff;
    border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
    background: #717479;
}
::-webkit-scrollbar-thumb:active {
    background: #717479;
}
::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
    background: transparent;
}
::-webkit-scrollbar-track:active {
    background: transparent;
}
::-webkit-scrollbar-corner {
    background: transparent;
}


.chiller-theme .sidebar-wrapper {
    background: #fff;
}

.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu {
    border-top: 1px solid #eceff1;
}

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer>a {
    color: #656565;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li:hover>a,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
.chiller-theme .sidebar-footer>a:hover i {
    color: #000;
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
    color: #bdbdbd;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: #ffffff;
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
    color: #000;
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    background: transparent;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #6c7b88;
}

.chiller-theme .sidebar-footer {
    background: #3a3f48;
    box-shadow: 0px -1px 5px #282c33;
    border-top: 1px solid #464a52;
}

.chiller-theme .sidebar-footer>a:first-child {
    border-left: none;
}

.chiller-theme .sidebar-footer>a:last-child {
    border-right: none;
}

.margem-conteudo{
    padding-top: 20px !important;
}

.legenda {
    width: 20px;
    height: 20px;
}

.situacao-ok {
    background-color: #cdf5cca3 !important;
    background-image:none;
    color: #000000;
}

.situacao-no {
    background-color: #ffffff!important;
    background-image:none;
    color: #000000;
}

.situacao-vencida {
    background-color: #fff4f7!important;
    background-image:none;
    color: #000000;
}

.label-legenda {
    font-size: 12px;
    font-weight: bold !important;
    color: #333333;
}

root {
    font-size: 14px;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Verdana,Tahoma,Arial,sans-serif;
}
body {
    font-size: 14px;
}

html {
    font-size: 14px;
    display: block;
    font-family: "Helvetica Neue",Helvetica,Verdana,Tahoma,Arial,sans-serif;
}

@font-face{
    font-family: "Segoe UI Light";
    src: url("./../../resources/fonts/ufonts.com_segoe_ui_light.ttf");
    font-weight: normal;
    font-style: normal;
    src: local('Segoe UI Light'), url('./../../resources/fonts/ufonts.com_segoe_ui_light.ttf') format('truetype');
}

.ui-datatable-tablewrapper .ui-state-default{
    background-image:none!important
}

.ui-datatable table {
    border-collapse: collapse!important;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 4px 10px;
    overflow: hidden;
    border-width: 0px !important;
    border-style: solid;
}

.ui-datatable tbody tr {
    border: 3px solid !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.btn-no {
    color: #fff;
    background-color: #b84955;
    border-color: #b84955;
}

.card-proxies{
    max-width: 12rem;
    max-height: 8rem;
    width: 12rem;
    height: 8rem;
    padding: 30px;
}

.panel-heading {
    background-color: #404040;
    color: white;
    padding: 10px;
    margin: -15px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-bottom: 15px;
    ;
}

.panel-body {
    padding: 10px;
}

.panel-buttoms {
    border-top: 1px solid #f5f5f5;
    padding: 10px 0px 0px 0px;
    font-size: 14px!important;
}

.panel-buttoms-clear {
    text-align: center;
}

.panel-buttoms a, .panel-buttoms-clear a {
    margin: 2px 5px 2px 0px;
    padding: 10px 20px;
    border-radius: 5px;
}
.panel-buttoms span, .panel-buttoms span {
    margin: 2px 5px 2px 0px;
    padding: 10px 20px;
    border-radius: 5px;
}

.link-icone-adicionar i{
    font-size: 20px !important;
}

.link-icone-adicionar:hover{
    text-decoration: none !important;
}

.link-icone-adicionar:hover i{
    color: blue !important;
}

.botoes-remocao span.ui-icon {
    margin-top: -5px !important;
}

.botoes-remocao span{
    font-size: 12px !important;
}

.painel-perfil a {
    border-radius: 3px !important;
    padding: 5px !important;
}

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

.header-dropdown {
    border: none!important;
    text-align: center;
    font-weight: bold;
    background-color: #0E326A;
    color: #fff;
    border-radius: initial;
}

.header-dropdown p {
    margin: 0px!important;
}

.dropdown-menu-custom {
    webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}

/*PAIENEL*/
.panel-default {
    border-color: #ddd;
}

.panel-bootstrap {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #F5F5F5;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-heading-bootstrap {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-default>.panel-heading-bootstrap {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel-body-bootstrap {
    padding: 15px;
}

.width-buttons-perfil {
    width: 50px !important;
}

.panelInformacoesClientes .ui-state-disabled {
    opacity: .75;
}

.panelgroup-botoes-cliente {
    float: right;
    margin-top: 10px;
}

.panelgroup-botoes-cliente a {
    margin: 0px 2px;
}

.coluna-filtros-consulta-cliente {
    width: calc(100% - 30px);
    float: left;
    padding-right: 0px !important;
}

.botao-search-dialog {
    margin-top: 2px;
}

input[id$='inputValorBeneficio_input']{
    width: 100% !important;
}

.ui-growl{
    z-index: 9999 !important;
}

input[id$='autoCompleteBuscaGlobal_input']{
    width: 100% !important;
}

#rodape-login {
    color: #999;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
}

#rodape-login a{
    color: #999;
}

#rodape-login a:hover{
    text-decoration: none;
}

.width-login {
    max-width: 380px;
}

table.panelgrid-botoes-login .btn-panel-login {
    width: 100%;
    margin-bottom: 5px;
    height: 40px;
    padding-top: 8px;
    font-size: 15px !important;
}

.panelgrid-botoes-login td {
    width: 50%;
}

.img-login {
    width: 140px;
    margin: 0 auto;
    height: 100px;
    max-width: 330px;
}

.input-icone-login {
    color: #ccc;
    font-size: 20px !important;
    padding: 0;
    width: 32px;
    box-sizing: border-box;
    display: table-cell;
    float: left;
    margin-right: 30px;
    margin-top: 10px;
    margin-left: 5px;
    text-align: center;
    position: absolute;
}

.panel-login .form-group .input{
    padding: 12px 12px 12px 35px!important;
    height: 55px !important;
    font-size: 15.6px!important;
}

.info-login {
    color: #333333;
    padding-bottom: 30px;
    padding-top: 1px;
    font-size: 15px;
    line-height: 1.125em;
    margin: 0;
}

span.calendario-full input {
    width: 100%;
}

.etiqueta {
    font-weight: bold;
    padding: 4px 6px;
    border-radius: 3px;
    color: #fff;
}

.ativo {
    background-color: #228e22;
}

.inativo {
    background-color: #c30c28;
}

.panelGridUsuariosTrf {
    max-width: 30px;
}

/*CSS DE CORREÇÃO*/
.width-full {
    width: 100%;
}

.margin-horizontal-center {
    margin: 0 auto;
}

.card .card-body .font-14px {
    font-size: 14px !important;
}

.margin-5px {
    margin: 5px;
}

.span-eye-padding {
    padding-top: 3px;
    padding-right: 3px;
}

.div-instancia-descricao {
    margin-top: -17px;
    color: #808080;
    font-size: small;
    font-weight: bold;
}

/*AJUSTE DA PÁGINA CADASTRO DE PROCESSO*/
.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield {
    cursor: text;
    background: none #ffffff;
    border: 1px solid #cccccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    width: 100% !important;
}

/*CSS DO PAINEL*/
.data{
    width: 100% !important;
}

.data-log{
    font-size: smaller;
}

.card-title {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}

.identificador{
    font-weight: bold;
    font-size: smaller;
}

.texto {
    display: block;
    width: 100%;
    height: calc(1.5em+0.75rem+2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card[class*=bg-], .card[class*=bg-] .card-title, .card[class*=bg-] .card-title a, .card[class*=bg-] .icon i, .card [class*=card-header-], .card [class*=card-header-] .card-title, .card [class*=card-header-] .card-title a, .card [class*=card-header-] .icon i {
    color: #fff;
}

.card.bg-warning, .card .card-header-warning .card-icon, .card .card-header-warning .card-text, .card .card-header-warning:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-warning .back, .card.card-rotate.bg-warning .front {
    background-color: #6c757d;
}
.card [class*=card-header-] {
    margin: 0 15px;
    padding: 0;
    position: relative;
}

.card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
    margin-top: -20px;
    padding: 3px;
}

.datatable-log thead {
    display: none !important;
    vertical-align: middle;
    border-color: inherit;
}

.div-icone-ajaxstatus {
    font-size: 20px;
    width: 180px;
    height: 180px;
}

select {
    border-radius: 0px !important;
    height: 32px !important;
}

.ui-inputtext {
    border-radius: initial !important;
    height: 32px !important;
}

.ui-inputfield {
    border-radius: 0px !important;
    height: 32px !important;
}

.calendar-custom input{
    border-radius: initial !important;
    height: 32px !important;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9,
.col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2,
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8,
.col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto,
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7,
.col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11,
.col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3,
.col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9,
.col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 7px !important;
    padding-left: 7px !important;
}

.container-prevalert {
    padding-left: 7px;
    padding-right: 7px;
}

.datatable-custom table > thead > tr {
    height: 40px !important;
    border-top: 1px solid #efefef !important;
    border-bottom: 1px solid #efefef !important;
}

.datatable-custom table > thead > tr > th{
    background-color: #fff;
}

/*FONTES*/
.font-11px {
    font-size: 11px !important;
}

.font-12px {
    font-size: 12px !important;
}

.font-13px {
    font-size: 13px !important;
}

.font-14px {
    font-size: 14px !important;
}

.font-15px {
    font-size: 15px !important;
}

.font-17px {
    font-size: 17px !important;
}

.font-20px {
    font-size: 20px!important;
}

.font-22px {
    font-size: 22px!important;
}

.font-24px {
    font-size: 24px !important;
}

.font-30px {
    font-size: 30px !important;
}

/*FIM FONTES*/

.w-40px {
    width: 40px;
}

.tbody-border-none tbody{
    border: 0px !important;
}

.botoes-tabela a{
    border-radius: 4px !important;
}

.texto-esquerda{
    text-align: left !important;
}


/*MARGENS*/
.m-10px {
    margin: 10px 10px 10px 0px;
}

.mb-15px{
    margin-bottom: 15px;
}

.mb-20px{
    margin-bottom: 20px;
}

.mb-25px{
    margin-bottom: 25px;
}

.pl-20px {
    padding-left: 20px;
}

.ml-40px {
    margin-left: 40px;
}

.mb-41px {
    margin-bottom: 41px;
}

.mb-75px {
    margin-bottom: 75px;
}

.mr-5px{
    margin-right: 5px;
}

.ml-46px {
    margin-left: 46px;
}

.mb-60px {
    margin-bottom: 60px;
}

.mt-minus-10px {
    margin-top: -10px;
}

.mt-15px {
    margin-top: 15px;
}

.mt-50px {
    margin-top: 50px;
}

.mt-5px {
    margin-top: 5px;
}
/*FIM MARGENS*/

.ui-datascroller-inline .ui-datascroller-content {
    overflow: auto !important;
    border: none !important;
}

/*PAINEL*/
.bg-principal {
    background-color: #0E326A !important;
}

.bg-verde-escuro {
    background-color: #087b31;
}

.bg-verde-blue {
    background-color: #0CC2AB;
}

.bg-cinza-escuro {
    background-color: #565656;
}

.card-painel {
    height: 150px;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.numero-principal-card-painel {
    font-size: 4em;
    float: right;
}

.infos-card-painel {
    margin-top: 5px;
}

.margin-titulo-grafico {
    margin: 0px 0px -7px -50px;
}

/*TIMELINE*/
.main-timeline7 {
    overflow: hidden;
    position: relative
}

.main-timeline7 .timeline {
    width: 50%;
    float: left;
    z-index: 1;
    position: relative
}

.main-timeline7 .timeline:after,
.main-timeline7 .timeline:before {
    content: "";
    display: block;
    clear: both
}

.main-timeline7 .timeline:before {
    content: "";
    width: 40px;
    height: 90%;
    position: absolute;
    top: 10%;
    right: -20px
}

.main-timeline7 .timeline:last-child:before {
    height: 0
}

.main-timeline7 .timeline-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: 0;
    right: -40px;
    z-index: 3
}

.main-timeline7 .timeline-icon:before {
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #673BB7;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.main-timeline7 .timeline-icon i {
    font-size: 30px;
    color: #303a3b;
    line-height: 80px;
    z-index: 1;
    position: relative
}

.main-timeline7 .year {
    display: block;
    margin-left: 5px;
    padding: 0 60px 0 30px;
    font-size: 17px;
    color: #303a3b;
    text-align: right;
    border-bottom: 2px solid #303a3b;
    z-index: 2;
    position: relative
}

.main-timeline7 .year:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 5px solid #fff;
    margin: auto;
    position: absolute;
    bottom: -15px;
    left: 4px
}

.main-timeline7 .year:after {
    content: "";
    border-left: 10px solid #303a3b;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    bottom: -11px;
    left: 50px
}

.main-timeline7 .timeline-content {
    padding: 18px 60px 18px 40px;
    text-align: right;
    position: relative;
    z-index: 1
}

.main-timeline7 .timeline-content:after,
.main-timeline7 .timeline-content:before {
    content: "";
    width: 80px;
    height: 150px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: -7%;
    right: 15px;
    z-index: -1
}

.main-timeline7 .timeline-content:after {
    left: auto;
    right: -95px
}

.main-timeline7 .timeline:last-child .timeline-content:after,
.main-timeline7 .timeline:last-child .timeline-content:before {
    width: 0;
    height: 0
}

.main-timeline7 .title {
    font-size: 17px;
    font-weight: 700;
    margin-top: 0px;
}

.main-timeline7 .description {
    font-size: 13px;
    color: #7f8386;
    line-height: 25px
}

.main-timeline7 .timeline:nth-child(2) {
    margin-top: 140px
}

.main-timeline7 .timeline:nth-child(even) {
    margin-bottom: 80px
}

.main-timeline7 .timeline:nth-child(odd) {
    margin: -140px 0 0
}

.main-timeline7 .timeline:first-child,
.main-timeline7 .timeline:last-child:nth-child(even) {
    margin: 0 !important
}

.main-timeline7 .timeline:nth-child(2n) .timeline-icon,
.main-timeline7 .timeline:nth-child(2n):before {
    right: auto;
    left: -20px;
}

.main-timeline7 .timeline:nth-child(2n) .timeline-icon {
    left: -40px
}

.main-timeline7 .timeline:nth-child(2n) .year {
    padding: 0 30px 0 60px;
    text-align: left
}

.main-timeline7 .timeline:nth-child(2n) .year:before {
    left: auto;
    right: 3px
}

.main-timeline7 .timeline:nth-child(2n) .year:after {
    border-left: none;
    right: 50px
}

.main-timeline7 .timeline:nth-child(2n) .timeline-content {
    padding: 18px 40px 18px 60px;
    text-align: left
}

.main-timeline7 .timeline:nth-child(2n) .timeline-content:before {
    left: -95px
}

.main-timeline7 .timeline:nth-child(2n) .timeline-content:after {
    left: 15px
}

.main-timeline7 .timeline {
    width: 100%
}

.main-timeline7 .timeline:nth-child(even),
.main-timeline7 .timeline:nth-child(odd) {
    margin: 0
}

.main-timeline7 .timeline:before,
.main-timeline7 .timeline:nth-child(2n):before {
    width: 20px;
    height: 100%;
    left: 30px
}

.main-timeline7 .timeline-icon,
.main-timeline7 .timeline:nth-child(2n) .timeline-icon {
    left: 0
}

.main-timeline7 .timeline:nth-child(2n) .year,
.main-timeline7 .year {
    text-align: left;
    padding: 0 30px 0 100px
}

.main-timeline7 .timeline:nth-child(2n) .year:before,
.main-timeline7 .year:before {
    left: auto;
    right: 4px
}

.main-timeline7 .year:after {
    left: auto;
    right: 50px;
    border-right: 10px solid #303a3b;
    border-left: none
}

.main-timeline7 .timeline-content .description {
    color: #666
}

.main-timeline7 .timeline-content,
.main-timeline7 .timeline:nth-child(2n) .timeline-content {
    text-align: left;
    padding: 18px 40px 0px 100px
}

.main-timeline7 .timeline-content:after,
.main-timeline7 .timeline-content:before {
    width: 0;
    height: 0
}

/*TIMELINE AMARELA*/
.main-timeline7 .timeline-amarela .timeline:before {
    background: #FDC102 !important;
}

.timeline-amarela .title{
    color: #FDC102 !important;
}

.timeline-amarela .year:before {
    background: #FDC102 !important;
    box-shadow: 0 0 0 4px #FDC102 !important;
}

.timeline-amarela .timeline-icon {
    background: #FDC102 !important;
}

.timeline-amarela .timeline-icon:before {
    border: 2px solid #FDC102 !important;
    box-shadow: 0 0 0 4px #ffe698 !important;
}

.main-timeline7 .timeline-amarela:before {
    background: #FDC102 !important;
}

.main-timeline7#div-timeline-amarela .timeline:before {
    background-color: #FDC102 !important;
}

.main-timeline7 #div-timeline-amarela:before {
    background: #FDC102 !important;
}

/*FIM TIMELINE AMARELA*/

/*TIMELINE VERDE*/
.main-timeline7 .timeline-verde .timeline:before {
    background: #4ab22e !important;
}

.timeline-verde .title{
    color: #4ab22e !important;
}

.timeline-verde .year:before {
    background: #4ab22e !important;
    box-shadow: 0 0 0 4px #4ab22e !important;
}

.timeline-verde .timeline-icon {
    background: #4ab22e !important;
}

.timeline-verde .timeline-icon:before {
    border: 2px solid #4ab22e !important;
    box-shadow: 0 0 0 4px #9fff85 !important;
}

.main-timeline7 .timeline-verde:before {
    background: #4ab22e !important;
}

.main-timeline7#div-timeline-verde .timeline:before {
    background-color: #4ab22e !important;
}

.main-timeline7 #div-timeline-verde:before {
    background: #4ab22e !important;
}
/*FIM TIMELINE VERDE*/

/*TIMELINE ROXA*/
.main-timeline7 .timeline-roxa .timeline:before {
    background: #673BB7 !important;
}

.timeline-roxa .title{
    color: #673BB7 !important;
}

.timeline-roxa .year:before {
    background: #673BB7 !important;
    box-shadow: 0 0 0 4px #673BB7 !important;
}

.timeline-roxa .timeline-icon {
    background: #673BB7 !important;
}

.timeline-roxa .timeline-icon:before {
    border: 2px solid #673BB7 !important;
    box-shadow: 0 0 0 4px #a5afe4 !important;
}

.main-timeline7 .timeline-roxa:before {
    background: #673BB7 !important;
}

.main-timeline7 #div-timeline-roxa:before {
    background: #673BB7 !important;
}
/*FIM TIMELINE ROXA*/

/*TIMELINE VERMELHA*/
.main-timeline7 .timeline-vermelha .timeline:before {
    background: #D32F2E !important;
}

.timeline-vermelha .title{
    color: #D32F2E !important;
}

.timeline-vermelha .year:before {
    background: #D32F2E !important;
    box-shadow: 0 0 0 4px #D32F2E !important;
}

.timeline-vermelha .timeline-icon {
    background: #D32F2E !important;
}

.timeline-vermelha .timeline-icon:before {
    border: 2px solid #D32F2E !important;
    box-shadow: 0 0 0 4px #c98888 !important;
}

.main-timeline7 .timeline-vermelha:before {
    background: #D32F2E !important;
}

.main-timeline7#div-timeline-vermelha .timeline:before {
    background-color: #D32F2E !important;
}

.main-timeline7 #div-timeline-vermelha:before {
    background: #D32F2E !important;
}

/*FIM TIMELINE AMARELA*/

/*TIMELINE MARROM*/
.main-timeline7 .timeline-marrom .timeline:before {
    background: #6d5a16 !important;
}

.timeline-marrom .title{
    color: #6d5a16 !important;
}

.timeline-marrom .year:before {
    background: #6d5a16 !important;
    box-shadow: 0 0 0 4px #6d5a16 !important;
}

.timeline-marrom .timeline-icon {
    background: #6d5a16 !important;
}

.timeline-marrom .timeline-icon:before {
    border: 2px solid #6d5a16 !important;
    box-shadow: 0 0 0 4px #a58306 !important;
}

.main-timeline7 .timeline-marrom:before {
    background: #6d5a16 !important;
}

.main-timeline7#div-timeline-marrom .timeline:before {
    background-color: #6d5a16 !important;
}

.main-timeline7 #div-timeline-marrom:before {
    background: #6d5a16 !important;
}
/*FIM TIMELINE MARROM*/

/*TIMELINE AZUL*/
.main-timeline7 .timeline-azul .timeline:before {
    background: #4ab22e !important;
}

.timeline-azul .title{
    color: #313f84 !important;
}

.timeline-azul .year:before {
    background: #313f84 !important;
    box-shadow: 0 0 0 4px #313f84 !important;
}

.timeline-azul .timeline-icon {
    background: #313f84 !important;
}

.timeline-azul .timeline-icon:before {
    border: 2px solid #313f84 !important;
    box-shadow: 0 0 0 4px #6776c3 !important;
}

.main-timeline7 .timeline-azul:before {
    background: #313f84 !important;
}

.main-timeline7#div-timeline-azul .timeline:before {
    background-color: #313f84 !important;
}

.main-timeline7 #div-timeline-azul:before {
    background: #313f84 !important;
}
/*FIM TIMELINE AZUL*/

/*FIM TIMELINE*/


.calendar-data-grafico > input{
    width: 100px !important;
}

.conteudo-movimentacao-descricao {
    margin: 0px;
}

/*LARGURAS*/
.w-20px {
    width: 20px !important;
}

.w-55px {
    width: 55px !important;
}

.w-270px {
    width: 270px !important;
}

.w-400px {
    width: 400px !important;
}

.w-100-20px {
    width: calc(100% - 20px);
}

.w-100-40px {
    width: calc(100% - 40px) !important;
}

.w-100-65px {
    width: calc(100% - 65px) !important;
}

.w-100-70px {
    width: calc(100% - 70px);
}

.w-100-80px {
    width: calc(100% - 80px);
}

.w-100-100px {
    width: calc(100% - 100px);
}

.w-100-120px {
    width: calc(100% - 120px);
}

.w-100-130px {
    width: calc(100% - 130px);
}

.w-100-150px {
    width: calc(100% - 150px);
}

.w-100-180px {
    width: calc(100% - 180px);
}

.w-100-200px {
    width: calc(100% - 200px);
}

.w-100-220px {
    width: calc(100% - 220px);
}

/*ALTURAS*/
.h-30px {
    height: 30px !important;
}

.h-35px {
    height: 35px !important;
}

.h-40px {
    height: 40px !important;
}

.pl-80px {
    padding-left: 80px !important;
}

.display-none {
    display: none !important;
}

.ui-panel .ui-panel-titlebar {
    padding: .5em 1em .3em;
    width: 100% !important;
}

.fc-event .fc-content {
    position: relative;
    z-index: 2;
}

.marcador-evento{
    width: 16px;
    height: 16px;
    border-radius: 3px;
}

.schedule-agenda .audiencia {
    border: 1px solid #e6bd3a !important;
}

.audiencia{
    border: 1px solid #d2d2d2;
    background-color: #FDC102 !important;
    color: white !important;
    /*background: orange !important;*/

}

.schedule-agenda .parecer-social {
    border: 1px solid #e6bd3a !important;
}

.parecer-social{
    border: 1px solid #d2d2d2;
    background-color: #FDC102 !important;
    color: white !important;
    /*background: orange !important;*/
}

.schedule-agenda .pericia-medica {
    border: 1px solid #e6bd3a !important;
}

.pericia-medica{
    border: 1px solid #d2d2d2;
    background-color: #FDC102 !important;
    color: white !important;
    /*background: orange !important;*/
}

.schedule-agenda .decisao {
    border: 1px solid #48b12e !important;
}

.decisao{
    border: 1px solid #d2d2d2;
    background-color: #4ab22e !important;
    color: white !important;
    /*background: orange !important;*/
}

.schedule-agenda .prazo-implantacao {
    border: 1px solid #313f84 !important;
}

.prazo-implantacao{
    border: 1px solid #d2d2d2;
    background-color: #313f84 !important;
    color: white !important;
    /*background: orange !important;*/
}

.display-inherit{
    display: inherit;
}

.fa1-5x {
    font-size: 1.5em;
}

.margin-left-neg-7px {
    margin-left: -6px;
}

.pl-8px{
    padding-left: 8px;
}

.pl-15px{
    padding-left: 15px;
}

.no-padding {
    padding: 0px;
}

.no-margin-left {
    margin-left: 0px;
}

.no-marg-bott{
    margin-bottom: 0px;
}

.scroll-arcodeon .ui-state-highlight {
    background-image: none!important;
    background-color: #717479!important;
    width: 10px !important;
    border-radius: 8px !important;
}

.scroll-arcodeon .ui-scrollpanel-track {
    width: 10px !important;
}

.schedule-agenda .ui-state-highlight,
.schedule-agenda .ui-widget-content .ui-state-highlight,
.schedule-agenda .ui-widget-header .ui-state-highlight {
    background-color: #ececec !important;
    background-image: none !important;
}

.color-icon-agenda{
    color: #5f6368;
}

.padding-dialog-agenda {
    padding: 20px 30px 20px;
}

.border-marcado-evento{
    border-radius: 5px;
    border:none;
}

.card-complementos{
    border-top: 1px solid #dddddd !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
    margin-bottom: 2px;
}

.header-card-complementos{
    /*background: linear-gradient(to bottom,rgba(228, 228, 228, 0.65) 0,rgba(220,220,220,0.2) 100%)!important;*/
    background-color: #0e326a;
    border: 1px solid rgba(0,0,0,0.05) !important;
    padding: 2px 0px;
}

/*TEMPLATE*/
.logo-toolbar {
    width: 120px;
    height: 39px;
}

#sidebar {
    scrollbar-width: thin;
}

a.show-sidebar {
    margin-left: -14px;
    margin-right: 5px;
}

.margin-toggled-sidebar {
    margin: 7px 10px 0px 0px !important;
}

.sidebar-menu {
    overflow: auto;
    padding-top: 25px;
}

.font-gov-h3 {
    font-weight: 700 !important;
    color: rgb(51, 51, 51) !important;
    font-size: 19px !important;
    line-height: 28px !important;
}

.font-gov-subtitle {
    font-weight: 500 !important;
    color: rgb(51, 51, 51) !important;
    font-size: 17px !important;
    line-height: 24px !important;
}

.font-gov-normal {
    color: rgb(51, 51, 51) !important;
    font-size: 14px !important;
    line-height: 24px !important;
}

.font-gov-large {
    color: rgb(51, 51, 51) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
}

.gov-blue {
    background-color: #1351B4 !important;
}
.button-gov:hover {
    color: #fff !important;
    box-shadow: 0 5px 18px #00000029;
    text-decoration: none !important;
}

.button-gov {
    border: none;
    box-shadow: 0 2px 3px #00000029;
    border-radius: 24px;
    font-size: 1em !important;
    font-weight: bold;
    color: #FFFFFF;
    cursor: pointer;
    padding: 10px 35px 10px 35px !important;
}

.color-gov-blue {
    color: #1351B4 !important;
}

.navbar-expand-lg {
    background: #fff;
    z-index: 1000;
    height: 65px;
    border-bottom: 1px solid #eceff1;
}

div#divAutoCompleteGlobal > span > input {
    height: 45px !important;
    border-radius: 8px !important;
    background-color: #F1F3F4;
}

.bg-cinza-template-input {
    background-color: #f1f3f4 !important;
}

.color-cinza-template-icones {
    color: #717479;
}

.color-black {
    color: #000;
}

.icone-template {
    border-radius: 50%;
    padding: 10px;
    font-size: 20px;
}

.icone-template:hover, .icone-template:focus {
    background-color: #F0F0F0 !important;
    color: #000 !important;
    border: none!important;
}

.botao-icone-template:focus {
    box-shadow: none !important;
}

.botao-icone-template:focus i, .botao-icone-template:active i {
    background-color: #F0F0F0 !important;
    color: #000 !important;
    border: none!important;
}

.tooltip-sem-seta .ui-tooltip-arrow{
    display: none !important;
}

.sidebar-wrapper .sidebar-menu ul li:hover a {
    background-color: #F1F3F4;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 260px!important;
}

.sidebar-wrapper .sidebar-menu ul li:active a,
.sidebar-wrapper .sidebar-menu ul li:focus a {
    background-color: #F1F3F4;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    width: 280px !important;
    font-weight: bolder;
    color: blue !important;
}

.sidebar-wrapper .sidebar-menu ul li:active a i,
.sidebar-wrapper .sidebar-menu ul li:focus a i {
    font-weight: bolder;
    color: blue !important;
}

/*INICIO SCROOL SIDEBAR*/
#sidebar::-webkit-scrollbar-thumb {
    background: #F1F3F4;
    border: 0px none #ffffff;
    border-radius: 0px;
}

#sidebar::-webkit-scrollbar-thumb:hover {
    background: #F1F3F4;
}

#sidebar::-webkit-scrollbar-thumb:active {
    background: #F1F3F4;
}
/*FIM SCROOL SIDEBAR*/

.sidebar-wrapper .sidebar-menu ul li.item-sem-hover:hover a {
    background-color: transparent !important;
}

/*BACKGROUNDS CORES*/
.bg-roxo {
    background-color: #673BB7;
}

.bg-vermelho {
    background-color: #D32F2E;
}

.bg-amarelo {
    background-color: #FDC102;
}

.bg-verde {
    background-color: #2e8b57;
}

.bg-azul {
    background-color: #4398e9;
}

.color-cinza-icone {
    color: #656565;
}
.color-amarelo-icone {
    color: #ffcc00;
}

.color-cinza-claro {
    color: #99a0a7 !important;
}

.evento-finalizado{
    border: 1px solid #d2d2d2 !important;
    background-color: #a9aaaf !important;
    color: white!important;
}
/* The actual timeline (the vertical ruler) */
.timeline-proc-decisao {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.timeline-proc {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

/* The actual timeline (the vertical ruler) */
.timeline-proc::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #e3e1e1;
    top: 0;
    bottom: 0;
    margin-left: -3px;
}

/* Container around content */
.container-timeline-proc {
    padding: 10px 10px;
    position: relative;
    background-color: white;
    margin-left: 0;
}

/* The circles on the timeline */
.container-timeline-proc::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    right: -17px;
    background-color: #e3e1e1;
    top: 27px;
    border-radius: 50%;
    z-index: 1;
}

/* Place the container to the left */
.left-timeline-proc {
    left: 0;
}

/* Place the container to the right */
.right-timeline-proc {
}

/* Add arrows to the left container (pointing right) */
.left-timeline-proc::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid #e3e1e1;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e3e1e1;
}

/* Add arrows to the right container (pointing left) */
.right-timeline-proc::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 28px;
    width: 0;
    z-index: 1;
    left: 4px;
    border: medium solid #e3e1e1;
    border-width: 4px 4px 4px 2px;
    border-color: transparent #e3e1e1 transparent transparent;
}

/* Fix the circle for containers on the right side */
.right-timeline-proc::after {
    left: -5px;
}

/* The actual content */
.content-timeline-proc {
    padding: 10px 15px;
    background-color: white;
    position: relative;
    border-radius: 2px;
    border: 1px solid #e3e1e1;
    max-width: 100%;
    min-width: 50% !important;
    clear: both;
    display: inline-block;
}

.pl-46{
    padding-left: 46px;
}


.schedule-agenda .auxilio-doenca {
    border: 1px solid #8159c7 !important;
}

.auxilio-doenca{
    border: 1px solid #d2d2d2;
    background-color: #673bb7 !important;
    color: white !important;
    /*background: orange !important;*/

}

.evento-finalizado{
    border: 1px solid #d2d2d2 !important;
    background-color: #a9aaaf !important;
    color: white!important;
}

.datable-hover-buttons tbody tr {
    height: 60px !important;
}

.datable-hover-buttons tbody.ui-datatable-data tr {
    border-bottom: 1px solid #9ac7ac !important;
}

.renderiza-desktop {
    display: none;
}

.renderiza-mobile {
    display: block;
}

.ml-40px-desktop {
    margin-left: 0px;
}

.conteudo-coluna {
    margin-top: -12px;
}

.text-secondary-info {
    padding-left: 33px;
    color: #9b9191;
    font-size: 11px;
    text-transform: lowercase !important;
}

@media screen and (min-width: 900px) {
    .panelBotoesTabela {
        display: none;
    }

    .datable-hover-buttons tr:hover .panelBotoesTabela {
        display: initial !important;
    }

    .datable-hover-buttons tr:hover .item-none-hover{
        display: none !important;
    }

    .renderiza-desktop {
        display: block !important;
    }

    .renderiza-mobile {
        display: none !important;
    }

    .ml-40px-desktop {
        margin-left: 40px !important;
    }

    .conteudo-coluna {
        margin-top: 5px;
    }

    .datable-hover-buttons tbody.ui-datatable-data tr {
        border-bottom: none !important;
    }
}

/*CUSTOMIZAÇÃO DATATABLE SCROLLER*/
.data-scroller-custom .ui-widget-content {
    border: none!important;
}

.ui-datatable-scrollable-header-box>table>thead>tr>th {
    /*display: none !important;*/
}
/*FIM CUSTOMIZAÇÃO DATATABLE SCROLLER*/

.text-bottom{
    vertical-align: text-bottom;
}

.max-width-440{
    max-width: 440px;
    padding: 10px !important;
}

.pasta{
    color: #79b7f8;
}

.font-pasta{
    color: #000;
    padding-left: 8px;
}

.font-icones-documentos{
    font-size: 1.5em;
}

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

.vertical-align-super{
    vertical-align: super;
}

.pl-24px{
    padding-left: 24px;
}

.pl-33px{
    padding-left: 33px;
}

.ui-fileupload-content {
    padding: .2em .4em;
    border-top-width: 0;
    display: block;
    border: none;
}

.ui-fileupload-buttonbar {
    padding: 0 !important;
    border: none !important;
    background: white !important;
    font-weight: normal !important;
}

.ui-fileupload-buttonbar .ui-button {
    vertical-align: middle;
    margin-right: .2em;
    color: #007bff !important;
    text-shadow: none!important;
    cursor: pointer;
    background-color: #fff!important;
    background-image: none!important;
    background-repeat: no-repeat!important;
    border: none!important;
    box-shadow: none!important;
    background-position: inherit !important;
    font-size: 1em !important;
    padding: 0 0 0 0.2em;
}

.ui-fileupload-buttonbar .ui-icon-plusthick{
    background-image: url("/faces/javax.faces.resource/upload.png?ln=images") !important;
    background-position: inherit !important;
    left: 0 !important;
}

@media screen and (max-width: 40em){
    .ui-fileupload-buttonbar .ui-button .ui-button-text {
        display: block !important;
        padding: .3em 1em .3em 1.2em !important;
    }
}

.container-timeline-dec {
    border: 1px solid #e3e1e1;
    padding: 10px 30px 15px;
    margin-left: 34px;
    border-radius: 2px;
    max-width: 90%;
}

.item-list-document {
    padding: 20px 5px;
    border-bottom: 1px solid #e6e8eb;
}

.item-list-document:hover span {
    color: blue !important;
}

.menu-buttom-documentos {

}

.menu-buttom-documentos span {
    font-size: 20px !important;
    color: blue;
}

.menu-buttom-documentos button{
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
}

.altura-fileupload-documentos {
    height: 35px !important;
}

.file-upload-documentos div.ui-fileupload-content{
    margin-left: 90px;
    margin-top: -42px;
}

@media screen and (max-width: 630px) {
    .altura-fileupload-documentos {
        height: 45px !important;
    }
}

@media screen and (max-width: 630px) {
    .file-upload-documentos div.ui-fileupload-content {
        display: none;
    }
}

.dialog-w-500px .ui-dialog-content{
    max-width: 500px !important;
}

.panel-usuarios-trf div.ui-panelgrid div.ui-panelgrid-content{
    font-size: 18px !important;
}

.margin-left-15{
    margin-left: 15px !important;
}


.font-table-12px table {
    font-size: 12px !important;
}

.font-table-13px table {
    font-size: 13px !important;
}

.table-width-99 table {
    width: 99% !important;
}

.icone-interior::before {
    font-size: 15px !important;
}

.subtitulo-confirma-exclusao{
    color: #333;
    font-size: 14px;
    line-height: 1.42857143;
    font-weight:normal;
}

.alerta-confirma-exclusao{
    background-color: #d9edf7;
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    padding: 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #3a87ad;
}

.panel-totais-financeiro {
    padding: 10px;
    border: 1px solid #e6e6e6;
}

/*PAGINAS DE ERRO*/
.outputpanel-erro {

}

.titulo-erro {
    font-weight: bold;
    margin: 10px 0px;
    font-size: 17px;
}

.panel-informacoes-erro {
    border: 1px solid #cecece;
    padding: 35px 20px;
    text-align: center;
    border-radius: 3px;
    background-color: #fff;
    font-size: 15px;
    box-shadow: 0px 0px 56px #e8e8e8;
}
/*FIM PAGINAS DE ERRO*/

.padding-painel-login {
    padding: 20px 10px !important;
}

.schedule-agenda .agendamento-cliente {
    border: 1px solid #6d5a16 !important;
}

.agendamento-cliente{
    border: 1px solid #d2d2d2;
    background-color: #6d5a16 !important;
    color: white !important;
}

.display-block {
    display: block !important;
}

.panelExpansaoProcesso {
    padding: 10px;
    border: 1px solid #f3f3f3;
}

.column-toggler-contas {
    display: table-cell;
}

.column-toggler-contas-mobile {
    display: none;
}

.float-right-desktop {
    float: right;
}

.margin-top-35px-desktop {
    margin-top: 35px;
}

.mr-desktop {
    margin-right: 30px;
}

.position-dropdown-mobile {
    margin-left: 0px;
}

@media screen and (max-width: 630px) {
    .column-toggler-contas {
        display: none;
        visibility: hidden;
    }
    .column-toggler-contas-mobile {
        display: table-cell;
    }
    .float-right-desktop {
        float: none;
    }
    .margin-top-35px-desktop {
        margin-top: 0px;
    }
    .mr-desktop {
        margin-right: 0px;
    }
    .position-dropdown-mobile {
        margin-left: -170px;
    }
}

/*
 Conversão imagem para css: https://www.ofoct.com/html5-app/image-to-css3.html
 Imagem utilizada: .../images/icone_pje.png
*/
.text-PJe{
    border-radius: 0px;
    display: inline-block;
    width: 1px;
    height: 1px;
    box-shadow: 0px 0px rgba(62,62,62,0.4),0px 1px rgba(62,62,62,0.81),0px 2px rgba(62,62,62,0.81),0px 3px rgba(62,62,62,0.81),0px 4px rgba(62,62,62,0.81),0px 5px rgba(62,62,62,0.81),0px 6px rgba(62,62,62,0.81),0px 7px rgba(62,62,62,0.81),0px 8px rgba(62,62,62,0.81),0px 9px rgba(62,62,62,0.81),0px 10px rgba(62,62,62,0.81),0px 11px rgba(62,62,62,0.81),0px 12px rgba(62,62,62,0.81),0px 13px rgba(61,61,61,0.55),1px 0px rgba(63,63,63,0.82),1px 1px rgba(62,62,62,1),1px 2px rgba(62,62,62,1),1px 3px rgba(62,62,62,1),1px 4px rgba(62,62,62,1),1px 5px rgba(62,62,62,1),1px 6px rgba(62,62,62,1),1px 7px rgba(62,62,62,1),1px 8px rgba(62,62,62,1),1px 9px rgba(62,62,62,1),1px 10px rgba(62,62,62,1),1px 11px rgba(62,62,62,1),1px 12px rgba(62,62,62,1),1px 13px rgba(64,64,64,0.45),2px 0px rgba(63,63,63,0.82),2px 1px rgba(62,62,62,1),2px 2px rgba(61,61,61,0.72),2px 3px rgba(62,62,62,0.62),2px 4px rgba(62,62,62,0.62),2px 5px rgba(62,62,62,0.62),2px 6px rgba(62,62,62,0.69),2px 7px rgba(62,62,62,1),2px 8px rgba(62,62,62,0.91),2px 9px rgba(62,62,62,0.62),2px 10px rgba(62,62,62,0.62),2px 11px rgba(62,62,62,0.62),2px 12px rgba(64,64,64,0.37),3px 0px rgba(63,63,63,0.82),3px 1px rgba(62,62,62,1),3px 2px rgba(64,64,64,0.27),3px 6px rgba(65,65,65,0.2),3px 7px rgba(62,62,62,1),3px 8px rgba(62,62,62,0.79),4px 0px rgba(63,63,63,0.82),4px 1px rgba(62,62,62,1),4px 2px rgba(64,64,64,0.27),4px 6px rgba(65,65,65,0.2),4px 7px rgba(62,62,62,1),4px 8px rgba(62,62,62,0.79),5px 0px rgba(63,63,63,0.82),5px 1px rgba(62,62,62,1),5px 2px rgba(64,64,64,0.28),5px 6px rgba(61,61,61,0.2),5px 7px rgba(62,62,62,1),5px 8px rgba(62,62,62,0.79),6px 0px rgba(62,62,62,0.69),6px 1px rgba(62,62,62,1),6px 2px rgba(62,62,62,0.49),6px 6px rgba(62,62,62,0.34),6px 7px rgba(62,62,62,1),6px 8px rgba(62,62,62,0.79),7px 0px rgba(61,61,61,0.42),7px 1px rgba(62,62,62,1),7px 2px rgba(62,62,62,0.96),7px 3px rgba(63,63,63,0.47),7px 4px rgba(64,64,64,0.2),7px 5px rgba(63,63,63,0.42),7px 6px rgba(63,63,63,0.93),7px 7px rgba(62,62,62,1),7px 8px rgba(61,61,61,0.54),7px 12px rgba(69,69,69,0.1),7px 13px rgba(64,64,64,0.08),8px 0px rgba(77,77,77,0.04),8px 1px rgba(63,63,63,0.85),8px 2px rgba(62,62,62,1),8px 3px rgba(62,62,62,1),8px 4px rgba(62,62,62,1),8px 5px rgba(62,62,62,1),8px 6px rgba(62,62,62,1),8px 7px rgba(62,62,62,0.91),8px 8px rgba(66,66,66,0.11),8px 11px rgba(59,59,59,0.17),8px 12px rgba(61,61,61,0.96),8px 13px rgba(61,61,61,0.62),9px 1px rgba(67,67,67,0.07),9px 2px rgba(62,62,62,0.6),9px 3px rgba(62,62,62,0.97),9px 4px rgba(62,62,62,1),9px 5px rgba(62,62,62,0.98),9px 6px rgba(62,62,62,0.68),9px 7px rgba(62,62,62,0.13),9px 11px rgba(63,63,63,0.42),9px 12px rgba(62,62,62,1),9px 13px rgba(63,63,63,0.7),10px 4px rgba(51,51,51,0.02),10px 10px rgba(128,128,128,0.01),10px 11px rgba(63,63,63,0.75),10px 12px rgba(62,62,62,1),10px 13px rgba(62,62,62,0.63),11px 1px rgba(66,66,66,0.24),11px 2px rgba(61,61,61,0.57),11px 3px rgba(61,61,61,0.57),11px 4px rgba(61,61,61,0.57),11px 5px rgba(61,61,61,0.57),11px 6px rgba(61,61,61,0.57),11px 7px rgba(61,61,61,0.57),11px 8px rgba(61,61,61,0.57),11px 9px rgba(62,62,62,0.58),11px 10px rgba(63,63,63,0.79),11px 11px rgba(62,62,62,1),11px 12px rgba(62,62,62,1),11px 13px rgba(63,63,63,0.33),12px 0px rgba(64,64,64,0.31),12px 1px rgba(62,62,62,1),12px 2px rgba(62,62,62,1),12px 3px rgba(62,62,62,1),12px 4px rgba(62,62,62,1),12px 5px rgba(62,62,62,1),12px 6px rgba(62,62,62,1),12px 7px rgba(62,62,62,1),12px 8px rgba(62,62,62,1),12px 9px rgba(62,62,62,1),12px 10px rgba(62,62,62,1),12px 11px rgba(62,62,62,1),12px 12px rgba(63,63,63,0.65),13px 0px rgba(63,63,63,0.57),13px 1px rgba(62,62,62,0.81),13px 2px rgba(62,62,62,0.81),13px 3px rgba(62,62,62,0.81),13px 4px rgba(62,62,62,0.81),13px 5px rgba(62,62,63,0.81),13px 6px rgba(62,62,62,0.81),13px 7px rgba(62,62,62,0.81),13px 8px rgba(62,62,62,0.81),13px 9px rgba(62,62,62,0.79),13px 10px rgba(64,64,64,0.64),13px 11px rgba(62,62,62,0.32),15px 4px rgba(229,86,34,0.27),15px 5px rgba(232,86,30,0.56),15px 6px rgba(231,86,28,0.67),15px 7px rgba(228,88,33,0.49),15px 8px rgba(230,85,35,0.2),16px 2px rgba(223,96,32,0.06),16px 3px rgba(231,86,28,0.67),16px 4px rgba(233,85,28,1),16px 5px rgba(234,86,27,1),16px 6px rgba(234,85,27,1),16px 7px rgba(233,86,27,1),16px 8px rgba(233,85,28,0.96),16px 9px rgba(231,86,28,0.5),17px 2px rgba(230,87,31,0.59),17px 3px rgba(234,85,27,1),17px 4px rgba(231,86,29,0.78),17px 5px rgba(233,86,27,0.59),17px 6px rgba(234,85,28,1),17px 7px rgba(229,89,28,0.46),17px 8px rgba(233,86,26,0.91),17px 9px rgba(233,86,27,0.99),17px 10px rgba(231,86,30,0.37),18px 1px rgba(221,85,34,0.06),18px 2px rgba(232,86,28,1),18px 3px rgba(232,87,29,0.87),18px 4px rgba(232,93,23,0.04),18px 5px rgba(230,86,32,0.28),18px 6px rgba(234,85,27,1),18px 7px rgba(238,102,51,0.06),18px 8px rgba(230,88,34,0.2),18px 9px rgba(233,86,28,1),18px 10px rgba(233,86,30,0.85),19px 1px rgba(235,87,26,0.2),19px 2px rgba(234,85,28,1),19px 3px rgba(233,85,28,0.6),19px 5px rgba(229,86,30,0.3),19px 6px rgba(233,85,28,1),19px 7px rgba(223,128,64,0.03),19px 9px rgba(233,85,28,0.84),19px 10px rgba(233,86,27,1),19px 11px rgba(255,85,85,0.01),20px 1px rgba(235,88,20,0.2),20px 2px rgba(234,85,27,1),20px 3px rgba(233,86,29,0.58),20px 5px rgba(228,87,30,0.3),20px 6px rgba(233,85,28,1),20px 7px rgba(223,128,64,0.03),20px 9px rgba(234,85,26,0.8),20px 10px rgba(233,86,26,0.98),20px 11px rgba(170,85,85,0.01),21px 1px rgba(231,85,24,0.08),21px 2px rgba(234,85,28,1),21px 3px rgba(232,86,30,0.82),21px 5px rgba(226,90,32,0.28),21px 6px rgba(233,85,28,1),21px 7px rgba(223,128,64,0.03),21px 8px rgba(217,89,38,0.08),21px 9px rgba(234,85,27,0.91),21px 10px rgba(232,86,28,0.89),22px 2px rgba(231,87,29,0.66),22px 3px rgba(234,85,27,0.99),22px 4px rgba(231,86,29,0.65),22px 5px rgba(231,87,31,0.58),22px 6px rgba(233,85,27,1),22px 7px rgba(223,96,64,0.03),22px 8px rgba(231,88,29,0.42),22px 9px rgba(233,85,27,1),22px 10px rgba(231,86,30,0.5),23px 2px rgba(221,85,34,0.06),23px 3px rgba(232,86,28,0.75),23px 4px rgba(233,86,27,1),23px 5px rgba(233,86,29,1),23px 6px rgba(234,85,28,1),23px 7px rgba(235,118,59,0.05),23px 8px rgba(230,87,36,0.2),23px 9px rgba(229,85,30,0.47),23px 10px rgba(227,85,28,0.04),24px 3px rgba(204,102,51,0.02),24px 4px rgba(229,86,33,0.3),24px 5px rgba(232,86,29,0.62),24px 6px rgba(234,86,29,0.63),24px 7px rgba(223,96,64,0.03);
}

.margin-top-8{
    margin-top: 8px;
}

/*PLANOS*/
.plano-container {
    border: 1px solid #CECECE;
    border-radius: 5px;
}

.plano-container:hover {
    box-shadow: 6px 1px 26px #e6e6e6;
}

.cabecalho-plano {
    padding: 5px;
}

.container-itens-plano {
    padding: 15px 5px;
}

.botoes-container-plano a {
    text-align: center;
    display: table;
    margin: 10px auto;
}

.item-descritivo-plano {
    margin-bottom: 8px;
}

.panel-informacoes-valores {
    padding: 15px;
    border: 1px solid #dcdcdc;
}

.texto-ultimo-acesso{
    color: #8c8c8c;
    font-size: 13px;
    font-weight: bold;
}

.dropdown-menu-custom {
    width: 250px;
}

.margin-top-60px {
    margin-top: 65px !important;
}

span.aviso-formulario {
    padding: 10px;
    background-color: #d4e5f5;
    border-radius: 6px;
    font-weight: 600;
    display: block;
    text-align: center;
}

span.ui-column-title {
    font-weight: bold;
}

.datatable-custom td.ui-selection-column .ui-chkbox.ui-widget {
    margin-left: 12% !important;
}
.border-radius-inherit{
    border-radius: inherit !important;
}

.card-registros{
    width: 9rem;
    text-align: center;
}

.card-registros-requerimentos{
    width: 10rem;
    text-align: center;
}

.display-cards-registros{
    display: flex;
    left: 0;
}


@media screen and (max-width: 520px) {
    .display-cards-registros{
        display: block !important;
        left: 36% !important;
    }

    .card-registros-requerimentos{
        width: 9rem !important;
        text-align: center !important;
    }
}

div[id$='selectPermanecerConectado'].ui-chkbox .ui-chkbox-label{
    color: #000 !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
    font-size: 14px !important;
    vertical-align: text-bottom !important;
}

span[id$='autoCompleteRequerente_panel'].ui-autocomplete-panel .ui-autocomplete-item {
    cursor: pointer;
    border: 0px solid #fff !important;
}

span[id$='autoCompleteRequerente_panel'].ui-autocomplete-panel .ui-autocomplete-table th, .ui-autocomplete-panel .ui-autocomplete-table td {
    border-width: 1px;
    border-style: none !important;
    border-color: inherit;
    padding: 4px 0px 4px 4px !important;
}

.btn-limpar-filtro{
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
}

.panel-group-autocomplete{
    font-family: 'FontAwesome', Arial;
    width: calc(100% - 36px) !important;
}

.panel-group-autocomplete-agenda{
    font-family: 'FontAwesome', Arial;
    width: calc(100% - 37px) !important;
}

span[id$=autoCompleteSituacao].ui-autocomplete .ui-autocomplete-dropdown {
    position: absolute;
    height: 100%;
    width: 2.4em;
    right: -2px;
    background-image: none !important;
    background-color: #fff !important;
    border-radius: initial !important;
    border-color: #ccc !important;
    border: 1px solid #ccc !important;
    border-left: none !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
}

span[id$=autoCompleteSituacao] .ui-icon-triangle-1-s {
    background-position: -64px 0px !important;
}

span[id$=autoCompleteOrgaosJulgadores].ui-autocomplete .ui-autocomplete-dropdown {
    position: absolute;
    height: 100%;
    width: 2.4em;
    right: -2px;
    box-shadow: none !important;
    background-image: none !important;
    background-color: #fff !important;
    border-radius: initial !important;
    border-color: #ccc !important;
    border: 1px solid #ccc !important;
    border-left: none !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
}

span[id$=autoCompleteOrgaosJulgadores] .ui-icon-triangle-1-s {
    background-position: -64px 0px !important;
}

span[id$=autoCompleteTiposAgendas].ui-autocomplete .ui-autocomplete-dropdown {
    position: absolute;
    height: 95% !important;
    width: 2.4em;
    right: -2px;
    box-shadow: none !important;
    background-image: none !important;
    background-color: #fff !important;
    border-radius: initial !important;
    border-color: #ccc !important;
    border: 1px solid #ccc !important;
    border-left: none !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075) !important;
}

span[id$=autoCompleteTiposAgendas] .ui-icon-triangle-1-s {
    background-position: -64px 0px !important;
}

@media screen and (max-width: 670px) {
    .panelAcoesIndicacaoCliente {
        width: 90% !important;
    }
}

.div-texto-placeholder{
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    background-color: #f7f7f9;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

@media (min-width: 576px){
    .div-texto-placeholder {
        padding: 1.5rem;
    }
}

.bl-exemplo-placeholder {
    border-left-color: #f0ad4e !important;
}
.content-exemplo-placeholder {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem;
}

.file-upload-documentos div.ui-fileupload-content {
    margin-left: 0!important;
    margin-top: 0!important;
}

div[id$=panelDocumentoUpload]{
    margin-top: -32px !important;
}

.bg-red {
    background-color: #8c4e3b!important
}

div[id$=tabelaClientes] > div.ui-datatable-tablewrapper > table > tbody > tr.ui-state-highlight {
    color: initial !important;
    background-image: none !important;
    background-image: none !important;
}

div[id$=tabelaModeloDocumentosViewCliente] > div.ui-datatable-tablewrapper > table > tbody > tr.ui-state-highlight {
    color: initial !important;
    background-image: none !important;
    background-image: none !important;
    background-color: initial !important;
}

.ui-state-highlight .ui-icon {
    background-image: url(/prevalert/faces/javax.faces.resource/images/ui-icons_333333_256x240.png?ln=primefaces-bootstrap) !important;
}

table tbody tr:hover td {
    background-color: #eaeaea !important;
}

table > tbody[id$=tabelaPagamentos_data] {
    text-align: left !important;
}

table tbody[id$=tabelaAssinaturas_data]  tr.ui-expanded-row-content:hover td {
    background-color: transparent !important;
}

table tbody[id$=tabelaAssinaturas_data] div.ui-datatable-header.ui-widget-header.ui-corner-top {
    font-size: 14px !important;
}

span.horario-data-aviso {
    font-weight: bold;
    background-color: #656565;
    color: #fff;
    padding: 2px;
    border-radius: 4px;
}

.etiqueta-diligencia {
    padding: 2px 6px;
    border-radius: 7px;
    font-size: 10px;
}

.nome-item-relatorio-auditoria {
    background-color: #eeeeee;
    padding: 5px;
    border-radius: 2px;
}

.file-upload-custom .ui-fileupload-buttonbar.ui-widget-header.ui-corner-top{
    float:left
}

.file-upload-custom {
    max-width: 300px;
}

.texto-tachado {
    text-decoration: line-through;
}

#formDocumentos .ui-messages  {
    margin-left: -10px;
    margin-top: 40px;
}

.alerta-paginacao-primeira-pagina {
    font-weight: bold;
    color: #840000;
}

.div-center-login {
    padding-right: 7px !important;
    padding-left: 7px !important;
    flex: 0 0 40.333333%;
    position: relative;
    width: 100%;
}

@media (max-width: 1000px) {
    .imagem-lateral-login {
        display: none !important;
    }

    .espaco-entre-colunas-login {
        display: none;
    }

    .div-center-login {
        position: absolute;
        top: 50%;
        left:50%;
        transform: translate(-50%,-50%);
        width: 100%;
        max-width: 90%;
    }
}



.custom-alert {
    display: flex;
    align-items: center;
    border-radius: 6px;
    padding: 10px 15px;
    margin-bottom: 15px;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    font-weight: 500;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}

.custom-alert .icon {
    font-size: 18px;
    margin-right: 10px;
}

.custom-alert.success {
    background-color: #d4edda;
    color: #155724;
    border-left: 5px solid #28a745;
}

.custom-alert.info {
    background-color: #cce5ff;
    color: #004085;
    border-left: 5px solid #17a2b8;
}

.custom-alert.error {
    background-color: #f8d7da;
    color: #721c24;
    border-left: 5px solid #dc3545;
}

.custom-alert.fatal {
    background-color: #f5c6cb;
    color: #721c24;
    border-left: 5px solid #c82333;
}

.custom-alert .message {
    margin-left: 5px;
}

@media (min-width: 1200px) {
    #loginWrapper .container {
        max-width: 1600px !important;
    }
}

.icone-menu {
    width: 31px;
    margin-right: 10px;
}

.layout-menu li a,
.sidebar-menu li a {
    font-size: 15px !important;
}

.bg-dash-card-yellow {
    background-color: #FBA508;
}

.bg-dash-card-blue {
    background-color: #025FA8;
}

.bg-dash-card-green {
    background-color: #087A44;
}

/* ====== Layout de demonstração ====== */
.card-wrapper-card-dashboard {
    display: grid;
    place-items: center;
    padding: 24px;
}

/* ====== Card ====== */
/* ====== Card ====== */
.service-card-card-dashboard {
    width: 100%;
    max-width: calc(100vw - 48px);
    background: #ffffff;
    border-radius: 16px;
    padding: 28px 24px 24px;
    text-align: center;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0,0,0,0.05);

    /* adicione estas linhas */
    min-height: 260px;              /* define altura mínima */
    display: flex;                  /* ativa flexbox */
    flex-direction: column;         /* organiza em coluna */
    justify-content: space-between; /* distribui elementos */
}

.icon-circle-card-dashboard {
    width: 48px;
    height: 48px;
    margin: 0 auto 12px;
    border-radius: 50%;
    background: #e9f0ff;
}

.title-card-dashboard {
    margin: 4px 0 8px;
    font-weight: 700;
    font-size: 22px;
    color: #1a1f36;
}

.description-card-dashboard {
    margin: 0 0 16px;
    line-height: 1.5;
    font-size: 14px;
    color: #4b5563; /* cinza médio */
}

.link-card-dashboard {
    display: inline-block;
    font-weight: 600;
    text-decoration: none;
    color: #2f6cf6; /* azul vivo */
}

.link-card-dashboard:hover,
.link-card-dashboard:focus {
    text-decoration: underline;
}

/* Acessibilidade: foco visível no card */
.service-card-card-dashboard:focus-within {
    outline: 2px solid #2f6cf6;
    outline-offset: 2px;
}

/* Temas por card */
.service-card-card-dashboard[data-theme="inss"] .icon-circle-card-dashboard { background: #e9f0ff; }
.service-card-card-dashboard[data-theme="inss"] .link-card-dashboard { color: #FBA508; }
.service-card-card-dashboard[data-theme="inss"]:focus-within { outline-color: #FBA508; }

.service-card-card-dashboard[data-theme="pesq"] .icon-circle-card-dashboard { background: #e6fff4; } /* mint */
.service-card-card-dashboard[data-theme="pesq"] .link-card-dashboard { color: #16A085; } /* teal */
.service-card-card-dashboard[data-theme="pesq"]:focus-within { outline-color: #16A085; }

.service-card-card-dashboard[data-theme="esocial"] .icon-circle-card-dashboard { background: #ffe9e6; } /* rosa claro */
.service-card-card-dashboard[data-theme="esocial"] .link-card-dashboard { color: #087A44; } /* azul escuro */
.service-card-card-dashboard[data-theme="esocial"]:focus-within { outline-color: #087A44; }

.service-card-card-dashboard[data-theme="ecac"] .icon-circle-card-dashboard { background: #fff7cc; } /* amarelo claro */
.service-card-card-dashboard[data-theme="ecac"] .link-card-dashboard { color: #42A5F5; } /* azul claro */
.service-card-card-dashboard[data-theme="ecac"]:focus-within { outline-color: #42A5F5; }


/* título */
.contacts-title-contacts-dashboard{
  margin: 0;
  font-weight: 800;
  font-size: clamp(28px, 4vw, 44px);
  color: #2a313d;
  text-align: center;
}

/* centraliza o conteúdo da coluna */
.contact-wrap-contacts-dashboard{
  display: flex;
  justify-content: center;
}

/* base do botão */
.contact-btn-contacts-dashboard{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  height: 56px;
  padding: 0 24px;
  border-radius: 14px;
  font-weight: 800;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 10px 20px rgba(0,0,0,.08);
  transition: transform .15s ease, filter .15s ease, box-shadow .15s ease;
}

.contact-btn-contacts-dashboard:hover,
.contact-btn-contacts-dashboard:focus{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,.12);
}

/* WhatsApp: verde */
.btn-whatsapp-contacts-dashboard{
  background: #25D366;
}
.btn-whatsapp-contacts-dashboard:hover,
.btn-whatsapp-contacts-dashboard:focus{
  filter: brightness(1.05);
}

/* Instagram: gradiente roxo -> rosa -> vermelho */
.btn-instagram-contacts-dashboard{
  background: linear-gradient(90deg, #7B5CFF 0%, #C850C0 50%, #FF5F6D 100%);
}
.btn-instagram-contacts-dashboard:hover,
.btn-instagram-contacts-dashboard:focus{
  filter: brightness(1.06);
}

/* Título um pouco mais leve e menor */
.contacts-title-contacts-dashboard{
  font-weight: 700;                 /* antes 800 */
  font-size: clamp(26px, 3.5vw, 40px);
  color: #2a313d;
  text-align: center;
}

/* Faz os botões ficarem próximos mesmo em colunas separadas */
.buttons-row-contacts-dashboard{
  display: flex;                    /* ignora o layout 50/50 só nessa row */
  justify-content: center;
  gap: 20px;                        /* distância entre os botões */
}

/* As colunas viram “auto” para encostar os botões */
.buttons-row-contacts-dashboard > [class*="col-"]{
  flex: 0 0 auto;
  width: auto;
  padding-left: 0;                  /* remove o gutter */
  padding-right: 0;
}

/* Empilha no mobile */
@media (max-width: 575.98px){
  .buttons-row-contacts-dashboard{
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
}


.icon-img-card-dashboard {
    width: 60px;
    height: auto;
    display: block;
    margin: 0 auto; /* centraliza */
}


/* ====== KPI Card (PSK) ====== */
.kpi-card-psk{
    margin-top: 45px;
    --psk-bg:#ffffff;
    --psk-border:#eef2f7;
    --psk-shadow:0 6px 16px rgba(15,23,42,.06);
    --psk-title:#111827;         /* preto suave */
    --psk-muted:#6b7280;         /* cinza */
    --psk-number:#0b1324;        /* número */
    --psk-blue:#3b82f6;          /* badge */
    --psk-badge-bg:#e8f0ff;
    --psk-male-bg:#dbece5;       /* chip masculino */
    --psk-male-tx:#0d503f;
    --psk-fem-bg:#e7e7fb;        /* chip feminino */
    --psk-fem-tx:#2a277f;

    width: 368px;                /* ajuste livre */
    background: var(--psk-bg);
    border:1px solid var(--psk-border);
    border-radius:12px;
    padding:18px 20px;
    box-shadow: var(--psk-shadow);
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
    transition: transform .2s ease, box-shadow .25s ease;
}

.kpi-card-psk:hover {
  transform: scale(1.03); /* aumenta ~3% */
  box-shadow: 0 10px 24px rgba(15,23,42,.12); /* sombra mais forte */
  border-color: #3b82f6;
}

/* Top */
.kpi-card-psk__top{
    position:relative;
    padding-left:62px;
}
.kpi-card-psk__badge{
    position:absolute;
    left:0;
    top:0;
    width:44px;
    height:44px;
    border-radius:12px;
    display:grid;
    place-items:center;
    background:
        radial-gradient(60% 60% at 30% 30%, rgba(59,130,246,.25), rgba(59,130,246,.12)),
        var(--psk-badge-bg);
    box-shadow: inset 0 0 0 1px rgba(59,130,246,.12);
}
.kpi-card-psk__check{
    color:#fff;
    background:var(--psk-blue);
    border-radius:10px;
    padding:6px 8px;
    font-size:14px;
}

.kpi-card-psk__title{
    color: var(--psk-title);
    font-weight:600;
    margin-bottom:6px;
}
.kpi-card-psk__value{
    color: var(--psk-number);
    font-size: 28px;
    font-weight: 800;
    line-height: 1.1;
}

/* Bottom */
.kpi-card-psk__bottom{
    margin-top:14px;
}
.kpi-card-psk__bottom-title{
    color: var(--psk-muted);
    font-size: 14px;
    margin-bottom: 10px;
}

.kpi-card-psk__rows{
    display:flex;
    flex-direction:column;
    gap:8px;
}
.kpi-card-psk__row{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.kpi-card-psk__label{
    color: var(--psk-title);
    font-size:15px;
}

/* Chips */
.kpi-chip-psk{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:76px;
    padding:6px 12px;
    border-radius:999px;
    font-weight:600;
    font-size:14px;
}
.kpi-chip-psk--male{
    background: var(--psk-male-bg);
    color: var(--psk-male-tx);
}
.kpi-chip-psk--female{
    background: var(--psk-fem-bg);
    color: var(--psk-fem-tx);
}

/* Responsivo */
@media (max-width: 480px){
    .kpi-card-psk{
        width:100%;
    }
}

.btn-secondary {
    background-color: #6c757d !important;
}

.btn-info {
    background-color: #17a2b8 !important;
}

.btn-danger {
    background-color: #dc3545 !important;
}