/*** CSS DE FORMATAÇÃO
****  Definição dos CSS de cor, marfim, padding, etc
***/

/** Cores **/
[data-color=cinza] {
    color: #555555 !important;
}

/** Seleção de cores **/
::selection {
    background: #747474;
    color: #fff;
}

::-moz-selection {
    background: #747474;
    color: #fff;
}

/** line-height **/
.lineh-1 {
    line-height: 1;
}

/** font-size **/
.size-1em {
    font-size: 1em;
}

.size-1-5em {
    font-size: 1.5em;
}

.size-2em {
    font-size: 2em;
}

.size-3em {
    font-size: 3em;
}

.taxado {
    text-decoration: line-through;
}

/** links **/
.preventClick {
    cursor: default;
    pointer-events: none;
}

.text-muted a {
    color: #316498 !important
}

/** margins **/
.nomargin {
    margin: 0;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt40 {
    margin-top: 40px;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb10 {
    margin-bottom: 10px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb16 {
    margin-bottom: 16px;
}

.mb20 {
    margin-bottom: 20px;
}

@media screen and (min-width: 992px) {
    .mr15-md {
        margin-right: 15px;
    }
}

/** padings **/
.nopadding {
    padding: 0;
}

.padding-5 {
    padding: 5px;
}

.padding-20 {
    padding: 20px;
}

/* uls **/
ul.inside {
    list-style-position: inside;
}

/***
****  CSS Flex
***/

.flex {
    display: -webkit-flex;
    display: flex;
}

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

.direction-row {
    flex-direction: row;
}

.direction-row.reverse {
    flex-direction: row-reverse;
}

.direction-column {
    flex-direction: column;
}

.direction-column.reverse {
    flex-direction: column-reverse;
}

@media screen and (max-width:768px) {
    .direction-row {
        flex-direction: column;
    }

    .direction-row.reverse {
        flex-direction: column-reverse;
    }
}

.flex .col-1 {
    flex: 1
}

.flex .col-2 {
    flex: 2
}

.flex .col-3 {
    flex: 3
}

.flex .col-4 {
    flex: 4
}

.flex .col-5 {
    flex: 5
}

.flex .col-6 {
    flex: 6
}

.flex .col-7 {
    flex: 7
}

.flex .col-8 {
    flex: 8
}

.flex .col-9 {
    flex: 9
}

.align-items-center {
    -webkit-align-items: center;
    align-items: center;
}

.justify-content-center {
    -webkit-justify-content: center;
    justify-content: center;
}

button.orange {
    background-color: #f3aa41;
    color: #fff;
    font-size: 16px !important;
    line-height: 19px;
    height: auto;
    padding: 9px 25px;
}

/*** LAYOUT DOS ELEMENTOS
****  Definição do css das tabelas, formulários, icones, etc
***/

/** accordion-toggle **/
.accordion-toggle:after {
    color: #aaa;
    content: "\f0d7";
    display: block;
    font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro");
    font-size: 10px;
    line-height: 36px;
    position: absolute;
    top: 3px;
    right: 15px;
}

.accordion-toggle.collapsed:after {
    content: "\f0fe";
}

/** body:scrollbar da página **/
body:-webkit-scrollbar {
    width: 12px;
    background-color: #EDECE7;
}

body:-webkit-scrollbar:horizontal {
    height: 12px;
}

body:-webkit-scrollbar-track {
    border: 1px #CDCCC8 solid;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 6px #EDECE7 inset;
}

body:-webkit-scrollbar-thumb {
    background-color: #707070;
    border: 1px solid #707070;
    border-radius: 10px;
}

body:-webkit-scrollbar-thumb:hover {
    background-color: #737373;
    border: 1px solid #737373;
}

body:-webkit-scrollbar-thumb:active {
    background-color: #333333;
    border: 1px solid #333333;
}

/** Icones **/
.icon-lg i {
    font-size: 120px;
}

.icon-md i {
    font-size: 80px;
}

.fa {
    font-weight: 400
}

/** mensagens de confirmação (bootstrapModalConfirm()) **/
.modal-alert {
    z-index: 2000
}

#confirmModal .modal-content .modal-header {
    background-color: #7a6f6f;
}

.modal-content {
    border: 1px solid #999;
}

/** Tabelas **/
theme-dust .table.table-chart,
.table-chart,
.table-chart>tbody>tr>td,
.table-chart>tbody>tr>th,
.table-chart>tfoot>tr>td,
.table-chart>tfoot>tr>th,
.table-chart>thead>tr>td,
.table-chart>thead>tr>th {
    border-color: #000 !important;
}

.table {
    margin-bottom: 0
}

.table-header {
    background: #fff
}

.table-footer {
    padding: 10px 0;
}

/** elementos UI **/
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*** LAYOUT DOS ELEMENTOS
****  Panel
***/

#main-navbar .navbar-header a {
    background: none !important;
}

#main-navbar .navbar-header .logoTopo {
    height: 100%;
    padding: 6px 0;
}

/** panel **/
.panel {
    margin-bottom: 0px;
}

/** cabeçalho **/
.panel .panel-heading.padding-default {
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 11px;
}

.display-group>.panel-heading {
    background: none;
    border-bottom: 1px solid #F58634;
}

.panel-heading {
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 20px;
    text-align: left;
}

.panel-collapse .panel-heading {
    padding: 0
}

.panel .panel-title.title-default {
    color: #555;
    font-size: 14px;
}

.panel-heading .panel-title {
    color: rgba(245, 134, 52, 0.6);
    font-size: 1.2em;
}

.display-group .panel-heading span.panel-title {
    color: rgba(245, 134, 52, 1);
    font-size: 1.7em;
}

/** corpo **/
.panel-body {
    background: #fff;
    margin: 0;
    padding: 20px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-top: none;
}

/*** 
****  FORMS
***/

.form-group {
    margin-bottom: 10px;
}

.zend_form .form-group:last-child {
    margin-bottom: 0px;
}

.form-control {
    width: auto;
    display: inline;
    height: 30px;
    padding: 3px 5px;
    font-size: 13px !important;
}

/** fonte dos elementos **/
.zend_form input,
.zend_form select,
.zend_form textarea,
.zend_form button {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/** form com label no topo **/
.form-label-top .control-label {
    padding-top: 0px;
}

/** esconde tooltip quando label está no topo **/
.form-with-label .tooltip-label {
    display: none;
}

.form-with-label .divInputContainerItem .tooltip-label {
    display: inline-block;
}

.form-with-label .divInputContainer .label-inline .tooltip-label {
    display: none;
}

.form-label-top .tooltip-label {
    display: inline-block;
}

/** form com label ao lado do input **/
.form-label-horizontal .control-input {
    float: left;
    max-width: 79%;
}

.form-label-horizontal .row .control-label {
    width: 19%;
    margin-right: 1%;
    float: left;
}

.form-label-horizontal .label-inline {
    float: left;
    margin-right: 5px;
}

.form-label-horizontal .input-inline {
    float: left;
}


/** inputs-group:: icones ao lado do input **/
.input-group-element {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    display: table-cell;
    padding-left: 5px;
}

.input-group-element .fa {
    color: #222
}

/** input-group no form horizontal **/
.form-horizontal .row .input-group {
    display: inline-table;
}

.form-horizontal .row .input-group .form-control,
.form-horizontal .row .input-group .input-group-addon {
    width: auto;
}

/** input-group no form inline **/
.form-inline .form-group {
    margin-right: 1%;
    margin-bottom: 10px;
}

.form-inline .input-group>.form-control,
.form-inline .input-inline .input-group .input-group-addon {
    width: auto;
}

/** botões inline **/
.zend_form .input-group-element .btn span {
    color: #fff;
}

/** labels no form inline **/
.form-inline .label-inline {
    padding-top: 5px;
}

/** elementos do form **/
.form-control.focus,
.form-control:focus {
    border-color: #f29f29;
    box-shadow: 0px 1px 1px rgba(242, 159, 41, 0.4) inset, 0px 0px 8px rgba(242, 159, 41, 0.6);
    outline: 0px none;
}

/** descrição input **/
.input-description {
    color: #959595;
    display: block;
    margin-bottom: 10px;
}

/** Erros dos forms **/
.form-message-light .form-message {
    margin: 0;
    background-color: #f2dede !important;
    margin-top: 2px;
}

form.zend_form .help-block ul {
    margin: 0px;
}

form.zend_form .help-block li {
    list-style: none !important;
}

form.zend_form .has-error label {
    color: #ff0000
}

/** buttons e submits **/
.form-label-horizontal .divInputButton,
.form-label-horizontal .divInputSubmit,
.form-label-horizontal .divInputReset {
    text-align: center;
}

.divInputSubmit input.input_submit {
    background-color: #F58736;
    color: #fff;
    font-size: 16px !important;
    line-height: 19px;
    height: auto;
    padding: 9px 25px;
}

/** captcha **/
.form-label-horizontal .divInputCaptchaDiv .divCaptcha {
    margin-left: 20%;
}

.divInputCaptchaDiv .divCaptcha {
    margin-bottom: 0.5%;
}

.divCaptcha img {
    border-radius: 2px;
    margin: 0 !important;
}

.divInputCaptchaGoogleV3 {
    display: none;
}

/** buttons **/
.form-inline.form-label-top .divInputSubmit input {
    margin-top: 20px;
}

/** checkbox **/
.form-horizontal .divInputCheckbox .control-input {
    padding-top: 5px;
}

.form-inline .divInputCheckbox input {
    margin-top: 10px;
}

.zend_form .multiCheckBoxLabel.checkbox {
    font-weight: 400;
    cursor: pointer;
    margin-left: 15px
}

.zend_form div.control-input:has(> label.checkbox-inline) {
    display: flex;
    flex-wrap: wrap;
}

.zend_form div.control-input:has(> label.checkbox-inline) .input-description,
.zend_form div.control-input:has(> label.checkbox-inline) .form-message {
    flex-basis: 100%;
}

.zend_form .multiCheckBoxLabel span.lbl-description {
    display: block;
    font-size: 0.9em;
    color: #959595;
    max-width: 200px;
    margin-top: -5px;
}

input[type='checkbox'][readonly] {
    pointer-events: none;
}

label:has(input[type='checkbox'][disabled]) {
    text-decoration: line-through;
}

/** inputs com Chosen **/
select.form-control+.chosen-container.chosen-container-single .chosen-single {
    height: 32px;
    font-size: 13px;
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
}

form.zend_form .control-input .chosen-results li {
    font-size: 13px !important;
}

form.zend_form .control-input .chosen-drop input {
    border-radius: 2px;
}

select.form-control+.chosen-container-multi.chosen-container-active .chosen-choices,
select.form-control+.chosen-container.chosen-container-single.chosen-container-active .chosen-single,
select.form-control+.chosen-container .chosen-search input[type=text]:focus {
    border-color: #f29f29;
    box-shadow: 0px 1px 1px rgba(242, 159, 41, 0.4) inset, 0px 0px 8px rgba(242, 159, 41, 0.6);
    outline: 0px none;
}

.chosen-container {
    max-width: 100%;
    min-width: 300px;
}

/** color`picker **/
.minicolors-swatch {
    border: 1px solid;
}

/** container de elements **/
.form-label-horizontal .divInputContainer .form-group.label-inline {
    width: 87%;
    margin-left: 13%;
}

.form-label-horizontal .divInputContainer .form-group {
    width: 98%;
    margin-left: 2%;
}

.divInputContainer .form-group .control-label {
    width: auto;
    float: none;
    padding-top: 0px;
}

.divInputContainer .form-group.label-inline .control-label {
    width: auto;
    float: left;
    margin-right: 13px;
    padding-top: 7px;
}

.divInputContainer .form-group.label-inline .divInputCheckbox .control-label {
    padding-top: 0px;
}

.divInputContainer .divInputCheckbox .control-input {
    padding-top: 0
}

.divInputContainer .form-group .control-input {
    float: none;
}

.divInputContainer .form-group .divInputButton {
    margin-top: 18px;
}

/** input data **/
.datepicker th {
    border-radius: 0
}

.datepicker .datepicker-switch {
    background-color: #676767
}

.datepicker .datepicker-switch:hover {
    background-color: #676767
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    display: none
}

.datepicker table tr td.day.today {
    background: #f3f3f3;
    font-weight: 700
}

.datepicker-dropdown {
    z-index: 1000 !important;
}

/** dual list **/
.divInputDualListDiv .dualListBox {
    border: 1px solid #CCCCCC;
}

.divInputDualListDiv .dualListTitle {
    text-align: center;
    width: 100%;
    padding-bottom: 10px
}

.divInputDualListDiv .btn-label {
    background: transparent
}

.divInputDualListDiv .dualListButtons {
    text-align: center;
    margin: 20px 0px;
}

.divInputDualListDiv .help-block {
    float: left;
    width: 100%;
}

.divInputDualListDiv .dualListButtons .dualListButtonsVertical {
    display: block;
    padding: 0px 15%;
}

.divInputDualListDiv .dualListButtons .dualListButtonsVertical .btn-default {
    width: 100%;
    margin-bottom: 5px;
}

.form-horizontal .divInputDualListDiv .divInputMultiselect .control-label {
    width: 100%;
    margin: 0;
    text-align: left;
}

.form-horizontal .divInputDualListDiv .divInputMultiselect .control-input {
    width: 100%;
    margin: 0;
    text-align: left;
}

.form-inline .divInputDualListDiv .divInputMultiselect .control-label {
    width: 100%;
    margin: 0;
    text-align: left;
}

.form-inline .divInputDualListDiv .divInputMultiselect .control-input {
    width: 100%;
    margin: 0;
    text-align: left;
}

.form-inline .divInputDualListDiv .divInputMultiselect {
    width: 100%;
}

/** duallist bootstarp **/
.form-inline .divInputDualListBootstrap select {
    width: 100%;
}

.divInputDualListBootstrap select {
    display: block;
}

.divInputDualListBootstrap .btn .fa {
    font-size: 11px
}

/** input file **/
.custom-file-control {
    min-width: 300px;
    display: block;
    font-style: italic;
    text-align: left
}

.custom-file-control:after {
    display: none
}

.custom-file .px-file-buttons .pfi-choose {
    color: #ffffff
}

.divInputFile .divFileEdition a {
    color: #4083a9
}

.custom-file .custom-file-input {
    visibility: hidden;
    position: absolute;
    display: block;
    left: -10000px;
}

@media screen and (min-width:768px) {

    .divInputFileCrop .pixel-file-input,
    .divInputFile .pixel-file-input {
        min-width: 300px
    }
}

.divInputFileCrop .input-group-element,
.divInputFile .input-group-element {
    vertical-align: top;
}

.imgareaselect-outer {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.modalFileCrop .cropImage,
.modalFileCrop .cancelCrop {
    padding-left: 0;
}

.modalFileCrop .cropImage span.btn-label,
.modalFileCrop .cancelCrop span.btn-label {
    float: left;
    background-color: rgba(0, 0, 0, 0.2);
    color: #ffffff;
    margin-right: 3px;
}

/** input hidden **/
.divInputHidden {
    display: none !important;
}

/** input HTML **/
.divElementHTML {
    padding: 5px;
    font-size: 13px;
}

/** input icone **/
form.zend_form .divInputIcone i.iconBox {
    min-width: 33px;
    min-height: 30px;
    text-align: center;
    font-size: 1.6em;
}

.fontawesome6-icon-list {
    display: grid;
    grid-auto-flow: dense;
    grid-auto-rows: auto;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    grid-gap: 1em;
}

.fontawesome6-icon-list::after,
.fontawesome6-icon-list::before {
    display: none;
}

.fontawesome6-icon-list div.fa-hover {
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    padding: 10px;
}

.fontawesome6-icon-list div.fa-hover a {
    display: block;
    height: 100%;
}

.fontawesome6-icon-list div.fa-hover i {
    text-align: center;
    font-size: 2em;
    display: block;
}

.fontawesome6-icon-list div.fa-hover span {
    margin-top: 10px;
    text-align: center;
    display: block;
}

/** select **/
select[readonly] {
    pointer-events: none;
}

/** multiselect **/
.divInputMultiselect.divInputSearch label {
    margin-top: 5px
}

/** element radio **/
.form-horizontal .radio-inline {
    margin-left: 0px;
    margin-right: 10px;
}

/** select SelectEstadosCidades **/
.divInputSelectEstadosCidades:not(.divInputContainer) .divInputSelectEstados {
    margin-bottom: 10px;
}

.divInputSelectEstadosCidades .divInputSelectCidades .input_select {
    display: inline;
}

.divInputSelectEstadosCidades .control-input img {
    display: inline;
    margin-left: 7px;
}

/** input texarea HTML **/
.divInputTextareaHtml .mce-btn button {
    line-height: 0px;
}

.divInputTextareaHtml .mce-widget button {
    padding: 2px 10px;
}

.divInputTextareaHtml .mce-widget .mce-open {
    padding: 0;
}

.divInputTextareaHtml .mce-widget button span {
    width: 70px;
}

.divInputTextareaHtml .mce-colorbutton button {
    padding: 2px 8px;
}

.divInputTextareaHtml .mce-colorbutton button span {
    width: 12px;
    margin-left: -12px;
}

.divInputTextareaHtml .mce-btn button span {
    line-height: normal;
}

.divInputTextareaHtml .mce-ico {
    font-size: 12px;
    width: 14px;
    height: 14px;
    line-height: 14px;
}

.divInputTextareaHtml .mce-menubtn span {
    font-size: 12px;
}

.divInputTextareaHtml .mce-tinymce .mce-edit-area iframe {
    width: 99% !important;
}

/** input password **/
.divInputPassword .passwordContent,
.divInputPasswordStrength .passwordContent {
    /*display: inline-block;*/
    position: relative;
    overflow: hidden;
    width: 100%;
}

.divInputPassword .gerarSenha,
.divInputPasswordStrength .gerarSenha {
    cursor: pointer;
    display: inline-block;
}

.divInputPassword span.showPass,
.divInputPasswordStrength span.showPass {
    position: absolute;
    top: 0px;
    right: 10px;
    transition: right 0.2s;
    font-size: 20px;
    z-index: 5;
    cursor: pointer;
}

/** responsibilidade **/
@media screen and (max-width:768px) {

    /** Grupo label + input **/
    .form-horizontal .form-group {
        margin-left: 0;
        margin-right: 0;
    }

    /** labels **/
    .form-label-horizontal .row .control-label {
        text-align: right;
    }

    /** Para limitar um tamanho 100%, senão ele quebra e sai pra fora do "row" **/
    form.zend_form .divInputMultiselect select {
        max-width: 100% !important;
    }

    form.zend_form .form-group input,
    form.zend_form .form-group textarea {
        max-width: 100%;
    }

    /** container de elements **/
    .form-horizontal .divInputContainer,
    .form-horizontal .divInputContainer .form-group {
        margin-bottom: 0
    }

    .form-horizontal .divInputContainer .form-group .divInputContainerItem {
        width: 100%;
        float: left;
        margin-bottom: 10px;
        padding: 0
    }

    .form-label-horizontal .divInputContainer .form-group {
        margin-left: 0;
        width: 100%
    }

    .form-label-horizontal .divInputContainer .form-group .divInputContainerItem label {
        width: 19%;
        margin-right: 1%;
        float: left
    }

    .form-label-horizontal .divInputContainer .form-group .divInputContainerItem .control-input {
        float: left
    }

    /** elemento chosen **/
    .form-horizontal .chosen-container {
        width: auto
    }

    /** checkbox e radio box **/
    .checkbox-inline,
    .radio-inline {
        width: 100%;
        margin-left: 0 !important
    }

    .form-horizontal .divInputMultiCheckbox .control-input,
    .form-horizontal .divInputMultiCheckbox .control-input label {
        width: 100% !important;
    }

    /** input dula list bootstrapp **/
    form.zend_form .divInputDualListBootstrap .control-label {
        width: 100%;
        text-align: left
    }

    form.zend_form .divInputTextareaHtml .control-input {
        max-width: 100%;
        width: 100%
    }

    /** input texarea **/
    form.zend_form .divInputTextarea .control-label {
        width: 100%;
        text-align: left
    }

    form.zend_form .divInputTextarea .control-input {
        max-width: 100%;
        width: 100%
    }

    form.zend_form .divInputTextarea textarea {
        max-width: 100%;
        width: 100%
    }

    /** input texarea HTML **/
    form.zend_form .divInputTextareaHtml .control-label {
        width: 100%;
        text-align: left
    }

    form.zend_form .divInputTextareaHtml .control-input {
        max-width: 100%;
        width: 100%
    }

    /** from inline **/
    .form-inline .divInputMultiCheckbox,
    .form-inline .divInputMultiCheckbox label {
        width: 100% !important;
        padding-left: 0px;
        margin-left: 0px;
    }

    .form-inline .divInputMultiCheckbox label input {
        margin-left: 0%;
        width: 5%;
    }

    .form-inline .divInputMultiCheckbox,
    .form-inline .divInputMultiCheckbox label {
        width: 100% !important;
        padding-left: 0px;
        margin-left: 0px;
    }

    .form-inline .divInputRadio,
    .form-inline .divInputRadio label {
        width: 100%;
        padding-left: 0px;
        margin-left: 0px;
    }

    .form-inline .divInputRadio label input {
        width: 5%;
        margin-left: 0%;
    }

    .form-inline .form-control {
        width: 100% !important;
        margin-bottom: 0
    }

    .form-inline .form-group {
        display: inline-block;
    }
}

@media screen and (max-width:480px) {
    .zend_form .control-label {
        width: auto !important;
        margin: 0;
        text-align: left !important;
    }

    .zend_form .input_select {
        width: 100% !important;
        margin: 0;
    }

    .zend_form .form-control {
        width: 100% !important
    }

    .zend_form .control-input .input-group {
        width: 100%
    }

    .zend_form .input-group {
        width: 100%
    }

    .zend_form .control-input .input-group input,
    .zend_form .control-input .input-group select {
        width: 100%
    }

    .form-inline .label-inline {
        width: 100%
    }

    .form-inline .input-inline {
        width: 100% !important;
    }

    .form-inline .input-inline .input-group {
        width: 100%
    }

    .form-inline .divInputFile {
        width: 100%
    }

    .zend_form .chosen-container {
        width: 100% !important;
    }

    .zend_form input {
        width: 100% !important;
    }

    .zend_form input[type=checkbox],
    .zend_form input[type=radio] {
        width: auto !important
    }

    .input-group-element {
        padding-left: 0
    }

    .form-inline .form-group {
        display: block;
    }

    .form-with-label .tooltip-input {
        display: none;
    }

    .form-with-label .tooltip-label {
        display: inline-block;
    }

    .form-inline .input-group-element {
        float: none;
    }

    .form-inline .inline-input-description {
        float: none;
    }

    .zend_form .control-input {
        width: 100%;
    }

    .zend_form .form-group .control-input {
        width: 100%;
    }

    .zend_form .control-input .form-group {
        width: 100%;
    }

    .zend_form .control-input .input_textarea {
        width: 100%;
    }

    .zend_form .control-input button {
        margin-left: 3px;
        font-size: 11px;
    }

    .zend_form .divInputContainer .form-group {
        width: 100% !important;
        margin-left: 0px !important;
    }

    .zend_form .divInputContainerItem {
        padding-left: 0px;
        padding-right: 0px;
    }

    .zend_form .divInputRadio .control-input label input,
    .form-horizontal .divInputMultiCheckbox .control-input label input {
        margin-left: 0;
    }

    .zend_form .form-group .divInputContainerItem {
        padding: 0px;
        margin-bottom: 10px
    }

    .zend_form .chosen-container {
        max-width: 100%;
    }
}

/*** 
****  Abas
***/

.ui-tabs {
    background: none;
}

.ui-tabs-nav {
    border-bottom: none;
}

/** fonte das abas **/
.ui-tabs.ui-widget {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px !important;
}

/** remove todos cantos arredondados **/
.ui-corner-all {
    border-radius: 0px;
}

/** caixa com todas as abas **/
.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: 5px 0px 0px 10px;
    background: none !important;
    border-bottom: 4px solid #5d5454 !important
}

/** aba **/
.ui-tabs .ui-tabs-nav li {
    margin: 0px 4px 0px 0px;
    background-color: #f3f3f3;
    border: 1px solid #DDD;
    border-bottom: none;
}

/** aba selecionada **/
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: 0;
    padding-bottom: 0;
}

.ui-tabs-nav>.ui-tabs-active>a,
.ui-tabs-nav>.ui-tabs-active>a:focus,
.ui-tabs-nav>.ui-tabs-active>a:hover {
    border-bottom: none;
    color: #fff;
    background: #7a6f6f;
}

/** conteudp da aba **/
.ui-tabs .ui-tabs-panel {
    border: 1px solid #d7d7d7;
    background-color: #fff;
    border-top: none;
    padding: 0px;
}

/*** 
****  Tooltips
***/

.qtip-default {
    background-color: #555;
    color: #fff;
    border-color: #999;
    border-radius: 0px 3px 3px 3px;
}

/** topo do tooltip **/
.qtip-default .qtip-titlebar {
    background-color: #4F4F4F;
    padding: 7px 35px 7px 10px;
}

/** ícone [x] **/
.qtip-default .qtip-titlebar .qtip-close {
    border: none;
    color: #ADADAD;
    background: none;
}

.qtip-default .qtip-titlebar .qtip-close:hover {
    color: #E7E7E7;
}

/** corpo do tooltip **/
.qtip-content {
    padding: 9px;
}

/** tooltip bootstrap **/
.tooltip-inner {
    max-width: 300px;
}

/*** 
****  JQGrid
***/

/** definições gerais da grid **/
.JQGrid2 {
    border-bottom: 4px solid #E8E8E8;
}

.JQGrid2 .ui-jqgrid {
    border-radius: 0px;
}

/** define grid responsiva **/
.ui-jqgrid,
.ui-jqgrid-view,
.ui-jqgrid-hdiv,
.ui-jqgrid-bdiv,
.ui-jqgrid-sdiv,
.ui-jqgrid-pager,
.ui-jqgrid-htable,
.ui-jqgrid-btable,
.ui-jqgrid-ftable {
    width: 100% !important;
}

/** Scroll da Grid que não deixa quebrar **/
.ui-jqgrid-bdiv {
    overflow-y: scroll !important;
}

/** Espaçamento da direita na Grid (necessário Scroll da Grid) **/
.ui-state-default.ui-jqgrid-hdiv,
.ui-jqgrid-sdiv {
    padding-right: 17px !important;
}

/** Icones da grid **/
.ui-icon {
    width: 18px;
    height: 18px;
}

/** botoes da grid **/
.ui-jqgrid .btn-label {
    padding: 0;
    background: none;
    color: #fff
}

/** bordas da tabela **/
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border: none;
    border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 0px;
}

/** cores e bordas tope e rodapé da grid **/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-image: none;
    background-color: #F6F5F3;
    border: 1px solid #ddd;
}

/** muda ponteito do checkbox de seleção da linha da grid **/
.ui-jqgrid-view .jqGrid tr>td:nth-child(1) input {
    cursor: pointer;
}

/** Centraliza verticalmente o que tem dentro dos TD **/
.ui-jqgrid .table td {
    vertical-align: middle;
}

/** Up down de ordenação da coluna **/
.ui-jqgrid .ui-icon-asc {
    margin-left: 1px;
}

/** fonte padrão da grid **/
.ui-jqgrid.ui-widget {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
}

/** definições ao passar o mouse em cima dos elementos **/
.JQGrid2 .ui-state-hover,
.JQGrid2 .ui-widget-content .ui-state-hover,
.JQGrid2 .ui-widget-header .ui-state-hover,
.JQGrid2 .ui-state-focus,
.JQGrid2 .ui-widget-content .ui-state-focus,
.JQGrid2 .ui-widget-header .ui-state-focus {
    border: none;
    background: none;
    background-image: none;
}

/** definições topo **/
.ui-jqgrid .ui-widget-header {
    background-color: #7a6f6f;
    background-image: none;
    border-bottom: 4px solid #5d5454 !important;
}

.ui-jqgrid .ui-jqgrid-titlebar {
    padding: 9px 0 3px 0;
}

/** botão abrir/fechar grid **/
.ui-jqgrid .ui-jqgrid-titlebar-close {
    position: absolute;
    float: right;
    margin: 0px 20px 0 0;
    top: 25%;
}

.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
    padding: 1px;
}

/** botão para mostrar/esconder colunas **/
a.aGridColOption {
    float: right;
    font-size: 17px;
    margin-left: 30px;
    padding: 2px 10px;
    background-color: #7a6f6f;
    background-image: linear-gradient(to bottom, #7d7171 0, #6d6363 100%);
    border: 1px solid #6d6363;
    border-radius: 25%;
    color: #fff;
}

.jgGridColumnsList ul {
    list-style: none
}

.jgGridColumnsList input[type=checkbox] {
    margin-right: 5px
}

/** título **/
span.ui-jqgrid-title {
    color: #F6F5F3;
    font-size: 1.2em;
    font-family: "Arial";
    font-weight: normal;
    margin-left: 3% !important;
    float: left;
    width: 90%
}

.spanGridTitle {
    float: left;
    width: 40%;
    font-size: 17px;
}

.jqGridTitleIcon {
    margin-right: 10px;
}

/** select de agrupamento **/
.spanGridGrouping {
    float: right;
    font-size: 12px;
}

.ui-jqgrid-titlebar .form-control {
    display: inline;
    height: 24px;
    padding: 0;
    border-radius: 7px;
    width: auto;
}

/** Titlebar < 768 **/
@media screen and (max-width:768px) {
    .ui-jqgrid .ui-jqgrid-title {
        margin: 0;
    }

    span.ui-jqgrid-title {
        margin-left: 5% !important;
        width: 80%;
    }

    .spanGridTitle {
        width: auto;
        font-size: 15px;
    }
}

/** Titlebar < 580 **/
@media screen and (max-width:580px) {
    .ui-jqgrid .ui-jqgrid-title {
        margin: 0;
    }

    span.ui-jqgrid-title {
        margin-left: 4% !important;
        width: 80%;
    }

    .spanGridTitle {
        width: 90%;
    }

    .spanGridGrouping {
        margin-top: 5px;
        float: left;
    }

    .ui-jqgrid .ui-jqgrid-title {
        margin: .1em 0 .8em
    }
}

/** cabeçalho da tabela **/
.ui-jqgrid .ui-jqgrid-hbox {
    padding-right: 0px;
    width: 100%;
}

.ui-jqgrid .ui-jqgrid-htable th {
    padding: 5px 0px 4px 0px;
    height: auto;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    height: auto;
}

.ui-jqgrid-labels .ui-jqgrid-sortable {
    font-weight: 600;
}

.ui-th-column>div {
    padding-right: 0.5em !important;
    padding-left: 0.5em !important;
}

/** campos de filtro da tabela **/
.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th {
    padding: 0px 0px 8px 0px;
    height: auto;
}

.ui-search-table input {
    font-size: 1em !important;
    padding: 1px 0px 1px 5px !important;
}

.ui-jqgrid tr.ui-search-toolbar th {
    border-top: none !important;
}

.ui-search-clear {
    display: none;
}

/** cor das bordas da tabela **/
.ui-widget-content {
    border-color: #DDDDDD;
}

/** linhas da tabela **/
.ui-jqgrid .ui-jqgrid-view {
    font-size: 0.9em;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 1
}

/** cor das celulas ao mouseover **/
.ui-state-highlight .ui-state-hover>td {
    background: #fcf8e3 !important;
}

.ui-widget-content .ui-state-hover>td {
    background-color: #F6E6C8 !important;
    color: #222222 !important;
}

/** cor das celulas selecionadas **/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #fcf8e3;
    background-image: none;
    color: #000;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight>td,
.ui-widget-header .ui-state-highlight {
    background-color: rgba(243, 170, 65, 1) !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight:hover>td {
    background-color: rgba(243, 170, 65, 1) !important;
}

/** linha do agrupamento **/
.ui-jqgrid tr.jqgroup {
    background: #B0B0B0 !important;
    color: #F6F5F3;
}

.ui-jqgrid tr.jqgroup td {
    padding: 5px 0;
}

.ui-jqgrid tr.jqgroup .ui-icon {
    background: none;
    text-indent: 0;
    margin: 0px 10px;
    border: 1px solid;
    text-align: center;
    font-size: 8px;
}

.ui-jqgrid tr.jqgroup .ui-icon:before {
    display: inline-block;
    font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro");
    font-style: normal;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    font-size: 10px;
}

.ui-jqgrid tr.jqgroup .ui-icon-circlesmall-plus:before {
    content: "\f067"
}

.ui-jqgrid tr.jqgroup .ui-icon-circlesmall-minus:before {
    content: "\f068"
}

/** celulas da grid **/
.ui-jqgrid tr.jqgrow td {
    padding: 6px 0px 4px 10px;
    border: 1px solid #ddd;
}

/** botoes de edição inline da grid **/
.ui-jqgrid .ui-inline-edit,
.ui-jqgrid .ui-inline-del,
.ui-jqgrid .ui-inline-save,
.ui-jqgrid .ui-inline-cancel,
.ui-jqgrid .ui-custom-action {
    background-color: #fff;
    border: 1px solid #ddd
}

.ui-jqgrid .ui-custom-action span.fa {
    margin: 3px 4px
}

.ui-jqgrid .ui-inline-edit.ui-state-hover,
.ui-jqgrid .ui-inline-del.ui-state-hover,
.ui-jqgrid .ui-inline-save.ui-state-hover,
.ui-jqgrid .ui-inline-cancel.ui-state-hover,
.ui-jqgrid .ui-custom-action:hover {
    border: 1px solid #ddd;
    background-color: rgba(255, 255, 255, 0.7);
}

.ui-inline-del.ui-state-hover span,
.ui-inline-edit.ui-state-hover span,
.ui-inline-save.ui-state-hover span,
.ui-inline-cancel.ui-state-hover span {
    margin: 0px;
    cursor: pointer;
}

/** Links na jqGrid **/
.ui-jqgrid .table td a {
    color: #4594EE;
    text-decoration: underline;
}

/** Inputs text na edição da jqgrid **/
.jqGrid input {
    border-top-color: #c2c2c2;
    box-shadow: none;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    font-size: 10pt !important;
    padding: 0 5px;
}

.jqGrid input:focus {
    border-color: #f29f29;
    box-shadow: 0px 1px 1px rgba(242, 159, 41, 0.4) inset, 0px 0px 8px rgba(242, 159, 41, 0.6);
    outline: 0px none;
}

/** Inputs checkbox na edição da jqgrid **/
.jqGrid input[type=checkbox][disabled] {
    margin-top: 3px;
}

.jqGrid input[type=checkbox].editable {
    margin-top: 3px;
}

/** Checkbox nas grids **/
.jqGrid .cbox {
    margin-left: -60%;
    margin-top: 3px;
}

.jqGrid .cbox:nth-child {
    margin-left: -60%;
    margin-top: 10px;
}

/** Selects nas grids **/
.ui-jqgrid .ui-jqgrid-view select {
    color: #000;
}

/** Check box da linha **/
.ui-jqgrid tr.jqgrow td:nth-child(1)[aria-describedby$=_cb] {
    padding: 0;
}

.ui-jqgrid tr.jqgrow td:nth-child(1)[aria-describedby$=_cb] input {
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-appearance: none;
    background: transparent;
    align-items: center;
    justify-content: center;
    display: flex;
}

.ui-jqgrid tr.jqgrow td:nth-child(1)[aria-describedby$=_cb]:hover input:before {
    content: "\f00c";
    color: #7a6f6f;
    display: inline-block;
    font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro");
    font-style: normal;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ui-jqgrid tr.jqgrow td:nth-child(1)[aria-describedby$=_cb] input[type=checkbox]:focus {
    outline: none;
}

.ui-jqgrid tr.jqgrow[aria-selected=true] td:nth-child(1)[aria-describedby$=_cb] input:before {
    content: "\f00c";
    color: #d7d7d7;
    display: inline-block;
    font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro");
    font-style: normal;
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/** Botões da última cédula **/
.ui-jqgrid tr.jqgrow td.jqgrid-td-actions {
    padding: 0 4px 0 2px;
}

.ui-jqgrid tr.jqgrow td:last-child .ui-inline-edit,
.ui-jqgrid tr.jqgrow td:last-child .ui-inline-del,
.ui-jqgrid tr.jqgrow td:last-child .ui-inline-save,
.ui-jqgrid tr.jqgrow td:last-child .ui-inline-cancel {
    width: 45%;
    padding: 2px 0;
    cursor: pointer;
}

.ui-jqgrid tr.jqgrow td:last-child .ui-pg-div>span.ui-icon {
    margin: 0 auto;
}

/** Ajusta a imagem dentro da Grid **/
.ui-jqgrid .table td.jqgrid-td-image {
    padding: 2px 10px 2px 10px;
}

.ui-jqgrid .jqgrid-image {
    max-width: 90%;
    max-height: 40px;
    border-radius: 2px;
    transition: all 0.2s ease-out;
    cursor: pointer;
}

.ui-jqgrid .jqgrid-image:hover {
    max-height: 600%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

/** ropapé da tabela **/
.ui-jqgrid tr.footrow td {
    padding: 4px 0px 4px 10px;
}

/** rodapé da grid **/
.ui-jqgrid .ui-jqgrid-pager {
    overflow: visible;
    height: auto;
    padding: 6px 0px 10px 0px !important;
    font-size: 13px;
}

.ui-jqgrid-pager .ui-pg-table td[align="left"] td,
.ui-jqgrid-pager .ui-pg-table td[align="center"] td {
    padding: 0px;
}

.ui-pager-control td[id^="pager-"] {
    float: left;
}

.ui-jqgrid-pager td[align=center] td {
    float: left;
    margin: 0px 1.2px;
}

@media screen and (min-width:768px) {

    /** Botões Add, edit, del **/
    .ui-jqgrid-pager td[align=left] {
        float: left;
        width: 40% !important;
        min-width: 290px
    }

    /** Paginação **/
    .ui-jqgrid-pager td[align=center] {
        float: left;
        width: 40% !important;
        min-width: 375px;
    }

    /** Registros atuais **/
    .ui-jqgrid-pager td[align=right] {
        float: right;
        width: 20% !important;
    }
}

@media screen and (max-width:768px) {

    /** Botões Add, edit, del **/
    .ui-jqgrid-pager td[align=left] {
        float: left;
        width: 100% !important;
        padding-left: 2px;
    }

    /** Paginação **/
    .ui-jqgrid-pager td[align=center] {
        float: left;
        width: 100% !important;
        min-width: 300px
    }

    /** Select qnt 25,50,75 | (Fica menor quando acessado por "<768") **/
    .ui-jqgrid-pager td[align=center]>table tr td:nth-child(8) select.form-control {
        padding: 6px 0px;
    }

    /** Registros atuais **/
    .ui-jqgrid-pager td[align=right] {
        float: right;
        width: 100% !important;
    }

    /** Esconde os botões de ir para a primeira ou última página quando a tela 
     *for menor que 768 
    **/
    .ui-jqgrid-pager td[id^="first_pager"],
    .ui-jqgrid-pager td[id^="last_pager"] {
        display: none;
    }
}

/** botões rodapé **/
.ui-pager-control .ui-pg-table .navtable {
    margin-left: 10px;
}

.ui-jqgrid .ui-state-disabled:hover {
    padding: 0;
}

.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {
    padding: 1px;
}

.ui-jqgrid-pager .ui-pg-button:hover {
    border: none;
    padding: 0px 2px;
}

/** Botão PDF **/
.ui-jqgrid-pager .btn-grid-pdf {
    background-color: #DB6767;
    border-color: #DB6767;
    border-bottom-color: rgba(204, 50, 50, 0.3);
    color: #fff;
}

.ui-jqgrid-pager .btn-grid-pdf.active,
.ui-jqgrid-pager .btn-grid-pdf:active,
.ui-jqgrid-pager .btn-grid-pdf:focus,
.ui-jqgrid-pager .btn-grid-pdf:hover,
.open .dropdown-toggle.btn-grid-pdf {
    color: #fff;
    background-color: #DB6767 !important;
    border-bottom-color: rgb(204, 50, 50);
}

/** Botão Excel **/
.ui-jqgrid-pager .btn-grid-excel {
    background-color: #469646;
    border-color: #469646;
    border-bottom-color: rgba(56, 121, 56, 0.3);
    color: #fff;
}

.ui-jqgrid-pager .btn-grid-excel.active,
.ui-jqgrid-pager .btn-grid-excel:active,
.ui-jqgrid-pager .btn-grid-excel:focus,
.ui-jqgrid-pager .btn-grid-excel:hover,
.open .dropdown-toggle.btn-grid-excel {
    color: #fff;
    background-color: #469646 !important;
    border-bottom-color: rgb(56, 121, 56);
}

/** Botão Ativar **/
.ui-jqgrid-pager .btn-grid-enable .fa::before {
    color: #46ac46;
}

/** Botão Desativar **/
.ui-jqgrid-pager .btn-grid-disable .fa::before {
    color: #e14430;
}

/** inputs no rodapé **/
.ui-jqgrid .ui-pg-input {
    font-size: 0.9em !important;
    padding: 6px 0px 6px 11px !important;
    height: auto;
}

.ui-jqgrid .ui-jqgrid-pager td[align=center] button {
    border-bottom-width: 3px;
}

.ui-jqgrid .ui-jqgrid-pager td[align=center] button span {
    color: #555;
    background: none
}

.ui-jqgrid .ui-jqgrid-pager td[align=center] .ui-separator {
    margin-top: 7px;
    border-color: #9e9e9e
}

/** informação nº de registros no rodapé **/
.ui-jqgrid .ui-paging-info {
    height: auto;
    margin-top: 0px;
    margin-right: 15px;
}

/** icones abrir/fechar subgrid **/
.ui-pg-div .ui-inline-del,
td.ui-sgcollapsed {
    cursor: pointer !important;
}

.jqGrid .sgcollapsed {
    padding: 5px 0px 5px 5px !important;
}

.jqGrid .sgexpanded {
    padding: 5px 0px 5px 5px !important;
}

/** subgrid **/
tr.ui-subgrid>td.ui-widget-content .ui-widget-header {
    background-color: #B0B0B0;
    border-radius: 0px 21px 0px 0px;
    border-bottom: 4px solid #989898 !important;
}

/** Rodapé Sub Grid **/
.ui-subgrid .ui-jqgrid-pager td[align=left] {
    width: 300px !important;
}

.ui-subgrid .ui-jqgrid-pager td[align=right] {
    width: 120px !important;
}

.ui-subgrid .ui-jqgrid-pager td[align=center] {
    width: 370px !important;
}


/*** 
**** MENSAGEM DE CONFIRMAÇÃO DA JQGRID 
***/

.ui-jqdialog {
    left: 50% !important;
    width: 350px !important;
    margin-left: -150px;
    position: fixed;
    border-radius: 0px;
    padding: 0px;
    height: auto;
    top: 10% !important;
    border-radius: 3px;
    margin-top: -0px !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
}

@media screen and (max-width:767px) {
    .ui-jqdialog {
        left: 0 !important;
        width: 98% !important;
        margin-left: 1%;
        position: fixed;
        border-radius: 0px;
        padding: 0px;
        height: auto;
        top: 10% !important;
        border-radius: 3px;
        margin-top: -0px !important;
    }
}

/** titulo da mensagem **/
.ui-jqdialog .ui-widget-header {
    padding: 5px 0px 0px 0px;
    text-align: center;
    margin-bottom: 20px;
    background-color: #7a6f6f;
    background-image: none;
    border-bottom: 4px solid #5d5454 !important;
}

.ui-jqdialog-titlebar .ui-jqdialog-title {
    color: #FDFDFD;
    float: none !important;
    font-size: 0;
}

.ui-jqdialog .ui-widget-header .ui-jqdialog-title:before {
    content: "\f059";
    font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro");
    font-weight: 400;
    font-size: 90px;
}

/** botão de fechar mensagem **/
.ui-jqdialog .ui-widget-header .ui-jqdialog-titlebar-close {
    display: none;
}

/** corpo da mensagem **/
.ui-jqdialog-content,
.ui-jqdialog .ui-jqdialog-content {
    padding: 0px;
}

.ui-jqdialog .ui-widget-content table {
    color: #888;
    text-align: center
}

.ui-jqdialog .ui-widget-content .EditTable .ui-widget-content {
    display: none;
}

/** botões da mensagem **/
.ui-jqdialog .ui-widget-content .DelButton {
    padding: 5px 0px 20px 0px;
    text-align: center;
}

.ui-jqdialog .ui-widget-content .DelButton a,
.ui-jqdialog .ui-widget-content .DelButton .ui-state-hover {
    color: #FFF;
    text-shadow: none;
    line-height: 15px;
    font-weight: 400;
    border-radius: 2px;
    padding: 7px 12px;
    outline: 0 !important;
}

/** botão "Sim" **/
.ui-jqdialog .ui-widget-content #dData {
    border-color: #4cb64c;
    border-bottom-color: #42a142;
    background: #5ebd5e;
    background-image: linear-gradient(to bottom, #62be62 0, #4cb64c 100%);
    background-repeat: repeat-x;
}

/** botão "Não" **/
.ui-jqdialog .ui-widget-content #eData {
    border-color: #e3503e;
    border-bottom-color: #df3823;
    background: #e66454;
    background-image: linear-gradient(to bottom, #e76858 0, #e3503e 100%);
    background-repeat: repeat-x;
}

/*** 
**** TICKBOX 
***/

/** muda position do boby para não criar scroll **/
body.thickbox-opened {
    position: fixed
}

/** Gambiarra para funcionar o tinymce em um tickbox no Firefox **/
#TB_window {
    display: block !important;
    z-index: 1170
}

/** frame do thickbox **/
#TB_iframeContent {
    width: 100% !important;
}

html.thickbox body {
    overflow-y: auto
}

html.thickbox body #content-wrapper {
    padding: 0px 11px 11px
}

.popup-class .panel-heading span.panel-title {
    color: rgb(245, 134, 52);
    font-size: 1.8em;
}

/** grids e abas no thickbox **/
.popup-class .ui-widget-header {
    background-color: #7a6f6f;
    background-image: none;
    border-bottom: 0px;
}

.popup-class .ui-tabs-nav {
    border-bottom: 0px;
}

.popup-class .ui-jqgrid .ui-widget-header {
    border-bottom: none !important;
}

/*** LAYOUT DO SITE
**** Cabeçalho 
***/

/** Nav do Cabeçalho **/
nav.navbar.px-navbar {
    position: relative;
    top: 0;
    left: 0;
    z-index: 99;
}

.px-navbar .navbar-header {
    width: auto;
}

/** mensagem no nav **/
.navbar-message {
    display: inline-block;
    line-height: 3.6;
    margin: 0;
    text-transform: uppercase;
}

/** Controle de Sessão **/
.sessao-expirada {
    height: 560px;
}

.sessao-expirada .buttons a {
    font-size: 1.3em;
    padding: 20px 35px;
}

.sessao-expirada .buttons {
    background: #e8e8e8;
    margin: 30px 40px;
    border-radius: 5px;
}

.tempo-sessao .dropdown-menu {
    border-color: transparent;
}

.tempo-sessao a,
.tempo-sessao a:hover,
.tempo-sessao a:focus,
.tempo-sessao a:active,
.tempo-sessao a:visited {
    background: #f8f8f8
}

.tempo-sessao.terminando>a,
.tempo-sessao.terminando>a+.dropdown-menu {
    -webkit-animation-name: alerta !important;
    -webkit-animation-duration: 0.5s !important;
    -webkit-animation-timing-function: linear !important;
    -webkit-animation-iteration-count: infinite !important;
    -webkit-animation-direction: alternate !important;
    color: #fff !important;
}

.tempo-sessao.terminando>a+.dropdown-menu .titulo {
    color: #fff;
}

@-webkit-keyframes alerta {
    0% {
        background: #e76d5e
    }

    100% {
        background: #ec8b7f;
    }
}

.tempo-sessao a i {
    font-size: 1.6em;
}

.tempo-sessao a+.dropdown-menu {
    min-width: 150px !important;
    padding: 10px 15px !important;
    margin-top: 0px !important;
    background: #f8f8f8;
}

@media screen and (min-width:1001px) {

    .tempo-sessao a:hover+.dropdown-menu,
    .tempo-sessao a:focus+.dropdown-menu,
    .tempo-sessao a+.dropdown-menu:hover {
        display: block
    }
}

.tempo-sessao .contagem .time {
    font-size: 1.5em
}

.tempo-sessao a.refresh {
    display: none !important;
    border-radius: 4px;
    background: #7b6f6f !important;
    padding: 5px 0;
    text-align: center;
    margin-top: 10px;
    font-size: .8em;
    color: #efefef;
    cursor: pointer !important;
    line-height: 3 !important;
}

.tempo-sessao a.login {
    display: none !important;
    border-radius: 4px;
    background: #7b6f6f !important;
    padding: 5px 0;
    text-align: center;
    margin-top: 10px;
    font-size: .8em;
    color: #efefef;
    cursor: pointer !important;
    line-height: 3 !important;
}

.tempo-sessao.terminando a.refresh {
    display: block !important;
}

.tempo-sessao.terminando.expirada a.refresh {
    display: none !important;
}

.tempo-sessao.terminando.expirada a.login {
    display: block !important;
}

.tempo-sessao a.refresh:hover {
    background: #e5e5e5 !important;
    color: #555 !important;
}

.tempo-sessao a.login:hover {
    background: #e5e5e5 !important;
    color: #555 !important;
}

.tempo-sessao .titulo {
    color: #595959;
    font-size: 1.2em;
    font-weight: 600;
}

@media screen and (max-width:1000px) {
    .tempo-sessao a+.dropdown-menu {
        width: 100%;
        border-top: 1px solid #000
    }
}

@media screen and (max-width:768px) {
    .tempo-sessao a.dropdown-toggle:after {
        content: "\f078";
        display: inline-block;
        float: right;
        font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro");
        font-size: 10px;
        position: relative;
        border: none;
        padding-right: 10px;
        display: block !important;
    }

    /** muda icone dos itens abertos **/
    .tempo-sessao.open>a.dropdown-toggle:after {
        content: "\f077";
    }
}

/** Controle de Acesso **/
.controleAcesso a,
.controleAcesso a:hover,
.controleAcesso a:focus,
.controleAcesso a:active,
.controleAcesso a:visited {
    background: #f8f8f8
}

.controleAcesso a i {
    font-size: 1.6em;
}

.controleAcesso a+.dropdown-menu {
    min-width: 250px !important;
    padding: 10px 15px !important;
    margin-top: 0px !important;
    background: #f8f8f8;
}

@media screen and (min-width:1001px) {

    .controleAcesso a:hover+.dropdown-menu,
    .controleAcesso a:focus+.dropdown-menu,
    .controleAcesso a+.dropdown-menu:hover {
        display: block
    }
}

@media screen and (max-width:768px) {
    .controleAcesso a.dropdown-toggle:after {
        content: "\f078";
        display: inline-block;
        float: right;
        font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro");
        font-size: 10px;
        position: relative;
        border: none;
        padding-right: 10px;
        display: block !important;
    }

    /** muda icone dos itens abertos **/
    .controleAcesso.open>a.dropdown-toggle:after {
        content: "\f077";
    }
}

/** Logo da Empresa **/
.logo-empresa {
    display: block;
    float: left;
    height: 46px;
    padding: 5px 1em;
}

.logo-empresa img {
    height: 100%;
}

@media screen and (max-width:767px) {
    .logo-empresa {
        display: none;
    }
}

/** menu do usuário **/
@media screen and (min-width:1001px) {
    #user-menu a.dropdown-toggle:after {
        display: inline-block
    }
}

/** menu **/
#menuHeader {
    float: left;
    width: 100%;
    border-top: 1px solid #d6d6d6;
}

#menuHeader.fixed-menu {
    border-top: none
}

/** divisor menu **/
.navbar-nav {
    background-color: white;
}

#main-navbar .navbar-nav .divider-vertical {
    height: 30px;
    margin: 10px 0 0;
    border-right: 1px solid #ffffff;
    border-left: 1px solid #f2f2f2;
}

@media (max-width: 767px) {
    #main-navbar .navbar-collapse .nav>.divider-vertical {
        display: none;
    }
}

#main-navbar .navbar-inverse .divider-vertical {
    border-right-color: #222222;
    border-left-color: #111111;
}

/** ícones menu **/
#main-navbar .menu-icon {
    margin-right: 5px;
}

@media screen and (min-width:768px) {
    .fixed-menu {
        position: fixed;
        top: 0;
        z-index: 99;
        background-color: #fff;
        -webkit-box-shadow: 0px 1px 10px 0px rgba(161, 161, 161, 0.5);
        -moz-box-shadow: 0px 1px 10px 0px rgba(161, 161, 161, 0.5);
        box-shadow: 0px 1px 10px 0px rgba(161, 161, 161, 0.5);
    }

    .margin-conted {
        height: 46px;
        float: left;
        width: 100%;
    }

    #menu_admin .caret {
        display: inline-block;
        margin-left: 5px;
    }

    /** submenus **/
    #menu_admin .dropdown-submenu {
        position: relative;
    }

    #menu_admin .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    #menu_admin .dropdown-submenu>.dropdown-menu-left {
        text-align: right;
        width: auto;
        /*overflow: hidden;*/
        right: 100%;
        left: auto;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

    #menu_admin .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }

    #menu_admin .dropdown-submenu:hover>.dropdown-menu {
        display: block;
    }

    #menu_admin .dropdown-submenu>a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 4px 0 4px 4px;
        border-left-color: #555;
        margin-top: 8px;
        margin-right: -8px;
    }

    #menu_admin .dropdown-menu-left .dropdown-submenu>a:before {
        content: " ";
        display: inline-block;
        border-color: transparent;
        border-style: solid;
        border-width: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-right: 5px solid #555;
        margin-right: 10px;
    }

    #menu_admin .dropdown-menu-left .dropdown-submenu>a:after {
        display: none;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

    /** link submenu **/
    .theme-dust #main-navbar .dropdown-menu li>a:hover {
        background: #F58735;
    }
}

/** css do menu do smartphone **/
@media screen and (max-width:768px) {

    /** paddin no menu **/
    #menu_admin {
        padding-left: 5px;
    }

    .fixed-menu {
        position: relative;
    }

    .margin-conted {
        display: none;
    }

    /** fecha menus fechados **/
    ul.close-ul {
        display: none !important;
    }

    /** exibe menus abertos **/
    ul.open-ul {
        display: block;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        border: none;
        padding-left: 10px !important;
        border-bottom: 2px solid #e4e4e4 !important;
        padding-bottom: 10px !important;
        border-left: 2px solid #e4e4e4 !important;
    }

    li.dropdown-submenu ul.open-ul {
        margin-left: -2px;
    }

    #menu_admin li .caret {
        display: none;
    }

    /** borda nos itens dos menu aberto **/
    #menu_admin ul.open-ul li {
        border-top: 1px solid #f1f1f1;
    }

    #menu_admin ul.open-ul>li:first-child {
        border: none
    }

    /** destaca itens abertos do menu **/
    #menu_admin li.open-li.dropdown>a {
        border-bottom: 1px solid #e4e4e4;
        border-top: 1px solid #dfdfdf;
        margin-top: -1px;
        background: #f6f6f6;
        border-left: 2px solid #e4e4e4 !important;
    }

    #menu_admin a.dropdown-toggle:after {
        content: "\f078";
        display: inline-block;
        float: right;
        font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro");
        font-size: 10px;
        position: relative;
        border: none;
        padding-right: 10px;
    }

    /** muda icone dos itens abertos **/
    #menu_admin li.open-li.dropdown>a:after {
        content: "\f077";
    }

    /** tamanho itens submenu **/
    #menu_admin li.dropdown ul li a {
        line-height: 42px;
        padding: 0px 25px 0px 15px !important;
    }

    /** remove destaque dos itens abertos do menu **/
    #menu_admin li.close-li.dropdown>a {
        border: none;
        margin-top: 0px;
        background: none;
    }

    #menu_admin li.dropdown-submenu>ul {
        display: none;
        background: none;
        margin: 0
    }

    #menu_admin li.dropdown-submenu>ul.open-ul {
        display: block
    }

    /** destaca itens abertos dos submenu **/
    #menu_admin li.open-li.dropdown-submenu>a {
        border-bottom: 1px solid #e4e4e4;
        border-top: 1px solid #dfdfdf;
        margin-top: -1px;
        background: #f6f6f6;
        border-left: 2px solid #e4e4e4 !important;
    }

    .dropdown-submenu>a:after {
        display: inline-block;
        content: " ";
        float: none;
        width: 0;
        height: 0;
        border-left-color: #555;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        margin-top: 0px;
        margin-left: 7px;
        margin-right: -10px;
        vertical-align: middle;
    }

    .dropdown-menu-left .dropdown-submenu>a:after {
        content: "";
        display: block;
    }

    /** muda icone dos itens abertos **/
    #menu_admin li.open-li.dropdown-submenu>a:after {
        content: "\f077";
    }
}

/*** LAYOUT DO SITE
**** Corpo 
***/
.px-navbar~.px-content {
    margin-top: 0;
    padding: 10px
}

/** menu breadcrumb **/
.breadcrumb-color {
    background: #f6f5f3;
    border-bottom: 1px solid #d6d6d6;
    padding: 8px 0 0 0;
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0px 0px 92px -46px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: inset 0px 0px 92px -46px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 92px -46px #C0C0C0 inset;
}

.col-sm-offset-1-breacrumb {
    margin-left: 1.333333%;
    margin-right: 7%;
}

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    margin-top: 4px;
}

/** menu actions **/
#menuActions .btn-label-icon {
    background: rgba(0, 0, 0, .05)
}

#menuActions .list-inc {
    margin-bottom: 7px
}

#menuActions .list-inc .btn-grande {
    width: 100%
}

@media screen and (max-width:767px) {
    #menuActions .list-inc .btn-grande {
        font-size: 110%;
        padding: 0
    }

    #menuActions .list-inc .btn-grande .btn-text {
        padding: 10px 9px;
        display: block
    }

    #menuActions .btn.btn-labeled.btn-sm.btn-grande .btn-label.icon {
        font-size: 110%;
    }

    #menuActions .btn-label-icon {
        padding: 10px 9px;
        margin: 0
    }
}

/** conteudo do site **/
#content-wrapper {
    position: relative;
    top: 0;
    left: 0;
    padding: 0px 18px 18px;
    min-height: 200px
}

/*** LAYOUT DO SITE
**** Rodapé 
***/

.px-footer.px-footer-bottom {
    padding-bottom: 0
}

@media screen and (min-width:768px) {
    .margins-text-footer {
        margin: 0.6em 0 0 0;
    }

    .logo-rodape {
        text-align: right;
        margin: 0.6em 0 0 0;
    }

    .logo-empresa {
        display: block;
        float: left;
        height: 46px;
        padding: 5px 2em 5px 1em;
    }

    .logo-rodape img:hover {
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }

    .logo-rodape img {
        -webkit-filter: grayscale(100%);
        transition: all 0.2s ease-out;
        filter: grayscale(100%);
    }
}

@media screen and (min-width:970px) {
    .margins-text-footer {
        margin: 1em 0 0 0;
    }
}

@media screen and (max-width:767px) {
    .logo-rodape {
        text-align: center;
        margin-bottom: 1em;
    }
}


/*** LAYOUT PÁGINAS ESPECÍFICAS
**** Pagina Login
***/

.caixa-form-login {
    -webkit-box-shadow: 0px 0px 65px 0px rgba(219, 219, 219, 1);
    -moz-box-shadow: 0px 0px 65px 0px rgba(219, 219, 219, 1);
    box-shadow: 0px 0px 65px 0px rgba(219, 219, 219, 1);
    background-color: #fff;
    border-radius: 4px;
    min-height: 250px;
}

.thickbox .caixa-form-login {
    margin-top: 60px;
}

.caixa-form-login .flex form {
    width: 100%;
}

.caixa-form-login .flex form .panel-body {
    margin-bottom: 0;
}

/* imagem cliente */
.div-logo-img {
    text-align: center;
    -webkit-box-shadow: 0px 0px 27px -11px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0px 0px 27px -11px rgba(0, 0, 0, 0.33);
    box-shadow: 0px 0px 27px -11px rgba(0, 0, 0, 0.33);
    transition: all 0.2s ease-out;
}

.div-logo-img img {
    -webkit-filter: none;
    filter: opacity(100%);
    transition: all 0.2s ease-in-out;
    max-width: 180px;
}

.div-logo-img:hover img {
    -webkit-filter: opacity(0.6);
    filter: opacity(60%);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#outer[id] {
    display: table;
    position: static;
    width: 180px;
    margin: 0px auto;
}

#middle[id] {
    display: table-cell;
    vertical-align: middle;
    position: static;
    height: 180px;
    min-height: 180px;
    min-width: 180px;
    max-width: 200px;
    max-height: 180px;
}

#centro {
    line-height: 100%;
    position: absolute;
    top: 70%;
    left: 45%;
    margin-left: -50px;
    margin-top: 45px;
    vertical-align: middle;
}

/* submit form login */
form#form_login .display-group .panel-body {
    /*margin-bottom: 30px;*/
    border: none;
}

#form_login #div_enviar input {
    float: left;
    background-color: #FFFFFF;
    color: #323232;
}

#form_login .divCaptcha {
    text-align: center;
}

.caixa-form-login .div-alert-success {
    padding: 75px 0px;
}

.caixa-form-login .btn-login {
    width: 100%;
    border: 1px solid #d6d6d6;
    background: #fff;
}

.caixa-form-login .btn-login:hover {
    background: #ececec;
}

/** Campos Login,Senha - Responsivos **/
@media screen and (min-width:880px) {
    #form_login #div_senha .input_password {
        width: 100%
    }

    #form_login #div_login .input_text {
        width: 100%
    }

    #form_login #div_verificacao input {
        width: 100%
    }

    #form_login .divCaptcha {
        width: 100%
    }

    #form_login .divInputPasswordStrength .input-group {
        width: 100%;
    }

    #form_login .divInputPasswordStrength .input-group input {
        width: 100%;
    }

    #form_login .divInputPasswordStrength .progress {
        width: 100%;
    }

    #form_login #div_senha_confirm input {
        width: 100%;
    }

    #form_login #div_enviar .input_submit {
        width: 100%
    }

    #form_login #div_submit .input_submit {
        width: 100%
    }
}

@media screen and (max-width:880px) {
    #form_login #div_enviar .input_submit {
        width: 100%
    }

    #form_login #div_senha .input_password {
        width: 100%
    }

    #form_login #div_verificacao input {
        width: 100%
    }

    #form_login .divCaptcha {
        width: 100%
    }

    #form_login .divInputPasswordStrength .input-group {
        width: 100%;
    }

    #form_login .divInputPasswordStrength .input-group input {
        width: 100%;
    }

    #form_login .divInputPasswordStrength .progress {
        width: 100%;
    }

    #form_login #div_senha_confirm input {
        width: 100%;
    }

    #form_login #div_login .input_text {
        width: 100%
    }

    #form_login #div_submit .input_submit {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    #form_login {
        width: 100%;
        margin-left: 0
    }
}

.login-alert {
    margin-top: 4em;
    margin-bottom: 2em;
}

/*** LAYOUT PÁGINAS ESPECÍFICAS
**** Pagina Sessão Expirada
***/

.sessao-expirada .form-group {
    margin-left: 5px;
    margin-right: 5px
}

@media screen and (max-width:768px) {
    .sessao-expirada #form_login .form-group input {
        margin-left: 0 !important;
        width: 100% !important
    }
}

/*** LAYOUT PÁGINAS ESPECÍFICAS
**** Form alterar senha
***/
.divInputSubmit input.input_submit[value="Alterar Senha"] {
    background-color: #97BC56;
}


/** div de compatibilidade com sistemas windows, linux e android*/
.window-toolbar {
    z-index: 102;
    width: 100%;
    position: relative;

    >* {
        background: white;
    }

    .logoTopo {
        height: 100%;
        padding: 6px 0;
    }
}

@media (max-width: 495px) {
    .cfcaptcha-element {
        overflow: hidden;
    }
}