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

/* Variaveis globais */

:root {
    --nm-menu-width: 80px;
    --nm-body-padding: 44px;
    --nm-submenu-size: 180px;
    --nm-primary: #3B71CA;
    --nm-primary-hover: #628DD4;
    --nm-primary-active: #4E7FCF;
    --nm-primary-focus: #759BD9;
    --nm-secondary: #9FA6B2;
    --nm-secondary-hover: #BBC0C9;
    --nm-secondary-active: #A8AEB9;
    --nm-secondary-focus: #B2B7C1;
    --nm-text-dark: #243A44;
    --nm-icons-gray: #7A909A;
    --nm-border-box: #BFD5DF;
    --nm-blue-spotlight: #2EA9DD;
    --nm-gary-spotlight: #8A6565;
    --nm-border-box-hover: #9CACD1;
    --nm-shadow-gray: #E2E7EA;
    --nm-multiple-input-row-hieght: 40px;
    --nm-multiple-input-row-width: 100%;
    --nm-input-text-width: 100%;
    --nm-input-datepicker-width: 130px;
    --nm-input-daterangepicker-width: 240px;
    --nm-input-text-height: 40px;
    --nm-input-integer-width: 108px;
    --nm-input-integer-height: 40px;
}

body {
    height: 100vh;
    background-color: #FAFAFA;
}

/**/

/**/

/* Text */

.nm-text-title-pages {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 130%;
}

.nm-text-semibold {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.nm-text-submenu-subtitle {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 130%;
}

.nm-text-long {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 160%;
}

.nm-text-useremail {
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 140%;
}

.nm-text-usertext {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
}

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

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

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

/**/

/* Dialog */

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

.e-dialog .e-dlg-content {
    color: var(--nm-icons-gray);
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    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: 50px !important;
    border-radius: 4px !important;
    border: unset !important;
    box-sizing: unset !important;
    margin-left: 5px !important;
    color: var(--nm-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(--nm-primary) !important;
    color: white !important;
    padding: 0 20px !important;
    height: 40px !important;
    min-width: 50px !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(--nm-primary) !important;
    color: white !important;
    padding: 0 20px !important;
    height: 40px !important;
    min-width: 50px !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(--nm-primary-hover);
    box-shadow: 0px 6px 8px #3E65A5;
}

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

.e-dlg-container .e-footer-content .e-primary:focus {
    background-color: var(--nm-primary-focus);
    box-shadow: 0px 0px 12px #4672BA;
}

.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(--nm-primary-hover);
    box-shadow: 0px 6px 8px #3E65A5;
}

.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(--nm-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(--nm-primary-focus);
    box-shadow: 0px 0px 12px #4672BA;
}

.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(--nm-secondary-hover);
    box-shadow: 0px 6px 8px #3E65A5;
}

.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(--nm-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(--nm-secondary-focus);
    box-shadow: 0px 0px 12px #4672BA;
}

/**/

/* Scroll */

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

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

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

/**/


/* Inputs nm */

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

.nm-input-text {
    border-color: var(--nm-border-box) !important;
    height: var(--nm-input-text-height) !important;
    width: var(--nm-input-text-width) !important;
    border-radius: 10px !important;
}

.nm-input-combobox {
    border-color: var(--nm-border-box) !important;
    height: var(--nm-input-text-height) !important;
    border-radius: 10px !important;
}

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

.nm-input-integer {
    border-color: var(--nm-border-box) !important;
    height: var(--nm-input-integer-height) !important;
    width: 100% !important;
}

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

div.e-float-input label.e-label-top {
    width: fit-content !important;
}


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

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

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

.nm-button-danger {
    right: 5% !important;
    background-color: red;
}

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

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

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

.nm-input-required:hover {
    border-left: 3px solid green !important;
    border-right: 1px solid var(--nm-border-box-hover) !important;
    border-top: 1px solid var(--nm-border-box-hover) !important;
    border-bottom: 1px solid var(--nm-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(--nm-text-dark) !important;
    background: white !important;
    border: 1px solid #BFD5DF !important;
    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(--nm-text-dark) !important;
    background: white !important;
    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(--nm-secondary-hover) !important;
    box-shadow: 0 6px 8px #3E65A5 !important;
}

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

.e-menu-container:active {
    background-color: var(--nm-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(--nm-text-dark) !important;
    background: white !important;
    border: 1px solid #BFD5DF !important;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 125%;
}

.e-dropdown-btn, .e-dropdown-btn.e-btn:hover {
    background-color: var(--nm-secondary-hover) !important;
    box-shadow: 0 6px 8px #3E65A5 !important;
}

.e-dropdown-btn, .e-dropdown-btn.e-btn:focus {
    background-color: var(--nm-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(--nm-secondary-active) !important;
    box-shadow: none !important;
}

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

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

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

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

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

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

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

.width-button-90-p {
    width: 92%
}

/**/

/* DatePicker */

.nm-input-datepicker {
    border: 1px solid var(--nm-border-box) !important;
}

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

.nm-input-daterangepicker {
    border: 1px solid var(--nm-border-box) !important;
}

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

/* 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(--nm-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(--nm-text-dark) !important;
    background: white !important;
    border: 1px solid #BFD5DF !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(--nm-primary-hover) !important;
}

/* Selecionado DataPicker popup */

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

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

.e-cc-searchdiv.e-cc.e-input-group {
    max-width: 90%
}

.e-dialog.e-lib.e-ccdlg.e-popup.e-control.e-popup-open {
    min-width: 400px;
    margin-left: -150px;
}

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

/**/

/* Accordion */

.e-accordion {
    border: 1px solid var(--nm-border-box);
}

/* Accordion - Header*/

.e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
    background: #F3F6F6 !important;
    justify-content: center;
    margin-bottom: unset !important;
    width: 100%;
}

.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(--nm-primary);
}

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

/**/

/* Grid */

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

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

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

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

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

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

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

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

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

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

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

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

/*#nmMenuGrid .e-toolbar .e-toolbar-items { background-color: whitesmoke; }*/

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

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

#nmMenuGrid .e-grid .e-headertext {
    padding: 0 23px;
}

#nmMenuGrid .e-grid .e-headercell {
    background-color: var(--nm-shadow-gray);
    border: 2px solid var(--nm-shadow-gray);
    /*    padding: 4px 4px;*/
}

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

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

/*#nmMenuGrid .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(--nm-input-text-height); }*/

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

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

#nmMenuGrid .e-grid .e-toolbar-right span.e-input-group:hover {
    border: 1px solid var(--nm-border-box-hover);
}

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

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

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

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

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

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

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

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

#nmMenuGrid .e-grid .e-detailcell {
    border: unset;
    /*padding: unset;*/
}

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

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

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

.e-pager .e-currentitem.e-active {
    background: white !important;
    color: var(--nm-text-dark)
}

/*.e-pager .e-numericitem.e-currentitem:hover { padding: unset !important; }*/

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


/**/

/*Menu*/

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

.sidebar-configuracao {
    height: 100vh;
    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;
}

.e-sidebar {
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    /*max-width: 60vw;*/
}

.vertical-menu {
    z-index: 1000;
    background-color: var(--nm-text-dark);
    width: var(--nm-menu-width);
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
}

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

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

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

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

.vertical-menu-submenus-lines-sem-permissao {
    min-height: 20px;
    margin: 6px 0;
    color: var(--nm-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: white;
}

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

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

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

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

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

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

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

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

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

.buttons-submenu-user {
    min-height: 30px;
    padding: 10px;
    margin-top: 8px;
    margin-bottom: 8px;
}

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

/**/

/*Spinner*/

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

/**/

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

html, body {
    font-family: 'Montserrat', sans-serif !important;
}

h1:focus {
    outline: none;
}

a.nm-link, .btn-link {
    color: #BA2E8B;
}

a.nm-link:visited {
    color: #BA2E8B
}

a.nm-link:hover {
    color: #BA2E8B
}
.nm-header {
    background: white;
    padding: 5px;
    
}
a.nm-header {
    background-color: white;
    padding: 30px;
    display: flex;
    cursor: pointer
}

a.nm-header:link {
    text-decoration: inherit;
    color: inherit;
    cursor: pointer;
}

a.nm-header:visited {
    text-decoration: inherit;
    color: inherit;
    cursor: pointer;
}

.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 {

    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: 1000;
}

#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-sid {
    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(--nm-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(--nm-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(--nm-text-dark) !important;
}

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

.e-input-focus {
    border: 2px solid var(--nm-blue-spotlight) !important;
    box-shadow: unset !important;
}

input.e-input, .e-input-group input, .e-input-group.e-control-wrapper input, .e-input-group input.e-input, .e-input-group.e-control-wrapper input.e-input {
    height: unset !important;
}

.e-sidebar {
    background-color: white !important;
    overflow-x: hidden !important;
}

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

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

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

.e-grid .e-rowcell {
    border: unset;
    text-transform: uppercase;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.nm-sidebar-wrapper {
}

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

.grid-row-deleted {
    background-color: red
}

/**/

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

.nm-filtros-icon {
    padding-left: 5px;
    align-self: center;
}

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

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

/*.mud-appbar-fixed-top {*/
/*    z-index: 999 !important*/
/*}*/

/*.mud-drawer {*/
/*    z-index: 999 !important*/
/*}*/

.log-out {
    color: red
}

.log-out.span {
    color: red !important
}


.e-vscroll {
    padding: 0 !important
}

.e-panel-content {
    overflow: auto;
}

.e-dlg-overlay {
    background-color: gray !important
}

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

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

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

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

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

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

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

.nm-small-button {
    border: unset !important;
}

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

.nm-icon {
    display: flex !important
}

.nm-span-primary {
    color: white !important
}

.nm-span-secondary {
    color: var(--nm-text-dark) !important
}

.nm-span-icon {
}

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

.nm-primary:hover {
    background-color: var(--nm-primary-hover) !important;
    /*box-shadow: 0px 6px 8px rgba(32, 47, 47, 0.16) !important;*/
}

.nm-primary:focus {
    background-color: var(--nm-primary-focus) !important;
    /*box-shadow: 0px 0px 12px rgba(128, 221, 59, 0.8) !important;*/
}

.nm-primary:active {
    background-color: var(--nm-primary-active) !important;
    box-shadow: none !important;
}

.nm-secondary:hover {
    background-color: var(--nm-secondary-hover) !important;
    /*box-shadow: 0px 6px 8px rgba(32, 47, 47, 0.16) !important;*/
}

.nm-secondary:focus {
    background-color: var(--nm-secondary-focus) !important;
    /*box-shadow: 0px 0px 12px rgba(46, 169, 221, 0.6) !important;*/
}

.nm-secondary:active {
    background-color: var(--nm-secondary-active) !important;
    box-shadow: none !important;
}

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

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

.nm-danger:active {
    background-color: red !important;
    box-shadow: none !important;
}


.mud-appbar {
    color: unset !important;
    background-color: white !important;
}

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

.nm-tab-header {
    height: 50px !important
}

.nm-tab-header-text {
    color: black !important
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
    border: unset !important;
    color: lightblue !important;
}


.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:hover {
    background: var(--nm-primary) !important;
}


.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:active {
    background: var(--nm-primary) !important;
}


.e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn:focus {
    background: var(--nm-primary) !important;
}

.e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
    background: unset !important;
}

.e-dashboardlayout.e-control .e-panel .e-panel-heade {
    border: unset !important;
}

.e-grid.e-default.e-bothlines .e-headercell {
    border: unset;
}

.e-toolbar .e-toolbar-items {
    background-color: unset !important;
}

.e-dashboardlayout.e-control .e-panel .e-panel-header {
    border-bottom: unset !important
}

.e-dashboardlayout.e-control .e-panel {
    border-radius: 8px !important;
}

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

.e-grid.e-resize-lines .e-headercell .e-rhandler {
    color: whitesmoke !important;
}

.e-gridheader {
    border-bottom-width: unset !important;
    border-top-width: unset !important;
}

.e-tab .e-tab-header::before {
    border: unset !important;
}

.e-grid .e-gridheader {
    border: unset !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
}

.card-body-info-body {
    font-weight: bold;
    font-family: 'Montserrat', sans-serif !important;

}

.panel-header-text.responsive {
    font-size: 1.5em;
    font-weight: lighter
}

.gradient-positive {
    background-image: linear-gradient(to right top, #6876AD, #669FCD);
    min-height: 200px;
    min-width: 100%
}

.gradient-negative {
    background-image: linear-gradient(to right top, #E16A5C, #B990EE);
    min-height: 200px;
    min-width: 100%
}

.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
}

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

.main-content {
    background-color: #FAFAFA;
    /*padding: 0 10px 0 10px*/
}

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

.nm-mud-container{
    padding-top: 5px;
    margin-top: -65px;
}

/*.mud-drawer {*/
/*    height: 110% !important*/
/*}*/

.page-main-title {
    margin-top: 20px;
    font-weight: bolder;
    font-size: 2.5em;
    float: left;
}

.nm-green {
    color: green
}

.nm-red {
    color: #CD3500
}

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

.nm-percentage-info {
    font-size: 2em;
    margin-left: 5px
}

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

    .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 .nm-comparison-percentage {
        font-size: 0.9em;
    }

    .gradient-positive {

        min-height: 100px;
    }

    .gradient-negative {

        min-height: 100px;
    }

    .nm-percentage-info {
        font-size: 1.5em !important;
        margin-left: 10px;
    }

    .dashboard-section-title {
        margin-top: 50px;
    }
}


@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: 1em;
        padding-left: 10px
    }

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

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

    .nm-percentage-info {
        font-size: 1em !important;
        margin-left: 5px;
    }
}


.dashboard-section-title {
    color: #757575;
    font-weight: 900;
    font-size: 2em;
    font-family: 'Montserrat', sans-serif !important;
}

.download-button {
    background: #404041 !important;
    color: white !important;
    border-radius: 40px !important;
    border: 0 !important;
    box-shadow: 2px 2px 2px 1px #efefef !important;
    margin-top: 50px;
    width: 100px !important;
    right: 70px !important;
    position: absolute;
}

.download-button2 {
    background: #404041 !important;
    color: white !important;
    border-radius: 40px !important;
    border: 0 !important;
    box-shadow: 2px 2px 2px 1px #efefef !important;
    width: 100px !important;
    /*right: 70px !important;*/
    position: absolute;
}

.download-button3 {
    background: #404041 !important;
    color: white !important;
    border-radius: 40px !important;
    border: 0 !important;
    box-shadow: 2px 2px 2px 1px #efefef !important;
    width: 100px !important;
    right: 10px !important;
    position: absolute;
}

.e-table .e-rowcell:first-child,
.e-table .e-headercell:first-child {
    border-right: solid 1px #DFE2E6;
    border-radius: 0
}

.e-table .e-rowcell {
    border-bottom: solid 1px #DFE2E6 !important;
    /*padding-top: 20px;*/
    /*padding-bottom: 20px;*/
    border-radius: 0
}

.e-table .e-headercell {
    padding-top: 20px;
    padding-bottom: 20px;
}

.e-table .e-headercell:not(:first-child) .e-rhandler {
    border: unset !important;
}

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

/*.e-control.e-sidebar.e-visibility.e-right {*/
/*    margin-top: 65px;*/
/*}*/

.paddingmuditem {
    padding-top: 60px !important
}

#components-reconnect-modal {
    height: 50px !important;
}

.e-grid .e-frozenheader > .e-table, .e-grid .e-frozencontent > .e-table, .e-grid .e-frozenheader .e-virtualtable > .e-table, .e-grid .e-frozencontent .e-virtualtable > .e-table {
    border-right: 1px solid;
    border-right-color: #dee2e6;
}

.e-grid .e-frozenscrollbar {
    border-top: unset !important;
}

.e-table .e-rowcell:first-child {
    border-right: unset !important;
}

.e-grid.e-resize-lines .e-headercell .e-rhandler {
    border-right: unset !important;
}

.e-grid .e-frozencontent {
    border-bottom: unset !important;
}

.map-tooltip {
    width: 150px;
    height: 40px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    z-index: 1;
    bottom: 150%;

    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}


.nm-new-chip {
    position: absolute!important;
    right: 0px !important;
    top: 5px !important;
}
.nm-new-chip-videos {
    /*position: absolute!important;*/
    top: 25px !important;
}

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

.bottom-video{
    font-size: 12px;
    margin-bottom: 20px;
}

.nm-menu-separator{
    border-bottom: 1px solid #bbb;

}

.nm-mud-grid{
    margin-top: -10px !important;
}

.nm-mud-grid-spacing{
    margin-top: 0px !important;
}


.nm-green {
    color: green
}

.nm-red {
    color: #CD3500
}

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

.div-scrolalble-container {
    display: flex;
    overflow-x: auto; /* Enable horizontal scrolling */
    width: 100%;
}

.div-scrolalble-child {
    min-width: 300px; /* Set a minimum width for each child */
    margin-right: 10px; /* Add spacing between child divs */    
    padding: 20px; /* Optional padding */
}