.safegov-label-checkbox {
    margin-top: 7px;
}

.safegov-showgrid-header {
    background-color: #689ece;
 }

img.login-background-imagem {
    height: 100%;
    width: 100%;
    margin: auto;
    display: block;
}

.logo-dashboard-header {
    height: 40px;
    width: 119px;
    margin-left: 15px;
    margin-top: 7px;
}

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 6px 8px !important;
    padding-left: 30px !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 6px 8px !important;
    padding-left: 30px !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_login.png) no-repeat 6px 8px !important;
    padding-left: 30px !important;
    border-radius: 5px;
}

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

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

.edtlguse .x-form-trigger-default {
    font: 20px / 20px FontAwesome;
    width: 10px;
    padding-right: 8px !important;    
    padding-right: 10px;
    padding-top: 5px;
}

.edtpadrao input {
    border-radius: 5px;
}

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

.edtpadrao .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_cyan {
    margin-top: 1px;
    padding: 2px 5px;
    background-color: #0dcaf0;
    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;
}

.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;
    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;
    border-color: #f8ac59;
}

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

.btn-warning.x-btn.x-btn-pressed {
    background-color: #f7a54a;
    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;
    border-color: #ed5565;
}

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

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

.btn-danger.x-btn-default-small-focus {
    background-color: #ec4758;
    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: #00539e !important;
    border-color: #00539e !important;
}

.btn-default .x-btn-over.xbtn-defaul-small {
    color: #FFF;
    background-color: #0988b5;
    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: #0d4272;
    background-color: #0d4272 !important;
    border: 1px solid #0d4272 !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: #ffffff !important
}

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

.inspina-form .x-window-header-default-top {
    background-color: #ffffff !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;
}
/*-----------*/
/* PERSONALIZAÇÃO UNITREEMENU*/
/*item menu*/
.inspina .x-treelist-nav {
    background-color: #f7f9fa;
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
}

/*-------*/
.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: #00539e;
    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: 17px;
}

/*----------------*/
/*background submenu - 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: #689ece;
}

.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(0, 83, 158, 0.15) !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: #00539e;
    margin-top: 9px;
}

/*------------*/
/*----------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-tab-default-top {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background-color: #689ece;
}

.inspina .x-tab.x-tab-active.x-tab-default {
    background-color: #00539e;
}

.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.x-tab-active span.x-tab-inner.x-tab-inner-default::after {
    content: " ";
    position: absolute;
    height: 4px;
    width: 137%;
    background-color: #689ece;
    top: 24px;
    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-panel-default-outer-border-trbl {
    border-color: #cecece !important;
}

/*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;
}

.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: #00539e;
}

/*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: #689ece !important;
    border-top-width: 1px !important;
    border-right-color: #0677a0 !important;
    border-right-width: 0px !important;
    border-left-color: #f3f3f3 !important;
    border-left-width: 1px !important;
}

.inspina .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 .x-panel-default-outer-border-rbl {
    border-right-color: #0677a0 !important;
    border-right-width: 0px !important;
    border-bottom-color: #689ece !important;
    border-bottom-width: 0px !important;
    border-left-color: #0677a0 !important;
    border-left-width: 0px !important;
}

.inspina .x-grid-body {
    background: #fff;
    border-width: 1px 1px 1px;
    border-style: solid;
    border-color: #689ece !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: #00539e !important;
}

.panel-line-custom-color .x-panel-body {
    background-color: #00539e !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-boleto-round.x-panel-default {
    border: 1px solid #e3e3e3 !important;
    border-radius: 8px;
}

.btn-border {
    color: #fff;
    background-color: #fdfcfc !important;
    border-color: #1c84c6 !important;
}

.btn-border .x-btn-over.xbtn-defaul-small {
    color: #FFF;
    background-color: #fdfcfc !important;
    border-color: #1c84c6 !important;
}

.btn-border.x-btn.x-btn-pressed {
    color: #FFF;
    background-color: #fdfcfc;
    border-color: 1px solid #1c84c6;
}

.btn-border:hover, .btn-border:focus, .btn-border.focus {
    background-color: #fdfcfc !important;
    border: 1px solid #1c84c6 !important;
}

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

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

.btn.btn-border .x-btn-inner-default-small {
    color: #1c84c6;
}

.btn-border-red {
    color: #fff;
    background-color: #fdfcfc !important;
    border-color: #f44336 !important;
}

.btn-border-red .x-btn-over.xbtn-defaul-small {
    color: #FFF;
    background-color: #fdfcfc !important;
    border-color: #f44336 !important;
}

.btn-border-red.x-btn.x-btn-pressed {
    color: #FFF;
    background-color: #fdfcfc;
    border-color: 1px solid #f44336;
}

.btn-border-red:hover, .btn-border:focus, .btn-border.focus {
    background-color: #fdfcfc !important;
    border: 1px solid #f44336 !important;
}

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

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

.btn.btn-border-red .x-btn-inner-default-small {
    color: #f44336;
}

/* -- Custom Spin -------------------------------------------------*/
._custom_spin .x-form-trigger-default {
    padding-right: 0px;
}

._custom_spin .x-form-spinner-up-default {
    font: 14px/1 ExtJS
}

._custom_spin .x-form-spinner-down-default {
    font: 14px/1 ExtJS
}

._custom_spin .x-form-spinner-default {
    width: 24px;
}

._custom_spin .x-form-spinner-default {
    height: 13px;
}

/*Fim---------------------------------------------------- Custom Spin*/
/* TESTE SCROLL */
/* Cria a barra de rolagem na div */
.panel-scroll-principal-projetoShow .x-panel-body {
    overflow-x: scroll;
}

/* gira a div em 180 graus para colocar a barra de rolagem no topo e depois gira a div interna com os botões para voltar ao normal */
.panel-scroll-principal-projetoShow .x-panel-body, .panel-scroll-principal-projetoShow .x-autocontainer-outerCt {
    transform: rotateX(180deg);
}

/* criando a barra de rolagem */
.panel-scroll-principal-projetoShow ::-webkit-scrollbar {
    width: 1px;
    height: 9px;
}

/* Linha da barra de rolagem */
.panel-scroll-principal-projetoShow ::-webkit-scrollbar-track {
    background: #ffffff;
}

/* Botão de rolagem */
.panel-scroll-principal-projetoShow ::-webkit-scrollbar-thumb {
    background: #274355;
    border-radius: 5px;
}

/* Botão de rolagem ao passar o mouse*/
.panel-scroll-principal-projetoShow ::-webkit-scrollbar-thumb:hover {
    background: #38617b;
}