body #content_loading_system {
    display: block;
    position: fixed;
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    z-index: 9999999999999999;
    text-align: center;
}

body {
    /*overflow: hidden;*/
}

body #content_loading_system .carregando {
    margin-top: 150px;
}

body > #iframe_up_down {
    display: none;
}

.no-user-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

/* ESTILIZAÇAO PARA OPÇOES DO SYSTEM - INICIO */
#system-btn-sair {
    margin-top: 8px;
}

#system-menu-bar ul.nav {
    top: 2px;
}

#system-menu-bar ul li,
#system-menu-bar ul li a {
    cursor: default;
}

#system-menu-bar ul li a {
    max-width: 292px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    color: #000;
    text-shadow: none;
}

#system-menu-bar > ul > li > a {
    color: #FFF;
}

#system-menu-bar ul li a b.caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}

#system-menu-bar > ul > li.open > a {
    color: #000;
    background-color: #FFF;
}

#system-menu-bar > ul > li.open > a b.caret {
    border-top-color: #000;
    border-bottom-color: #000;
}

.system-menu-bar ul#menu li a i {
    margin-left: -20px;
    margin-right: 4px;
}

body .system-main-area {
    position: relative;
    margin-top: -165px;
}

.main .system-container {
    margin-top: 50px;
}

/* ESTILIZAÇAO PARA OPÇOES DO SYSTEM - FIM */

#system-bar-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
}

#system-bar-footer * {
    font-size: 10px;
}

#system-bar-footer .navbar-inner {
    min-height: 25px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    background-color: transparent;
    background-image: none;

}

#system-bar-footer .navbar-inner li {
    line-height: 25px;
}

#system-bar-footer .navbar .divider-vertical {
    height: 25px;
}

label.valid {
    width: 24px;
    height: 24px;
    display: inline-block;
    text-indent: -9999px;
}

label.error {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
}

label.errorCustom {
    color: red;
}

.text-info {
    color: #3A87AD;
}

.text-black {
    color: #000;
}

.text-bold {
    font-weight: bold;
}

.text-system {
    color: #666;
}

div.alert a {
    font-weight: bold;
}

.display {
    display: block !important;
}

.percent {
    position: absolute;
    display: inline-block;
    top: 3px;
    left: 48%;
}

.inputError {
    border: solid 1px #B94A48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

select.select {
    width: 99%
}

.width-auto {
    width: auto;
}

/* DATATABLES INICIO */
div.dataTables_length label {
    width: 460px;
    float: left;
    text-align: left;
}

div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    float: right;
    width: 460px;
}

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

div.dataTables_scrollBody table.table {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

table.dataTable th:active {
    outline: none;
}

/* DATATABLES FIM */
.system-menu-bar {
    position: relative;
    height: 178px;
    background: linear-gradient(23deg, rgba(70, 75, 125, 1) 5%, rgba(167, 47, 132, 1) 100%);
    z-index: auto;
}

.system-menu-bar #menubar-system-toolbar .badge {
    position: absolute;
    top: -8px;
    left: 8px;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: normal;
}

.system-menu-bar .navbar-inner {
    background: none;
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
}

#menubar-system-toolbar {
    margin: 5px 30px 5px 10px;
    right: 5px;
    top: 38px;
}

#menubar-system-toolbar > div > button {
    background: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    color: #FFF;
    font-size: 15px;
}

.system-menu-bar #menu-system-configs hr {
    margin: 5px;
}

.system-menu-bar #menu-system-configs img.foto-usuario-logado {
    position: relative;
    display: inline-block;
    width: 88px;
    height: 88px;
    border-radius: 50px;
}

.system-menu-bar #menu-system-configs div.dropdown-menu {
    width: 300px;
}

#menubar-system-toolbar .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.system-menu-bar #menubar-system-toolbar .dropdown-menu {
    padding: 10px;
}

.system-menu-bar #menubar-system-toolbar .dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 4px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: #FFF;
    content: '';
}

.system-menu-bar #system-menu-bar {
    margin-left: 238px;
}

.system-menu-bar #system-menu-configs {
    margin-right: 40px;
}

.system-menu-bar #menu-system-module-menu-search ul.module-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.system-menu-bar #menu-system-module-menu-search ul.module-menu li a {
    display: block;
    padding: 5px;
    cursor: pointer;
    text-decoration: none;
}

.system-menu-bar #menu-system-module-menu-search ul.module-menu li a:hover {
    background: #A8B868;
    color: #FFF;
}

.system-menu-bar #menu-system-module-menu-search ul.module-menu li a.menu-nav-disabled:hover {
    background: none;
}

.system-menu-bar #menu-system-module-menu-search ul.module-menu li a small {
    display: block;
    color: #333;
    font-size: 10px;
}

.system-menu-bar #menu-system-module-menu-search ul.module-menu li a.menu-nav-disabled small {
    color: #949aa2;
}

.system-menu-bar #menu-system-social a.facebook-link,
.system-menu-bar #menu-system-social a.instagram-link,
.system-menu-bar #menu-system-social a.linkedin-link {
    font-size: 13px !important;
}

#menubar-system-toolbar #menu-system-social a.facebook-link i,
#menubar-system-toolbar #menu-system-social a.instagram-link i,
#menubar-system-toolbar #menu-system-social a.linkedin-link i {
    font-size: 15px !important;
}

#menubar-system-toolbar #menu-system-social a.instagram-link {
    color: #BB4783;
}

#menubar-system-toolbar #menu-system-social a.linkedin-link {
    color: #2C6AB4;
}

#menubar-system-toolbar #menu-system-social a.facebook-link {
    color: #3464E0;
}


.placeholder {
    outline: 1px dashed #4183C4;
}

.mjs-nestedSortable-error {
    background: #fbe3e4;
    border-color: transparent;
}

ol.sortable,
ol.sortable ol {
    margin: 0 0 0 25px;
    padding: 0;
    list-style-type: none;
}

ol.sortable {
    margin: 0;
    padding: 20px;

}

.sortable li {
    margin: 5px 0 0 0;
    padding: 0;
}

.sortable li div.accordionHeader {
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-color: #D4D4D4 #D4D4D4 #BCBCBC;
    padding: 6px;
    margin: 0;
    cursor: move;
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

.sortable li div.accordionHeader div.accordionContent {
    display: none;
    padding: 5px 20px;
}

a.trigger {
    text-decoration: none;
    color: #000;
}

.disclose {
    cursor: pointer;
    width: 10px;
    display: none;
}

/* altera posicionamento do alert em relação ao topo (margem esteticamente aceitável) */
div.bootbox {
    top: 150px !important;
}

/* define altura minima do alert usando bootbox */
div.bootbox div.modal-body {
    min-height: 50px;
}

/* ajuste do posicionamento da mensagem do jquery.validate no form */
div.control-group.error .controls label.error {
    display: inline-block;
    font-weight: normal;
    padding: 0;
    padding-left: 8px;
}

div.searchit-div-table-content {
    max-height: 400px;
    clear: both;
    overflow-y: auto;
    overflow-x: auto;
}

div.searchit-div-table-content table tr {
    cursor: pointer;
}

div.searchit-div-table-content i.icon-pencil,
div.searchit-div-table-content i.icon-remove {
    display: none !important;
}

.notreset {
}

.input-micro {
    width: 30px;
}

.input-mini {
    width: 62px;
}

.input-xxxlarge {
    width: -webkit-calc(100% - 12px); /* para Chrome */
    width: -moz-calc(100% - 12px); /* para Firefox */
    width: calc(100% - 12px); /* para suporte nativo */
}

fieldset input.input-xxxlarge {
    width: -webkit-calc(100% - 21px); /* para Chrome */
    width: -moz-calc(100% - 21px); /* para Firefox */
    width: calc(100% - 21px); /* para suporte nativo */
}

.form-horizontal .control-group-disabled {
    opacity: 0.5 !important;
}

div.form-buttons-box {
    height: 35px;
}

div.form-buttons {
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    background-color: #FFF;
    padding: 0 5px 0px 5px;
    height: 30px;
    text-align: right;
}

.form-buttons.no-float {
    position: relative;
    margin-top: 8px;
}

.form-buttons button {
    margin-left: 6px;
    margin-bottom: 0px;
}

/* BOTOES PADRAO DO INIT DE CADA VIEW - INICIO */
.navbar-inner-filter {
    min-height: 40px;
    background: transparent;
    border: none;
    *zoom: 1;
}

.nav-filter {
    float: right;
    list-style-type: none;
    height: 40px;
}

ul.nav-filter > li {
    display: inline-block;
    margin-right: 0px;
    padding: 2px 0px;
}

ul.nav-filter > li.hidden {
    display: none;
    visibility: hidden;
}

/* BOTOES PADRAO DO INIT DE CADA VIEW - FIM */

table[id^="tabela-geral-"] tbody {
    cursor: default;
}

/* DROPDOWN DE FILTRO PADRAO DA VIEW INIT - INICIO */
.dropdown-menu-filter {
    min-width: 200px;
    left: auto;
    right: 0;
    padding: 30px 15px 10px 15px;
}

.dropdown-menu-filter:before {
    content: '' !important;
    display: inline-block !important;
    border-left: 7px solid transparent !important;
    border-right: 7px solid transparent !important;
    border-bottom: 7px solid #ccc !important;
    border-bottom-color: rgba(0, 0, 0, 0.2) !important;
    position: absolute !important;
    top: -7px !important;
    right: 6px !important;
}

.dropdown-menu-filter:after {
    content: '' !important;
    display: inline-block !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
    border-bottom: 6px solid #ffffff !important;
    position: absolute !important;
    top: -6px !important;
    right: 7px !important;
}

.dropdown-menu-filter a.menu-filter-icon-close {
    line-height: 0px;
    margin-top: -15px;
}

.dropdown-menu-filter div.menu-filter-area-buttons {
    padding: 5px;
}

.icon-medium {
    font-size: 16px;
}

.icon-large {
    font-size: 20px;
}

.icon-xlarge {
    font-size: 24px;
}

.icon-xxlarge {
    font-size: 30px;
}

.icon-xxxlarge {
    font-size: 36px;
}

.dropdown-menu-filter.double {
    width: 620px;
}

.dropdown-menu-filter.full {
    width: 902px;
}

/* DROPDOWN DE FILTRO PADRAO DA VIEW INIT - FIM */

/* FIX DATEPICKER DIV POSITION - INICIO */
#ui-datepicker-div {
    z-index: 99999999 !important;
}

.mask_date {
    width: 70px;
    -webkit-border-radius: 2px 0px 0px 2px !important;
    -moz-border-radius: 2px 0px 0px 2px !important;
    border-radius: 2px 0px 0px 2px !important;
}

.mask_cep {
    width: 70px;
}

.mask_date_fixedyear,
.mask_date_vencimento {
    width: 70px;
    -webkit-border-radius: 2px 0px 0px 2px !important;
    -moz-border-radius: 2px 0px 0px 2px !important;
    border-radius: 2px 0px 0px 2px !important;
}

.ui-datepicker-trigger {
    background-color: transparent;
    border-style: none;
    display: inline-block;
    height: 24px;
    margin-top: -3.5px;
    margin-left: -26px;
    width: 25px;
}

input.hasDatepicker {
    padding-right: 25px;
}

.ui-datepicker-trigger:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
    background-color: #dfdfdf;
}

.ui-datepicker-trigger:active {
    position: relative;
    top: 1px;
}

.datepicker {
    padding: 0;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
    position: static;
}

form .controls input[type="checkbox"] {
    margin-top: -3px;
}

form .obriga {
    border-left: 2px #f46462 solid;
}

/* FIX DATEPICKER DIV POSITION - FIM */

/* ESTILIZAÇÃO DO BOTAO search-it E search-cep - INICIO */
input.cep-search {
    padding-right: 20px;
}

input.search-it {
    padding-right: 27px;
}

.search-it-button,
.search-cep-button {
    background-color: transparent;
    border-style: none;
    display: inline-block;
    height: 24px;
    margin-top: -3.5px;
    margin-left: -26px;
    width: 25px;
}

.search-it-button:hover,
.search-cep-button:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
}

.search-it-button:active,
.search-cep-button:active {
    position: relative;
    top: 1px;
}

*[data-searchit] {
    -webkit-border-radius: 2px 0px 0px 2px !important;
    -moz-border-radius: 2px 0px 0px 2px !important;
    border-radius: 2px 0px 0px 2px !important;
}

.fixed-searchit-info {
    overflow-x: hidden;
    display: inline-block;
    white-space: nowrap;
    height: 15px;
}

.width-150 {
    width: 150px;
}

.width-200 {
    width: 200px;
}

.width-250 {
    width: 250px;
}

.width-300 {
    width: 300px;
}

/* ESTILIZAÇÃO DO BOTAO search-it E search-cep - FIM */

/* ESTILIZAÇÃO DO dropdown-search DO BOTAO DE FILTRO PADRAO DA VIEW INIT - INICIO */
.dropdown-search {
    position: relative;
}

/* ESTILIZAÇÃO DO dropdown-search DO BOTAO DE FILTRO PADRAO DA VIEW INIT - FIM */

/* ESTILIZAÇÃO DO TH CLICADO UTILIZANDO TABELAS COM ORDERNAÇÃO - INICIO */
.th-sort-checked {
    background: none !important;
    background-color: #FFF !important;
}

/* ESTILIZAÇÃO DO TH CLICADO UTILIZANDO TABELAS COM ORDERNAÇÃO - FIM */

div.control-group.control-inline .controls.span,
div.control-group.control-inline .controls.span1,
div.control-group.control-inline .controls.span2,
div.control-group.control-inline .controls.span3,
div.control-group.control-inline .controls.span4,
div.control-group.control-inline .controls.span5,
div.control-group.control-inline .controls.span6,
div.control-group.control-inline .controls.span7,
div.control-group.control-inline .controls.span8,
div.control-group.control-inline .controls.span9,
div.control-group.control-inline .controls.span10,
div.control-group.control-inline .controls.span11,
div.control-group.control-inline .controls.span12,
div.control-group.control-inline .controls.span13,
div.control-group.control-inline .controls.span14,
div.control-group.control-inline .controls.span15,
div.control-group.control-inline .controls.span16 {
    margin-left: 0px;
}

div.control-group.control-inline label.control-label {
    margin-right: 8px;
}

div.control-group.control-inline label.control-label-inline {
    margin-right: 10px;
    float: left;
    padding-top: 5px;
    text-align: right;
    margin-left: 35px;
}

.full-width {
    width: 100% !important;
}

.full-height {
    height: 100% !important;
}

/* ELLIPSIS EM ELEMENTO - INICIO */
.ellipsis,
table.table-ellipsis tbody td:not(.no-ellipsis) {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

/* ELLIPSIS EM ELEMENTO - FIM */

/* CSS DO PLUGIN dualListBoxes em assets/js/extensions.js - INICIO */
.div-list-boxes {
    width: 100%;
    height: auto;
}

.div-list-boxes .div-list-boxes-label-control:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.div-list-boxes .label1,
.div-list-boxes .label2 {
    width: 45%;
}

.div-list-boxes .label1 span,
.div-list-boxes .label2 span {
    margin-left: 5px;
}

.div-list-boxes .label1 {
    float: left;
}

.div-list-boxes .label2 {
    float: right;
}

.div-list-boxes .select-first {
    float: left;
    width: 45%;
    min-height: 100px;
    height: auto;
}

.div-list-boxes .select-last {
    float: right;
    width: 45%;
    min-height: 100px;
    height: auto;
}

.dual-list-boxes-control {
    margin-right: auto;
    margin-left: auto;
    width: 10%;
    text-align: center;
}

.dual-list-boxes-control button {
    min-width: 33px;
    height: 26px;
}

.dual-list-boxes-control div {
    bottom: 50%;
    position: relative;
}

/* CSS DO PLUGIN dualListBoxes em assets/js/extensions.js - FIM */

.form-horizontal div.control-group label.control-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: string;
}

/* ESTILIZAÇAO DE CORES PARA OS ICONES DO FONT AWESOME - INICIO */
i.icon-red {
    color: #CC0000;
}

/* ESTILIZAÇAO DE CORES PARA OS ICONES DO FONT AWESOME - FIM */

input[type="file"] {
    cursor: pointer;
    -webkit-appearance: button;
}

table.table th {
    position: relative;
}

/* Campo INPUT dentro de Tabela, para nao estourar a altura */
table.table select,
table.table textarea,
table.table input[type="text"],
table.table input[type="password"],
table.table input[type="datetime"],
table.table input[type="datetime-local"],
table.table input[type="date"],
table.table input[type="month"],
table.table input[type="time"],
table.table input[type="week"],
table.table input[type="number"],
table.table input[type="email"],
table.table input[type="url"],
table.table input[type="search"],
table.table input[type="tel"],
table.table input[type="color"],
table.table .uneditable-input {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    height: 18px;
}

table.table select {
    height: 25px;
}

table.table button.ui-datepicker-trigger {
    height: 24px;
    margin-top: -0.5px;
}

table.table button.search-it-button {
    height: 24px;
    margin-top: -0.5px;
}

table.table .input-append .add-on,
table.table .input-prepend .add-on {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    height: 14px;
}

input[type="text"].mask_numbers,
input[type="text"].mask_money,
input[type="text"].mask_money3precision,
input[type="text"].mask_money4precision,
input[type="text"].mask_money5precision {
    text-align: right;
}

.table-striped tbody > tr:nth-child(odd) > td input[type="text"].input-full,
.table-striped tbody > tr:nth-child(odd) > th input[type="text"].input-full {
    background-color: #f9f9f9;
    border: 1px solid #f9f9f9;
}

td input.input-full,
div input[type="text"].input-full {
    margin-left: -5px;
}

.table-hover tbody tr:hover td input[type="text"].input-full,
.table-hover tbody tr:hover th input[type="text"].input-full {
    background-color: #DBEDB2;
    border: 1px solid #DBEDB2;
}

input[readonly="readonly"].input-full,
input[type="readonly"]:focus.input-full,
input[type="readonly"]:hover.input-full {
    background-color: #EEE !important;
    border: 1px solid #EEE !important;
}

/* ESTILIZACAO PARA O PLUGIN UPLOADIFIVE - INICIO */
.uploadifive-button {
}

.uploadifive-button:hover {
}

.uploadifive-queue-item {
    background-color: #F5F5F5;
    border-bottom: 1px dotted #D5D5D5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font: 12px Arial, Helvetica, Sans-serif;
    margin-top: 3px;
    padding: 15px;
}

.uploadifive-queue-item .close {
    background: url('../img/uploadifive-cancel.png') 0 0 no-repeat;
    display: block;
    float: right;
    height: 16px;
    text-indent: -9999px;
    width: 16px;
}

.uploadifive-queue-item .progress {
    border: 1px solid #D0D0D0;
    height: 3px;
    margin-top: 5px;
    width: 100%;
}

.uploadifive-queue-item .progress-bar {
    background-color: #0072BC;
    height: 3px;
    width: 0;
}

/* ESTILIZACAO PARA O PLUGIN UPLOADIFIVE - FIM */

div.height-full {
    height: 100%;
}

div.scroll-y {
    overflow-y: scroll;
}

/* ESTILIZACAO PARA O PLUGIN DE GRID - INICIO */
.table-grid-header thead tr th:first-child {
    border-bottom-left-radius: 0px !important;
}

.table-grid-header thead tr th:last-child {
    border-bottom-right-radius: 0px !important;
}

.table-grid-body {
    margin-top: -2px;
    position: relative;
}

.table-grid-body table {
    border-top-color: transparent;
}

/* ESTILIZACAO PARA O PLUGIN DE GRID - FIM */

input.required:-moz-placeholder,
textarea.required:-moz-placeholder {
    color: #CC0000;
}

input.required::-moz-placeholder,
textarea.required::-moz-placeholder {
    color: #CC0000;
}

input.required::-webkit-input-placeholder,
textarea.required::-webkit-input-placeholder {
    color: #CC0000;
}

/* DEFINIÇÕES PARA CURSOR */
.cursor-pointer {
    cursor: pointer;
}

.cursor-default {
    cursor: default;
}

.cursor-help {
    cursor: help;
}

.cursor-move {
    cursor: move;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.logotipo_central_sistema {
    position: fixed;
    width: 225px;
    height: 225px;
    right: 14px;
    bottom: 32px;
    filter: grayscale(80%);
    opacity: 0.5;
    z-index: -1;
}

/* GOOGLE-MAPS - INICIO */
.gm-style img {
    max-width: none;
}

.gm-style label {
    width: auto;
    display: inline;
}

/* GOOGLE-MAPS - FIM */

/* Classes Especificas para uso com o jQuery.grid */
.grid-no-margin, .table-no-margin {
    margin: 0;
}

/* Para poder usar o Sortable + Accordion */
.lists-sortable {
    min-height: 100px;
}

/* ESTILIZAÇÃO PARA O PLUGIN table_arrow_navigate EM assets/js/extensions.js */
table tbody tr.marked td {
    background-color: #DBEDB2 !important;
}

/* ICON BORDER STYLE TEXT EDITOR */
[class*="icon-border-style"] {
    width: 15px;
    height: 15px;
    display: inline-block;
    border: 1px dotted black;
}

.icon-border-style-full {
    border: 2px solid black;
}

.icon-border-style-top {
    border-top: 2px solid black;
}

.icon-border-style-right {
    border-right: 2px solid black;
}

.icon-border-style-bottom {
    border-bottom: 2px solid black;
}

.icon-border-style-left {
    border-left: 2px solid black;
}

.icon-border-style-none {
    border: 1px dotted black;
}

button, input, select, textarea {
    font-size: 13px;
}

.resize-y {
    resize: vertical !important;
}

.resize-x {
    resize: horizontal !important;
}

.resize {
    resize: both !important;
}

/*
 * CORREÇÃO PARA BOTÕES "APPENDED" À CAMPOS
 */
.input-prepend > .btn,
.input-append > .btn {
    line-height: normal;
}

table.no-table-layout-fixed {
    table-layout: auto;
}

/*
DEFINICOES DA MODAL
*/
div.modal-background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
}

div.modal {
    top: 42px;
    box-shadow: none;
}

div.modal.driver-modal.animated.zoomIn {
    animation-duration: 0.2s;
    animation-delay: 0s;
}

div.modal .modal-layer-protect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}

div.modal.modal-active .modal-layer-protect {
    display: none;
}

div.modal.modal-active {
    box-shadow: 0 9px 14px rgba(0, 0, 0, 0.6);
}

/*
Modal maximizada, ocupando todo espaço da tela
 */
.modal.modal-maximize,
.modal.modal-maximize-fullscreen {
    position: absolute;
    left: 0px !important;
    top: 0px !important;
    bottom: 0px !important;
    width: 100% !important;
    margin: 39px 0 0 0 !important;
    box-sizing: border-box;
}

.modal.modal-maximize.ui-draggable-disabled,
.modal.modal-maximize-fullscreen.ui-draggable-disabled {
    opacity: 1 !important; /* mantém opacidade para maximizadas */
}

.modal.modal-maximize .modal-body,
.modal.modal-maximize-fullscreen .modal-body {
    height: 100% !important;
    max-height: 100% !important;
}

/* block para o plugin areaBlock */
div.area-block {
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0.3;
    text-align: center;
    vertical-align: middle;
}

/* Garante que body ocupe todo o viewport em fullscreen (Chrome) */
body:-webkit-full-screen {
    width: 100%;
    height: 100%;
}

body:-moz-full-screen {
    width: 100%;
    height: 100%;
}

body:fullscreen {
    width: 100%;
    height: 100%;
}

/* oculta o header em fullscreen mode */
:-webkit-full-screen .modal.modal-maximize .modal-header,
:-webkit-full-screen .modal.modal-maximize-fullscreen .modal-header {
    display: none;
}

:-moz-full-screen .modal.modal-maximize .modal-header,
:-moz-full-screen .modal.modal-maximize-fullscreen .modal-header {
    display: none;
}

:fullscreen .modal.modal-maximize .modal-header,
:fullscreen .modal.modal-maximize-fullscreen .modal-header {
    display: none;
}

/* modal oculta menubar, quando em fullscreen */
:-webkit-full-screen .modal.modal-maximize,
:-webkit-full-screen .modal.modal-maximize-fullscreen {
    margin: 0 !important;
}

:-moz-full-screen .modal.modal-maximize,
:-moz-full-screen .modal.modal-maximize-fullscreen {
    margin: 0 !important;
}

:fullscreen .modal.modal-maximize,
:fullscreen .modal.modal-maximize-fullscreen {
    margin: 0 !important;
}

/*
Botões de navegação para o modo fullscreen
(visíveis apenas e fullscreen)
 */
.modal-fs-actions {
    display: none;
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 2; /* deve apenas ser maior que .modal-layer-protect */
}

.modal-fs-actions .modal-fs-inner {
    position: relative;
    left: -50%;
    margin: 1px 15px;
    padding: 12px 10px;
    background-color: #2d2d2d;
    border-radius: 4px;
    opacity: 0.025;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.modal-fs-actions .modal-fs-inner:hover {
    opacity: 0.6
}

.modal-fs-actions a {
    color: white;
    text-decoration: none;
    font-size: 36px;
    font-weight: bold;
    padding: 10px;
}

.modal-fs-actions a i {
    font-size: 32px;
}

:-webkit-full-screen .modal.modal-maximize .modal-fs-actions,
:-webkit-full-screen .modal.modal-maximize-fullscreen .modal-fs-actions {
    display: block;
}

:-moz-full-screen .modal.modal-maximize .modal-fs-actions,
:-moz-full-screen .modal.modal-maximize-fullscreen .modal-fs-actions {
    display: block;
}

:fullscreen .modal.modal-maximize .modal-fs-actions,
:fullscreen .modal.modal-maximize-fullscreen .modal-fs-actions {
    display: block;
}

#menu-system-minimized-modules ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 320px;
}

#menu-system-minimized-modules ul li {
    cursor: pointer;
    padding: 5px;
    text-wrap: auto;
}

#menu-system-minimized-modules ul li button {
    border: 0;
    position: absolute;
    right: 12px;
    visibility: hidden;
    background: none;
    font-size: 16px;
}

#menu-system-minimized-modules ul li button:hover {
    color: #FFF;
}

#menu-system-minimized-modules ul li:hover button {
    visibility: visible;
}

#menu-system-minimized-modules ul li:hover {
    background-color: #A8B868;
}

.element-pulse-infinite {
    box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.system-container .favorite-container {
    margin-right: 1px;
}

.system-container .favorite-container li {
    position: relative;
}

.system-container .favorite-container li button.ico-favorite-remove {
    border: 0px none;
    position: absolute;
    right: -16px;
    visibility: hidden;
    background: transparent none repeat scroll 0%
}

.system-container .favorite-container li:hover button.ico-favorite-remove {
    visibility: visible;
}

.bold {
    font-weight: bold;
}

.correcao_modal_1000 {
    margin-left: -500px !important;
}

/*
CORES DE TEXTO
*/
.color-red {
    color: red;
}

.color-red-important {
    color: red !important;
}

.color-green {
    color: green;
}

/* APP LOADING INICIO */
div.app-loading {
    opacity: 1 !important;
    background: none;
    text-align: center;
}

#app-loading {
    top: 80px;
    display: inline-block;
    max-width: 650px;
    background-color: #FFF;
    border: 1px solid #DCDCDC;
    border-radius: 3px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    line-height: 14px;
}

#app-loading .loading-icon,
#app-loading .loading-text {
    float: left;
    padding: 5px;
}

#app-loading .loading-icon {
    width: 45px;
    height: 34px;
}

#app-loading .loading-text {
    margin-top: 3px;
}

#app-loading .loading-text div {
    margin-top: 6px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    margin-right: 8px;
}

/* APP LOADING FIM */

/* PLUGIN MENU TREE */

ul.nav.plugin-menu-tree {
    margin-bottom: 2px;
    font-size: 12px; /* to change font-size, please change instead .lbl */
}

ul.nav.plugin-menu-tree ul.children {
    margin-left: 0;
    display: none;
}

ul.nav.plugin-menu-tree span.sign {
    cursor: pointer;
}

ul.nav.plugin-menu-tree ul,
ul.nav.plugin-menu-tree ul li {
    list-style: none !important;
    list-style-type: none !important;
    margin-top: 1px;
    margin-bottom: 1px;
}

ul.nav.plugin-menu-tree ul {
    padding-left: 0;
    width: auto;
}

ul.nav.plugin-menu-tree ul.children {
    padding-left: 12px;
    width: auto;
}

ul.nav.plugin-menu-tree ul.children li {
    margin-left: 0px;
}

ul.nav.plugin-menu-tree li a:hover {
    text-decoration: none;
}

/* parent item */
ul.nav.plugin-menu-tree li.parent a {
    padding: 0px;
    color: #ccc;
}

ul.nav.plugin-menu-tree > li.parent > a {
    border: solid 1px #999;
}

ul.nav.plugin-menu-tree li.parent a:hover {
    background-color: #fff;
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

/* link tag (a)*/
ul.nav.plugin-menu-tree li.parent ul li a {
    color: #222;
    border: none;
    display: block;
    padding-left: 5px;
}

ul.nav.plugin-menu-tree li.parent ul li a:hover {
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* sign for parent item */
ul.nav.plugin-menu-tree li .sign {
    display: inline-block;
    width: 12px;
    padding: 5px 8px;
    background-color: transparent;
    color: #fff;
}

ul.nav.plugin-menu-tree li.parent > a > .sign {
    margin-left: 0px;
    background-color: #999;
}

/* label */
ul.nav.plugin-menu-tree li .lbl {
    padding: 5px 12px;
    display: inline-block;
}

/* tree-menu-plugin theme */
ul.nav.plugin-menu-tree > li.parent > a {
    border: solid 1px #A0B263;
}

ul.nav.plugin-menu-tree > li.parent > a > .sign,
ul.nav.plugin-menu-tree > li li.parent > a > .sign {
    margin-left: 0px;
    background-color: #A0B263;
}

ul.nav.plugin-menu-tree > li .lbl {
    color: #000;
}

/* PLUGIN MENU TREE FIM */

/* DASHBOARD PANELS BEHAVIOR */
.dashboard-panels-area {
    min-height: 200px !important;
}

.dashboard-panels-area.dashboard-panels-listen {
    border: 2px dotted silver;
}

.dashboard-panels-area.dashboard-panels-hover {
    border-color: red;
}

.dashboard-panels-area .dashboard-panel.ui-draggable-dragging {
    transform: rotate(4deg);
}

/* Strike */
.strike {
    text-decoration: line-through;
}

div.well.well-search {
    background-image: url('../img/system/well_background_search.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.application-driver-dialog {
    margin-top: 150px;
    box-shadow: 0 9px 14px rgba(0, 0, 0, 0.6) !important;
}

/* Elemento Toogle */

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 16px;
}

/* Hide default HTML checkbox */
.switch input {
    display: none;
}

.switch input[type="checkbox"]:disabled + div {
    cursor: not-allowed !important;
}

.switch input[type="checkbox"]:disabled + div.slider:before {
    -moz-box-shadow: inset 0px 0px 4px 1px #999;
    -webkit-box-shadow: inset 0px 0px 4px 1px #999;
    box-shadow: inset 0px 0px 4px 1px #999;
}

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(18px);
    -ms-transform: translateX(18px);
    transform: translateX(18px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
    position: inherit
}

/* Elemento Toogle - FIM */

.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 17px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #a4a9e0;
}

input:focus + .slider {
    box-shadow: 0 0 1px #d0e9c6;
}

input:checked + .slider:before {
    -webkit-transform: translateX(13px);
    -ms-transform: translateX(13px);
    transform: translateX(13px);
}

.slider.round {
    border-radius: 17px;
}

.slider.round:before {
    border-radius: 50%;
}

.noty_layout .noty_buttons button.background-processes-button {
    font-weight: bold;
    background-color: #FFF;
}

li.rreo_menu_largo ul {
    width: 600px !important;
    left: -590px !important;
}

li.rreo_menu_largo ul li,
li.rreo_menu_largo a {
    max-width: 600px !important;
}

li.anexos_4320_menu_largo ul {
    width: 400px !important;
    left: -390px !important;
}

li.anexos_4320_menu_largo ul li,
li.anexos_4320_menu_largo ul li a {
    max-width: 400px !important;
}

li.empenhos_menu_largo ul,
li.relatorios_despesas_decretos_menu ul,
li.anexos_4320_anexo_II_menu_largo ul,
li.anexos_4320_anexo_XI_menu_largo ul {
    width: 300px !important;
    left: -290px !important;
}

li.empenhos_menu_largo ul li,
li.empenhos_menu_largo a,
li.relatorios_despesas_decretos_menu ul li,
li.relatorios_despesas_decretos_menu a,
li.anexos_4320_anexo_II_menu_largo ul li,
li.anexos_4320_anexo_II_menu_largo a,
li.anexos_4320_anexo_XI_menu_largo ul li,
li.anexos_4320_anexo_XI_menu_largo a {
    max-width: 300px !important;
}


/* ================ Inicio Saude Pública ================ */

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

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

.semCor {
    background: none !important;
}

.maxHeightModalScroll {
    max-height: 650px;
    overflow: scroll;
}

.texto_alinhado_direita {
    text-align: right !important;
}

.btnTabLateralTopo.ativa {

    width: 100%;
    height: 100px;
    background: white;
    border: 1px black solid;
    border-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0px;
    border-right: none;
    border-bottom: none;
}

.btnTabLateralTopo {

    width: 100%;
    height: 100px;
    background: white;
    border: 1px black solid;
    border-radius: 0px;
    border-top-right-radius: 5px;
    border-left: none;
    border-bottom: none;
}

.btnTabLateralMeio.ativa {

    width: 100%;
    height: 100px;
    background: white;
    border: 1px black solid;
    border-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 0px;
    border-right: none;
    border-bottom: none;
}


.btnTabLateralMeio {

    width: 100%;
    height: 100px;
    background: white;
    border: 1px black solid;
    border-radius: 0px;
    border-left: none;
    border-bottom: none;
}

.btnTabLateralFim.ativa {

    width: 100%;
    height: 100px;
    background: white;
    border: 1px black solid;
    border-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: none;
}

.btnTabLateralFim {
    width: 100%;
    height: 100px;
    background: white;
    border: 1px black solid;
    border-radius: 0px;
    border-bottom-right-radius: 5px;
    border-left: none;
}

.estiloTabela {
    display: inline-flex;
    justify-content: normal;
    flex-wrap: wrap;
    align-items: center;
}

.estiloFieldset {
    border: #9d9d9d solid 3px !important;
    border-radius: 20px !important;
}

.estiloFieldset legend {
    box-shadow: none;
    border: none !important;
    color: #5c5c5c;
    font-weight: bold !important;
}

.estiloControls {
    margin-left: 10px !important;
    display: contents;
}

.col {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.col.colVertival {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    margin-right: 10px;
}

.colDirColumn {
    flex-direction: column !important;
}

.colVertivalDestaque {
    display: inline-flex;
    flex-direction: column !important;
    align-items: flex-start;
    margin-right: 10px;
}

.colVertivalDestaqueEsquerda {
    display: inline-flex;
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-right: 10px;
}

.col5 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 5%;
    flex-direction: row;
}

.col10 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 10%;
    flex-direction: row;
}

.col15 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 15%;
    flex-direction: row;
}

.col18 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 18%;
    flex-direction: row;
}

.col20 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 20%;
    flex-direction: row;
}

.col25 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 25%;
    flex-direction: row;
}

.col30 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 30%;
    flex-direction: row;
}

.col35 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 35%;
    flex-direction: row;
}

.col33 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 33%;
    flex-direction: row;
}

.col40 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 40%;
    flex-direction: row;
}


.col45 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 45%;
    flex-direction: row;
}

.col47 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 47%;
    flex-direction: row;
}

.col55 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 55%;
    flex-direction: row;
}


.col50 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 50%;
    flex-direction: row;
}

.col60 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 60%;
    flex-direction: row;
}

.col65 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 65%;
    flex-direction: row;
}

.col70 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 70%;
    flex-direction: row;
}

.col75 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 75%;
    flex-direction: row;
}

.col80 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 80%;
    flex-direction: row;
}

.col85 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 80%;
    flex-direction: row;
}

.col90 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 90%;
    flex-direction: row;
}

.alingnBaseline {
    align-items: baseline !important;
}

.justifyCenter {
    justify-content: center !important;
}

.colCenterVertical {
    flex-wrap: nowrap !important;
    flex-direction: column !important;
    align-items: center !important;
}

.col100 {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    flex-direction: row;
    box-sizing: border-box;
}

.coluna30 {
    width: 30px !important;
}

.coluna40 {
    width: 40px !important;
}

.coluna50 {
    width: 50px !important;
}

.coluna80 {
    width: 80px !important;
}

.coluna82 {
    width: 82px !important;
}

.coluna120 {
    width: 120px !important;
}

.coluna140 {
    width: 140px !important;
}

.coluna110 {
    width: 110px !important;
}

.coluna100 {
    width: 100px !important;
}

.coluna340 {
    width: 340px !important;
}

.coluna240 {
    width: 240px !important;
}

.coluna250 {
    width: 250px !important;
}

.coluna200 {
    width: 200px !important;
}

.coluna130 {
    width: 130px !important;
}

.coluna140 {
    width: 140px !important;
}

.coluna150 {
    width: 150px !important;
}

.coluna160 {
    width: 160px !important;
}

.coluna175 {
    width: 175px !important;
}

.coluna178 {
    width: 178px !important;
}


.coluna180 {
    width: 180px !important;
}

.coluna183 {
    width: 183px !important;
}

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


.quadrado15x15 {
    height: 15px;
    width: 15px;
    margin-right: 10px;
    margin-left: 5px;
}

.quadrado12x12 {
    height: 12px;
    width: 12px;
    margin-right: 5px;
    margin-left: 5px;
}

.quadrado75X75 {
    height: 75px;
    width: 75px;
    margin: 10px;
}

.quadrado15x15.destaque {
    border: 2px gray solid;
    border-style: ridge;
}

.spShimmer {
    color: grey;
    display: inline-block;
    -webkit-mask: linear-gradient(90deg, #000 30%, #0005, #000 70%) right/300% 100%;
    background-repeat: no-repeat;
    animation: spShimmer 2.5s infinite;
    font-size: 50px;
    max-width: 100%;
}

@keyframes spShimmer {
    100% {
        -webkit-mask-position: left
    }
}

.invisivel {
    display: none !important;
}

.tabCustumizada {
    background: #33a4b4 !important;
    padding: 4px 5px 0px 2px !important;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
}

.tabCustumizada li a, tabCustumizada .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    color: #2b2b2b;
    border: none;
}

.tabCustumizada li.ui-state-default a {
    color: white;
    border: none;
}

.tabCustumizada li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
    background: #ffffff !important;
    border: none !important;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
}

.tabCustumizada li.ui-state-default.ui-corner-top.ui-state-hover {
    background: none !important;
    border: none !important;
    color: white !important;
}

.tabCustumizada li a:hover {
    background: none !important;
    border: none !important;
    color: #cdcdcd !important;
    cursor: pointer !important;
}

.tabCustumizada li.ui-state-default.ui-corner-top {
    background: none !important;
    border: none !important;

}

.tabCustumizada li.ui-state-default.ui-corner-top a {
    background: none !important;
    border: none !important;
}

.tabCustumizada li.ui-state-default {
    background: #33a4b4 !important;
    padding: 0px 6px 0px 6px !important;
    color: black !important;
    font-size: 14px !important;
}

.bg-selected-row td {
    background-color: #ffdcbc !important;
}

.btnPrincipaisTabVertical {
    margin-top: auto;
    margin-bottom: 0px;
    justify-content: right;
    padding-top: 10px;
}

.btn-left-divider {
    margin-left: 1px !important;
}

.col80TabVertical {
    align-items: flex-start;
    flex-direction: column;
    display: inline-flex;
    flex-wrap: nowrap;
    width: 80%;
}

.tabVertical {
    align-items: flex-start;
    flex-direction: column;
    display: inline-flex;
    flex-wrap: nowrap;
}

.reporte-aviso .reporte-aviso-detalhes {
    color: #b94a48;
    border: 1px solid gray;
    width: 100%;
    height: 350px;
    overflow: auto;
}

.mover_texto_calendario {
}

.mover_texto_calendario div.fc-content span {
    position: relative !important;
    animation: mover_texto;
    animation-fill-mode: forwards;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.estiloTabela.alinharTopo {
    align-items: flex-start;
}

.v-align-top {
    vertical-align: top !important;
}

.v-align-middle {
    vertical-align: middle !important;
}

.v-align-bottom {
    vertical-align: bottom !important;
}

@keyframes mover_texto {
    from {
        left: 0px;
    }
    to {
        left: -200px;
    }
}

.ic_check {
    background-image: url('../img/modules/ic_bio_check.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -20px;
}

.legendas_pacientes {
    height: 12px;
    width: 12px;
    margin-left: 25px;
    margin-right: 5px;
    border: 1px solid black;
    border-radius: 50%;
}

.transparencia {
    opacity: 0.5 !important;
}

.semPadding {
    padding: 0px !important;
}

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

/*Margin left*/

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

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

/*Margin right*/

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

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

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

/*Centralizar*/

.centralizar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

input:checked + .slider.cinza {
    background-color: #ccc;
}

.fundo-vermelho-slider {
    background: #ff9b9b !important;
    border-radius: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.fundo-azul-slider {
    background: #a4a9e0 !important;
    border-radius: 10px;
    padding-left: 5px;
    padding-right: 5px;

}

.fundo-inativo-slider {
    background: #ccc !important;
    border-radius: 10px;
    padding-left: 5px;
    padding-right: 5px;

}

.borda {
    border: 1px solid #e7e9f6;
}

.bordaVermelha {
    border-color: red !important;
}

.input_edit_row {
    border-radius: 4px !important;
    width: calc(100% - 20px) !important;
}

.disableField {
    opacity: 0.5 !important;
}

.listraVermelha {
    position: relative;
    background: red;
    width: 100%;
    height: 100%;
    top: -100%;
    clip-path: polygon(20% 0%, 0% 5%, 80% 100%, 100% 95%);
}

.aplicarBlur {
    filter: blur(1px);
}

.sextante {
    border-bottom: green solid 3px !important;
}

.anteriorAtivo {

}

.active-pos-none {
    border: #999999 solid 3px !important;
}

.active-pos-none.anteriorAtivo {
    border: #dedede solid 3px !important;
}

.active-pos-1-1 {
    border-right: hotpink solid !important;
}

.active-pos-1-1.anteriorAtivo {
    border-right: #ffbadb solid !important;
}

.active-pos-1-2 {
    border-right: dodgerblue solid !important;
}

.active-pos-1-2.anteriorAtivo {
    border-right: #cbecff solid !important;
}

.active-pos-2-1 {
    border-left: hotpink solid !important;
}

.active-pos-2-1.anteriorAtivo {
    border-left: #ffbadb solid !important;
}

.active-pos-2-2 {
    border-left: dodgerblue solid !important;
}

.active-pos-2-2.anteriorAtivo {
    border-left: #cbecff solid !important;
}

.active-pos-3-1 {
    background-color: hotpink !important;
}

.active-pos-3-1.anteriorAtivo {
    background-color: #ffbadb !important;
}

.active-pos-3-2 {
    background-color: dodgerblue !important;
}

.active-pos-3-2.anteriorAtivo {
    background-color: #cbecff !important;
}

.active-pos-4-1 {
    border-top: hotpink solid !important;
}

.active-pos-4-1.anteriorAtivo {
    border-top: #ffbadb solid !important;
}

.active-pos-4-2 {
    border-top: dodgerblue solid !important;
}

.active-pos-4-2.anteriorAtivo {
    border-top: #cbecff solid !important;
}

.active-pos-5-1 {
    border-bottom: hotpink solid !important;
}

.active-pos-5-1.anteriorAtivo {
    border-bottom: #ffbadb solid !important;
}

.active-pos-5-2 {
    border-bottom: dodgerblue solid !important;
}

.active-pos-5-2.anteriorAtivo {
    border-bottom: #cbecff solid !important;
}


.classeTamanhoPlanoTratamentoUnico {
    font-size: 11px !important;
    border: solid 1px #bfbfbf !important;
    border-radius: 3px !important;
    width: 100% !important;
    height: 300px !important;
    overflow: auto !important;
    padding: 5px !important;
    background-color: #f5f5f5 !important;
    margin-top: 10px !important;
}

.classeTamanhoPlanoTratamentoSmall {
    font-size: 11px !important;
    border: solid 1px #bfbfbf !important;
    border-radius: 3px !important;
    width: 100% !important;
    height: 300px !important;
    overflow: auto !important;
    padding: 5px !important;
    background-color: #f5f5f5 !important;
    margin-top: 10px !important;
}

.classeTamanhoPlanoTratamento {
    font-size: 11px !important;
    border: solid 1px #bfbfbf !important;
    border-radius: 3px !important;
    width: 100% !important;
    height: 300px !important;
    overflow: auto !important;
    padding: 5px !important;
    background-color: #f5f5f5 !important;
    margin-top: 10px !important;
}

.td_borda_e_vermelha {
    border-left: red 3px solid;
}

.scrollAplicado {
    overflow: auto;
    padding-right: 10px
}

table.table-resizable {
    overflow: hidden;
}

table.table-resizable th.resizable {
    position: relative;
    user-select: none;
    padding-right: 7px;
}

table.table-resizable th.resizable .resizer {
    position: absolute;
    top: 15%;
    right: -4px;
    width: 3px;
    height: 70%;
    cursor: col-resize;
    user-select: none;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    overflow: visible;
    z-index: 1;
}

table.table-resizable thead tr th *:not(.resizer) {
    overflow: hidden;
    white-space: nowrap;
}

table.table-resizable tbody tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

table.table-resizable th.resizable .resizer:hover,
table.table-resizable th.resizable .resizer.resizing {
    border-right: 2px solid #6a6a6a;
    border-left: 2px solid #6a6a6a;
}

/* ============== dropdown-with-checkboxes-simplified ============== */
.dropdown-with-checkboxes-simplified .dropdown-menu .dropdown-item label input{
    margin-top: -3px;
}

.dropdown-with-checkboxes-simplified.show-item-separator .dropdown-menu .dropdown-item{
    border-bottom: 0.5px solid grey; margin: 1px
}

/*- inicio dropdown-with-checkboxes-simplified-saude-publica-*/
.custom-button-group {
    display: flex;
    flex-direction: row;
    gap: 10px;
    margin-bottom: 10px;
}

.custom-button-group a {
    display: inline-flex;
    align-items: center;
    padding: 6px 9px;
    font-size: 13px;
    color: #007bff;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    cursor: pointer;
    background-color: #f0f0f0;
}

.custom-button-group a:hover {
    background-color: #f0f0f0;
    color: #0056b3;
}

.custom-button-group a i {
    margin-right: 6px;
    font-size: 16px;
}

.custom-button-group a.text-danger {
    color: #dc3545;
}

.custom-button-group a.text-danger:hover {
    color: #a71d2a;
    background-color: #f8d7da;
}

.menu-items-dropdown-checkboxes::-webkit-scrollbar {
    width: 8px; /* Largura da barra de rolagem */
}

.menu-items-dropdown-checkboxes::-webkit-scrollbar-thumb {
    background-color: #888; /* Cor da parte deslizante */
    border-radius: 10px; /* Bordas arredondadas */
}

.menu-items-dropdown-checkboxes::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Cor do track */
    border-radius: 10px;
}

.menu-items-dropdown-checkboxes {
    scrollbar-width: thin;
    scrollbar-color: #888 #f1f1f1;
}

.dropdown-checkboxes-multi-select {
    position: relative !important;
    margin-left: 20px !important;
}

.dropdown-checkboxes-search-container {
    padding: 0px 10px 0px 0px;
    margin-bottom: -10px;
}

/* Estilos para o campo de entrada */
.dropdown-checkboxes-search-container input[type="text"] {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 4px;
    font-size: 13px;
    color: #333;
    transition: border-color 0.2s;
}

/*- fim dropdown-with-checkboxes-simplified-saude-publica-*/


.tagSamu {
    width: 100%;
    text-align: center;
    background: #e6e6e6;
    padding: 5px 0px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin-bottom: 10px;
}

.input-hour {
    width: 65px !important;
}

.d-flex {
    display: flex !important;
}

.flex-align-items-center {
    align-items: center !important;
}

.flex1 {
    flex: 1;
}

.margemAutoComplete {
    margin-left: 8px;
}

.input-large-search {
    width: 176px;
}

.stretch {
    align-items: stretch
}

/* ================ Form Filters ================ */
form.form-filter div.form-filter-label,
form.form-filter div.form-filter-value {
    display: inline-flex !important;
    min-height: 30px !important;
    align-items: center !important;
}

form.form-filter div.form-filter-value {
    margin-right: 3px;
    margin-left: 3px;
}

/* ================ Fim Saude Pública ================ */
.flexStart {
    align-items: flex-start !important;
}

.justifyContent {
    justify-content: space-between !important;
}

.flexStretch {
    align-items: stretch !important;
}

.flexJustifyContentCenter {
    justify-content: center !important;
}

.formulario_atendimento, .formulario_atendimento *:not(input[type="button"],button,i, .tabCustumizada *, .tagAlergias, .tagProblemaCondicao) {
    color: #2b2b2b;
}

.fieldsetAtendimento {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: calc(100% - 8px);
    flex-direction: row;
    padding-left: 6px !important;
    margin: 2px !important;
}


.fieldsetAtendimento.inativo {
    border: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.fieldsetAtendimento.inativo > div {
    display: none;
}

.fieldsetAtendimento.ativo {
}

.legendaAtendimento {
    width: 100%;
    margin: 0 0 0 -7px !important;
    background: #73c6d2;
    padding-right: 8px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}


.fieldsetConteudoDestacado {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: 100%;
    flex-direction: row;
    padding-left: 6px !important;
    margin: 2px !important;
}


.legendaConteudoDestacado {
    width: 100%;
    margin: 0 0 0 -7px !important;
    background: #73c6d2;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.fieldsetClassificacao {
    border: none !important;
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    width: calc(100% - 20px);
    flex-direction: row;
    padding-left: 6px !important;
    margin: 0px !important;
}

.fieldsetClassificacao i {
    font-size: 16px;
}

.fieldsetClassificacao.Nao-aguda {
    border: 1px #CCC solid !important;
}

.fieldsetClassificacao.Baixa {
    border: 1px #CCC solid !important;
}

.fieldsetClassificacao.Intermediaria {
    border: 1px #CCC solid !important;
}

.fieldsetClassificacao.Alta {
    border: 1px #CCC solid !important;
}

.legendaClassificacao {
    width: 100%;
    margin: 0 0 0 -7px !important;
    padding-right: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    background: #d4d4d4;
    color: #8D8D8DFF;
    border-color: #8D8D8DFF;
    font-weight: 500 !important;
}

.legendaClassificacao.Nao-aguda {
    background: #B2CBF2;
    color: #045379;
    border-color: #045379;
}

.legendaClassificacao.Baixa {
    background: #B2F2BC;
    color: #087904;
    border-color: #087904;
}

.legendaClassificacao.Intermediaria {
    background: #F2E8B2;
    color: #796c04;
    border-color: #796c04;
}

.legendaClassificacao.Alta {
    background: #F2B2B2;
    color: #b00;
    border-color: #b00;
}

.m-5 {
    margin: 5px;
}

.m-10 {
    margin: 10px;
}

.m-15 {
    margin: 15px;
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-r-5 {
    margin-right: 5px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-l-5 {
    margin-left: 5px;
}

.m-l-10 {
    margin-left: 10px;
}

.m-l-15 {
    margin-left: 15px;
}

.m-l-17 {
    margin-left: 17px;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-15 {
    margin-bottom: 15px;
}

.p-5 {
    padding: 5px;
}

.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-15 {
    padding-top: 15px;
}

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-b-5 {
    padding-bottom: 5px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.p-b-15 {
    padding-bottom: 15px;
}


.font-10 {
    font-size: 10px;
}

.font-11 {
    font-size: 11px;
}

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

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

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

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

.font-16 {
    font-size: 16px;
}

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

.font-18 {
    font-size: 18px;
}

.font-19 {
    font-size: 19px;
}

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

.font-21 {
    font-size: 21px;
}

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

.font-23 {
    font-size: 23px;
}

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

.font-25 {
    font-size: 25px;
}

.font-26 {
    font-size: 26px;
}

.font-27 {
    font-size: 27px;
}

.font-28 {
    font-size: 28px;
}

.font-29 {
    font-size: 29px;
}

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


.gap-5 {
    gap: 5px;
}

.gap-6 {
    gap: 6px;
}

.gap-7 {
    gap: 7px;
}

.gap-8 {
    gap: 8px;
}

.gap-9 {
    gap: 9px;
}

.gap-10 {
    gap: 10px;
}

.gap-11 {
    gap: 11px;
}

.gap-12 {
    gap: 12px;
}

.gap-13 {
    gap: 13px;
}

.gap-14 {
    gap: 14px;
}

.gap-15 {
    gap: 15px;
}


.p-0 {
    padding: 0px;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-15 {
    padding: 15px;
}

.p-20 {
    padding: 20px;
}

.p-25 {
    padding: 25px;
}

.p-30 {
    padding: 30px;
}

.p-35 {
    padding: 35px;
}

.p-40 {
    padding: 40px;
}

.p-45 {
    padding: 45px;
}

.p-50 {
    padding: 50px;
}

.p-55 {
    padding: 55px;
}

.p-60 {
    padding: 60px;
}

.p-65 {
    padding: 65px;
}

.p-70 {
    padding: 70px;
}

.p-75 {
    padding: 75px;
}

.p-80 {
    padding: 80px;
}

.p-85 {
    padding: 85px;
}

.p-90 {
    padding: 90px;
}

.p-95 {
    padding: 95px;
}

.p-100 {
    padding: 100px;
}

.line-height-15 {
    line-height: 15px;
}

.tagAlergias {
    font-size: 15px;
    padding: 0px 6px;
    border-radius: 100px;
    font-weight: 500;
    background: #d4d4d4;
    color: #8D8D8DFF;
    font-weight: bold;
    border: 1px #8D8D8DFF solid;
    margin-right: 8px;
}

.tagAlergias.alta {
    background: #F2B2B2;
    color: #b00;
    border-color: #b00;
}

.tagAlergias.baixa {
    background: #B2F2BC;
    color: #087904;
    border-color: #087904;
}

.tagProblemaCondicao {
    font-size: 15px;
    padding: 0px 6px;
    border-radius: 100px;
    font-weight: 500;
    background: #d4d4d4;
    color: #8D8D8DFF;
    border: 1px #8D8D8DFF solid;
}

.tagProblemaCondicao.A {
    font-size: 15px;
    background: #F2B2B2;
    color: #b00;
    border-color: #b00;
}

.tagProblemaCondicao.L {
    background: #F2E8B2;
    color: #796c04;
    border-color: #796c04;
}

.tagProblemaCondicao.R {
    background: #B2F2BC;
    color: #087904;
    border-color: #087904;
}


.fieldsetPartePrincipal {
    width: calc(100% - 20px);
    padding: 8px 0 8px 0 !important;
}

.fieldsetPartePrincipal.inativo {
    border: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.fieldsetPartePrincipal.inativo > div {
    display: none;
}

.fieldsetPartePrincipal.ativo {
}


.fieldsetPartePrincipal > legend {
    height: auto !important;
    width: 100%;
    margin: 0 0 0 -2px !important;
    background: #73c6d2;
    border-radius: 0px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    display: inline-flex;
    align-items: center;
    font-size: 20px !important;
    padding-right: 8px !important;
}


.fieldsetPartePrincipal > legend > .tagSigla {
    background: #f0f0f0;
    border: solid 1px #33a4b4;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    margin-right: 10px;
}

.flexJustifyContent {
    justify-content: center !important;
}

.tagIMC {
    background: #DDD;
    color: #404040;
    border: 1px #404040 solid;
    margin: 10px;
    padding: 10px;
}

.tagIMC.Baixo, .tagIMC.Obesidade {
    background: #F2B2B2;
    color: #b00;
    border-color: #b00;
}

.tagIMC.Adequado {
    background: #B2CBF2;
    color: #045379;
    border-color: #045379;
}

.tagIMC.Sobrepeso {
    background: #F2E8B2;
    color: #796c04;
    border-color: #796c04;
}

.fieldsetTabMenu {
    width: calc(100% - 20px);
    padding: 8px 0 8px 0 !important;
}


.fieldsetTabMenu > legend {
    border: none !important;
    height: auto !important;
    width: 100%;
    margin: 0 0 0 -2px !important;
    background: #73c6d2;
    border-radius: 0px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    display: inline-flex;
    align-items: center;
    font-size: 20px !important;
    padding-right: 8px !important;
    padding-bottom: 0px !important;
    box-shadow: none !important;
    padding-top: 8px !important;
}


.fieldsetTabMenu > legend > div {
    color: white !important;
    font-size: 14px;
    margin: 0px 5px;
    padding: 0px 15px;
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.fieldsetTabMenu > legend > div.ativo, .fieldsetTabMenu > legend > div:hover {
    background: white;
    color: black !important;
}

.painelOdontograma {

}

.painelPlano {

}

.painelDentes {

}

.opaco {
    opacity: 0.5;
}

fieldset.fieldset-leis.fieldsetClassificacao i {
    width: 23px;
    display: inline-flex;
}

/* ================ Fim Saude Publica ================ */
.txt-validacao_documentos {
    color: #e59e00 !important;
}

.template-terminal {
    background-color: #222;
    color: #fff;
    font-family: 'Courier New', monospace;
    border: 1px solid #444;
    border-radius: 5px;
    padding: 8px;
    overflow: auto;
}

/* ================ Componente vue DynamicFormFilter ================ */
.dynamic-form-filter-box {
    padding: 4px 5px;
    margin-top: 5px;
}

.dynamic-form-filter-row {
    margin-bottom: 4px;
}

.dynamic-form-filter-row:last-child {
    border-bottom: none;
}

.dynamic-form-filter-row select, .filter-row input {
    margin-bottom: 0 !important;
    width: 100%;
    box-sizing: border-box;
    height: 30px;
}

.dynamic-form-filter-row select[multiple] {
    height: 80px;
}

.dynamic-form-filter-label-header {
    font-weight: bold;
    color: #555;
    text-transform: uppercase;
    font-size: 11px;
    min-height: 20px !important;
}

.dynamic-form-filter-btn-remove {
    color: #b94a48;
    cursor: pointer;
    font-size: 14px;
    line-height: 30px;
}

.dynamic-form-filter-btn-remove:hover {
    color: #843534;
}