html, body {
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100vh;
	box-sizing: border-box;
}

/* Scrollbar */
::-webkit-scrollbar-track {
    background: white;
}

::-webkit-scrollbar-thumb {
    background: #334766b3;
    border-radius: 15px;
    cursor: pointer;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb:active {
    background: hsla(216, 60%, 20%, 0.90);
}
::-webkit-scrollbar-thumb:hover {
    background: hsla(216, 60%, 40%, 0.74);
}

.block {
    display: block;
}

tr.ui-noselection-option td {
    font-style: italic;
    opacity: .8;
}
li.ui-noselection-option {
    font-style: italic;
    color: gray;
}
li.ui-noselection-option.ui-state-highlight {
    color: lightgray;
}

.ui-inputtext, .ui-selectonemenu, .ui-inputswitch, .ui-selectcheckboxmenu,
.input-group, .ui-inputmask, .ui-selectbooleanbutton, .ui-inputtextarea, .ui-selectcheckboxmenu-token,
.ui-password, .ui-calendar .ui-inputfield {
    font-size: 1.1rem !important;
}
.ui-inputtext:not(.ui-state-disabled), .ui-selectonemenu:not(.ui-state-disabled),
.ui-inputswitch:not(.ui-state-disabled), .ui-selectcheckboxmenu:not(.ui-state-disabled),
.input-group:not(.ui-state-disabled), .ui-inputmask:not(.ui-state-disabled), .ui-selectbooleanbutton:not(.ui-state-disabled),
.ui-inputtextarea:not(.ui-state-disabled), .ui-password:not(.ui-state-disabled), .ui-calendar .ui-inputfield:not(.ui-state-disabled),
.ui-spinner:not(.ui-state-disabled) {
    border: 2px solid #415F85 !important;
}

.ui-inputtext.ui-state-disabled, .ui-selectonemenu.ui-state-disabled,
.ui-inputswitch.ui-state-disabled, .ui-selectcheckboxmenu.ui-state-disabled,
.input-group.ui-state-disabled, .ui-inputmask.ui-state-disabled, .ui-selectbooleanbutton.ui-state-disabled,
.ui-inputtextarea.ui-state-disabled, .ui-password.ui-state-disabled, .ui-calendar .ui-inputfield.ui-state-disabled,
.ui-chkbox-box.ui-state-disabled, .ui-spinner.ui-state-disabled {
    border: 2px solid #425f854d !important;
}

.ui-inputswitch {
    height: 24px;
}

.ui-inputswitch-on, .ui-inputswitch-off {
    padding-top: 0 !important;
    font-size: 1rem !important;
    font-weight: normal !important;
}

/* States */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #3E5B88 !important;
}

.ui-state-disabled, .disabled {
    opacity: .65 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    color: #2e6e9e !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.italic {
    font-style: italic;
}

.cursor-pointer {
    cursor: pointer;
}

.hruler {
    display: block;
    width: 100%;
    height: 2px;
    background: lightgray;
}

hr {
    border-color: #ddd;
}

.invisible {
    display: none;
}

.header5 {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    color: #364c63;
    padding-bottom: 8px;
    border-bottom: 1px solid #ddd;
}

/* Shadow */
.shadow {
    box-shadow: 0 1px 10px 1px rgba(0,0,0,0.3) !important;
}

.acrescimo {
    color: limegreen;
}

.desconto {
    color: #cc3333;
}

/* Load animation */
.load-screen .ui-dialog-content {
    display: flex;
    align-items: center;
    justify-content: center;
}

.load-screen .ui-outputlabel {
    margin-left: 20px;
}

/* Font */

body, .ui-widget, .ui-widget .ui-widget {
	font-family: 'RobotoRegular', 'Helvetica Neue', Helvetica, sans-serif !important;
	font-size: 14px;
	font-weight: 500;
}

.message {
    padding: 10px;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
    border-width: 1px;
    border-style: solid;
}

.red {
    background: #ebe0e0;
    color: #c34040 !important;
}

.text-red {
    background: none !important;
    color: #c34040 !important;
}

.red.ui-state-hover {
    background: #e1d0d0 !important;
    color: #ae3737 !important;
}

.red.ui-state-highlight {
    background: #d7c1c1 !important;
    color: #9b3131 !important;
}

.blue {
    color: #4d4db3;
    background: #dbdbf0;
    border-color: #c2c2d6;
}

.blue.ui-state-hover {
    color: #4545a1 !important;
    background: #c9c9e8 !important;
}

.blue.ui-state-highlight {
    color: #3d3d8f !important;
    background: #b8b8e0 !important;
}

.text-italic {
    font-style: italic;
}

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

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-gray {
    color: #888;
}

.text-dark-gray {
    color: darkgray;
}

.text-green {
    color: #248224;
}

.text-red {
    color: #c34040;
}

.text-orangered {
    color: orangered;
}

.text-success {
    color: #248224;
}

.text-warning {
    color: #919108;
}

.text-error {
    color: #c34040;
}

.text-empty {
    font-style: italic;
    color: darkgray !important;
}

.text-big {
    font-size: 1.2rem;
}

.text-bigger {
    font-size: 1.4rem;
}

.text-small {
    font-size: .9rem;
}

.text-smaller {
    font-size: .8rem;
}

/* Texto quase transparente */
.text-faded {
    color: rgba(200, 200, 200, .3);
}

.error {
    color: #c34040;
}

.min-width-100 {
    min-width: 100px;
}

.msg {
    display: none;
    box-sizing: border-box;
    min-height: 0;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 8px;
}

.msg-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.no-padding, .npadding {
    padding: 0;
}

.no-margin, .nmargin {
    margin: 0 !important;
}

.no-border, .nborder {
    border: none;
}

/* Growl */

.ui-growl {
    top: 80px;
}

.ui-growl-item-container {
    opacity: .9;
}

.ui-growl-info {
    background-color: #29697a !important;
}

.ui-growl-error {
    color: #eed3d7;
    background-color: #9b4c4b !important;
    border-color: #eed3d7;
}

.ui-growl.full-width {
    width: 90%;
}

/* Responsive */
.ui-g div {
    box-sizing: border-box;
}

.ui-g .ui-panelgrid {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*
.ui-g div:not(.ui-buttonset) .ui-button:not(.ui-spinner-button, .ui-inplace-save, .ui-inplace-cancel, .auto-width) {
    width: 100% !important;
}
*/

/* Layout */
.ui-layout-unit.gapless {
    border: none;
    margin: 0;
    padding: 0;
}

.topbar {
    position: fixed;
    width: 100%;
    height: 70px;
    top: 0;
    z-index: 10;
    left: 0;
    opacity: 0.95;
    backdrop-filter: blur(5px);
    box-shadow: 0 5px 10px 3px rgba(0, 0, 0, 0.3);
}

.sidebar {
    position: fixed;
    left: 0;
    top: 70px;
    height: calc(100vh - 70px);
    overflow: hidden;
    z-index: 10;
    transform: translateX(0);
    transition: transform .5s ease, box-shadow .5s ease;
    opacity: 0.98;
    backdrop-filter: blur(5px);
    box-shadow: 5px 5px 10px 3px rgba(0,0, 0, 0.3);
    overscroll-behavior: contains;
    -webkit-overflow-scrolling: touch;
}

#sidebar.hidden {
    transform: translateX(-100%);
    box-shadow: none;
    transition: transform .3s ease, box-shadow .3s ease;
}

#btn-toggle-sidebar:active {
    background: #4fabc4;
    transition: background .3s ease;
}

.page-body {
    position: relative;
    display: block;
    padding-top: 70px;
    height: calc(100vh - 70px);
    overflow: hidden;
}

#form {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

#form > div {
    flex-shrink: 0;
}

#form .content {
    padding-left: 20px;
    padding-right: 20px;
    flex-grow: 1;
}

#form .content.endspacer {
    padding-bottom: 100px;
}

/* Breadcrumb */
.ui-breadcrumb {
    font-size: 0.85em;
    height: 32px;
    line-height: 32px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}

.ui-breadcrumb ul {
    list-style: none;
    display: flex;
    align-items: center;
}

.ui-breadcrumb ul li {
    text-decoration: none;
    line-height: 32px;
    margin-left: 5px;
    margin-right: 5px;
}

.ui-breadcrumb .ui-breadcrumb-chevron {
    margin: 0;
    padding: 0;
}

.ui-breadcrumb li .ui-menuitem-link {
    margin: 0 !important;
    text-decoration: none;
    color: #555;
}

.ui-breadcrumb li .ui-menuitem-text,
.ui-breadcrumb li .ui-menuitem-icon {
    margin: 0 !important;
    padding: 0 !important;
}

.unclickable, .unclickable * {
    cursor: unset;
    pointer-events: none;
}

.breadcrumbs {
		  list-style: none; line-height: 32px; height: 32px; background: #ddd; padding: 4px 0 4px 10px;
		  border-bottom: 1px solid #ccc; position: relative; }
.breadcrumbs::after { clear: both; display: block; content: ''; }
.breadcrumbs > li { display: inline-block; float: left; margin-right: 5px; font-size: 11px; color: #666; }
.breadcrumbs > li.right {
		  float: right; padding: 0; border-left: 1px solid #bbb; margin: -4px 0 0 0; }
.breadcrumbs > li.right .dropdown-menu a { font-size: 11px; padding: 2px 10px; }
.breadcrumbs > li.right > a { color: #666; padding: 4px 10px 5px 10px; display: block; }
.breadcrumbs > li.right > a:hover { text-decoration: none; background: #f7f7f7; }
.breadcrumbs > li.right.open > a { background: #f7f7f7; }
.breadcrumbs > li.right > a i { vertical-align: middle; }
.breadcrumbs > li span.separator {
	width: 5px; height: 9px; vertical-align: middle; display: inline-block;
	background: url("/erp-mobox/javax.faces.resource/images/bcarrow.png.xhtml") no-repeat 0 0; margin-left: 2px; }
.breadcrumbs > li:first-child a:hover { text-decoration: none; color: #666; }

/* Page Title */
.pagetitle {
    font-family: 'Libre Baskerville', 'Times New Roman', serif !important;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    position: relative;
    min-height: 30px;
    background: #fff;
}

.pagetitle h1,
.pagetitle h2,
.pagetitle h3,
.pagetitle h4,
.pagetitle h5 {
    font-weight: normal;
    margin: 0;
}

.pagetitle h1 {
    font-size: 32px;
    color: #0866c6;
}

.pagetitle h5 {
    text-transform: uppercase;
    font-size: 11px;
    color: #666666;
    font-weight: bold;
}

/* Tags */
.tag {
    background-color: #e6e6e6;
    padding: 6px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #afafaf;
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 25px;
    white-space: nowrap;
}

.tag .fa {
    margin-right: 10px;
}

.tag.tag-red {
    color: #c34040;
    border-color: #c34040;
    background-color: #c341411a;
}

.tag.tag-green {
    color: #248224;
    border-color: #248224;
    background-color: #2484241a;
}

.tag.tag-yellow {
    color: #768217;
    border-color: #768217;
    background-color: #9dad1f1a;
}

.tag.tag-purple {
    color: #4b1b4b;
    border-color: #4b1b4b;
    background-color: #f7e8f7;
}

.my-heading-row {
    background-color: var(--surface-c);
    font-weight: bold;
}

/* Panel */
.filtros {
    margin-top: 10px;
    margin-bottom: 10px;
}

.painel-filtros {
    background: #FAFAFA;
    border-radius: 10px;
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 5px 1px inset;
}

.painel-filtros tr {
    background: transparent;
}

.ui-panel, .ui-datascroller {
    border: none;
}

.ui-panel .ui-panel-titlebar,
.ui-datascroller .ui-datascroller-header {
    height: 42px;
    width: 100%;
    padding: 5px 12px;
    background: #3e5b88;
    color: white;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    border-radius: 10px;
    margin: 2px;
    box-sizing: border-box;
    line-height: 34px;
}

.ui-panel.scrollable .ui-panel-content {
    overflow: auto;
}

.ui-panel .ui-panel-titlebar-icon {
    margin-top: 0;
}

.ui-panel.light {
    padding: 0;
}

.ui-panel.light .ui-panel-titlebar {
    background: white;
    color: #2e6e9e;
    border: none;
    border-bottom: 1px solid #c5dbec;
    font-weight: bold;
}

.ui-panel.light .ui-panel-titlebar-icon {
    background: white;
}

.ui-panel.left-button .ui-panel-titlebar .ui-panel-titlebar-icon {
    float: left;
    margin-top: 0;
    margin-right: 10px;
}

.ui-panel-titlebar {
    padding-left: 5px;
    padding-right: 5px;
}

.ui-menubutton.panel-titlebar-button {
    height: 34px;
}

.ui-menubutton.panel-titlebar-button > .ui-button {
    height: 100%;
    margin: 0;
}

.panel-titlebar-button,
.panel-titlebar-button > .ui-button {
    float: right;
    background: transparent;
    border: none;
    box-shadow: none;
    color: white !important;
    margin-left: 5px;
    margin-right: 5px;
    min-width: 20px;
    transition: .5s color ease;
}

.panel-titlebar-button:hover,
.panel-titlebar-button:hover .ui-button {
    color: #bdc9db;
    transition: color .3s ease;
}

.panel-fluid {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 10px;
}

.panel-fluid .right {
    float: right;
}

.panel-fluid > .ui-widget {
    margin: 5px !important;
}

.panel-fluid .ui-inputnumber,
.panel-fluid .ui-selectonemenu,
.panel-fluid .ui-selectcheckboxmenu,
.panel-fluid .ui-selectcheckboxmenu-multiple {
    padding: 0 !important;
}

.panel-fluid .chkbox-group {
    padding: 5px;
    margin: 10px;
}

.panel-fluid .chkbox-group > .ui-chkbox {
    margin-right: 10px;
}

.panel-fluid .btLimpar,
.panel-fluid .btPesquisar {
    box-shadow: none;
}

.panel-fluid .btLimpar:hover,
.panel-fluid .btPesquisar:hover {
    box-shadow: none;
}

.custon-dialog-button {
    width: 8em !important; 
    height: 2rem !important; 
    margin-bottom: 15px !important;
}

.ui-panelgrid th, .ui-panelgrid tr, .ui-panelgrid td {
    border-collapse: collapse;
    border: none !important;
}

.dlg-label {
    font-weight: normal; 
    padding-top: 7px; 
    padding-bottom: 3px;
    font-size: 1.2em !important;
    color: #4d4d4d;
}

/* Labels */
.field-label {
    /*font-weight: bold;
    font-size: 0.85em !important;
    color: #888;*/
    font-size: 1.2em !important;
}

.small-column .small-column-right {
    width: 12% !important;
    min-width: 12% !important;
    max-width: 12% !important:
}

.large-column {
    width: 30% !important;
    max-width: 30% !important;
    min-width: 30% !important;
}

.small-column-right {
    text-align: right !important; 
}

.field-clickable:hover {
    background: #94acd166;
}

.field-clickable {
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    width: 100%;
    background: transparent;
    padding: 5px;
    border-radius: 10px;
    transition: background .3s ease;
}

.ui-selectonemenu-label {
    text-wrap: wrap !important;
}

.ui-selectonemenu .ui-outputlabel,
.ui-selectcheckboxmenu .ui-outputlabel {
    font-size: 1em !important;
    color: black;
    font-weight: normal;
}

/* Campo para Filtros Adicionais */
.filtroAdicional {
    top: 12px;
    width: auto !important;
    text-align: center; 
    padding-top: 4px;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 6rem;
}

/* Painel do campo para Filtros Adicionais */
.filtroAdicional-selectItems {
    min-width: 10rem !important;
}

/* Inplace */
.ui-inplace {
    display: inline-block;
    position: relative;
}

.ui-inplace-content {
    display: inline-block;
    width: 100%;
}

.ui-inplace-content > span {
    display: inline-block;
}

.ui-inplace-editor {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: opacity .3s ease;
    background: white;
    width: 20%;
}

.ui-inplace-editor .ui-button {
    width: 40px !important;
    height: 20px;
    border-radius: 20px;
    transition: background .3s ease;
}

.ui-inplace-save {
    background: linear-gradient(#adebad 50%, #9cc99c) !important;
}

.ui-inplace-save.ui-state-hover {
    background: #8cd98c !important;
}

.ui-inplace-cancel {
    background: #f2d9d9 !important;
}

.ui-inplace-cancel.ui-state-hover {
    background: #e5b3b3 !important;
}

/* Tooltip */
.ui-tooltip .ui-panelgrid td {
    background: #4c4c4c;
    color: white;
    padding: 8px;
}

/* Date Picker */
.ui-datepicker {
    font-size: 1.1rem;
}

.ui-datepicker-header {
    background: #4b81c3;
}

.ui-datepicker-month, .ui-datepicker-year {
    background: #4b81c3;
    color: white;
    border: none;
}

.ui-datepicker-header .ui-icon {
    background-image: url("/erp-mobox/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bootstrap");
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background: none;
}

.ui-datepicker td a, .ui-datepicker td span {
    text-align: center;
    padding: 10px 10px;
    border: none !important;
    border-radius: 50% !important;
    background: none !important;
    box-shadow: none !important;
    transition: all .2s ease !important;
}

.ui-timepicker td a.ui-state-active {
    border: 2px solid #2e6e9e !important;
    background: none !important;
}

.ui-datepicker .ui-datepicker-today a {
    color: #3e5b88 !important;
    background: white !important;
    font-weight: bold;
}

.ui-datepicker .ui-datepicker-current-day a {
    border: 2px solid #3e5b88 !important;
}

.ui-datepicker-unselectable span {
    cursor: not-allowed !important;
}

.ui-datepicker td:not(.ui-state-disabled) a:hover,
.ui-datepicker td:not(.ui-state-disabled) span:hover,
.ui-datepicker td:not(.ui-state-disabled) a.ui-state-default:hover {
    background: #315d92 !important;
    color: white !important;
}

.ui-datepicker-calendar td {
    font-size: inherit;
}

.ui-datepicker table {
    font-size: inherit;
}

.ui-datepicker td.ui-state-disabled {
    background: none;
}

.ui-calendar input {
    width: 100%;
    height: 100%;
}

.ui-tabs li[role='tab'] {
    font-size: 1.1rem !important;
    border: 2px solid #dddddd !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    overflow: hidden;
    transition: all .3s ease;
}

.ui-tabs li[role='tab'] a {
    color: grey !important;
    background: none;
}

.ui-tabs li[role='tab'].ui-tabs-selected {
    border-color: #415f85 !important;
}

.ui-tabs li[role='tab'].ui-tabs-selected a {
    color: #415F85 !important;
}

/* Largura */
.largura-max-300, .max-width-300 {
    max-width: 300px !important;
}

.largura-max-400, .max-width-400 {
    max-width: 400px !important;
}

.largura-max-500, .max-width-500 {
    max-width: 500px !important;
}

.largura-max-600, .max-width-600 {
    max-width: 600px !important;
}

.largura-max-800, .max-width-800 {
    max-width: 800px;
}

.largura-100 {
    width: 100%;
}

.fill, .ff {
    width: 100%;
    height: 100%;
}

.full-width, .fw {
    width: 100%;
}

.full-height, .fh {
    height: 100%;
}

.acoes, .column-10perc {
    width: 10%;
}

.column-20perc {
    width: 20%;
}

.largura-extrapequena {
    max-width: 75px !important;
}

.largura-pequena {
    max-width: 125px !important;
}

.largura-padrao,
.largura-padrao.ui-selectonemenu,
.largura-padrao.ui-inputnumber input,
.largura-padrao.ui-calendar input{
	max-width: 250px !important;
}

.largura-grande,
.largura-grande.ui-selectonemenu,
.largura-grande.ui-inputnumber input,
.largura-grande.ui-calendar input{
	max-width: 400px !important;
}

/* Priemfaces Chart */
.jqplot-highlighter-tooltip {
    opacity: 1;
    background: #ececec;
}

/* Margin */
.margin-10 {
    margin: 10px;
}

.margin-20 {
    margin: 20px;
}

.margin-x-5 {
    margin: 0 5px;
}
.margin-x-10 {
    margin: 0 10px;
}
.margin-x-20 {
    margin: 0 20px;
}
.margin-x-40 {
    margin: 0 40px;
}

.margin-y-5 {
    margin: 5px 0 !important;
}

.margin-y-10 {
    margin: 10px 0 !important;
}

.margin-y-20 {
    margin: 20px 0 !important;
}

.margin-top-0 {
    margin-top: 0;
}

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

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

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

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

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

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

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

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

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}

.padding-right-padrao {
    margin-right: 20px !important;
}

.padding-right-pequeno {
    margin-right: 5px !important;
}

/* Flex */
.horizontal-flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/** fieldset **/
.ui-fieldset {
    border: 2px solid #415F85;
}

.ui-fieldset-legend {
    box-shadow: none !important;
    text-shadow: none !important;
    background: linear-gradient(#d0e8fc 50%, #9fd0f9) !important;
    border: 1px solid #415F85;
}

.ui-fieldset .ui-fieldset-toggler {
    margin: 0 5px 0 5px;
    transition: color .5s ease;
}

.ui-fieldset:hover .ui-fieldset-toggler {
    color: #EFEFEF;
    transition: color .3s ease;
}

.ui-fieldset.light legend {
    background: #EFEFEF !important;
    color: black !important;
}


/* Grid */
.ui-grid-row {
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Dialog */
.ui-dialog {
    max-height: 90vh;
    max-width: 95vw;
    border: none !important;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 8px 30px 10px rgba(0, 0, 0, 0.6) !important;
    transition: top .3s ease, left .3s ease, right .3s ease, bottom .3s ease;
}

.ui-dialog .ui-dialog-content {
    overflow-x: hidden;
}

.confirm-dialog {
    max-width: 800px;
    overflow: hidden;
}

.ui-dialog-buttonpane {
    padding: .3em 0em .5em .4em !important;
}

.ui-dialog.center {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
}

.ui-dialog.center-top {
    left: 50% !important;
    top: 5% !important;
    transform: translate(-50%, 0%);
}

.ui-dialog .ui-dialog-titlebar {
    background: white !important;
    color: #008dff;
    text-align: center;
    border: none !important;
    font-size: 1.5rem !important;
}

.ui-dialog .ui-dialog-footer {
    border: none;
}

.ui-dialog .ui-dialog-title {
    font-size: 18px !important;
}

.ui-dialog .ui-dialog-titlebar-icon {
    background: none;
    top: 0;
}

.ui-dialog.min-width-250 {
    min-width: 250px;
}
.ui-dialog.min-width-300 {
    min-width: 300px;
}
.ui-dialog.min-width-350 {
    min-width: 350px;
}
.ui-dialog.min-width-400 {
    min-width: 400px;
}
.ui-dialog.min-width-500 {
    min-width: 500px;
}

.small-dialog {
    width: 500px !important;
    height: auto !important;
    left: 50% !important;
    top: 30% !important;
    margin-left: -250px !important;
}

.ui-dialog-footer {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ui-dialog-footer .ui-button {
    width: auto;
}

.ui-dialog-mask {
    opacity: .3;
}

/* dialog com display flex para manter header e footer com altura fixa e conteudo com scroll */
.ui-dialog.flex-dialog {
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
}

.ui-dialog.flex-dialog .ui-dialog-titlebar {
    height: 48px;
}

.ui-dialog.flex-dialog .ui-dialog-content {
    flex-grow: 1;
    overflow-y: auto;
}

.ui-dialog.flex-dialog .ui-dialog-footer {
    height: 59px;
}

/* Menu */

.ui-menu {
    border: none;
}

.toolbar-right-menu .ui-button {
    background: transparent !important;
    transition: background .5s ease;
}

.toolbar-right-menu .ui-button.ui-state-hover {
    background: #4b72b133 !important;
    transition: background .3s ease;
}

.btn-toolbar {
    background: white !important;
    border-color: #4B72B1 !important;
    color: #4B72B1;
    transition: background .5s ease, color .5s ease;
}

.btn-toolbar.ui-state-hover {
    background: #4B72B1 !important;
    color: white;
    transition: background .3s ease, color .3s ease;
}

.ui-menuitem-text {
    pointer-events: none;
}

.ui-menu-dynamic {
    width: auto;
}

.ui-menu-dynamic .ui-menuitem-link {
    height: 30px;
    line-height: 30px;
}

.ui-menu-dynamic .ui-menuitem-link .ui-menuitem-icon {
    display: inline-block;
    line-height: 30px !important;
    height: 30px;
    margin-left: 15px !important;
    color: #428bca;
}

.ui-menu-dynamic .ui-menuitem-link .ui-menuitem-text {
    margin-right: 15px !important;
}

.ui-menu-dynamic .ui-menuitem-link .ui-menuitem-text {
    display: inline-block;
    padding-left: 5px !important;
}

.ui-menu-dynamic .ui-menuitem-link.ui-state-hover {
    background: #4b72b133 !important;
    color: black !important;
    transition: background .3s ease;
}

.ui-menu-dynamic .ui-menuitem-link {
    transition: background .5s ease;
}

/* File upload */

.ui-fileupload {
    border: 1px solid #C5DBEC !important;
    border-radius: 8px !important;
}

.ui-fileupload .ui-fileupload-buttonbar {
    background: transparent;
    border: none;
    padding: 0;
    border-radius: 5px;
    width: 100%;
    height: 100%;
}

.ui-fileupload .ui-fileupload-buttonbar .ui-button {
    width: 100%;
}

.ui-fileupload.noborder-content {
    border: none !important;
}

.ui-fileupload.noborder-content .ui-fileupload-buttonbar {
    border: 1px solid #c5dbec !important;
}

.ui-fileupload.no-file-name .ui-fileupload-filename, .ui-fileupload-simple.no-file-name .ui-fileupload-filename {
    display: none;
}

.ui-fileupload.inline, .ui-fileupload-simple.inline {
    height: 32px;
}
.ui-fileupload.inline .ui-fileupload-content {
    display: none;
}

.ui-fluid .ui-fileupload,
.ui-fluid .ui-fileupload-simple {
    width: 100%;
}

/* Tables */

.ui-datatable {
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    line-height: 22px;
    box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.3);
    transition: all .5s ease !important;
}

.ui-datatable-footer {
    background: transparent;
}
.ui-datatable thead th, .ui-datatable tbody td {
    padding: 10px;
    border-radius: 0 !important;
}

.ui-datatable.limited-cell-width td {
    max-width: 400px;
}

.ui-datatable td:has(.cell-inplace) {
    position: relative;
}

.ui-datatable tbody {
    border: none;
}

.ui-datatable .ui-datatable-empty-message, .ui-datatable .ui-datatable-empty-message td {
    border: none;
}

.ui-datatable .ui-datatable-empty-message td {
    height: 40px;
}

.ui-datatable-data .ui-selection-column {
    text-align: center;
}

.ui-paginator .ui-state-disabled {
    opacity: 0.3 !important;
    cursor: not-allowed;
}

.ui-paginator .ui-paginator-first,
.ui-paginator .ui-paginator-prev,
.ui-paginator .ui-paginator-next,
.ui-paginator .ui-paginator-last,
.ui-paginator .ui-paginator-page {
    margin: 10px;
    padding: 10px;
    width: 30px;
}

.ui-paginator .ui-paginator-first .ui-icon,
.ui-paginator .ui-paginator-prev .ui-icon,
.ui-paginator .ui-paginator-next .ui-icon,
.ui-paginator .ui-paginator-last .ui-icon,
.ui-paginator .ui-paginator-page .ui-icon {
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.ui-datatable .ui-cell-editor {
    display: inline-block;
    width: 100%;
}

.ui-datatable thead .ui-icon {
    background-image: url("/erp-mobox/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bootstrap");
}

.ui-datatable .ui-sortable-column {
    position: relative;
}

.ui-datatable thead .ui-sortable-column-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .5s ease;
    background-color: #283b57;
    border-radius: 50%;
}

.ui-datatable thead:hover .ui-sortable-column-icon {
    opacity: 1;
    transition: opacity .3s ease;
}

.ui-datatable tbody .ui-icon {
    background-image: url("/erp-mobox/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-bootstrap");
}

.ui-datatable table {
    table-layout: auto;
}

.ui-datatable:hover {
    box-shadow: 0 0 10px 3px rgba(0,0,0,0.3);
    transition: all .3s ease !important;
}

.ui-datatable .ui-paginator-top {
    display: none !important;
}

.ui-paginator.ui-paginator-bottom {
    line-height: 16px !important;
}

.ui-paginator-current {
    display: inline-block;
    text-align: center;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 10px;
}

.ui-paginator-rpp-options {
    display: inline-block;
    height: 40px;
    margin-left: 10px !important;
    width: 80px;
    padding: 5px;
}

.ui-datatable-header {
    background: #3E5B88;
    border-color: #3E5B88;
    color: white;
}

.ui-datatable thead th {
    border-radius: 0;
    border: 1px solid #3E5B88 !important;
    background: #3E5B88 !important;
    color: white !important;
    box-shadow: none;
    font-weight: normal;
}

.ui-datatable-empty-message {
    text-align: center;
}

.ui-datatable .desativado {
    color: #8c8c8c;
}

.ui-datatable .desativado-desconhecido {
    color: #8c8c8c;
}

.ui-datatable .desativado-obrigatorio {
    color: #8c8c8c;
    background: lightblue;
}

.ui-datatable .desativado-opcional {
    color: #8c8c8c;
    background: lightyellow;
}

.ui-datatable .ativado-desconhecido {
}

.ui-datatable .ativado-obrigatorio {
    background: lightblue;
}

.ui-datatable .ativado-opcional {
    background: lightyellow;
}

.ui-datatable .ui-state-highlight {
    background: #bdc9db;
    color: black;
}

.ui-paginator .ui-paginator-next .ui-icon,
.ui-paginator .ui-paginator-prev .ui-icon,
.ui-paginator .ui-paginator-first .ui-icon,
.ui-paginator .ui-paginator-last .ui-icon {
    height: 16px !important;
}

.ui-datatable.light {
    box-shadow: none !important;
    border: 1px solid #ddd;
}

.ui-datatable.light .ui-datatable-header {
    background: #efefef;
    border-color: #efefef;
    color: black;
}

.ui-datatable.light th {
    padding: 5px !important;
    background: #f4f4f4 !important;
	color: #2E6E9E !important;
	border: 1px solid #e6e6e6 !important;
}

.ui-datatable .ui-column-title {
    font-weight: bold;
    text-align: right;
}

.ui-datatable .ui-reflow-label {
    font-weight: bold;
    margin: 5px 20px 5px 20px;
}

.ui-datatable .ui-reflow-dropdown {
    padding: 4px;
    margin: 0 10px 10px 10px;
}

.ui-datatable .ui-expanded-row-content {
    background: #eee;
}

.ui-datatable .ui-expanded-row-content > td {
    padding: 15px !important;
}

.ui-datatable .ui-row-toggler {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    height: 14px;
}

.ui-datatable .ui-state-highlight {
    background-image: url("/erp-mobox/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-bootstrap") !important;
    background: #b3bdcc !important;
    color: black;
}

.ui-datatable tbody tr .hover {
    opacity: 0;
    transition: opacity .5s ease;
}

.ui-datatable tbody td {
    position: relative;
}

.ui-datatable tbody td .float-right {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.ui-datatable tbody td .float-right i {
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

.ui-datatable tbody tr:hover .hover {
    opacity: 1;
    transition: opacity .3s ease;
}

.ui-datatable.lightblue {
    box-shadow: -2px 2px 2px 2px #8080804d !important;
}

.ui-datatable.lightblue th, .ui-datatable.lightblue td {
    background: #ebf3ff !important;
    border: none !important;
}

.ui-datatable.lightblue .ui-column-title {
    color: #0095fe !important;
    font-size: 1.1em;
    font-weight: bold;
}

.ui-datatable.lightblue td {
    color: #315668;
}

/* Datagrid */
.ui-datagrid .ui-paginator-top {
    display: none;
}

.ui-datagrid .ui-datagrid-content {
    border: none;
}

.ui-datagrid-content-empty {
    text-align: center;
    font-style: italic;
    color: gray;
    background: hsl(0 0% 94% / 1);
    padding: 20px 0;
    border-radius: 10px;
}

/* Datalist */

.ui-datalist .ui-paginator-top {
    display: none;
}

.ui-datalist-content {
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ui-datalist-data {
    padding-inline-start: 0;
}

.ui-datalist-empty-message {
    opacity: .65;
    font-style: italic;
    text-align: center;
}

.ui-datalist.sw-g .ui-datalist-content {
    display: flex;
    flex-wrap: wrap;
}

.ui-datalist.sw-g .ui-datalist-empty-message {
    width: 100%;
    display: block;
    text-align: center;
}

.ui-datascroller .ui-datascroller-content {
    width: 100%;
    border: none;
}

.ui-scrollpanel {
    border: none;
}

.ui-datalist .datalist-item {
    display: block;
    padding: 10px;
    margin: 5px;
    background: #ebebeb;
    border-radius: 10px;
    transition: background .3s ease;
}

.ui-datalist .datalist-item:hover {
    background: #c7cbd1;
}

.list-item {
    display: block;
    margin: 10px;
    padding: 10px 20px;
    background: #EDEDED;
    border: 2px solid #999999;
    border-radius: 8px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .3s ease !important;
}

.list-item:hover {
    background: white;
    cursor: pointer;
    box-shadow: 0 0 1px 3px #b9c8df;
}

/* Images */

.image-uploader {
    display: flex;
    justify-content: center;
    width: 100%;
}

.image-uploader .image-viewer {
    display: block;
    border-radius: 5px;
}

.image-viewer img {
    border-radius: 5px 5px 0 0;
    width: 100%;
    border: 2px solid #415F85;
}

.image-viewer .ui-fileupload-files {
    display: none;
}

.ui-fileupload {
    border: none !important;
}

.ui-fileupload-content {
    border: none;
}

/* selects */
.ui-selectonemenu {
    background: white !important;
}
.ui-selectonemenu-trigger, .ui-selectcheckboxmenu-trigger {
    background: linear-gradient(#d0e8fc 50%, #9fd0f9) !important;
}

.ui-selectonemenu-filter-container {
    box-sizing: border-box;
}

.ui-selectonemenu .ui-selectonemenu-label {
    width: auto;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    border: none;
    border-left: 1px solid #DFEFFC;
}

.ui-selectonemenu-panel, .ui-select {
    border: none;
    border-radius: 0 0 5px 5px;
    max-width: 600px;
}

.ui-selectonemenu-items-wrapper {
    border-radius: 0 0 5px 5px;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    width: 100%;
}

.ui-selectonemenu-panel .ui-selectonemenu-list-item {
    white-space: normal;
}

.ui-selectonemenu .ui-selectonemenu-label {
    white-space: normal;
}

.selecao-periodo > div {
    padding: 0;
}

.selecao-periodo .data, .selecao-periodo .hora {
    margin: 0;
    display: inline-block;
    height: 30px;
}

.selecao-periodo .data {
    width: 60%;
}

.selecao-periodo .hora {
    width: 40%;
}

.selecao-periodo .hora .pe-timepicker, .selecao-periodo .hora .pe-timepicker input,
.selecao-periodo .data .ui-calendar {
    width: 100%;
    height: 100%;
}

/* selectCheckboxMenu */
.ui-selectcheckboxmenu, .ui-selectcheckboxmenu-multiple {
    max-height: 150px !important;
    overflow: hidden;
}

/* Quebra os labels em telas menores */
.ui-selectcheckboxmenu-token {
    white-space: break-spaces !important;
}

.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-list-item {
    white-space: break-spaces;
}

/* panelGrid */

.ui-widget {
    transition: border .3s ease;
}

/* ui-shadow */
.ui-shadow {
    box-shadow: 0 15px 30px 10px rgba(0, 0, 0, 0.3);
}

/* Buttons */
.ui-button {
    outline: none;
}

.ui-button .ui-icon {
    pointer-events: none;
}

.ui-commandlink {
    text-decoration: none;
}

.ui-commandlink.ui-state-disabled {
    background: none;
}

.btInserir, .btSalvar, .btConfirmar {
	border: 0 !important;
	font-weight: bold;
	padding: 4px 4px;
	color: #FFF;
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.3) !important;
    transition: background .5s ease, box-shadow .5s ease;
}

.btInserir:hover,
.btSalvar:hover,
.btConfirmar:hover {
	background: #47a447 !important;
	border: 0 !important;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.3) !important;
	transition: background .3s ease, border .3s ease, box-shadow .3s ease;
}

.btInserir:active,
.btSalvar:active,
.btConfirmar:active {
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3) !important;
    border: 0 !important;
    transition: box-shadow .3s ease;
}

.btPesquisar, .btAtualizar {
    background: #4B72B1 !important;
    color: white !important;
    border: 0 !important;
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.3) !important;
    transition: background .5s ease, box-shadow .5s ease;
}

.btPesquisar:hover, .btAtualizar:hover {
    background: #3E5B88 !important;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.3) !important;
	border: 0 !important;
	transition: background .3s ease, border .3s ease, box-shadow .3s ease;
}

.btPesquisar:active, .btAtualizar:active {
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3) !important;
    border: 0 !important;
    transition: box-shadow .3s ease;
}

.btLimpar, .btVoltar {
    background: #dfeffc !important;
    color: #2e6e9e !important;
    border: 0 !important;
    font-weight: bold !important;
    padding: 4px 4px;
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.3) !important;
    transition: background .5s ease, box-shadow .5s ease;
}

.btLimpar:hover, .btVoltar:hover {
    background: #c8d7e4 !important;
    color: #2e6e9e !important;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.3) !important;
	border: 0 !important;
	transition: background .3s ease, border .3s ease, box-shadow .3s ease;
}

.btLimpar:active, .btVoltar:active {
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3) !important;
    color: #2e6e9e !important;
    border: 0 !important;
    transition: box-shadow .3s ease;
}

.label-for-input {
    padding-top: 8px;
}

.btn, .menu-btn > .ui-button {
    margin: 0;
    padding: 4px;
    width: auto !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    background: linear-gradient(#ebebeb, #cccccc) !important;
    color: black;
    transition: background .5s ease, color .5s ease, box-shadow .5s ease !important;
}

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

.btn .ui-button-text, .menu-btn > .ui-button .ui-button-text {
    word-break: break-all;
}

.btn.ui-state-disabled {
    filter: grayscale(1);
    pointer-events: none;
}

.btn-fluid {
    width: 100% !important;
}

.btn:hover, .btn.ui-state-hover,
.menu-btn > .ui-button:hover, .menu-btn > .ui-button.ui-state-hover {
    background: #c7cbd1 !important;
    transition: background .3s ease, color .3s ease, box-shadow .3s ease !important;
}

.btn .ui-icon, .btn .ui-button-text,
.menu-btn > .ui-button .ui-icon, .menu-btn > .ui-button .ui-button-text {
    text-shadow: none !important;
    line-height: 17px;
}

.btn .ui-icon,
.menu-btn > .ui-button .ui-icon {
    margin-top: -9px !important;
}

.btn-transparent {
    background: transparent !important;
}

.btn-clear, .btn-send {
    border: 0 !important;
    font-weight: bold !important;
    padding: 4px 4px;
	box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.3) !important;
    transition: background .5s ease, box-shadow .5s ease;
}

.btn-clear {
    background: #fdd6d6 !important;
    color: #a60000 !important;
}

.btn-send {
    background: #5ab65a !important;
    color: white !important;
}

.btn-clear:hover, .btn-send:hover {
    border: 0 !important;
	box-shadow: 0 3px 20px 5px rgba(0, 0, 0, 0.3) !important;
    transition: background .3s ease, box-shadow .3s ease;
}

.btn-clear:active, .btn-send:active {
    border: 0 !important;
    box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3) !important;
    transition: background .3s ease, box-shadow .3s ease;
}

.wrapper-btn-float {
    position: fixed;
    text-align: center;
    outline: none;
    z-index: 2;
    background: none;
}

.wrapper-btn-float .ui-button, .wrapper-btn-float .label {
    margin: 0 auto;
}

.wrapper-btn-float .label {
    margin-top: 10px;
    font-size: 1rem;
    color: #333333;
}

.wrapper-btn-float .ui-button {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    box-shadow: 0 3px 10px 5px rgba(0,0,0,0.3) !important;
}

.wrapper-btn-float:active .ui-button {
    box-shadow: 0 1px 5px 3px rgba(0,0,0,0.3);
}

.wrapper-btn-float .ui-button.ui-state-disabled {
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.3);
}

.wrapper-btn-float-right {
    right: 40px;
    bottom: 40px;
}

.wrapper-btn-float-left {
    left: 40px;
    bottom: 40px;
}

.btn-float {
    position: fixed;
    width: 60px !important;
    height: 60px !important;
    border-radius: 50%;
    text-align: center;
    outline: none;
    z-index: 2;
    box-shadow: 0 3px 10px 5px rgba(0,0,0,0.3) !important;
}

.btn-float:active {
    box-shadow: 0 1px 5px 3px rgba(0,0,0,0.3);
}

.btn-float-right {
    right: 40px;
    bottom: 40px;
}

.btn-float-left {
    left: 40px;
    bottom: 40px;
}

.btn-float-left .ui-icon,
.btn-float-right .ui-icon,
.wrapper-btn-float .ui-icon {
    width: 22px !important;
    height: 22px !important;
    font-size: 22px !important;
    margin-top: -11px !important;
    margin-left: -11px !important;
}

.btn-big {
    height: 64px;
    border-radius: 10px !important;
}

.btn-fileupload {
    padding: 0;
    border: none !important;
    border-radius: 10px !important;
    overflow: hidden;
}

.btn-fileupload .ui-button {
    margin: 0;
    padding: 4px;
    width: 100% !important;
    height: 100%;
    border: none !important;
    box-shadow: none !important;
    background: #ebebeb !important;
    color: black;
    transition: background .5s ease, color .5s ease, box-shadow .5s ease !important;
}

.btn-fileupload-nofilename .ui-fileupload-filename {
    display: none;
}

.btn-big-fileupload {
    height: 64px;
    border-radius: 10px;
}

.fg-btn {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    color: black;
    transition: color .5s ease;
}

.fg-btn:hover {
    color: #5c8dd6;
    transition: color .3s ease;
}

.inline-icon-button {
    width: 50px;
}

.ui-button.inline-button {
    width: auto;
    margin: 0 10px;
    border-radius: 20px;
    height: 22px;
}

.ui-button.inline-button .ui-button-text {
    line-height: 14px;
}

.ui-button.inline-button-green, .ui-button.inline-button-green.ui-state-active {
    background: linear-gradient(#95c695, #529852);
    color: white;
}

.ui-button.inline-button-fblue {
    color: #176fc9;
    border: 1px solid #176fc930;
}

.ui-button.inline-button-fgreen {
    color: #378137;
    border: 1px solid #37813733;
}

.btn.ui-state-active {
    color: black !important;
}

.ui-button.ui-state-active, .ui-button.ui-state-focus {
    color: white !important;
    background: #79b7e7;
    border-color: #79b7e7;
}

.ui-button.ui-state-focus {
    box-shadow: 0 0 8px 1px #79b7e7;
}

.btn-logout {
    margin: 12px;
    background: #3f5c88;
    color: white;
    border: 1.5px solid white;
    transition: background .5s ease, color .5s ease;
}

.btn-logout:hover {
    background: white;
    color: #3f5c88;
    transition: background .3s ease, color .3s ease;
}

.link {
    text-align: left;
    color: #0866c6 !important;
    background: transparent !important;
    border: none !important;
}

.link .ui-button-text {
    text-decoration: unset !important;
    font-weight: normal;
    padding-left: 0 !important;
}

.btn-blue {
    background: linear-gradient(#7391bf, #3e5b88) !important;
    color: white !important;
}

.btn-blue:hover,
.btn-blue.ui-state-hover {
    background: #36517d !important;
}

.btn-fgicon-blue {
    color: black !important;
}

.btn-fgicon-blue .ui-icon {
    color: #4B72B1 !important;
}

.btn-fgicon-blue:not(.ui-state-disabled):hover,
.btn-fgicon-blue:not(.ui-state-disabled).ui-state-hover {
    background: #4B72B1 !important;
    color: white !important;
}

.btn-fgicon-blue:not(.ui-state-disabled):hover .ui-icon, .btn-fgicon-blue:not(.ui-state-disabled).ui-state-hover .ui-icon {
    color: white !important;
}

.btn-fgicon-green .ui-icon {
    color: #45a16a !important;
}

.btn-fgicon-green:not(.ui-state-disabled):hover,
.btn-fgicon-green:not(.ui-state-disabled).ui-state-hover {
    background: #45a16a !important;
    color: white !important;
}

.btn-fgicon-green:not(.ui-state-disabled):hover .ui-icon,
.btn-fgicon-green:not(.ui-state-disabled).ui-state-hover .ui-icon {
    color: white !important;
}


.btn-fgicon-red .ui-icon {
    color: #bd4f4f !important;
}

.btn-fgicon-red:not(.ui-state-disabled):hover,
.btn-fgicon-red:not(.ui-state-disabled).ui-state-hover {
    background: #bd4f4f !important;
    color: white !important;
}

.btn-fgicon-red:not(.ui-state-disabled):hover .ui-icon, .btn-fgicon-red:not(.ui-state-disabled).ui-state-hover .ui-icon {
    color: white !important;
}

.btn-fgicon-purple .ui-icon {
    color: purple !important;
}

.btn-fgicon-purple:not(.ui-state-disabled):hover,
.btn-fgicon-purple:not(.ui-state-disabled).ui-state-hover {
    background: purple !important;
    color: white !important;
}

.btn-fgicon-purple:not(.ui-state-disabled):hover .ui-icon, .btn-fgicon-purple:not(.ui-state-disabled).ui-state-hover .ui-icon {
    color: white !important;
}

.btn-fgicon-ciano .ui-icon {
    color: #2bafd4 !important;
}

.btn-fgicon-ciano:not(.ui-state-disabled):hover,
.btn-fgicon-ciano:not(.ui-state-disabled).ui-state-hover {
    background: #2bafd4 !important;
    color: white !important;
}

.btn-fgicon-ciano:not(.ui-state-disabled):hover .ui-icon, .btn-fgicon-ciano:not(.ui-state-disabled).ui-state-hover .ui-icon {
    color: white !important;
}

.btn-fgicon-yellow {
    color: black !important;
}

.btn-fgicon-yellow .ui-icon {
    color: #bdab4f !important;
}

.btn-fgicon-yellow:not(.ui-state-disabled):hover,
.btn-fgicon-yellow:not(.ui-state-disabled).ui-state-hover {
    background: #bdab4f !important;
    color: white !important;
}

.btn-fgicon-yellow:not(.ui-state-disabled):hover .ui-icon, .btn-fgicon-yellow:not(.ui-state-disabled).ui-state-hover .ui-icon {
    color: white !important;
}


.btn-green {
    background: linear-gradient(#95c695, #529852) !important;
    color: white !important;
}

.btn-green:not(.ui-state-disabled):hover,
.btn-green:not(.ui-state-disabled).ui-state-hover {
    background: linear-gradient(#2e6b2e , #2e6b2e ) !important;
    border: 1px solid #529852 !important;
}

.btn-lightblue {
    background: #dbe9f0 !important;
    color: #4b72b1;
}

.btn-lightblue:not(.ui-state-disabled):hover,
.btn-lightblue:not(.ui-state-disabled).ui-state-hover {
    background: #b7d3e1 !important;
}

.btn-icon, .field-edit-icon {
    background: transparent;
    padding: 5px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    transition: all .3s ease;
}

.btn-icon i, .field-edit-icon i {
    color: #333333 !important;
}

.field-edit-icon i {
    color: #ed6212 !important;
}

.btn-icon.red i, .field-edit-icon.red i {
    color: #c34040 !important;
}

.btn-icon.yellow {
	background: none;
}

.btn-icon.yellow i {
	color: #e1a200 !important;
}

.btn-icon.yellow:not(.ui-state-disabled):hover {
	background: #ffff0033;
}
.btn-icon.yellow:not(.ui-state-disabled):hover i {
	color: #e1a200 !important;
}

.btn-icon:not(.ui-state-disabled):hover {
    background: #415f85;
}

.field-edit-icon:not(.ui-state-disabled):hover {
    background: #ff8a1433;
}

.btn-icon:not(.ui-state-disabled):hover i {
    color: white !important;
}

/*.btn-icon:not(.ui-state-disabled):hover i {
    color: #333333 !important;
}*/

.btn-icon.ui-state-disabled, .field-edit-icon.ui-state-disabled {
    background: none;
}

.field-edit-icon {
    padding: 5px 8px;
    font-size: 1.2em;
}

.ui-splitbutton > .ui-button {
    margin: 0 !important;
    border: none !important;
    background: linear-gradient(#ebebeb, #cccccc);
    transition: all .3s ease !important;
}

.ui-splitbutton > .ui-button .ui-icon {
    color: #428bca !important;
}

.ui-splitbutton > .ui-button:hover {
    background: #cccccc;
}

.ui-splitbutton > .ui-button:active {
    color: black !important;
}

/* Header Buttons */
.ui-widget-header .ui-commandlink,
.ui-widget-header .ui-commandbutton {
    display: inline-block;
    min-width: 20px;
    color: white !important;
    height: 34px;
    line-height: 34px;
    margin-left: 5px;
    margin-right: 5px;
    border: none;
    box-shadow: none;
}

.ui-widget-header .ui-commandlink.btn-left,
.ui-widget-header .ui-commandbutton.btn-left {
    float: left;
}

.ui-widget-header .ui-commandlink.btn-right,
.ui-widget-header .ui-commandbutton.btn-right {
    float: right;
}

.ui-widget-header .ui-commandlink:hover,
.ui-widget-header .ui-commandbutton:hover {
    color: #bdc9db !important;
    transition: color .3s ease;
}

/* Spinner */
.ui-spinner-button {
    z-index: 0 !important;
}

/* Checkbox */
.ui-chkbox {
    padding: 0;
}

.ui-chkbox-box {
	width: 24px !important;
	height: 24px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	border: 2px solid #415f85 !important;
}

.ui-chkbox.gray .ui-chkbox-box {
    border: 1px solid lightgray !important;
}

.ui-chkbox.fake-disabled .ui-chkbox-box {
    opacity: 1 !important;
}

/* Toolbar */
.toolbar-flex .ui-toolbar-group-left,
.toolbar-flex .ui-toolbar-group-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: black;
}

.toolbar-flex .ui-toolbar-group-left .ui-widget,
.toolbar-flex .ui-toolbar-group-right .ui-widget {
    margin-left: 10px;
    margin-right: 10px;
}

.toolbar-flex .ui-toolbar-group-left .ui-state-default,
.toolbar-flex .ui-toolbar-group-right .ui-state-default {
    border: 1px solid #c5dbec;
    transition: border .5s ease;
}

.toolbar-flex .ui-toolbar-group-left .ui-state-hover,
.toolbar-flex .ui-toolbar-group-right .ui-state-hover {
    border: 1px solid #79b7e7;
    transition: border .3s ease;
}

.ui-toolbar .ui-button {
    width: auto;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding: 4px;
    margin-right: 5px;
    transition: width .3s ease;
}

.ui-toolbar .ui-button-icon-only {
    width: 2.4em !important;
}

.ui-toolbar .ui-splitbutton {
    width: auto;
}

.ui-toolbar.transparent {
    background: transparent !important;
    border: none;
    box-shadow: none;
}

/* Input Group */
.ui-g .input-group {
    width: 100%;
}

.input-group > .btn {
    color: black !important;
    padding: 1px;
}
.input-group .ui-button-text {
    padding-left: 0;
    padding-right: 0;
}
.input-group > .ui-widget:not(.ui-overlaypanel),
.input-group > .ui-calendar .ui-inputfield {
    display: inline-block;
    margin: 0 !important;
    height: 27px !important;
    width: auto;
    vertical-align: middle;
    box-sizing: border-box;
}
.input-group > .ui-widget:not(.ui-overlaypanel):not(.ui-inputnumber),
.input-group > .ui-inputnumber > input,
.input-group > .ui-calendar .ui-inputfield {
    border-radius: 0 !important;
    border: 1px solid #b7b7b7 !important;
    border-right: none !important;
}
.input-group > .ui-widget:not(.ui-overlaypanel):not(.ui-inputnumber):first-child,
.input-group > .ui-inputnumber:first-child > input,
.input-group > .ui-calendar:first-child .ui-inputfield {
    border-radius: 5px 0 0 5px !important;
}
.input-group > .ui-widget:not(.ui-overlaypanel):not(.ui-inputnumber):last-child,
.input-group > .ui-inputnumber:last-child > input,
.input-group > .ui-calendar:last-child .ui-inputfield {
    border-radius: 0 5px 5px 0 !important;
    border-right: 1px solid #b7b7b7 !important;
}

.input-group .search {
    width: 500px !important;
}

.input-group .ui-outputlabel {
    background: #e6e6e6;
    color: #4d4d4d;
    margin: 0;
    padding: 5px;
    line-height: 30px;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.input-group > .btn {
    border-bottom: 1px solid #b7b7b7 !important;
    border-top: 1px solid #b7b7b7 !important;
    border-right: 1px solid #b7b7b7 !important;
}

.input-group .ui-chkbox-box {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    width: 100%;
    height: 100%;
    border: none;
}

.field-button {
    padding: 4px 4px !important;
    height: 32px !important;
}

/* Icons */
.ui-panelmenu .ui-panelmenu-header.ui-state-active .ui-icon {
    color: white !important;
}

.ui-panelmenu .ui-panelmenu-header .ui-icon {
    color: #4f81bd !important;
}

/* Chips */
.ui-fluid .ui-chips {
    width: 100%;
}

.ui-chips.noeditable .ui-chips-container {
    border: none;
}

.ui-chips.noeditable input {
    display: none;
    cursor: default;
}

.ui-chips-container {
    border-radius: 10px;
}

.ui-g .ui-chips-container {
    width: auto;
}

.warn, .yellow {
    background: #ffff0033;
    color: #545445;
}

.warn i, .yellow i {
    color: #b2b300;
}

.warn-icon {
    color: #b2b300;
}

.linked, .cyan {
    background: #00ccff33;
    color: #545445;
}

.linked i, .cyan i {
    color: #0089b3;
}

.curvaabc-blue {
    background: #99d9ea;
    color: #114655;
}

.curvaabc-blue i {
    color: #114655;
}

.curvaabc-white {
    background: white;
}

.curvaabc-white i {
    color: black;
}

.curvaabc-green {
    background: #b5e61d;
    color: #475c0a;
}

.curvaabc-orange {
    background: #ffc90e;
    color: #665000;
}

/* SelectBooleanButton */
.ui-selectbooleanbutton.ui-state-active {
    background: linear-gradient(#d0e8fc 50%, #9fd0f9);
    box-shadow: inset 0 1px 2px 1px #3333334d;
}
.ui-selectbooleanbutton.ui-state-active .ui-button-text {
    color: #333333;
}
.ui-selectbooleanbutton.ui-state-active .ui-icon {
    color: #405e84;
}


/* Log */
.ui-log {
    top: 550px;
    left: 300px;
}

/* Panels */

.text-editor {
    min-height: 300px;
    max-height: auto;
    overflow-y: hidden;
}

/* Editor */
.text-editor .ql-toolbar {
    border-radius: 10px 10px 0 0;
}

.text-editor .ql-container {
    border-radius: 0 0 10px 10px;
}

.search-info {
    display: block;
    width: 100%;
    font-size: .85rem;
    text-align: right;
    padding: 10px;
    color: darkgray;
    font-style: italic;
    box-sizing: border-box;
}

.search-empty-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.search-empty-message p {
    color: #333333;
}

.search-empty-message .btn-green {
    width: auto;
    height: 32px;
}

/* Custom Components */
.sw-inputnumber {
    padding: 0;
}

/* Cards */
.card-wrapper {
    padding: 10px;
    background: none;
}

.card-wrapper .card {
    width: 100%;
}

.card {
    background: #EFEFEF;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    border: 1px solid #e6e6e6;
}

.card.light {
    background: #f5f5f5;
}

.card-title {
    display: block;
    width: 100%;
    font-size: .9em;
    font-weight: normal;
    color: gray;
    margin-bottom: 5px;
}

.card-content {
    display: block;
    width: 100%;
    font-size: 1.3em;
}

.card.ui-panelgrid * {
    background: none;
}

.card tr {
    background: none;
}

.card.no-shadow {
    box-shadow: none;
}

.card.border {
    border: 1px solid rgba(0, 0, 0, .1);
}

.legenda-titulo {
    color: #555;
    font-style: italic;
    margin-bottom: 15px;
}

.legenda-linha {
    margin-bottom: 8px;
}

.graficos-header {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

.box {
    display: inline-block;
    border: 1px solid gray;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    margin-right: 5px;
}

.box.red {
    background: #ebe0e0;
    color: #c34040;
    border-color: #c34040;
}

.box.warn {
    background: #ffff0033;
    color: #545445;
    border-color: #545445;
}

.unidadeMedidaSiglaVendas {
    padding-left: 6px;
}

.flex {
    display: flex;
}

.flex-h-center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.inner-panel-wrapper {
    display: block;
    width: 800px;
}

.inner-panel-wrapper-600 {
    display: block;
    width: 600px;
}

.inner-panel-wrapper-400 {
    display: block;
    width: 400px;
}

.inner-panel-wrapper-1200 {
    display: block;
    width: 1200px;
}

.inner-panel {
    width: 100%;
}

.flex-v-center {
    display: flex;
    align-items: center;
}

.mobile-full-width {
    width: auto;
}

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

.block {
    display: block;
}

.row {
    width: 100%;
}

.row-24 {
    height: 24px;
    line-height: 24px;
}

.inline-toggleable-panel {
    margin-top: 15px;
    margin-bottom: 15px;
}

.inline-toggleable-panel .ui-panel-content {
    box-shadow: inset 0 1px 8px 3px rgb(0 0 0 / 30%);
    border-radius: 8px;
    padding: 20px;
    background: #FAFAFA;
}

.inline-toggleable-panel tr {
    background: transparent;
}

.centered-column {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.centered-column-icons {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.feedback {
    display: block;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px 0px #d2d166;
}

.feedback .feedback-header {
    display: block;
    font-size: 26px;
    font-weight: bold;
    padding: 20px;
    text-align: center;
    color: white;
    background: #d2d166;
    border-radius: 10px 10px 0 0;
}

.feedback-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}

.feedback-content .feedback-msg {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
    color: black;
    font-size: 16px;
    font-weight: normal;
}

.feedback-content .feedback-username,
.feedback-content .feedback-text {
    width: 100%;
    background: #efefef;
    border: none;
    margin-bottom: 10px;
    padding: 10px;
    font-weight: normal;
    font-size: 16px;
    color: black;
}

.feedback .feedback-send {
    display: block;
    margin-top: 10px;
    border-color: darkgreen !important;
    color: darkgreen !important;
    transition: color .5s ease, background-color .5s ease !important;
}

.feedback .feedback-send.ui-state-hover, .feedback .feedback-send:hover {
    color: white !important;
    background-color: darkgreen !important;
    transition: color .3s ease, background-color .3s ease !important;
}

.ui-wizard-nav-next, .ui-wizard-nav-back {
    padding: 4px;
    border: none;
    color: black;
}

.ui-wizard-nav-next {
    color: white;
    background: linear-gradient(#7391bf, #3e5b88) !important;
}

.ui-wizard-step-title {
    font-size: 14px;
    padding: 8px;
}

.ui-wizard-step-title:not(.ui-state-highlight) {
    background: none;
    border: none;
    color: gray;
    pointer-events: none;
}

.to-upgrade span {
    color: #b3b3b3 !important;
    font-style: italic;
}

.to-upgrade ::after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    margin-top: 10px;
    background-image: url("/erp-mobox/javax.faces.resource/images/lock-icon-white.png.xhtml");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: .6;
}

.qtip {
    font-size: 1em;
    line-height: 1.3em !important;
}

.pe-timepicker-button {
    width: auto !important;
}

.pe-timepicker-button .ui-icon {
    left: 50%;
    transform: translateX(-50%);
}

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

.ui-timepicker td a {
    padding: 10px;
    background: none !important;
    border: none !important;
    border-radius: 50% !important;
    transition: all .2s ease !important;
}

.ui-timepicker td a.ui-state-active {
    box-shadow: none;
    border: 2px solid #2e6e9e !important;
}

.ui-timepicker td a:hover, .ui-timepicker td a.ui-state-active:hover {
    background: #315d92 !important;
    color: white !important;
}

.ui-timepicker-title {
    background: #4b81c3;
    color: white;
}

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

.ui-rowtoggler {
    transform: scale(1.2);
}

.semitransparent {
    opacity: .6;
}

.cell-inplace {
    position: static;
    width: 80%;
    display: inline-block;
    vertical-align: middle;
}

.cell-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: .9rem;
    margin: 0;
    box-sizing: border-box;
    padding-right: 10px;
    width: 20%;
    text-align: end;
}

.ui-multiselectlistbox .ui-multiselectlistbox-item {
	padding: 4px 6px;
	text-shadow: none;
	border-radius: 4px;
	text-align: start;
	text-wrap: wrap;
	line-height: 18px
}

.ui-multiselectlistbox .ui-multiselectlistbox-item.ui-state-highlight {
	background: #3E5B88 !important;
	color: white;
}

/* Responsive */

@media screen and (max-width: 370px) {
    .ui-xs-12 {
        width: 100%;
    }
}

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

    .ui-dialog.center, .ui-dialog.center-top {
        width: 95% !important;
    }

    .topbar {
        height: 50px;
    }

    .topbar .brand img {
        height: 30px;
    }

    .topbar .options-btn {
        width: 50px;
        height: 50px;
    }
    .topbar .options-btn .ui-icon {
        font-size: 20px;
        line-height: 50px;
    }

    .page-body {
        padding-top: 50px;
        height: calc(100vh - 50px);
    }

    .sidebar {
        top: 50px;
        height: calc(100vh - 50px);
    }

    .panel-fluid {
        display: flex;
        flex-direction: column;
    }
    .panel-fluid .ui-inputnumber,
    .panel-fluid .ui-selectcheckboxmenu
    .panel-fluid .ui-selectcheckboxmenu-multiple {
        padding: 0;
    }
    .panel-fluid > .ui-widget {
        margin: 0 !important;
    }
    .panel-fluid > .ui-selectonemenu,
    .panel-fluid > .ui-selectcheckboxmenu,
    .panel-fluid > .ui-selectcheckboxmenu-multiple,
    .panel-fluid > .ui-inputfield,
    .panel-fluid > .ui-inputnumber,
    .panel-fluid > .ui-button {
        width: 100% !important;
        max-wdith: 100% !important;
    }
    .toolbar-flex .ui-toolbar-group-left,
    .toolbar-flex .ui-toolbar-group-right {
        width: 100% !important;
        max-wdith: 100% !important;
    }
    .toolbar-flex .ui-toolbar-group-left > .ui-inputfield,
    .toolbar-flex .ui-toolbar-group-right > .ui-inputfield,
    .toolbar-flex .ui-toolbar-group-left > .ui-selectcheckboxmenu,
    .toolbar-flex .ui-toolbar-group-right > .ui-selectcheckboxmenu,
    .toolbar-flex .ui-toolbar-group-left > .ui-selectcheckboxmenu-multiple,
    .toolbar-flex .ui-toolbar-group-right > .ui-selectcheckboxmenu-multiple,
    .toolbar-flex .ui-toolbar-group-left > .ui-selectonemenu,
    .toolbar-flex .ui-toolbar-group-right > .ui-inputnumber
    .toolbar-flex .ui-toolbar-group-left > .ui-button,
    .toolbar-flex .ui-toolbar-group-right > .chkbox-group,
    .toolbar-flex .ui-toolbar-group-right > .input-group {
        width: 100%;
        margin-bottom: 5px;
    }
    .toolbar-flex .ui-toolbar-group-right > .input-group .ui-wdiget:not(.ui-overlaypanel),
    .toolbar-flex .ui-toolbar-group-right > .input-group .ui-calendar {
        border: 1px solid #c5dbec !important;
        border-bottom: 0;
    }
    .toolbar-flex .ui-toolbar-group-right > .input-group .ui-wdiget:not(.ui-overlaypanel):first-child,
    .toolbar-flex .ui-toolbar-group-right > .input-group .ui-calendar:first-child {
        border-radius: 5px 5px 0 0 !important;
    }
    .toolbar-flex .ui-toolbar-group-right > .input-group .ui-wdiget:not(.ui-overlaypanel):last-child,
    .toolbar-flex .ui-toolbar-group-right > .input-group .ui-calendar:last-child {
        border-radius: 0 0 5px 5px !important;
        border-bottom: 1px solid #c5dbec !important;
    }
    .toolbar-flex .btn, .ui-toolbar .btn {
        width: 100%;
    }
    .row-toggler {
        width: 100% !important;
        text-align: center !important;
    }
    .ui-datatable-reflow .ui-column-title {
        display: block !important;
        width: 100%;
        text-align: center;
        font-weight: normal;
        font-size: 0.85em !important;
        color: #888;
    }
    .ui-datatable-reflow .ui-selection-column {
        text-align: center !important;
    }
    .ui-datatable-reflow .field-value {
        display: block;
        width: 100% !important;
        text-align: center;
    }
    .ui-datatable-reflow td {
        padding: 0 !important;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .ui-datatable-reflow .ui-reflow-dropdown {
        display: block;
    }
    .ui-datatable-reflow .ui-datatable-data > tr > td {
        text-align: center !important;
    }
    .ui-row-editor {
        width: 100%;
        text-align: center;
    }
    .ui-row-editor > a {
        margin: 5px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .ui-datatable .not-reflow {
        display: none;
    }
    .ui-paginator-current {
        display: block !important;
        width: 100%;
        margin-top: 10px;
    }
    .ui-paginator-rpp-options {
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 10px !important;
    }
}

@media screen and (min-width: 640px) {
    .ui-datatable-reflow .only-reflow {
        display: none;
    }
    .ui-datatable-reflow tbody .ui-column-title {
        /* Corrige problema de sobreposicao de titulo quando reflow e agroupamento estao habilitados */
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .inner-panel-wrapper-1200 {
        width: 800px;
    }
}

@media screen and (max-width: 800px) {
    .inner-panel-wrapper {
        width: 100%;
    }
    .inner-panel-wrapper-1200 {
        width: 100%;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(-360deg);
    }
}

@media screen and (max-width: 640px) {
    .mobile-full-width {
        display: block;
        width: 100%;
    }
    .acoes, .column-10perc, .column-20perc {
        display: flex;
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .feedback .feedback-send {
        width: 100%;
        font-size: 18px;
        padding: 5px;
    }
}