@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

/* Variaveis globais */

:root {
    --proplanti-menu-width: 80px;
    --proplanti-body-padding: 22px;
    --proplanti-submenu-size: 180px;
    --proplanti-primary: #6FB839;
    --proplanti-warning: #E9D502;
    --proplanti-primary-dark: #243A45;
    --proplanti-primary-hover: #64A633;
    --proplanti-primary-active: #59932E;
    --proplanti-primary-focus: #afb41d;
    --proplanti-secondary: #FFFFFF;
    --proplanti-secondary-hover: #F3F7F7;
    --proplanti-secondary-active: #EAEDED;
    --proplanti-secondary-focus: #F3F7F7;
    --proplanti-text-dark: #243A44;
    --proplanti-icons-gray: #7A909A;
    --proplanti-border-box: #BFD5DF;
    --proplanti-blue-spotlight: #2EA9DD;
    --proplanti-gary-spotlight: #8A6565;
    --proplanti-border-box-hover: #9CACD1;
    --proplanti-shadow-gray: #E2E7EA;
    --proplanti-background-gray: #FAFAFA;
    --proplanti-multiple-input-row-hieght: 40px;
    --proplanti-multiple-input-row-width: 88%;
    --proplanti-input-text-width: 88%;
    --proplanti-input-datepicker-width: 130px;
    --proplanti-input-text-height: 40px;
    --proplanti-disabled-input-text-height: 38px;
    --proplanti-input-integer-width: 108px;
    --proplanti-input-integer-height: 40px;
    --proplanti-mobile-header-height: 50px;
    --proplanti-mobile-fieldheader-fontsize: 12px;
    --proplanti-mobile-verticalheader-fontsize: 11px;
    --proplanti-mobile-field-fontsize: 13px;
}


@font-face {
    font-family: "Inter";
    src: url('./fonts/Inter/Inter-VariableFont.ttf') format('truetype');
}

@font-face {
    font-family: "Montserrat";
    src: url('./fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
}

@font-face {
    font-family: "Roboto";
    src: url('./fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

* {
    font-family: Inter, serif;
}

body {
    height: 100vh;
}

/**/

/**/

/* Text */

.proplanti-loading-title {
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    color: var(--proplanti-text-dark)
}

.proplanti-text-title-pages-dashboard {
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 130%;
    color: whitesmoke;
}

.proplanti-text-title-pages {
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 130%;
    color: var(--proplanti-text-dark);
}

.proplanti-text-semibold {
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.proplanti-text-submenu-subtitle {
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
}

.proplanti-text-long {
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 160%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.proplanti-text-useremail {
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
}

.proplanti-text-usertext {
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
}

.proplanti-cursor-pointer {
    cursor: pointer;
}

.proplanti-text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
}

.proplanti-text-uper-first {
    text-transform: capitalize;
}

/**/

/* Dialog */

.e-dlg-container .e-dialog .e-dlg-header {
    color: var(--proplanti-text-dark);
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
    height: 23px;
}

.e-dlg-container {
    z-index: 9999997 !important;
}

.e-dialog .e-dlg-content {
    color: var(--proplanti-icons-gray);
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
}

.font-ai-insight {
    color: var(--proplanti-icons-gray);
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
}

.e-dlg-overlay {
/ / background-color: brown;
    opacity: 0.6;
}

.e-dialog .e-footer-content .e-btn.e-flat:not(.e-primary), .e-css.e-btn.e-flat:not(.e-primary) {
    padding: 0 20px !important;
    height: 40px !important;
    min-width: 77px !important;
    border-radius: 4px !important;
    border: unset !important;
    box-sizing: unset !important;
    margin-left: 5px !important;
    color: var(--proplanti-text-dark);
    background: white;
    box-shadow: none !important;
    border: 1px solid #BFD5DF !important;
    margin-right: 5px !important;
}

.e-dialog .e-footer-content .e-btn.e-flat:is(.e-primary), .e-css.e-btn.e-flat:is(.e-primary) {
    background: var(--proplanti-primary) !important;
    color: white !important;
    padding: 0 20px !important;
    height: 40px !important;
    min-width: 77px !important;
    border-radius: 4px !important;
    border: unset !important;
    box-sizing: unset !important;
    margin-left: 5px !important;
    box-shadow: none !important;
    border: 1px solid #BFD5DF !important;
    margin-right: 5px !important;
}

.e-dlg-container .e-footer-content .e-primary {
    background: var(--proplanti-primary) !important;
    color: white !important;
    padding: 0 20px !important;
    height: 40px !important;
    min-width: 77px !important;
    border-radius: 4px !important;
    border: unset !important;
    box-sizing: unset !important;
    margin-left: 5px !important;
    box-shadow: none !important;
    border: 1px solid #BFD5DF !important;
    margin-right: 5px !important;
}

.e-dlg-container .e-footer-content .e-primary:hover {
    background-color: var(--proplanti-primary-hover);
    box-shadow: 0px 6px 8px rgba(32, 47, 47, 0.16);
}

.e-dlg-container .e-footer-content .e-primary:active {
    background-color: var(--proplanti-primary-active);
    box-shadow: none;
}

.e-dlg-container .e-footer-content .e-primary:focus {
    background-color: var(--proplanti-primary-focus);
    box-shadow: 3px 3px 12px rgba(128, 221, 59, 0.9);
}

.e-dialog .e-footer-content .e-btn.e-flat:is(.e-primary):hover, .e-css.e-btn.e-flat:is(.e-primary):hover {
    background-color: var(--proplanti-primary-hover);
    box-shadow: 0px 6px 8px rgba(32, 47, 47, 0.16);
}

.e-dialog .e-footer-content .e-btn.e-flat:is(.e-primary):active, .e-css.e-btn.e-flat:is(.e-primary):active {
    background-color: var(--proplanti-primary-active);
    box-shadow: none;
}

.e-dialog .e-footer-content .e-btn.e-flat:is(.e-primary):active, .e-css.e-btn.e-flat:is(.e-primary):focus {
    background-color: var(--proplanti-primary-focus);
    box-shadow: 3px 3px 12px rgba(128, 221, 59, 0.9);
}

.e-dialog .e-footer-content .e-btn.e-flat:not(.e-primary):hover, .e-css.e-btn.e-flat:not(.e-primary):hover {
    background-color: var(--proplanti-secondary-hover);
    box-shadow: 0px 6px 8px rgba(32, 47, 47, 0.16);
}

.e-dialog .e-footer-content .e-btn.e-flat:not(.e-primary):active, .e-css.e-btn.e-flat:not(.e-primary):active {
    background-color: var(--proplanti-secondary-active);
    box-shadow: none;
}

.e-dialog .e-footer-content .e-btn.e-flat:not(.e-primary):active, .e-css.e-btn.e-flat:not(.e-primary):focus {
    background-color: var(--proplanti-secondary-focus);
    box-shadow: 0px 0px 12px rgba(46, 169, 221, 0.6);
}

/**/

/* Scroll */

::-webkit-scrollbar {
    height: 7px;
    width: 7px;
}

::-webkit-scrollbar-track {
    border-radius: 7px;
    box-shadow: inset 0 0 1px lightgray;
}

::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: #868486;
}

/**/


/* Inputs proplanti */

.proplanti-inputs-row {
    height: var(--proplanti-multiple-input-row-hieght) !important;
    width: var(--proplanti-multiple-input-row-width) !important;
}

.proplanti-input-text {
    border-color: var(--proplanti-border-box) !important;
    height: var(--proplanti-input-text-height) !important;
    width: var(--proplanti-input-text-width) !important;
}

.proplanti-input-text-remove-padding-top {
    padding-top: unset !important;
}

.proplanti-input-dropdown {
    border-color: var(--proplanti-border-box) !important;
    height: var(--proplanti-input-text-height) !important;
    text-transform: uppercase;
}

.proplanti-input-autocomplete {
    border-color: var(--proplanti-border-box) !important;
    height: var(--proplanti-input-text-height) !important;
    text-transform: uppercase;
    /*width aplicado na div pai, direto no arquivo do componente*/
}

.proplanti-input-with-space-for-button {
    border-color: var(--proplanti-border-box) !important;
    height: var(--proplanti-input-text-height) !important;
    text-transform: uppercase;
    /*width aplicado na div pai, direto no arquivo do componente*/
}

.proplanti-input-integer {
    border-color: var(--proplanti-border-box) !important;
    height: var(--proplanti-input-text-height) !important;
    width: var(--proplanti-input-text-width) !important;
}

.e-numerictextbox {
    text-align: right !important;
    margin-right: 10px !important;
}

.proplanti-button-edit {
    position: unset !important;
    right: 5% !important;
}

.proplanti-button-second-onaccordion {
    position: absolute !important;
    right: 10% !important;
}

.proplanti-button-plus {
    position: absolute !important;
    right: 5% !important;
}

.proplanti-button-accordion-header {
    right: 5% !important;
    margin-left: 10px !important;
}

.proplanti-button-accordion-header-pending-grid-update {
    margin-top: 10px;
    margin-right: 15px;
}

.proplanti-button-custo-1 {
}

.proplanti-accordion-header-button-container {
    flex-grow: 4 !important;
    right: 5% !important;
    position: absolute !important;
    background: unset !important;
}

.proplanti-delete-grid {
    right: 8% !important;
}

.proplanti-input-required {
    border-left: 3px solid green !important;
}

.proplanti-input-required:focus-visible {
    border-left: 3px solid green !important;
}

.proplanti-input-required:hover:not(:focus-within) {
    border-left: 3px solid green !important;
    border-right: 1px solid var(--proplanti-border-box-hover) !important;
    border-top: 1px solid var(--proplanti-border-box-hover) !important;
    border-bottom: 1px solid var(--proplanti-border-box-hover) !important;
}

::-webkit-input-PlaceHolder { /* WebKit browsers */
    text-transform: none;
}

:-moz-PlaceHolder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}

::-moz-PlaceHolder { /* Mozilla Firefox 19+ */
    text-transform: none;
}

:-ms-input-PlaceHolder { /* Internet Explorer 10+ */
    text-transform: none;
}

::PlaceHolder { /* Recent browsers */
    text-transform: none;
}

/**/

.e-menu-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    padding: 0 20px;
    height: 40px;
    min-width: 77px;
    margin-left: 5px;
    margin-right: 5px;

    border-radius: 4px;
    box-shadow: none !important;
    box-sizing: unset !important;

    color: var(--proplanti-text-dark) !important;
    background: white !important;
    border: 1px solid #BFD5DF !important;

    font-family: Inter, serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 125%;
}

.e-menu-container .e-menu-parent {
    padding: 0 20px;
}

.e-menu-container .e-menu-parent .e-menu-item .e-badge {
    color: var(--proplanti-text-dark) !important;
    background: white !important;
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 125%;
}

.e-menu-wrapper .e-ul .e-menu-item.e-selected, .e-menu-container .e-ul .e-menu-item.e-selected {
    background: whitesmoke !important;
}

.e-menu-container.e-menu-popup:hover {
    background: white !important;
}

/*.e-menu-item.e-menu-caret-icon:hover {*/
/*    background-color: unset !important;*/
/*    box-shadow: unset !important;*/
/*}*/

.e-menu-container:hover {
    background-color: var(--proplanti-secondary-hover) !important;
    box-shadow: 0 6px 8px rgba(32, 47, 47, 0.16) !important;
}

.e-menu-container:focus {
    background-color: var(--proplanti-secondary-focus) !important;
    box-shadow: 0px 0px 12px rgba(46, 169, 221, 0.6) !important;
}

.e-menu-container:active {
    background-color: var(--proplanti-secondary-active) !important;
    box-shadow: none !important;
}

.e-menu-item .e-focused > span {
    background-color: #e9ecef
}

/* Input Button MultiOptions ex:Manutencão de Lotes*/

.e-dropdown-btn, .e-dropdown-btn.e-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

    padding: 0 20px;
    height: 40px;
    min-width: 77px;
    margin-left: 5px;
    margin-right: 5px;

    border-radius: 4px;
    box-shadow: none !important;
    box-sizing: unset !important;

    color: var(--proplanti-text-dark) !important;
    background: white !important;
    border: 1px solid #BFD5DF !important;

    font-family: Inter, serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 125%;
}

.e-dropdown-btn, .e-dropdown-btn.e-btn:hover {
    background-color: var(--proplanti-secondary-hover) !important;
    box-shadow: 0 6px 8px rgba(32, 47, 47, 0.16) !important;
}

.e-dropdown-btn, .e-dropdown-btn.e-btn:focus {
    background-color: var(--proplanti-secondary-focus) !important;
    box-shadow: 0px 0px 12px rgba(46, 169, 221, 0.6) !important;
}

.e-dropdown-btn, .e-dropdown-btn.e-btn:active {
    background-color: var(--proplanti-secondary-active) !important;
    box-shadow: none !important;
}

.e-dropdown-btn, .e-dropdown-btn.e-btn > span.e-btn-icon {
    margin-left: 5px;
}

.proplanti-header-padding-left .e-dropdown-btn .e-btn:hover {
    border: 1px solid #BFD5DF !important;
}

.proplanti-header-padding-left .e-dropdown-btn .e-btn:focus {
    border: 1px solid #BFD5DF !important;
}

.proplanti-header-padding-left .e-dropdown-btn .e-btn:active {
    border: 1px solid #BFD5DF !important;
}

.proplanti-header-padding-left .e-dropdown-btn .e-btn:hover, .e-css.e-btn:hover {
    border: 1px solid #BFD5DF !important;
}

.proplanti-header-padding-left .e-dropdown-btn .e-btn:hover, .e-css.e-btn:focus {
    border: 1px solid #BFD5DF !important;
}

.proplanti-header-padding-left .e-dropdown-btn .e-btn:hover, .e-css.e-btn:active {
    border: 1px solid #BFD5DF !important;
}


/**/

/* DatePicker */

.proplanti-input-datepicker:is(.proplanti-input-required) {
    border-right: 1px solid var(--proplanti-border-box-hover) !important;
    border-top: 1px solid var(--proplanti-border-box-hover) !important;
    border-bottom: 1px solid var(--proplanti-border-box-hover) !important;
}

.proplanti-input-datepicker:not(.proplanti-input-required) {
    border-color: var(--proplanti-border-box);
}

/* Focus para o icone do datepicker */

.e-date-wrapper span.e-input-group-icon.e-date-icon.e-icons.e-active {
    background-color: var(--proplanti-primary-hover) !important;
    border-top-right-radius: 1.5px;
    border-bottom-right-radius: 1.5px;
}

/*.proplanti-input-datepicker > .e-datepicker {*/
/*    height: var(--proplanti-input-text-height) !important;*/
/*    !*width aplicado na div pai, direto no arquivo do componente*!*/
/*}*/

.e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {
    height: var(--proplanti-input-text-height) !important;
}

/* Calendarios */

.e-calendar {
    background-color: white !important;
    border: 1px solid #BFD5DF !important;
}

/* Hover DatePicker popup*/

.e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
    background-color: var(--proplanti-primary) !important;
    color: white !important;
    border: unset !important;
}

/* Button footer DatePicker popup  */

.e-calendar .e-btn.e-today.e-flat.e-primary, .e-calendar .e-css.e-btn.e-today.e-flat.e-primary {
    color: var(--proplanti-text-dark) !important;
    background: white !important;
    border: 1px solid #BFD5DF !important;
    font-family: Inter, serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 125% !important;
}

/* previous and next icon DataPicker popup  */

.e-calendar .e-header span, .e-bigger.e-small .e-calendar .e-header span {
    border: 1px solid #BFD5DF !important;
    border-radius: 5px;
    color: var(--proplanti-primary-hover) !important;
}

/* Hover para os botões de mês anterior/posterior */

.e-calendar .e-header span:hover {
    border: 1px solid #BFD5DF !important;
    border-radius: 4px;
    color: white !important;
    background-color: var(--proplanti-primary-hover) !important;
}

/* Selecionado DataPicker popup */

.e-calendar .e-content td.e-selected.e-focused-date span.e-day {
    background-color: var(--proplanti-primary) !important;
}

/*.e-popup-open {*/
/*    width: available !important;*/
/*    height: auto !important;*/
/*}*/

.proplanti-input-text:hover:not(.proplanti-input-required):not(:focus-within),
.proplanti-input-integer:hover:not(.proplanti-input-required):not(:focus-within),
.proplanti-input-autocomplete:hover:not(.proplanti-input-required):not(:focus-within),
.proplanti-input-dropdown:hover:not(.proplanti-input-required):not(:focus-within),
.proplanti-input-datepicker:hover:not(.proplanti-input-required):not(:focus-within),
.proplanti-input-integer:hover:not(.proplanti-input-required):not(:focus-within) {
    border: 1px solid var(--proplanti-border-box-hover) !important;
}

/**/

/* Accordion */

.e-accordion {
    border: none !important;
}

/* Accordion - Header*/

.e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
    border: none;
}

.e-accordion .e-acrdn-item.e-select {
    border: none;
}

.e-accordion .e-acrdn-item.e-expand-state.e-select {
    border: none;
}

.e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
    background: #F3F6F6 !important;
    justify-content: center;
    border: 2px solid #F3F6F6 !important;
    margin-bottom: 12px !important;
    border-radius: 8px;
    width: 100%;
    border: none;
    display: flex
}

.e-accordion .e-acrdn-item.e-selected.e-expand-state > .e-acrdn-header {
    background: #FFFFFF !important;
    justify-content: center;
    border-bottom: none;
    padding-bottom: 0;
    width: 100%;
}

.e-accordion .e-acrdn-item.e-selected.e-select > .e-acrdn-header {
    background-color: white !important;
    border: none !important;
}

.e-accordion .e-acrdn-item.e-selected.e-select {
    border: 2px solid #E2E7EA !important;
    margin-bottom: 12px !important;
}

.e-accordion .e-acrdn-item.e-selected.e-expand-state.e-selected.e-active {
    border: 2px solid #E2E7EA;
    margin-bottom: 12px !important;
}

.e-accordion.e-acrdn-root.e-lib.e-keyboard {
    border: none;
}

.e-acrdn-content {
    padding-top: 0 !important;
}

.e-acrdn-panel {
    /*padding-left: 2rem;*/
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon {
    display: none !important;
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
    width: 100%;
}

/* Accordion - Item*/

.e-accordion .e-acrdn-item {
    width: 100%;
}

/* Accordion - Icon*/

.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon .e-icons {
    color: var(--proplanti-primary);
}

.e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-icon .e-tgl-collapse-icon.e-icons {
    display: none !important;
}

/**/

/* Grid */

/*.e-groupcaption .e-ellipsistooltip  div{*/
/*    margin: 20px*/
/*}*/

/*#ProplantiFormSideBar .e-grid .e-rowcell {*/
/*    padding: 15px 0 15px 10px;*/
/*    border-bottom: 1px solid lightgray !important;*/
/*}*/

#ProplantiFormSideBar .e-rowcell {
    cursor: pointer;
}

/*#ProplantiFormSideBar .e-grid .e-gridheader .e-columnheader {*/
/*    padding-left: 5px;*/
/*}*/

#ProplantiFormSideBar .e-grid .e-gridheader {
    border: unset !important;
}

#ProplantiMenuGrid .e-grid {
    background-color: whitesmoke !important;
}

/*#ProplantiMenuGrid > .e-headercell:first-child, .e-headercell:first-child {*/
/*    !*height: 40px;*!*/
/*    border-radius: 4px 0 0 4px;*/
/*}*/

/*#ProplantiMenuGrid > .e-headercell:last-child, .e-headercell:last-child {*/
/*    !*height: 40px;*!*/
/*    border-radius: 0 4px 4px 0;*/
/*}*/

/*#ProplantiMenuGrid > .e-rowcell:first-child, .e-rowcell:first-child {*/
/*    !*height: 40px;*!*/
/*    border-radius: 4px 0 0 4px;*/
/*}*/

/*#ProplantiMenuGrid > .e-rowcell:last-child, .e-rowcell:last-child {*/
/*    !*height: 40px;*!*/
/*    border-radius: 0 4px 4px 0;*/
/*}*/

/*#ProplantiMenuGrid > .e-headercell:first-child, .e-headercell:first-child, .e-headercell:last-child, .e-headercell:last-child {*/
/*    !*height: 40px;*!*/
/*    border-radius: 4px 4px 4px 4px;*/
/*}*/

/*#ProplantiMenuGrid > .e-rowcell:first-child, .e-rowcell:first-child, .e-rowcell:last-child, .e-rowcell:last-child {*/
/*    !*height: 40px;*!*/
/*    border-radius: 4px 4px 4px 4px;*/
/*}*/

#ProplantiMenuGrid .e-grid .e-table {
    /*padding: unset;*/
    background-color: whitesmoke;
}

#ProplantiMenuGrid .e-toolbar .e-toolbar-items {
    background-color: whitesmoke;
}

/*#ProplantiMenuGrid .e-grid .e-gridheader {*/
/*    border-spacing: unset !important;*/
/*    !*background-color: var(--proplanti-shadow-gray);*!*/
/*    background-color: unset !important;*/
/*    border-radius: 8px;*/
/*    border: unset;*/
/*    margin: 8px 0 0 0;*/
/*    padding: unset;*/
/*}*/
/*#ProplantiMenuGrid .e-grid .e-gridheader table {*/
/*    border-spacing: unset !important;*/
/*}*/

#ProplantiMenuGrid .e-grid .e-headercontent {
    border: unset;
}

/*#ProplantiMenuGrid .e-grid .e-headertext {*/
/*    padding: 0 23px;*/
/*}*/

/*.e-grid .e-headercell {*/
/*    background-color: var(--proplanti-shadow-gray);*/
/*    !*border: 2px solid var(--proplanti-shadow-gray);*!*/
/*    !*padding: 4px 4px;*!*/
/*}*/
/*.e-grouptopleftcell .e-lastgroupleftcell{*/
/*    background-color: var(--proplanti-shadow-gray);    */
/*}*/
/*.e-grid .e-altrow {*/
/*    background-color: whitesmoke;*/
/*}*/

#ProplantiMenuGrid .e-grid .e-rowcell {
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    /*line-height: 140%;*/
    /*padding: 0 23px;*/
    background-color: white;
}

#ProplantiMenuGrid .e-grid .e-altrow {
    /*margin: 5px 0;*/
    background-color: whitesmoke;
}

/*!*#ProplantiMenuGrid .e-input:not(:valid), .e-input:valid, .e-float-input.e-control-wrapper input:not(:valid), .e-float-input.e-control-wrapper input:valid, .e-float-input input:not(:valid), .e-float-input input:valid, .e-input-group input:not(:valid), .e-input-group input:valid, .e-input-group.e-control-wrapper input:not(:valid), .e-input-group.e-control-wrapper input:valid, .e-float-input.e-control-wrapper textarea:not(:valid), .e-float-input.e-control-wrapper textarea:valid, .e-float-input textarea:not(:valid), .e-float-input textarea:valid, .e-input-group.e-control-wrapper textarea:not(:valid), .e-input-group.e-control-wrapper textarea:valid, .e-input-group textarea:not(:valid), .e-input-group textarea:valid {*!*/
/*!*    height: var(--proplanti-input-text-height) !important;*!*/
/*!*}*!*/

/*#ProplantiMenuGrid .e-input:not(:valid), .e-input:valid, .e-float-input.e-control-wrapper input:not(:valid), .e-float-input.e-control-wrapper input:valid, .e-float-input input:not(:valid), .e-float-input input:valid, .e-input-group input:not(:valid), .e-input-group input:valid, .e-input-group.e-control-wrapper input:not(:valid), .e-input-group.e-control-wrapper input:valid {*/
/*    height: var(--proplanti-input-text-height) !important;*/
/*}*/

/*#ProplantiMenuGrid .e-grid .e-toolbar-right span.e-input-group {*/
/*    height: 30px;*/
/*}*/

#ProplantiMenuGrid .e-grid .e-toolbar-right span.e-input-group:active {
    border-color: unset;
}

/*#ProplantiMenuGrid .e-grid .e-toolbar-right span.e-input-group:hover {*/
/*    border: 1px solid var(--proplanti-border-box-hover);*/
/*}*/

/*#ProplantiMenuGrid .e-grid .e-toolbar-right span.e-input-group:focus {*/
/*    border: 1px solid var(--proplanti-border-box-hover);*/
/*}*/

/*#ProplantiMenuGrid .e-grid .e-toolbar-right span.e-search-icon {*/
/*    font-size: 15px;*/
/*}*/

/*#ProplantiMenuGrid .e-grid.sf-grid .e-table {*/
/*    border-spacing: 0 14px;*/
/*}*/

#ProplantiMenuGrid .e-grid .e-gridheader .e-detailheadercell {
    background-color: whitesmoke;
}

#ProplantiMenuGrid .e-grid .e-detailrowcollapse, .e-grid .e-detailrowexpand {
    /*border: 1px solid lightgray;*/
    background-color: white;
    cursor: pointer;
}

#ProplantiMenuGrid .e-grid .e-icon-grightarrow {
    font-size: 19px;
    text-align: center;
    text-indent: unset;
}

#ProplantiMenuGrid .e-grid .e-icon-gdownarrow {
    font-size: 19px;
    text-align: center;
    text-indent: unset;
}

#ProplantiMenuGrid .e-grid .e-detailindentcell {
    border-color: whitesmoke;
}

#ProplantiMenuGrid .e-grid .e-detailcell {
    border: unset;
    padding: unset;
}

/*#ProplantiMenuGrid .e-grid .e-gridpager {*/
/*    border: unset;*/
/*    padding: unset;*/
/*    background-color: whitesmoke;*/
/*    margin-bottom: 20px;*/
/*}*/

#ProplantiMenuGrid .e-grid .e-content {
    background-color: whitesmoke;
}

/*#ProplantiMenuGrid .e-grid .e-emptyrow > td {*/
/*    text-indent: 2px;*/
/*}*/

.e-pager .e-active {
    border-color: var(--proplanti-primary);
}

.grid-manutencao-de-lotes .e-grid .e-rowcell {
    border-style: solid;
    border-color: lightgray;
    /*border-width: 1px 0 0 1px;*/
}

/*.e-acrdn-content .e-grid .e-table {*/
/*    width: 100% !important;*/
/*}*/

/*.e-table {*/
/*    width: 100% !important;*/
/*}*/

.e-virtualtable {
    width: 100% !important;
}

/* Grid de Apontamento de Atividades Histórico */
/*#GRIDID_APONTAMENTOATIVIDADE_HISTORICO th[aria-colindex="2"] {
    display: table-cell !important;
}
#GRIDID_APONTAMENTOATIVIDADE_HISTORICO td[aria-colindex="2"] {
    display: table-cell !important;
}*/

/**/

.e-input:not(:valid), .e-input:valid, .e-float-input.e-control-wrapper input:not(:valid), .e-float-input.e-control-wrapper input:valid, .e-float-input input:not(:valid), .e-float-input input:valid, .e-input-group input:not(:valid), .e-input-group input:valid, .e-input-group.e-control-wrapper input:not(:valid), .e-input-group.e-control-wrapper input:valid {
    height: var(--proplanti-disabled-input-text-height) !important;
}

/*Menu*/

.sidebar-main-menu {
    text-align: left;
}

.sidebar-configuracao {
    height: 90vh;
    display: flex;
    flex-direction: column;
    padding: 0 30px;
}

.sidebar-configuracao-footer {
    position: sticky;
    display: flex;
    justify-content: flex-end;
    bottom: 0;
    background-color: white;
    padding: 20px 0;
}

.sidebar-padding {
    padding: 44px;
}

@media (max-width: 768px) {
    .e-sidebar {
        padding: 0 0 !important;
        /*width: 101vw !important;*/
        width: auto !important;
        z-index: 100002 !important;
    }

;
}

.e-sidebar {
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    background-color: white !important;
    overflow-x: hidden !important;
    max-width: 100% !important;
    /*z-index: 100002 !important;*/
}

.vertical-menu {
    z-index: 999;
    background-color: var(--proplanti-text-dark);
    width: var(--proplanti-menu-width);
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    border-right: 1px solid var(--proplanti-primary);
}

.vertical-menu-submenus-title {
    max-width: var(--proplanti-submenu-size);
}

.vertical-menu-submenus {
    max-width: var(--proplanti-submenu-size);
    max-height: 400px;
}

.vertical-menu-submenus-subtitle {
    min-height: 48px;
}

.vertical-menu-submenus-lines {
    min-height: 20px;
    margin: 6px 0;
    color: var(--proplanti-blue-spotlight);
}

.vertical-menu-submenus-lines-sem-permissao {
    min-height: 20px;
    margin: 6px 0;
    color: var(--proplanti-gary-spotlight);
}

.vertical-menu-submenus-lines:hover {
    text-shadow: #38c6ff 0.05em 0.05em 0.1em;
}

.img-cover-rounded {
    background-size: cover;
    object-fit: cover;
    /*border-radius: 50%;*/
    background-color: #243a44;
}

.avatar-small {
    height: 40px;
    width: 40px;
}

.avatar-big {
    height: 100px;
    width: 100px;
    /* Remova esse BackGround */
    background-color: var(--proplanti-text-dark);
}

.icons-buttons-vertical-menu {
    font-size: 19px;
    color: white;
}

.icons-options-main-menu {
    color: var(--proplanti-icons-gray);
    font-size: 18px;
    cursor: pointer;
}

.icons-submenu-user {
    color: var(--proplanti-blue-spotlight);
    font-size: 22px;
}

.buttons-vertical-menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: var(--proplanti-menu-width);
    height: 58px;
    cursor: pointer;
}

.buttons-vertical-menu:hover {
    background-color: #182428;
    border-right: 4px solid var(--proplanti-primary);
}

div.buttons-vertical-menu-active > div.icons-buttons-vertical-menu > i {
    color: var(--proplanti-primary) !important;
}

div > nav > .buttons-vertical-menu-active {
    background-color: #182428;
    border-right: 4px solid var(--proplanti-primary);
}

.buttons-submenu-user {
    min-height: 30px;
    padding: 10px;
    /*margin-top: 8px;*/
    /*margin-bottom: 8px;*/
    flex-basis: 45%; /* Adjust as needed */
    margin-bottom: 1em; /* Optional: adds space between rows */
}

.hr-color {
    color: rgb(162, 157, 157);
}


.hr-menu {
    border: none;
    border-top-width: medium;
    border-top-style: none;
    border-top-color: currentcolor;
    border-top: 1px solid black;
    height: 1px;
}

/*Spinner*/

.proplanti-spinner-full-screen {
    position: fixed !important;
    height: 100% !important;
    width: 100% !important;
    z-index: 2000 !important;
    padding-left: var(--proplanti-menu-width);
}

.proplanti-spinner {
    position: fixed !important;
    z-index: 2000 !important;
    padding-left: var(--proplanti-menu-width);
}

.proplanti-spinner-container {
    position: fixed !important;
    z-index: 10099 !important;
    padding-left: var(--proplanti-menu-width);
}

.proplanti-spinner-color {
    color: var(--proplanti-primary)
}

.e-spinner-pane .e-spinner-inner .e-spin-bootstrap5 {
    stroke: var(--proplanti-primary)
}

.e-spinner-pane .e-spinner-inner .e-spin-label {
    color: var(--proplanti-text-dark)
}

/**/

.proplanti-main-color {
    color: var(--proplanti-primary);
}

html, body {
    font-family: Inter, Helvetica, Arial, sans-serif !important;
}

h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.padding-left-44 {
    padding-left: 44px;
}

.padding-right-44 {
    padding-right: 44px;
}

.margin-eixo-y-28 {
    margin-top: 28px;
    margin-bottom: 28px;
}

.padding-bottom-44 {
    padding-bottom: 44px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}


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

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.75) !important; /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    text-align: center;
}

.error-content {
    font-size: 1.2em;
    width: 600px;
    padding: 25px;
    border-radius: 10px;
    color: black;
    background-color: white;
    border-color: white;
    border-width: 3px;
    border-style: solid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999 !important;
}

/*#blazor-error-ui {*/
/*    background: lightyellow;*/
/*    bottom: 0;*/
/*    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);*/
/*    display: none;*/
/*    left: 0;*/
/*    padding: 0.6rem 1.25rem 0.7rem 1.25rem;*/
/*    position: fixed;*/
/*    width: 100%;*/
/*    z-index: 3000;*/
/*}*/

/*#blazor-error-ui .dismiss {*/
/*    cursor: pointer;*/
/*    position: absolute;*/
/*    right: 0.75rem;*/
/*    top: 0.5rem;*/
/*}*/

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}

/* Remoção de Bootstrap style */

.e-dlg-container .e-dialog .e-dlg-header {
    width: unset;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin-top: 10px;
}

/*.e-dlg-container .e-dialog {*/
/*    width: 500px !important;*/
/*    height: 206px !important;*/
/*}*/

.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    display: none !important;
}

.e-dlg-container .e-dialog .e-dlg-header-content {
    border-bottom: unset;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    flex-grow: 1;
    align-items: center;
}

.e-dlg-container .e-dialog .e-dlg-content {
    padding: 12px;
    display: flex;
    justify-content: center;
}

.e-dlg-container .e-dialog .e-footer-content {
    border-top: unset;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 10px;
}

.form-select:focus {
    box-shadow: unset !important;
}

.e-pager .e-numericitem {
    color: unset !important;
}

.e-pager div.e-icons.e-pager-default {
    color: unset !important;
}

.e-pager .e-spacing {
    color: unset !important;
}

.e-pager .e-currentitem.e-numericitem.e-focused {
    box-shadow: unset !important;
}

.e-grid .e-focused:not(.e-menu-item) {
    box-shadow: unset !important;
}

.e-pager .e-focused {
    box-shadow: unset !important;
}

.e-input-group:not(.e-disabled) .e-input-group-icon:active, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:active {
    background: var(--proplanti-primary-active) !important;
    color: white !important;
}

.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    background: var(--proplanti-primary-hover) !important;
    color: white !important;
}

.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error), .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
    border-color: #86b7fe;
    box-shadow: unset !important;
}

.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-acrdn-header-content {
    color: var(--proplanti-text-dark) !important;
}

.e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus {
    box-shadow: unset !important;
}

@media (min-width: 768px) {
    .e-input-focus {
        border: 2px solid var(--proplanti-blue-spotlight) !important;
        box-shadow: unset !important;
    }
}

.e-sidebar.e-left {
    left: var(--proplanti-menu-width) !important;
}

@media (max-width: 768px) {
    .e-sidebar.e-left {
        left: auto !important;
        transition: transform .5s ease !important;
    }

;
}

/*.e-grid {*/
/*    border: unset !important;*/
/*    padding: unset !important;*/
/*}*/

/*.e-grid .e-toolbar {*/
/*    border: unset !important;*/
/*}*/

.e-grid .e-rowcell {
    /*    border: unset !important;*/
    text-transform: uppercase;
}

.proplanti-sidebar-selecionar-colunas {
    z-index: 1001 !important;
    width: 60% !important;
    height: 100% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
    overflow: hidden !important;
}

.proplanti-sidebar-filtros {
    /*z-index: 1001 !important;*/
    /*width: 40% !important;*/
    height: 100% !important;
    /*position: fixed !important;*/
    overscroll-behavior: contain !important;
    /*display: unset !important;*/
    overflow: hidden !important;
    border: 1px solid #BFD5DF !important;
}

.proplanti-sidebar-filtrar-colunas {
    /*z-index: 1001 !important;*/
    /*width: 40% !important;*/
    height: 100% !important;
    /*position: fixed !important;*/
    overscroll-behavior: contain !important;
    /*display: unset !important;*/
    overflow: hidden !important;
    border: 1px solid #BFD5DF !important;
}

.proplanti-sidebar {
    z-index: 1001 !important;
    height: 100% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
    overflow: hidden !important;
}

.proplanti-relation-sidebar {
    z-index: 1001 !important;
    height: 100% !important;
    width: 100% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
}

.proplanti-help-sidebar {
    z-index: 1001 !important;
    height: 100% !important;
    width: 60% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
}

.proplanti-autocomplete-sidebar {
    z-index: 1004 !important;
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
}

.proplanti-logs-sidebar {
    z-index: 1003 !important;
    height: 100% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
}

.proplanti-logs-item-sidebar {
    z-index: 1004 !important;
    height: 100% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
}

.proplanti-logs-item-detail-sidebar {
    z-index: 1005 !important;
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
}

.proplanti-logs-item-detail-relation-sidebar {
    z-index: 1006 !important;
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
}

.proplanti-logs-item-detail-relation-level-2-sidebar {
    z-index: 1007 !important;
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
}

.proplanti-notificacoes-item-sidebar {
    z-index: 1004 !important;
    height: 100% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
}

.proplanti-jobqueue-item-sidebar {
    z-index: 1004 !important;
    width: 60% !important;
    height: 100% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
}

.proplanti-jobqueue-item-detail-sidebar {
    z-index: 1005 !important;
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    overscroll-behavior: contain !important;
    display: unset !important;
}

.proplanti-sidebar-shown {
    overflow: unset !important;
    display: block !important;
}

.proplanti-sidebar-hidden {
    overflow: hidden !important;
    display: none !important;
}

.proplanti-logs-sidebar-wrapper {
    height: 100vh !important;
    position: relative;
}

.proplanti-sidebar-div-warpper {
    overflow-x: hidden !important;
}

@media (min-width: 768px) {

    .proplanti-sidebar-div-warpper {
        overflow-y: scroll !important;
        overflow-x: hidden !important;
    }
}

.proplanti-sidebar-wrapper {
}

.proplanti-maps-div {
    z-index: 0 !important;
}

.grid-row-deleted {
    background-color: rgba(246, 36, 63, 0.62)
}

/**/

.proplanti-grid-settings-button {
    position: absolute;
    z-index: 1 !important;
    right: 0;
    width: 90px;
}

.proplanti-filtros-icon {
    position: absolute;
    right: 0px !important;
    margin-top: 6px !important;
    padding-right: 5px;
    padding-top: 5px;
}

.proplanti-accordion-content-grid {
    padding: 0 !important;
}

.error-boundary-message {
    background-color: darkred;
    color: white;
    padding: 10px;
    border-radius: 5px;
    display: inline-block;
}

.proplanti-progress-bar {
    position: absolute;
    z-index: 999;
    width: 100%
}


.proplanti-input-text-full-width {
}

.proplanti-field-row {
    max-width: var(--proplanti-input-text-width)
}


.mp-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 40px;
    min-width: 77px;
    border-radius: 4px;
    box-shadow: 0px 4px 8px rgba(32, 47, 47, 0.12);
    border: unset;
    box-sizing: unset;
    margin-left: 5px;
    margin-right: 5px;
}

.mp-rounded-button {
    display: flex;
    align-items: center;
    height: 32px;
    width: 32px;
    border-radius: 16px;
    box-shadow: 0px 4px 8px rgba(32, 47, 47, 0.12);
    border: unset;
    box-sizing: unset;
}

.mp-rounded-button-small {
    display: flex;
    height: 24px;
    width: 24px;
    border-radius: 12px;
    box-shadow: 0px 2px 4px rgba(32, 47, 47, 0.12);
    border: unset;
    box-sizing: unset;
}

.mp-primary {
    background: var(--proplanti-primary) !important;
    color: white;
}

.mp-warning {
    background: var(--proplanti-primary) !important;
    color: white;
}

.mp-danger {
    color: var(--proplanti-text-dark) !important;
    background: white;
    box-shadow: none;
    border: 1px solid #BFD5DF;
}

.mp-secondary {
    color: var(--proplanti-text-dark) !important;
    background: white;
    box-shadow: none;
    border: 1px solid #BFD5DF;
}

.mp-text {
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 125%;
}

.mp-icon {
    display: flex;
}

.mp-span-primary {
    color: white;
}

.mp-span-secondary {
    color: var(--proplanti-text-dark) !important;
}

.mp-span-icon {
}

.mp-disabled {
    background: #E2E7EA !important;
    box-shadow: none;
    border: #E2E7EA;
    box-sizing: unset;
    pointer-events: none;
}

.mp-primary:hover {
    background-color: var(--proplanti-primary-hover);
    box-shadow: 0px 6px 8px rgba(32, 47, 47, 0.16);
}

.mp-primary:focus {
    background-color: var(--proplanti-primary-focus);
    box-shadow: 3px 3px 12px rgba(128, 221, 59, 0.9);
}

.mp-primary:active {
    background-color: var(--proplanti-primary-active);
    box-shadow: none;
}

.mp-warning:hover {
    background-color: var(--proplanti-primary-hover);
    box-shadow: 0px 6px 8px rgba(32, 47, 47, 0.16);
}

.mp-warning:focus {
    background-color: var(--proplanti-primary-focus);
    box-shadow: 3px 3px 12px rgba(128, 221, 59, 0.9);
}

.mp-warning:active {
    background-color: var(--proplanti-primary-active);
    box-shadow: none;
}

.mp-secondary:hover {
    background-color: var(--proplanti-secondary-hover);
    box-shadow: 0px 6px 8px rgba(32, 47, 47, 0.16);
}

.mp-secondary:focus {
    background-color: var(--proplanti-secondary-focus);
    box-shadow: 0px 0px 12px rgba(46, 169, 221, 0.6);
}

.mp-secondary:active {
    background-color: var(--proplanti-secondary-active);
    box-shadow: none;
}

.mp-danger:hover {
    background-color: red;
    color: white !important;
    box-shadow: 0px 6px 8px rgba(255, 0, 0, 0.26);
}

.mp-danger:focus {
    background-color: red;
    border: 1px solid red;
    color: white !important;
    box-shadow: 0px 0px 12px red;
}

.mp-danger:active {
    background-color: red;
    box-shadow: none;
}


.mp-button-login {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 24px !important;
}

.mp-button-recover-password {
    margin-left: 24px !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 24px !important;
}

.mp-recover-password {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 24px !important;
}

.mp-text-field-login {
    width: 100% !important
}

.spinner-login {
    margin-left: 15px !important;
}


.loading-container {
    position: fixed;
    background-color: white;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%
}

.toast-icon {
    font-size: 30px !important;
}

.e-dashboardlayout {
    padding: 10px !important;
}

.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
    height: 28px !important;
    background-color: white !important;
    border-bottom: unset !important;
}

.dashboard-panel-header {
    display: flex !important;
    background-color: white !important;
    width: auto !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 1 !important;
    padding-top: 6px !important;
    /*padding-bottom: 8px !important;*/
    padding-left: 18px !important;
}

.dashboard-panel-container-visaogeral {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.dashboard-panel-visaogeral-icon {
    font-size: 4vw !important;
}

.dashboard-panel-container {
    overflow: auto !important;
    padding: 20px !important;
    margin: 10px !important;
    height: 100% !important;
    width: 100% !important;
}


.dashboard-panel-container-v2 {
    /*overflow: auto !important;*/
    /*padding: 20px !important;*/
    /*height: 100% !important;*/
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
}

.dashboard-panel-notifications-icon {
    font-size: 6vw !important;
}

.dashboard-panel-calendar-center {
    max-height: 100% !important;
    overflow-y: hidden !important;
    margin: auto !important;
    width: 50% !important;
    padding: 10px !important;
}

.main-content {
    position: absolute;
    overflow-x: hidden;
    padding: 0 var(--proplanti-body-padding);
    left: var(--proplanti-menu-width);
    background-color: whitesmoke;
    height: 100vh;
    width: calc(100vw - var(--proplanti-menu-width));
}

.main-content-login {
    position: absolute;
    overflow-x: hidden;
    background-color: whitesmoke;
    height: 100%;
    width: 100%;
}

.main-content-custos {
    position: absolute;
    overflow-x: hidden;
    padding: 0 var(--proplanti-body-padding);
    background-color: whitesmoke;
    height: 100vh;
    width: 100vw;
}


.container-dashboard {
    padding-top: var(--proplanti-body-padding) !important;
    /*padding-right: var(--proplanti-body-padding) !important;*/
    padding-bottom: var(--proplanti-body-padding) !important;
    margin-bottom: var(--proplanti-body-padding) !important;
    position: absolute;
    top: 60px;
    height: calc(100% - (2 * var(--proplanti-body-padding))) !important;
    width: calc(100% - 2 * var(--proplanti-body-padding)) !important;
}

.container-dashboard-tab {
    padding-top: var(--proplanti-body-padding) !important;
    /*padding-right: var(--proplanti-body-padding) !important;*/
    padding-bottom: var(--proplanti-body-padding) !important;
    margin-bottom: var(--proplanti-body-padding) !important;
    position: absolute;
    top: -125px;
    height: calc(100% - (2 * var(--proplanti-body-padding))) !important;
    width: calc(100% - 2 * var(--proplanti-body-padding)) !important;
}

.e-calendar.e-week-number {
    min-height: 300px
}

.e-dlg-target.e-scroll-disabled {
    overflow: visible !important;
}

.spinner-message-store {
    margin-left: 5px
}


.container-grid-icon {
    display: flex;
    justify-content: center;
}

.grid-icon {
    font-size: 20px !important;
}

.area-financeiro-icon-warning {
    color: red !important;
}

/*.e-grid .e-groupcaption {*/
/*    overflow: unset !important*/
/*}*/

.e-float-input input[readonly], .e-float-input.e-control-wrapper {
    background: unset;
}

.e-input-group .e-input[readonly], .e-input-group.e-control-wrapper .e-input[readonly], .e-float-input input[readonly], .e-float-input.e-control-wrapper input[readonly], .e-float-input textarea[readonly], .e-float-input.e-control-wrapper textarea[readonly] {
    background: unset;
}

.customTooltipWT {
    color: #006400;
    font-size: 18px;
    z-index: 4000 !important;
}

.e-contextmenu-container ul .e-menu-item {
    /*padding: unset !important;*/
}

.proplanti-menu-item {
    /*margin: 0 12px !important;*/
    font-size: 14px !important;
}

.proplanti-menu-item-disabled {
    color: #7A909A !important;
    /*background: #E2E7EA !important;*/
}

.e-menu-item e-focused {
    background: #F3F7F7;
    /* Campos / Padrão */
    border: 1px solid #BFD5DF;
    /* Botões / Foco - Secundário */
    box-shadow: 0px 0px 12px rgba(46, 169, 221, 0.6);
    border-radius: 4px;
}

.e-control .e-combobox, input {
    text-transform: uppercase !important;
}

.e-label-bottom:first-letter, label:first-letter {
    text-transform: uppercase;
}

/*.e-list-item {*/
/*    text-transform: uppercase;*/
/*}*/

.md-chat-widget-wrapper {
    visibility: hidden;
}

.e-detailindentcell {
    border-top-style: unset !important;
    border-top-width: unset !important;
}

.e-detailrow > .e-detailcell {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.e-toolbar-items {
    height: 50px !important;
}

.e-toolbar-item {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    /*padding: 0 20px !important;*/
    padding: 0 10px !important;
    height: 40px !important;
    /*min-width: 77px !important;*/
    margin-left: 5px !important;
    margin-right: 5px !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    box-sizing: unset !important;
    color: var(--proplanti-text-dark) !important;
    border: 1px solid #BFD5DF !important;
    font-family: Inter, serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 125% !important;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    color: var(--proplanti-text-dark) !important;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-text, .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover .e-tab-icon {
    color: var(--proplanti-text-dark) !important;
}

.e-tab .e-tab-header .e-toolbar-item:not(.e-separator) {
    height: 40px;
!important;
}

.e-toolbar-item:active {
    /*background-color: var(--proplanti-primary-active);*/
    box-shadow: none;
}

.proplanti-datagrid-load-failed {
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    color: red !important;
    position: absolute;
    left: 0;
}

.proplanti-datagrid-load-noitems {
    font-family: Inter, serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 130%;
    position: absolute;
    left: 0;
}

.auth-image {
    height: 130px;
    padding-right: 70px
}

.logo-top-menu {
    width: var(--proplanti-menu-width);
    background-color: unset;
    padding: 5px;
}

.user-menu-logo-img {
    width: 90px;
    height: 100px;
}


.card-body-main-info {
    font-size: 2.5vw !important;
}

.panel-header-text {
    color: gray;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: bold;
}

.proplanti-button-plain {
    border: unset !important;
    height: 24px !important;
    width: 24px !important;
    color: gray !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: lighter !important;
}

.proplanti-button-plain:hover {
    background-color: unset !important;
    box-shadow: unset !important;
}

.proplanti-button-plain:focus {
    background-color: unset !important;
    box-shadow: unset !important;
}

.proplanti-panel-header-buttons {
    justify-content: center;
}

.e-panel-header {
    padding: 0px !important;
}


textarea.e-input,
.e-float-input textarea,
.e-float-input.e-control-wrapper textarea,
.e-input-group textarea,
.e-input-group.e-control-wrapper textarea {
    resize: none;
}

.proplanti-text-formula-input {
    height: 350px !important;
}

.proplanti-input-multiline {
    height: 100% !important;
}

.e-toolbar .e-toolbar-item .e-tbar-btn:hover {
    border-color: unset;
    border-style: unset;
    border-width: unset;
    border-radius: unset;
    color: unset;
    background-color: var(--proplanti-secondary-hover) !important;
    box-shadow: 0px 6px 8px rgba(32, 47, 47, 0.16) !important;;
}

.e-toolbar .e-toolbar-item .e-tbar-btn:active {
    border-color: unset;
    border-style: unset;
    border-width: unset;
    border-radius: unset;
    color: unset;
    background-color: var(--proplanti-secondary-hover) !important;;
    box-shadow: 0px 6px 8px rgba(32, 47, 47, 0.16) !important;;
}

.e-toolbar .e-toolbar-item .e-tbar-btn:focus {
    border-color: unset;
    border-style: unset;
    border-width: unset;
    border-radius: unset;
    color: unset;
    background-color: var(--proplanti-secondary-hover) !important;;
    box-shadow: 0px 6px 8px rgba(32, 47, 47, 0.16) !important;;
}

/*clipping trough shile scrolling*/
/*.e-grid .e-virtualtable{*/
/*    z-index: unset;*/
/*}*/
/*.e-grid .e-frozenscrollbar{*/
/*    border-top: unset;  */
/*    background-color: whitesmoke;*/
/*}*/

.e-movablescrollbar {
    background-color: whitesmoke;
}

.proplanti-datagrid-loading {
    position: absolute;
    left: 0;
    width: 100%;
}

.margin-row-group {
    margin-right: 10.5%;
    max-width: 1170px;
    /*min-width: 417px;*/
}

.e-card-header {
    text-align: left;
    display: block !important;
}

.e-card-header-without-chips {
    text-align: left;
    display: block !important;
    top: 0 !important;
    position: absolute;
}


.dashboard-section-title {
    /*color: #757575;*/
    color: var(--proplanti-primary);
    font-weight: 900;
    font-size: 2em;
    margin-top: 10px;
    font-family: 'Montserrat', sans-serif !important;
}


.dashboard-comparison-percentage {
    font-size: 2em;
    padding-top: 10px;
    margin-left: 5px
}


@media (max-width: 1800px) {
    .panel-header-text {
        font-size: 1.4vw
    }

    .card-body-info-title.no-display-small-screen {
        display: none;
    }

    .card-body-info-body {
        font-size: 0.9vw
    }


    .secondary .card-body-main-info {
        font-size: 1.5em;
    }

    .secondary .dashboard-comparison-percentage {
        font-size: 0.9em;
    }

    .gradient-positive {

        min-height: 100px;
    }

    .gradient-negative {

        min-height: 100px;
    }
}


@media (max-width: 600px) {
    .panel-header-text {
        font-size: 4vw
    }

    .card-body-info-body {
        font-size: 4vw
    }

    .secondary .card-body-main-info {
        font-size: 2em;
    }

    .card-body-main-info {
        font-size: 4.5em;
        padding-left: 10px
    }

    .e-card .e-card-content {
        font-size: 4vw
    }

    .dashboard-comparison-percentage {
        font-size: 3vw;
        padding-top: 5px
    }
}


.insight-card-body-main-info {
    font-size: 1.5em;
    font-family: 'Montserrat', sans-serif !important;
    text-align: left;
    font-weight: lighter;
    color: white
}

.card-body-main-info {
    font-size: 3em;
    font-family: 'Montserrat', sans-serif !important;
    text-align: left;
    font-weight: bold;
    color: black
}


.insight-card-body-text {
    font-size: 0.7em;
    font-family: 'Montserrat', sans-serif !important;
    text-align: left;
    font-weight: bold;
    color: white
}


.e-card-content.no-padding {
    padding: 0 !important
}


.card-body-info-container {
    background-color: #F7F7F7;
    border-radius: 14px;
    padding: 7px;
}

.card-body-info-container.has-next-card-body-info-container {
    margin-right: 15px
}


.dashboard-panel {
    border-radius: 15px;
    border: 0;
    box-shadow: 2px 2px 2px 1px #efefef;
}


.dashboard-panel-tables {
    border-radius: 15px;
    border: 0;
    box-shadow: 2px 2px 2px 1px #efefef;
    height: 100%
}

.dashboard-panel-custo-tiles {
    height: 170px;
}


.dashboard-panel-custo-tiles-without-details {
    height: 120px;
}


.dashboard-panel-custo-graphs {
    height: 100%;
}

.e-card-content {
    height: 100%;
}

.e-control.e-autocomplete.e-lib.e-input {
    height: 32px !important;
}

.e-dialog.e-lib.e-dlg-modal.sf-grid-dlg.e-xlflmenu.e-popup.e-control.e-popup-open {
    height: fit-content !important;
}

.grid-button-context-icon {
    color: white;
}

.e-movablecontent {
    height: unset !important;
}

.e-headercell {
    background: var(--proplanti-text-dark) !important;
    color: white !important;
}

.e-headercontent {
    background: var(--proplanti-text-dark) !important;
    color: white !important;
}

.e-grid th.e-headercell[aria-sort="ascending"] .e-headertext, .e-grid th.e-headercell[aria-sort="descending"] .e-headertext, .e-grid th.e-headercell[aria-sort="ascending"] .e-sortfilterdiv, .e-grid th.e-headercell[aria-sort="descending"] .e-sortfilterdiv {
    color: white !important;
}

.e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-icons {
    color: white !important;
}


.proplanti-green {
    color: green
}

.proplanti-red {
    color: #CD3500
}

.proplanti-comparison-percentage {
    font-size: 2em;
    padding-top: 10px;
    margin-left: 5px
}

.e-grid .e-rowdragheader {
    background-color: var(--proplanti-text-dark) !important;
}

.proplanti-custos-modal {
    height: 90% !important;
    width: 80% !important;
}

/* Ícone de mostrar senha */
.e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
    border: none !important;
    font-size: 19px !important;
}

.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    background: none !important;
    color: black !important;
}

/* */

/* Layout Vertical */
@media (max-width: 768px) {

    .e-sidebar {
        position: fixed !important;
    }

    .e-menu-wrapper ul.e-menu, .e-menu-container ul.e-menu {
        display: grid !important;
    }

    .e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {
        display: none !important;
    }

    .e-hscroll.e-scroll-device {
        padding-right: 10px !important;
    }

    .e-virtualtable {
        height: 100% !important;
        width: 100% !important;
    }

    /* Grid */
    .vertical-grid-mobile td {
        padding-top: 0.1em !important;
        padding-bottom: 0.2em !important;
    }

    .vertical-grid-mobile td:first-child {
        padding-top: 0.6em !important;
    }

    .vertical-grid-mobile td:last-child {
        padding-bottom: 0.5em !important;
    }

    .vertical-grid-mobile tr {
        border-bottom: 4px solid #d7d7d7 !important;
    }

    .vertical-grid-mobile .e-grid .e-headercell,
    .vertical-grid-mobile .e-grid .e-rowcell::before {
        display: flex !important;
    }

    /* */
    /* Grid - Headers */
    .e-grid .e-headercell, e-grid, .e-rowcell::before {
        width: auto !important;
        font-size: var(--proplanti-mobile-verticalheader-fontsize) !important;
        display: flex !important;
        position: initial !important;
        font-weight: bolder !important;
    }

    /* Grid - Campos */
    .e-bigger.e-grid.e-row-responsive .e-table td {
        /*padding-top: 10px;*/
        padding-left: 12px !important;
        /*padding-bottom: 10px;*/
        text-align: initial !important;
    }

    .proplanti-grid input {
        font-size: var(--proplanti-mobile-field-fontsize) !important;
        text-align: initial !important;
    }
}

/*Layout responsivo - Login*/
@media (max-width: 768px) {

    /* Imagem */
    .auth-image {
        height: 80px !important;
        width: auto !important;
        padding-right: 15px !important;
        margin-bottom: 20px !important;
    }

    /* */
    /* Estilo do form com relevo */
    .login-form {
        border-radius: 20px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
        padding: 20px !important;
        padding-top: 15px !important;
        padding-bottom: 27px !important;
        max-width: 350px !important;
        width: 88% !important;
        margin-bottom: 15% !important;
    }

    /* */
    /* Mensagens de validação */
    .login-form .validation-message {
        margin-top: -7px !important;
    }

    /* Float Label */
    .e-float-input, .e-float-input.e-control-wrapper {
        font-family: Inter, serif !important;
        font-weight: 500;
        font-size: var(--proplanti-mobile-field-fontsize) !important;
    }

    .e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text {
        font-weight: 500 !important;
        font-size: 12px !important;
        color: #212529 !important;
    }

    /*.e-float-text {
        margin-top: -3px !important;
        top: 57% !important;
        transition: transform 0.1s linear !important;
    }

    .e-float-input:not(.e-outline) input:-webkit-autofill ~ label.e-float-text {
        transform: translate3d(-10px, -36px, 0) scale(1) !important;
    }*/
    /* */
    /* Borda dos campos */
    .e-input-focus {
        box-shadow: 0 0 0 2px rgb(46, 169, 221, .95) !important;
        /* border-color: #86b7fe !important;*/
    }

    .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
    .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
        box-shadow: 0 0 0 2px rgb(46, 169, 221, .95) !important;
        position: relative !important;
        z-index: 99999 !important;
        /*border-color: #86b7fe !important;*/
    }

    .mp-text-field-login:not(:focus-within) {
        transition: box-shadow 0.6s ease-out;
    }

    /* */
    /* Borda de erro dos campos */
    .mp-text-field-login-error {
        border-radius: 8px !important;
        border-color: #f23645 !important;
        box-shadow: 0 0 0 1.8px rgb(242, 54, 69, .45) !important;
    }

    /* */
    /* Botão Entrar */
    .loginButtons {
        display: inline-flow !important;
        align-content: center;
    }

    /* */
    .mp-text-field-login {
        border-radius: 8px !important;
    }

    .mp-button-login {
        width: 86% !important;
        max-width: 300px !important;
        border-radius: 8px !important;
        height: 42px !important;
        margin-top: 20px !important;
    }

    /* */
    /* Botão Esqueceu senha */
    .recuperarSenha {
        display: flex !important;
        justify-content: end !important;
    }

    .mp-button-recover-password-mobile button {
        border: none !important;
        background: none !important;
        padding: 0px !important;
        height: 15px !important;
        margin-top: -6px !important;
        font-size: 12px !important;
        font-weight: 550 !important;
    }

    .mp-button-recover-password-mobile-error button {
        display: none !important;
    }

    /* */
    /* Borda do autofill do navegador */
    input:-webkit-autofill {
        border-radius: 8px !important;
    }

    /* */
    /* Alert box */
    .alert {
        font-size: 13px !important;
        font-weight: 500 !important;
        margin-top: 20px !important;
        margin-bottom: 0 !important;
        border-radius: 8px !important;
    }

    /* */
    .hide-label {
        display: none !important;
    }

    /* Ícone de mostrar senha */
    .e-input-group .e-input-group-icon, .e-input-group.e-control-wrapper .e-input-group-icon {
        font-size: 19px !important;
        border: none !important;
    }

    .e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
        background: none !important;
        color: black !important;
    }

    /* */
}

@media (max-width: 380px) {

    .login-form {
        margin-bottom: 10% !important;
    }
}

/*Layout Responsivo*/
@media (max-width: 768px) {
    .container-page {
        height: 100%;
    }

    .e-table:not(.horizontal-grid-mobile .e-table) {
        width: auto !important;
        min-width: 100% !important;
    }

    .e-table td[data-colindex="1"]:not(.e-acrdn-content .e-table td) {
        width: 100%;
    }

    .e-bigger.e-grid.e-row-responsive .e-summarycontent td::before {
        position: unset !important;
    }

    /* Mensagens de validação */
    .validation-message {
        font-size: 12px !important;
        font-weight: 500 !important;
    }

    /* */
    /* Toast */
    #toast_type {
        left: 50% !important;
        transform: translate(-50%, -0%);
        z-index: 999999 !important;
    }

    .e-toast-content {
        font-size: 13px !important;
        font-weight: 500 !important;
    }

    .e-toast-title {
        font-weight: 600 !important;
    }

    /* */
    .search-field-atividade-manejo {
        margin-left: .5rem !important;
    }

    .e-menu-container {
        margin-left: 0 !important;
        border-radius: 0px !important;
        background-color: white;
        padding-left: 0 !important;
    }

    /* Sidebar Header */
    .mobile-header-text {
        padding-top: 0 !important;
        font-size: 1.2em !important;
        align-content: center
    }

    .e-menu-title {
        padding-top: 0.3em !important;
        font-size: 1.2em !important;
    }

    /* */
    .e-grid .e-headercell.e-hide {
        display: none !important;
    }

    .e-fab.e-btn {
        z-index: 1 !important;
    }

    .e-grid .e-rowcell {
        font-size: var(--proplanti-mobile-field-fontsize) !important;
        font-weight: 460 !important;
    }

    /* ícone do checkbox */
    .e-checkbox-wrapper .e-frame.e-check {
        color: var(--proplanti-secondary) !important;
    }

    /* Botões flutuante OP/OC */
    .ordensPage-floating-buttons .e-fab.e-btn.e-fab-fixed {
        position: absolute !important;
    }

    /* Ícone de grid */
    .container-grid-icon {
        justify-content: start;
    }

    /* Grid - Horizontal*/
    .horizontal-grid-mobile .e-grid .e-hide {
        display: none !important;
    }

    .horizontal-grid-mobile, .e-grid .e-headercell,
    .horizontal-grid-mobile .e-grid .e-rowcell::before {
        display: revert !important;
    }

    .horizontal-grid-mobile .e-gridheader .e-table {
        display: table !important;
    }

    /* */
    /* Grid - Accordions  */
    .vertical-grid-accordion-mobile .e-bigger.e-grid.e-row-responsive,
    .e-table td:not(:first-child):not(.vertical-grid-mobile td) {
        padding-top: 0.1em !important;
        padding-bottom: 0.2em !important;
    }

    .vertical-grid-accordion-mobile .e-bigger.e-grid.e-row-responsive,
    .e-table td:first-child:not(.vertical-grid-mobile td:first-child) {
        padding-top: 0.7em !important;
    }

    .vertical-grid-accordion-mobile .e-bigger.e-grid.e-row-responsive,
    .e-table td:last-child:not(.vertical-grid-mobile td:last-child) {
        padding-bottom: 0.5em !important;
    }

    .vertical-grid-accordion-mobile .pb-3, .py-3 {
        padding-bottom: 0 !important;
    }

    /* */
    /* Grid sem headers*/
    .hide-gridheaders .e-gridheader .e-table {
        display: none !important;
    }

    .hide-gridheaders .e-gridcontent.e-responsive-header {
        height: calc(100% - 2px) !important;
    }

    /* */
    .is-transition-sidebar.e-sidebar.e-right.e-open {
        transition: transform .5s ease !important;
    }
}

.proplanti-mud-grid {

    margin-top: -10px !important;
}


/*:is(a, button, input, textarea, summary, div, span, table, td, tr):focus {*/
/*    border: 5px solid red !important;*/
/*}*/

/*:focus {*/
/*    background-color: var(--proplanti-primary-focus);*/
/*    box-shadow: 3px 3px 12px rgba(128, 221, 59, 0.9);    */
/*}*/


.proplanti-quantidade-quantidaderecipiente-input-link {
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.e-tooltip-wrap {
    z-index: 10090 !important;
}

.usuario-menu-buttons-container {
    display: flex;
    flex-wrap: wrap;
}

.usuario-menu-button {
    flex-basis: 45%; /* Adjust as needed */
    margin-bottom: 1em; /* Optional: adds space between rows */
}