body>.x-mask {
    background-color: rgba(0, 0, 0, 0.25)
}


/*- - - - CUSTOM CSS - - - - - - - - - - - - - - -*/

.GridCentralizado .x-grid-td {
    vertical-align: middle !important;
}

.link {
    color: black;
    cursor: pointer;
}


/* - - - AJUSTE DE POSIÇÃO DE ACTION ICONE NO GRID - - - - */

.x-action-col-icon {
    margin-right: 5px;
}


/* - - - - AJUSTE DE POSIÇÃO DO TEXTO EM EDITS NO TEMA NEPTUNE - - - - */

.x-form-text-default {
    padding: 3px 6px 3px !important;
}


/* - - - COR AZUL TRANSPARENTE - - - - */

.transpBlue {
    background-color: rgba(0, 171, 253, 0.6);
}


/* - - - BACKGROUND DA PÁGINA DE LOGIN - - - - -*/

.backgroundHome {
    /*background: #c8eaff !important;*/
    background-image: url('../images/background/background4.jpg') !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: center center, center center !important;
    /*width: 100% !important;*/
    /*height: 100% !important;*/
    -webkit-animation: fadeIn 1s !important;
    -moz-animation: fadeIn 1s !important;
    -o-animation: fadeIn 1s !important;
    animation: fadeIn 2s !important;
}


/* - - - BOTAO DE SELEÇÃO GRID DE PESQUISA - - - -*/

.pictos-btnSelecao {
    background-image: url(../images/grid/select_default.png);
    background-repeat: no-repeat, no-repeat;
}

.pictos-btnSelecao:hover {
    background-image: url(../images/grid/select_hover.png);
    background-repeat: no-repeat, no-repeat;
}

.pictos-btnSelecao:active {
    background-image: url(../images/grid/select_active.png);
    background-repeat: no-repeat, no-repeat;
}


/* - - - ALTERAÇÕES NA LOADING MASK - - - - - - - */

.x-mask-msg {
    padding: 10px;
    border: none;
    background: white;
    border: 1px solid #ccc;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, .15);
}

.x-mask-msg-inner {
    padding: 3px;
    border: none;
    background: rgba(255, 255, 255, 0.7);
}

.x-mask-msg-text {
    padding: 35px 5px 5px 20px;
    background-position: center 0;
}


/*- - - - - - - - - - - - - - - - - - - - - - - - */

.pull-left {
    float: left;
}

.iconresp {
    margin-right: 5px;
    margin-top: 5px;
    border-radius: 5px;
    margin-left: 7px;
}

.resposta {
    padding-left: 38px;
    margin: 5px;
    border: 1px solid #cecece;
    border-radius: 5px;
}

.cargo {
    color: #b2b0b0;
}

.dtresposta {
    float: right !important;
    padding-right: 10px;
}

.textresp {
    padding-top: 5px;
    padding-bottom: 10px;
    margin: 0px;
}

.pnroundborder {
    border-radius: 10px;
    border: 1px solid #a9a9a9 !important;
}

.pnround {
    border-radius: 10px;
}

.edtlgemp input {
    background: #fff url(/images/empresa.png) no-repeat 4px 5px !important;
    padding-left: 26px !important;
    border-radius: 5px;
}

.edtlgemp div {
    border-radius: 5px !important;
}

.edtlgemp .x-form-trigger-wrap-default {
    border-radius: 5px !important;
}

.edtlgpass input {
    background: #fff url(/images/password.png) no-repeat 4px 6px !important;
    padding-left: 26px !important;
    border-radius: 5px;
}

.edtlgpass div {
    border-radius: 5px !important;
}

.edtlgpass .x-form-trigger-wrap-default {
    border-radius: 5px !important;
}

.edtlguse input {
    background: #fff url(/images/lgn_email.png) no-repeat 4px 6px !important;
    padding-left: 26px !important;
    border-radius: 5px;
}

.edtlguse div {
    border-radius: 5px !important;
}

.edtlguse .x-form-trigger-wrap-default {
    border-radius: 5px !important;
}

.caminhomenu {
    margin: 0;
    padding: 0;
}

.caminhomenu ul {
    margin: 0;
    padding: 0;
}

.caminhomenu ul li {
    padding: 0 10px;
    list-style: none;
    display: inline;
}

.caminhomenu ul li a {
    color: #fff;
    padding-left: 5px;
    font-family: Arial, verdana, Sans-serif;
    font-weight: bold;
}

.pnMenu {
    background-color: #f6f6f6 !important;
    border-radius: 5px;
    padding: 5px;
    -webkit-box-shadow: -1px 10px 11px -10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: -1px 10px 11px -10px rgba(0, 0, 0, 0.6);
    box-shadow: -1px 10px 11px -10px rgba(0, 0, 0, 0.6);
    -webkit-animation: bounce-in 1s ease 0s 1 normal;
    -moz-animation: bounce-in 1s ease 0s 1 normal;
    -ms-animation: bounce-in 1s ease 0s 1 normal;
    animation: bounce-in 1s ease os 1 normal;
}

.animado {
    -webkit-animation: bounce-in 1s ease 0s 1 normal;
    -moz-animation: bounce-in 1s ease 0s 1 normal;
    -ms-animation: bounce-in 1s ease 0s 1 normal;
    animation: bounce-in 1s ease os 1 normal;
}

@-webkit-keyframes bounce-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounce-in {
    0% {
        opacity: 0;
        transform: scale(.3);
    }
    50% {
        opacity: 1;
        transform: scale(1.0);
    }
    70% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(1);
    }
}

.img-titulo {
    top: 10px !important;
    left: 10px !important;
}

.t-titulo {
    top: 12px !important;
    left: 70px !important;
    color: #626262 !important;
}

.t-titulo h3 {
    font-size: 16px !important;
    font-weight: bold;
    margin-bottom: 0px;
}

.atalhos {
    font-weight: bold;
}

.faixa-azul {
    background-color: #0aa3f5 !important;
}

.legis-main-desc p {
    margin-bottom: 7px;
}

.contraste {
    background-color: #333 !important;
    color: #fff !important;
    font-family: Arial, verdana, Sans-serif !important;
}

.faixa-azul {
    background-color: #0aa3f5!important;
}

.aba-principal {
    background-color: #fff !important;
}

;

/*trocar cor de fontes*/

.contraste p {
    color: #fff !important;
}

.contraste a {
    color: #fff !important;
}

.contraste label {
    color: #fff !important;
}

.contraste h3 {
    color: #fff !important;
}

.contraste .t-desc-main {
    color: #fff;
    font-style: italic;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    padding: 0 5px;
}

.contraste .faixa-azul {
    background-color: #030303 !important
}

.contraste.faixa-azul {
    background-color: #030303 !important;
}

.contraste .aba-principal {
    background-color: #333 !important;
}

.bntBlue1:hover {
    text-decoration: none;
}

.btBlue1:active {
    text-decoration: none !important;
}

.btBlue1:link {
    text-decoration: none !important;
}

.btBlue1:visited {
    text-decoration: none !important;
}

.pag-html {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    margin: 0 auto;
}

.text-cabecalho {
    margin: 0 auto;
    float: left;
}

.text-cabecalho img {
    width: 80px;
    float: left;
}

.text-cabecalho .jumbotron.jumbotron-fluid {
    border-radius: 10px;
}

.row .container .col-sm-4 {
    float: left;
}

.contato {
    text-align: center;
}

.contraste div.pag-html {
    background-color: #333
}

.contraste .text-cabecalho .jumbotron.jumbotron-fluid {
    border-radius: 10px;
    background: #444;
    margin-bottom: 0px;
}

.contraste .row .container .contato {
    text-align: center;
}

.contraste .row .container .col-sm-4 {
    float: left;
}

.x-css-shadow {
    box-shadow: rgb(16, 55, 90) 0px 0px 6px !important
}

.tip_green {
    margin-top: 1px;
    padding: 2px 5px;
    background-color: #4ebf67;
    border-radius: 5px;
    color: #fff;
}

.tip_blue {
    margin-top: 1px;
    padding: 2px 5px;
    background-color: #0693d6;
    border-radius: 5px;
    color: #fff;
}

.tip_red {
    margin-top: 1px;
    padding: 2px 5px;
    background-color: #f55095;
    border-radius: 5px;
    color: #fff;
}

.tip_grey {
    margin-top: 1px;
    padding: 2px 5px;
    background-color: #d4ced1;
    border-radius: 5px;
    color: #fff;
}

.tip_purple {
    margin-top: 1px;
    padding: 2px 5px;
    background-color: #f18cd6;
    border-radius: 5px;
    color: #fff;
}

.tip_orange {
    margin-top: 1px;
    padding: 2px 5px;
    background-color: #f1cd8c;
    border-radius: 5px;
    color: #fff;
}

.tip_yelon {
    margin-top: 1px;
    padding: 2px 5px;
    background-color: #f1ee8c;
    border-radius: 5px;
    color: #000000;
}


/*PERSONALIZAÇÃO THEMA TRITON*/


/*PERSONALIZAÇÃO DOS EDITS (height, line-height, focus)*/

.x-form-display-field-default {
    min-height: 22px;
}

.x-form-item-label-default {
    min-height: 22px;
}

.x-form-item-body-default {
    min-height: 22px;
}

.x-form-cb-wrap-default {
    height: 22px;
}

.x-form-trigger-default {
    font: 16px/20px FontAwesome;
    width: 10px;
    padding-right: 8px;
}

.x-form-text-default {
    min-height: 0px;
}

.x-boundlist-item {
    line-height: 22px;
}


/*---------------*/


/*PERSONALIZAÇÃO BOTOES*/

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 4px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.btn .x-btn-inner-default-small {
    font-family: 'IBM Plex Sans', sans-serif !important;
    color: #fff !important;
}

.btn .x-btn-default-small .x-btn-inner {
    font: inherit
}

.btn .x-btn-wrap-default-small.x-btn-split-right:after {
    padding-left: 0px;
}

.btn-lg {
    padding: 8px 16px;
    line-height: 1.5;
}

.btn-sm {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.5;
}

.btn-xs {
    font-size: 11px;
    padding: 3px 7px;
}

.btn-primary {
    color: #fff;
    background-color: #1c84c6;
    border-color: #1c84c6;
}

.btn-primary .x-btn-over.xbtn-defaul-small {
    color: #fff;
    background-color: #1a7bb9;
    border-color: #1a7bb9;
}

.btn-primary.x-btn.x-btn-pressed {
    background-color: #1a7bb9;
    border-color: #1a7bb9;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #1a7bb9 !important;
    border-color: #1a7bb9 !important;
}

.btn-primary.x-btn.x-btn-disabled.x-btn-default-small {
    background-color: #1a7bb9 !important;
}

.btn-success {
    color: #fff;
    background-color: #21a27f !important;
    border-color: #219475;
}

.btn-success .x-btn-over.xbtn-defaul-small {
    color: #fff;
    background-color: #18a085;
    border-color: #178c75;
}

.btn-success.x-btn.x-btn-pressed {
    background-color: #18a085;
    border-color: #178c75;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #2fc3a6 !important;
    border-color: #28ab91 !important;
}

.btn-success.x-btn.x-btn-disabled.x-btn-default-small {
    background-color: #06735e !important;
}

.btn-info {
    color: #fff;
    background-color: #23c6c8;
    border-color: #23c6c8;
}

.btn-info .x-btn-over.xbtn-defaul-small {
    color: #fff;
    background-color: #21b9bb;
    border-color: #21b9bb;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #21b9bb !important;
    border-color: #21b9bb !important;
}

.btn-info.x-btn.x-btn-pressed {
    background-color: #21b9bb !important;
    border-color: #21b9bb;
}

.btn-info .x-btn.x-btn-disabled.x-btn-default-small {
    background-color: #21b9bb !important;
}

.btn-warning {
    color: #ffffff;
    background-color: #f8ac59 !important;
    border-color: #f8ac59;
}

.btn-warning .x-btn-over.xbtn-defaul-small {
    color: #ffffff;
    background-color: #f7a54a !important;
    border-color: #f7a54a;
}

.btn-warning.x-btn.x-btn-pressed {
    background-color: #f7a54a !important;
    border-color: #f7a54a;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus {
    color: #ffffff;
    background-color: #f7a54a !important;
    border-color: #f7a54a !important;
}

.btn-warning .x-btn.x-btn-disabled.x-btn-default-small {
    background-color: #f7a54a !important;
}

.btn-danger {
    color: #fff;
    background-color: #ed5565 !important;
    border-color: #ed5565;
}

.btn-danger .x-btn-over.xbtn-defaul-small {
    color: #fff;
    background-color: #ec4758 !important;
    border-color: #ec4758;
}

.btn-danger.x-btn.x-btn-pressed {
    background-color: #ec4758 !important;
    border-color: #ec4758;
}

.btn-danger.x-btn-default-small-focus {
    background-color: #ec4758 !important;
    border-color: #ec4758;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #ec4758!important;
    border-color: #ec4758;
}

.btn-danger.x-btn.x-btn-disabled.x-btn-default-small {
    background-color: #f74a52 !important;
}

.btn-default {
    color: #fff;
    background-color: #02698e !important;
    border-color: #005573 !important;
}

.btn-default .x-btn-over.xbtn-defaul-small {
    color: #FFF;
    background-color: #0988b5 !important;
    border-color: #005573;
}

.btn-default.x-btn.x-btn-pressed {
    color: #FFF;
    background-color: #0988b5;
    border-color: 1px solid #005573;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus {
    color: #005573;
    background-color: #0988b5 !important;
    border: 1px solid #005573 !important;
}

.btn-default .x-btn-over .x-btn-icon-el-default-small {
    border-color: #cecece
}

.btn-default .x-btn-icon-el-default-small {
    color: #FFF !important;
}

.x-btn.x-btn-menu-active.c-btn-default-small,
.x-btn.x-btn-pressed.x-btn-default-small {
    background-color: #005573 !important;
    border: 1px solid #005573 !important;
}

.x-menu-item-default.x-menu-item-focus,
.x-menu-item-defaul.x-menu-item-active {
    background-color: #005573 !important;
    border-radius: 4px;
}


/* btns grid sql*/

.link-success {
    padding: 3px 5px;
    background-color: #1a7bb9;
    border-radius: 4px;
    overflow: hidden;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    display: table-cell;
    height: 13px;
}

.link-success {
    padding: 3px 5px;
    background-color: #005573;
    border-radius: 4px;
    overflow: hidden;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    display: table-cell;
    height: 13px;
}

.link-info {
    padding: 3px 5px;
    background-color: #ec4758;
    border-radius: 4px;
    overflow: hidden;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    display: table-cell;
    height: 13px;
}

.link-info {
    padding: 3px 5px;
    background-color: #21b9bb;
    border-radius: 4px;
    overflow: hidden;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    display: table-cell;
    height: 13px;
}

.link-warning {
    padding: 3px 5px;
    background-color: #f7a54a;
    border-radius: 4px;
    overflow: hidden;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    display: table-cell;
    height: 13px;
}


/**/


/*-------------*/


/* PERSONALIZAÇÃO FORMULARIO SHOW MODAL*/


/*HEADER*/

.inspina-form.x-window-default {
    border-color: transparent !important;
    border-radius: 5px;
    -webkit-animation: fadeIn 0.75s ease-in-out;
    -moz-animation: fadeIn 0.75s ease-in-out;
    -o-animation: fadeIn 0.75s ease-in-out;
    animation: fadeIn 0.75s ease-in-out;
    -webkit-animation-fill-mode: forwards;
}

.inspina-form .x-window-header-default {
    border-color: #f3f3f4 !important
}

.inspina-form .x-panel-default-outer-border-trbl {
    border-color: transparent !important;
}

.inspina-form .x-window-header-default-top {
    background-color: #f3f3f4 !important;
    font-family: 'IBM Plex Sans', sans-serif;
}

.inspina-form .x-panel-default {
    border-color: transparent !important;
}

.inspina-form .x-window-header-title-default {
    color: #676a6c
}

.inspina-form .x-tool-close {
    color: #676a6c
}

.fade {
    -webkit-animation: fadeIn 0.75s ease-in-out;
    -moz-animation: fadeIn 0.75s ease-in-out;
    -o-animation: fadeIn 0.75s ease-in-out;
    animation: fadeIn 0.75s ease-in-out;
    -webkit-animation-fill-mode: forwards;
}


/*CABEÇALHO DA PÁGINA*/

.header-logo {
    background-color: #2f4050;
    background-image: url(/images/custom/header-profile.png);
}


/*-----------*/


/* PERSONALIZAÇÃO UNITREEMENU*/


/*item menu*/

.inspina .x-treelist-nav {
    background-color: #f7f9fa;
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

.x-treelist-nav .x-treelist-row-over>*>.x-treelist-item-icon {
    color: #214456;
}

.x-treelist-item-selected .x-treelist-item-icon {
    color: #214456;
}

.x-treelist-nav .x-treelist-item-icon, .x-treelist-nav .x-treelist-item-tool { float:left }

/*-------*/

.inspina .x-treelist-nav .x-treelist-row-over:before {
    width: 0px;
}

.inspina .x-treelist-nav .x-treelist-nav .x-treelist-item-selected>.x-treelist-row:before {
    width: 0px;
}


/*padding selecionado item menu*/

.inspina .x-treelist-nav .x-treelist-item-selected>.x-treelist-row:before {
    background-color: #1c455a;
    width: 6px;
}

.inspina .x-treelist-nav .x-treelist-nav .x-treelist-item-selected .x-treelist-item-text {
    color: #FFF;
}




/*----------*/


/* label do menu */

.inspina .x-treelist-nav .x-treelist-item-text {
    color: #6a6c6f;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 700;
    font-size: 13px;
    line-height: 30px;
    padding: 3px 3px;
}

.inspina .x-treelist-nav .x-treelist-item-selected .x-treelist-item-text {
    color: #6a6c6f;
}

.inspina .x-treelist-nav .x-treelist-row-over .x-treelist-item-text {
    color: #1c455a;
}

.inspina .x-treelist-nav .x-treelist-row-over .x-treelist-item-expander {
    color: #1c455a;
}

.inspina .x-treelist-nav .x-treelist-item-icon:before,
.x-treelist-nav .x-treelist-item-tool:before,
.x-treelist-nav .x-treelist-item-expander {
    line-height: 19px;
}


/*----------------*/


/*subnivel menu*/

.inspina .x-treelist-container {
    background-color: #edf0f1;
}

.inspina .x-treelist-container::before {
    content: " ";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background-color: #0677a0;
}

.inspina .x-treelist-nav .x-treelist-row .x-treelist-item-wrap {
    border-bottom: 1px solid #eaeaea;
}

.inspina .x-treelist-nav .x-treelist-item-selected>.x-treelist-row {
    background-color: rgba(43, 77, 132, 0.16) !important
}

.inspina .x-treelist-nav .x-treelist-item-selected .x-treelist-row .x-treelist-item-wrap {
    border-bottom: 1px solid #eaeaea;
    width: (100%-6px);
    content: '';
    display: block;
}

.inspina .x-treelist-nav .x-treelist-row-over {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.inspina .x-treelist-nav .x-treelist-item-icon, .x-treelist-nav .x-treelist-item-tool {
    color: #0677a0;
    margin-top: 8px;
}

/*------------*/


/*----------FIM DA PERSONALIZAÇÃO UNITREEMENU--------------*/


/*PERSONALIZAÇÃO UNIPAGE CONTROL UNTMAINFRAME*/

.inspina.x-panel-default {
    border-color: #2f4050 !important;
}

.inspina .x-tab-bar-default {
    background-color: #f3f3f4 !important;
}

.inspina .x-tab.x-tab-active.x-tab-default .x-tab-icon-el {
    color: #ffffff;
    font-size: 19px;
}

.inspina .x-panel-default-outer-border-trbl {
    border-color: #cecece !important;
}

.inspina .x-tab-default-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #b2b5b9;
}

.inspina .x-tab.x-tab-active.x-tab-default {
    background-color: #2f4050d9;
}

.inspina .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #fff;
    font-family: 'IBM Plex Sans', sans-serif;
}

.inspina .x-tab span.x-tab-inner.x-tab-inner-default::after {
    content: " ";
    position: absolute;
    height: 3px;
    width: 137%;
    background-color: #929090;
    top: 26px;
    left: -11px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.inspina .x-uni-tabsheet {
    border-top-style: solid !important;
}

.inspina .x-tab.x-tab-unselectable .x-tab-default .x-tab-icon-el {
    color: #ffffff;
    font-size: 19px;
}

.inspina .x-tab .x-tab-inner-default {
    margin-top: 0PX;
}



/*personalização do grid*/

.inspina .x-grid {
    font-family: "IBM Plex Sans", sans-serif;
}

.inspina .x-column-header {
    font-family: "IBM Plex Sans", sans-serif;
}

.inspina .x-grid-item {
    font-family: "IBM Plex Sans", sans-serif;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: 300;
    font-stretch: normal;
    font-size: 13px;
    line-height: 13px;
}

.inspina .x-grid-cell-inner {
    padding: 3px 7px 3px;
	color: #373535 !important
}

.inspina .x-toolbar-default {
    padding: 3px 0px 3px 8px;
}

.inspina .x-toolbar-text-default {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 13px;
    line-height: 13px;
}

.inspina .x-progress-default .x-progress-bar-default {
    background-image: none;
    background-color: #005573;
}


/*icones do unidbtreegrid*/

.inspina .x-tree-elbow-plus,
.x-tree-elbow-end-plus {
    color: #005573;
    font-weight: 500;
}

.inspina .x-grid-tree-node-expanded .x-tree-elbow-plus,
.inspina .x-grid-tree-node-expanded .x-tree-elbow-end-plus {
    color: #005573;
    font-weight: 500;
}

.inspina .x-tree-icon-parent {
    color: #005573;
    font-weight: 500;
}

.inspina .x-tree-icon-parent-expanded {
    color: #005573;
    font-weight: 500;
}

.inspina .x-tree-icon-leaf {
    color: #005573;
}

.inspina .x-tree-icon-parent:before {
    content: "\f015" !important
}

.inspina .x-tree-icon-parent-expanded:before {
    content: "\f015" !important
}

.inspina .x-tree-icon-leaf:before {
    content: "\f041" !important
}


/*----------------------*/


/* linha do paginator combobox hover*/

.x-boundlist-item-over {
    color: #fff;
    background: #0887b5;
    border-color: #0887b5;
}


/* linha do paginator combobox selecionado*/

.x-boundlist-selected {
    color: #fff;
    background: #0887b5;
    border-color: #087ba5;
}

.inspina .x-panel-default-outer-border-trl {
    border-top-color: #0677a0 !important;
    border-top-width: 1px !important;
    border-right-color: #0677a0 !important;
    border-right-width: 1px !important;
    border-left-color: #0677a0 !important;
    /*5fa2dd*/
    border-left-width: 1px !important;
}

.inspina .x-panel-default-outer-border-rl {
    border-right-color: #0677a0 !important;
    border-right-width: 1px !important;
    border-left-color: #0677a0 !important;
    border-left-width: 1px !important;
}

.inspina .x-panel-default-outer-border-rbl {
    border-right-color: #0677a0 !important;
    border-right-width: 1px !important;
    border-bottom-color: #0677a0 !important;
    border-bottom-width: 1px !important;
    border-left-color: #0677a0 !important;
    border-left-width: 1px !important;
}

.inspina.grid-detalhes .x-column-header {
    line-height: 10px;
    font-size: 10px;
    height: 25px;
}

.inspina.grid-detalhes .x-grid-item {
    font-size: 10px;
    line-height: 10px;
    height: 20px !important;
}

.inspina.grid-detalhes .x-grid-td {
    vertical-align: middle;
}

/*----- 67acc552*/

/* botao ativo*/
.x-btn.custom-extrato-tab.x-btn-menu-active.x-btn-default-small, .x-btn.custom-extrato-tab.x-btn-pressed.x-btn-default-small{
background-color: transparent !important;
border:none;
 
}

.x-btn.custom-extrato-tab.x-btn-menu-active.x-btn-default-small, .x-btn.custom-extrato-tab.x-btn-pressed.small{
 background-color: transparent !important;
 border:none;
   
}

.x-btn.custom-extrato-tab.x-btn-menu-active.x-btn-default-small, .x-btn.custom-extrato-tab.x-btn-pressed.x-btn-default-small {
    background-color: #0a9dd2 !important;
    border-color: none !important;
    border-top: 1px solid #155588 !important;
    border-left: 1px solid #155588 !important;
    border-right: 1px solid #155588 !important;
    border-bottom: none !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.custom-extrato-tab.x-btn-default-small .x-btn-inner{
  font-family: 'IBM Plex Sans', sans-serif;
  font-weight: bold;
  color: #040404;
}
.custom-extrato-tab.x-btn-default-small.x-btn-pressed .x-btn-inner {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: bold !important;
    color: #ffffff;
    font-size: 13px;
}

.custom-extrato-tab.x-btn-default-small.x-btn-pressed .x-btn-inner::after{
  content: " ";
  height: 2px;
  background-color: #5f6aad;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;

}

.custom-extrato-tab.x-btn-default-small{
  padding: 5px 8px 1px 8px !important;
}

.custom-extrato-tab.x-btn-over.x-btn-default-small{
  text-decoration: none !important;
}

/* fim do botao ativo*/

/*botao inativo*/
.custom-extrato-tab.x-btn-default-small {
    background-color: #7fa2bb1a !important;
    border-top: 1px solid #8e9494 !important;
    border-left: 1px solid #8e9494 !important;
    border-right: 1px solid #8e9494 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.custom-extrato-tab.x-btn-pressed .x-btn-icon-el-default-small{
color: #ffffff;
}

.custom-extrato-tab .x-btn-icon-el-default-small{
color: #727d80;
}

/*fim botao inativo*/

/*PERSONALIZAÇÃO UNIPAGE CONTROL DETALHES*/

.panel-detalhes .x-tab-bar-horizontal>.x-tab-bar-body-default {
    height: 30px;
    min-height: 30px !important
}

.panel-detalhes .x-box-inner.x-box-scroller-body-horizontal.x-scroller {
    height: 27px !important;
    top: -6px!important;
}

.panel-detalhes .x-panel-body.x-panel-body-default.x-panel-body-default.x-noborder-trbl {
    top: 30px !important;
}

.inspina_pg_detalhes .x-panel-default {
    border-color: #2f4050 !important;
}

.inspina_pg_detalhes .x-tab-bar-default {
    background-color: #f3f3f4 !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.inspina_pg_detalhes .x-panel-default-outer-border-trbl {
    border-color: #f3f3f4 !important;
}

.inspina_pg_detalhes .x-tab-default-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #b2b5b9;
}

.inspina_pg_detalhes .x-tab.x-tab-active.x-tab-default {
    background-color: #2f4050d9;
}

.inspina_pg_detalhes .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
    color: #fff;
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: 600
}

.inspina_pg_detalhes .x-tab-wrap {
    position: relative;
    top: -4px;
}

.inspina_pg_detalhes .x-tab.x-tab-active span.x-tab-inner.x-tab-inner-default::after {
    content: " ";
    position: absolute;
    height: 3px;
    width: 137%;
    background-color: #0677a0;
    top: 20px;
    left: -11px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.inspina.grid-detalhes .x-panel-default-outer-border-trl {
    border-top-color: #0677a0 !important;
    border-top-width: 0px !important;
    border-right-color: #0677a0 !important;
    border-right-width: 0px !important;
    border-left-color: #0677a0 !important;
    /*5fa2dd*/
    border-left-width: 0px !important;
}

.inspina.grid-detalhes .x-panel-default-outer-border-rl {
    border-right-color: #0677a0 !important;
    border-right-width: 0px !important;
    border-left-color: #0677a0 !important;
    border-left-width: 0px !important;
}

.inspina.grid-detalhes .x-panel-default-outer-border-rbl {
    border-right-color: #0677a0 !important;
    border-right-width: 0px !important;
    border-bottom-color: #0677a0 !important;
    border-bottom-width: 0px !important;
    border-left-color: #0677a0 !important;
    border-left-width: 0px !important;
}


/* Criação de alertas (Success, info, Warning, danger)*/

.alert {
    position: relative;
    padding: 5px 15px;
    margin-bottom: 0px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert-success {
    color: #155724 !important;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-info {
    color: #0c5460 !important;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-warning {
    color: #856404 !important;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-danger {
    color: #721c24 !important;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.inspina-form .x-panel-default .pn-round-success {
    border-radius: 5px;
    border: 1px solid #b8d4c2 !important;
}

.inspina-form .x-panel-default .pn-round-danger {
    border-radius: 5px;
    border: 1px solid #f9c6cd !important;
}


/*---------------------------------------------------- $00cdc6f9 */


/*FONTES PARA OS ALERTAS*/

.f11 {
    font-size: 11px
}

.f12 {
    font-size: 12px
}

.f14 {
    font-size: 14px
}

.f15 {
    font-size: 15px
}


/*----------------------------------------------------*/


/*FOCUS EDITS*/

.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-color: #0677a0 !important;
}

.inspina-form .x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
    border-color: #0677a0;
}


/*----------------------------------------------------*/


/*action column font-FontAwesome*/

.x-action-col-icon {
    color: #02698e !important;
}


/*--------------*/


/*color label custom para aplicações (esqueleto)*/

.lbl-custom-color {
    color: #0677a0 !important;
}

.panel-line-custom-color .x-panel-body {
    background-color: #0677a0 !important
}


/*--------------*/


/*Message dialog box o framework não permite adicionar classes alterado o global dos formularios */

.custom-dialog .x-btn-default-small {
    border-radius: 4px;
    min-height: 20px;
    background-color: #0677a0 !important;
}

.custom-dialog .x-btn-over.x-btn-default-small {
    border-color: #1c8eb7 !important;
}

.custom-dialog .x-message-box-question {
    color: #0677a0;
}

.dialog-text {
    min-height: 80px;
}

.teste123>.x-panel-header {
    display: none;
}


/*cor de seleção da data no datetime picker*/

.x-datepicker-selected div.x-datepicker-date {
    background-color: #0677a0 !important;
}

.x-monthpicker-item a.x-monthpicker-selected {
    background-color: #0677a0 !important;
}

.spin-custom .x-form-trigger.x-form-trigger-default.x-form-trigger-spinner.x-form-trigger-spinner-default.x-unselectable {
    padding-right: 0px !important;
}

.spin-custom .x-form-spinner.x-form-spinner-default.x-form-spinner-up.x-form-spinner-up-default {
    height: 12px !important;
}

.spin-custom .x-form-spinner.x-form-spinner-default.x-form-spinner-down.x-form-spinner-down-default {
    height: 12px !important;
}

.spin-custom .x-form-spinner-default {
    width: 16px !important;
}


/*PERSONALIZAÇÃO DE TABS TELA EXTRATO*/


/* botao ativo*/

.x-btn.custom-btn_selecao.x-btn-menu-active.x-btn-default-small,
.x-btn.custom-btn_selecao.x-btn-pressed.x-btn-default-small {
    background-color: 1c8eb7 !important;
    border: none;
}

.x-btn.custom-btn_selecao.x-btn-menu-active.x-btn-default-small,
.x-btn.custom-btn_selecao.x-btn-pressed.small {
    background-color: transparent !important;
    border: none;
}

.x-btn.custom-btn_selecao.x-btn-menu-active.x-btn-default-small,
.x-btn.custom-btn_selecao.x-btn-pressed.x-btn-default-small {
    background-color: 1c8eb7 !important;
    border-color: none !important;
    border-top: 1px solid #19a588 !important;
    border-left: 1px solid #19a588 !important;
    border-right: 1px solid #19a588 !important;
    border-bottom: 1px solid #19a588 !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.custom-btn_selecao.x-btn-default-small .x-btn-inner {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: bold;
    color: #696969;
}

.custom-btn_selecao.x-btn-default-small.x-btn-pressed .x-btn-inner {
    font-family: 'IBM Plex Sans', sans-serif;
    font-weight: bold;
    color: #ffffff;
    font-size: 12px;
}

.custom-btn_selecao.x-btn-default-small.x-btn-pressed .x-btn-inner::after {
    content: " ";
    height: 2px;
    background-color: #ffffff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}

.custom-btn_selecao.x-btn-default-small {
    padding: 2px 2px 2px 2px !important;
}

.custom-btn_selecao.x-btn-over.x-btn-default-small {
    text-decoration: none !important;
}


/* fim do botao ativo*/


/*botao inativo*/

.custom-btn_selecao.x-btn-default-small {
    background-color: transparent !important;
    border-width: 1px;
    border-style: solid;
    border-color: #005573 !important;
}

.span-chat-esquerda{
    float: left; 
    font-size: 11px; 
    font-weight: bold; 
    color:#0b6294;
    font-family: "IBM Plex Sans", sans-serif;
	display: inline-block;
	margin-bottom: 7px;
}

.span-chat-direita{
    float: right; 
    font-size: 11px; 
    font-weight: bold; 
    color:#0b6294;
    font-family: "IBM Plex Sans", sans-serif;
	display: inline-block;
	margin-bottom: 7px;
}

.chat-assunto{
    clear: both;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 13px;
    color:#292929;
	line-height: 14px;
    }

.x-column-header-inner{
    padding: 7px 3px 6px !important;
}	

.btn-msg:hover {
background-color: #0462c7;
border-color: #0462c7;
}

/*fim botao inativo*/


/*ini botao chat*/
.tudo {
width: 100%;
}

.chath-left {
width: 75%;
float: left;
text-align: center;
}

.chath-right {
width: 25%;
float: left;
}

.btn-msg {
cursor: pointer;
color: #fff;
background-color: #007bff;
border-color: #007bff;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 2px 5px;
font-size: 12px;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/*fim botao chat*/

.pn-pesquisa-round.x-panel-default{
  border: 1px solid #d4cdb6 !important;
  background-color: #fff3cd	  !important;
  border-radius: 4px;
}

.x-btn.x-form-file-btn.x-unselectable.x-btn-default-small{
  color: #fff;
  background-color: #21a27f !important;
  border-color: #21a27f !important;
  border-radius: 4px !important;
}

.x-btn-over.x-btn-defaul-small .x-form-trigger-over{
color: #fff;
background-color: #2fc3a6;
border-color: #2fc3a6;
border-radius: 4px !important;
}

.pn-filter-round{
    border: 1px solid #9c9b95 !important;
    background-color: #f2f6f8 !important;
    border-radius: 4px;
}

.pn-filter-round .x-panel-body-default {
    background: #f6f6f8;
}

.btn-border {
    background: transparent !important;
    border: 1px solid #518bbd;
}

.btn-border.x-btn-focus.x-btn-default-small {
    background: transparent !important;
}

.btn-border.x-btn-over.x-btn-default-small {
    background: transparent !important;
}

.btn-border.x-btn-pressed.x-btn-default-small {
background: transparent !important;}

.x-tab-button-default{ float:left; }

/*Maps*/

.leaflet-control-layers.leaflet-control-layers-expanded.leaflet-control{display:none !important}

.leaflet-control-attribution.leaflet-control{display:none !important}


.inspina .x-treelist-nav::-webkit-scrollbar {
width: 6px;
height: 6px;
}
::-webkit-scrollbar-button {
width: 4px;
height: 4px;
}
::-webkit-scrollbar-thumb {
background: #005573;
border: 0px none #ffffff;
border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
background: #005573;
}
::-webkit-scrollbar-thumb:active {
background: #0e485c;
}
::-webkit-scrollbar-track {
background: #eaebec;
border: 0px none #ffffff;
border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
background: #d6d6d6;
}
::-webkit-scrollbar-track:active {
background: #a3a3a3;
}
::-webkit-scrollbar-corner {
background: transparent;
}

/*2022/11/16*/

/* Tags para Grid do Estabelecimento */

.tag {
  display: inline-block;
  padding: 2px 3px;
  border-radius: 3px;
  font-weight: 300;
  font-size: 8px;
  color: #fff;
  margin-right: 2px;
}

/* Cores individuais */
.tag-alimentacao { background-color: #e74c3c; }   /* vermelho */
.tag-refeicao    { background-color: #e67e22; }   /* laranja */
.tag-feira       { background-color: #27ae60; }   /* verde */
.tag-mobilidade  { background-color: #2980b9; }   /* azul */
.tag-presente    { background-color: #8e44ad; }   /* roxo */

/* Caso não haja benefícios ativos */
.tag-vazio {
  background-color: #7f8c8d;
  color: #fff;
}

.pg_hide .x-toolbar .x-btn {
    display: none;
}

.pg_hide .x-toolbar .x-toolbar-separator {
    display: none;
}

.pg_hide .x-toolbar .x-toolbar-text {
    display: none;
}

.pg_hide .x-toolbar .x-field {
    display: none;
}