            /* 'data': i, */
            /* 'data': i, */
            .theme-light {
              --color-primary: rgb(255, 255, 255);
              --color-secondary: #fbfbfe;
              --color-accent: #fd6f53;
              --font-color: #343a40 !important;
              --font-card-color: #343a40;
              --gradient-color: linear-gradient(90deg, rgba(18, 18, 20, 1) -5%, rgba(190, 0, 0, 1) 30%) !important;
              --gradient2-color: linear-gradient(141deg, rgba(255, 58, 45, 1) 15%, rgba(162, 0, 0, 1) 69%) !important;
              --card-color: #fff;
              --menu-color: #121214;
              --blue-color: rgb(0 0 0 / 85%);
              --brown-color: brown;
              --thead-color: rgb(0 0 0 / 85%);
              --widget-secondary-color: rgb(0 0 0 / 85%) !important;
              --widget-box-shadow-color: #efefef !important;
              --widget-success-color: #28a745 !important;
              --widget-danger-color: rgba(190, 0, 0, 1) !important;
              --widget-warning-color: #ffc107 !important;
              --widget-info-color: rgb(0 0 0 / 85%) !important;
              --widget-primary-color: #007bff;
              --icon-color: rgba(255, 255, 255, 0.15);
              --modal-content-color: white;
              --modal-color: rgba(255, 255, 255, 0.12);
              --footer-color: #fff;
              --paginacao-color: rgba(162, 0, 0, 1);
              --input-color: #fff;
              --input-border: 1px solid #4d4d4d;
              --input-color-text: #5d5d5d;
              --bordatutorial: #fff;
              --fundoTutorial: #fff;
              --fundo-Input: #fff;
              --borderComplete: 1px solid #506399;
              --fundoComplete: #007fff;
              --fonteComplete: #ffffff;
              --hover-color: #12a6ea;
              --btn-color: rgb(0 0 0 / 85%) !important;
              --btn-hover: #121214;
              --colorMenuEntrada: rgb(237, 237, 237);
              --colorHoverMenuEntrada: rgb(218, 218, 218);
              --colorActiveMenuEntrada: rgb(255 255 255);
              --fontColorMenuEntrada: #000;
              --colorHoverTable: #ececec;
              --textDesconto: #31bf12;
              --background-btnOpcoes: #fff;
              --border-btnOpcoes: rgb(60, 60, 60);
              --border-borderDiv: rgb(116, 116, 116);
              --white-dark: rgb(198, 198, 198);
              --buttonCheckMedidas: rgb(255, 255, 255);
              --white-dark-select: rgb(255, 255, 255);
              --white-dark-disabled: #ededed;
              --white-dark-icon: rgb(21 26 28);
              --fonte-rich-text: #757575;
              --login-back: #f2f2f2ed;
              --logo-img: url('../img/logo-light.png');
              --input-login-back: #FFFFFF;
              --image-drop: #1f202941;
              --loading-overlay: rgba(255, 255, 255, 0.8);
              --white-dark-select: rgb(255, 255, 255);
              --table-border: #dee2e6;
              --linhaDesconto: #A4EB9A;
              --linhaProdutoRelac: #FFC107;
              --linhaAzul: #0037ff;
              --card-info: #ececec;
              --white-dark-border: #3c3c3c;
              --info-box-danger: #C2121A;
              --info-box-success: #28A745;
              --info-box-warning: #FFC107;
              --info-box-primary: #3CA2D3;
              --vermelho-grid: rgba(190, 0, 0, 1) !important;
              --drop-down-theme: #a9a9a9 #FFFFFF;
              --buttonOpcoes: #f8f9fa;
              --hoverOpcao: #cfcfcf;
              --linhaAmarela: #ca8a04;
              --td-editable: rgba(203, 199, 199, 1);
              --perc-color: blue
            }

            .theme-dark {
              --color-primary: rgba(0, 0, 0, 1);
              --color-secondary: rgb(32, 32, 36);
              --color-accent: #12cdea;
              --font-color: #ffffff !important;
              --font-card-color: #243133 !important;
              --gradient-color: linear-gradient(90deg, rgba(18, 18, 20, 1) -5%, rgba(190, 0, 0, 1) 30%) !important;
              --gradient2-color: linear-gradient(90deg, rgb(17, 17, 17) 0%, rgb(33, 33, 33) 100%) !important;
              --card-color: rgb(0 0 0 / 20%);
              --menu-color: #121214;
              --blue-color: rgb(0 0 0 / 35%);
              --brown-color: rgb(0 0 0 / 35%) !important;
              --widget-secondary-color: rgb(0 0 0 / 35%) !important;
              --widget-box-shadow-color: rgb(0 0 0 / 35%) !important;
              --widget-success-color: rgb(0 0 0 / 35%) !important;
              --widget-danger-color: rgb(0 0 0 / 99%) !important;
              --widget-warning-color: rgb(0 0 0 / 35%) !important;
              --widget-info-color: rgb(0 0 0 / 35%) !important;
              --widget-primary-color: rgb(0 0 0 / 35%) !important;
              --thead-color: transparent;
              --icon-color: rgba(255, 255, 255, 0.15);
              --modal-content-color: rgb(32, 32, 36);
              --modal-color: rgba(255, 255, 255, 0.404);
              --footer-color: #0000003b;
              --paginacao-color: rgb(0 0 0 / 20%);
              --input-color: #2b2b2b;
              --input-border: 1px solid #4d4d4d;
              --input-color-text: #fff;
              --bordatutorial: rgb(56, 56, 56);
              --fundoTutorial: #242b2c;
              --fundo-Input: #434343;
              --borderComplete: 1px solid #c43434;
              --fundoComplete: #3d3d3d;
              --fonteComplete: #ffffff;
              --hover-color: #12a6ea;
              --btn-color: rgb(41, 41, 46);
              --btn-hover: rgb(48, 48, 54);
              --colorMenuEntrada: rgb(0 0 0);
              --colorHoverMenuEntrada: rgb(21 26 28);
              --colorActiveMenuEntrada: rgb(18 25 26);
              --fontColorMenuEntrada: #fff;
              --colorHoverTable: rgb(50, 60, 70);
              --textDesconto: #4af76a;
              --background-btnOpcoes: rgb(23, 33, 35);
              --border-btnOpcoes: rgb(167, 167, 167);
              --border-borderDiv: rgb(119, 119, 119);
              --white-dark: rgb(208, 208, 208);
              --buttonCheckMedidas: rgb(23, 23, 23);
              --white-dark-select: rgba(67, 67, 67, 0);
              --white-dark-disabled: #202024;
              --white-dark-icon: rgb(167, 167, 167);
              --fonte-rich-text: #f3f3f3;
              --login-back: #1a202ce3;
              --logo-img: url('../img/logo-dark.png');
              --input-login-back: #1f2029;
              --image-drop: #1f202941;
              --loading-overlay: rgba(255, 255, 255, 0.8);
              --white-dark-select: rgb(67, 67, 67);
              --table-border: #434343;
              --linhaDesconto: #0d5e02;
              --linhaProdutoRelac: #FFC107;
              --linhaAzul: #0037ff;
              --card-info: #242a2b;
              --white-dark-border: #a7a7a7;
              --info-box-danger: #C2121A;
              --info-box-success: #28A745;
              --info-box-warning: #FFC107;
              --info-box-primary: #3CA2D3;
              --vermelho-grid: #C2121A !important;
              --drop-down-theme: #a9a9a9 #434343;
              --buttonOpcoes: #f8f9fa08 !important;
              --hoverOpcao: rgb(32, 32, 36);
              --linhaAmarela: #fde047;
              --td-editable: #696969;
              --perc-color: rgb(44,175,254)
            }

            .margemEsquerda {
              padding-left: 12%;
            }

            .margemEsquerdaDobro {
              padding-left: 16%;
            }

            .margemEsquerdaTriplo {
              padding-left: 20%;
            }

            span.fa-trash-alt {
              color: #ee5555 !important;
            }

            span.fa-print {
              color: #00aa0e !important;
            }

            span.fa-edit {
              color: #3ca2d3 !important;
            }

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

            .divBtnOpcoes {
              background-color: var(--background-btnOpcoes);
              display: flex;
              border: 1px solid var(--border-borderDiv);
              border-radius: 2px;
              width: 100%;
              justify-content: center;
              align-items: center;
              padding: 3px;
              margin: 1px;
              max-width: 90px;
              min-width: 90px;
              padding-left: 10px;
              padding-right: 10px;
            }

            .botaoOpcoes {
              border: none !important;
              display: flex;
              align-items: center;
              justify-content: center;
              background-color: transparent;
              border-right: 1px solid var(--border-btnOpcoes) !important;
              width: 100%;
              height: 100%;
            }

            .botaoOpcoes:nth-last-child(1) {
              border: none !important;
            }

            .pSearch {
              width: 138%;
              margin-top: 0%;
              margin-bottom: 0%;
              padding: 2%;
            }

            .trMenu td:hover {
              background: rgba(255, 255, 255, .1) !important;
            }

            .trMenu td a p sub,
            .trMenu td a p,
            .trMenu td a,
            .trMenu td {
              background: none !important;
            }

            #tableMenu {
              margin-left: 5%;
            }

            .odd:hover {
              background-color: var(--colorHoverTable) !important;
            }

            .even:hover {
              background-color: var(--colorHoverTable) !important;
            }

            input:read-only {
              border-color: #a9a9a9 !important;
            }

            .bg-white {
              color: var(--font-color) !important;
            }

            .bg-white,
            .bg-white>a {
              color: var(--font-color) !important;
            }

            .btnGridPrincipal {
              display: flex;
              font-size: 15px !important;
              height: 90%;
            }

            .btnGrid {
              padding: 5px;
              width: 27px;
              cursor: pointer;
              display: flex;
              justify-content: center;
              align-items: center;
              height: 80%;
              border-radius: 2px;
              margin-left: 4px;
              color: white !important;
            }

            .btnEdit {
              background-color: rgb(115, 177, 179);
            }

            .btnExcluir {
              background-color: rgb(213, 44, 44);
            }

            .btnVisualizar {
              background-color: rgb(40, 56, 65);
            }

            .btn-success:focus,
            .btn-success.focus {
              color: #ffffff;
              background-color: var(--btn-color) !important;
              border-color: var(--btn-color) !important;
            }

            .btn-success.disabled,
            .btn-success:disabled {
              color: #fff;
              background-color: #7e7e7e !important;
              border-color: #7e7e7e !important;
            }

            .btn-success:hover {
              color: #ffffff;
              background-color: var(--btn-hover) !important;
              border-color: var(--btn-hover) !important;
            }

            .btn-danger:hover {
              color: #ffffff;
              background-color: #ee5555 !important;
              border-color: #ee5555 !important;
            }

            input[type="number"]::-webkit-inner-spin-button {
              -webkit-appearance: none;
            }

            input[type="number"] {
              -moz-appearance: textfield;
              appearance: textfield;
            }

            .input-default,
            .input-extra-small,
            .input-large,
            .input-small,
            .textarea-default {
              background-color: var(--fundo-Input) !important;
              color: var(--font-color) !important;
            }

            .menu_fiscal {
              color: white !important;
            }

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

            .subatalho {
              color: white;
              width: 80px;
              box-shadow: 0px 1px 0px 1px;
              cursor: pointer;
              user-select: none;
              text-align: center;
              border-radius: 0px 0px 10px 10px;
            }

            .addItensSequencia thead .sorting:before,
            .addItensSequencia thead .sorting:after,
            .addItensSequencia thead .sorting_asc:before,
            .addItensSequencia thead .sorting_asc:after,
            .addItensSequencia thead .sorting_desc:before,
            .addItensSequencia thead .sorting_desc:after,
            .addItensSequencia thead .sorting_asc_disabled:before,
            .addItensSequencia thead .sorting_asc_disabled:after,
            .addItensSequencia thead .sorting_desc_disabled:before,
            .addItensSequencia thead .sorting_desc_disabled:after {
              display: none !important;
            }

            .dataTable {
              margin-bottom: 0;
            }

            .addItensSequencia th {
              background-color: var(--card-color) !important;
              color: var(--font-color) !important;
              min-width: 50px;
              height: 30px !important;
            }

            .addItensSequencia tr:not(:first-child) td {
              padding-top: 2px;
              text-align: center;
            }

            .addItensSequencia .contador {
              display: flex;
              align-items: center;
              justify-content: center;
              min-width: 45px;
              margin-left: 15px;
              text-align: center;
              background-color: #dc3545;
              max-width: 35px;
              width: 45px;
              max-height: 35px;
              font-size: 12px;
              padding-top: 5px;
              height: 35px;
              font-weight: bold;
              color: white;
              border-radius: 5px;
            }

            .select2-container--default .select2-selection:not(.backgroundTransparent),
            .select2-search,
            .select2-selection__rendered,
            .select2-results__option {
              background-color: var(--fundo-Input) !important;
              color: var(--font-color) !important;
            }

            .select2-rg_status-result-fnw1-Todos {
              color: var(--font-color) !important;
            }

            .select2-results__option--highlighted {
              background-color: var(--hover-color) !important;
              color: white !important;
            }

            .dropdown-item {
              white-space: normal !important;
            }

            .dropdown-item,
            .dropdown-menu {
              background-color: var(--fundo-Input);
              color: var(--font-color);
            }

            .dropdown-item:hover {
              transition: 0.8s;
              background-color: var(--colorHoverTable);
              color: var(--font-color);
            }

            :root {
              --primary-color: #c2121a;
            }

            * {
              margin: 0;
              padding: 0;
            }

            html {
              height: 100%;
            }

            thead {
              background-color: var(--thead-color);
              color: white;
            }

            .info-box.bg-info {
              background-color: var(--widget-info-color) !important;
            }

            .bg-info {
              background-color: var(--widget-info-color) !important;
            }

            .btn-info {
              background-color: var(--blue-color) !important;
            }

            .text-info {
              color: var(--font-card-color) !important;
            }

            .text-dark {
              color: var(--font-color) !important;
            }

            .ui-autocomplete {
              z-index: 1050 !important;
            }

            #heading {
              text-transform: uppercase;
              color: var(--primary-color);
              font-weight: normal;
            }

            table.dataTable tbody>tr.selected,
            table.dataTable tbody>tr>.selected {
              background-color: rgb(6 187 251 / 40%) !important;
            }

            .table-hover tbody tr:hover,
            table.dataTable tbody tr.selected,
            table.dataTable tbody th.selected,
            table.dataTable tbody td.selected {
              color: var(--font-color) !important;
            }

            table.dataTable tbody td:hover {
              color: var(--font-color) !important;
            }

            #toast-container {
              background-color: var(--modal-color) !important;
              z-index: 99999 !important;
              pointer-events: all !important;
            }

            .toast-top-center {
              height: 100% !important;
            }

            #msform {
              text-align: center;
              position: relative;
            }

            .form-control:disabled,
            .form-control[readonly] {
              background-color: transparent !important;
            }

            .btn-bdr[disabled],
            .btn-block[disabled] {
              opacity: 0.2;
            }

            .navbar-red {
              background: var(--gradient-color);
            }

            .small-box>.inner {
              min-height: 110px !important;
            }

            table.dataTable td i {
              margin-top: 2% !important;
            }

            table.dataTable td div p {
              vertical-align: middle !important;
              margin-bottom: 0 !important;
            }

            .table td {
              vertical-align: middle !important;
            }

            html {
              position: relative;
              min-height: 100%;
            }

            .abaLink {
              color: var(--font-color) !important;
            }

            .nav-tabs .nav-item.show .nav-link,
            .nav-tabs .nav-link.active {
              color: var(--font-color) !important;
              background-color: var(--card-color) !important;
              text-decoration: none !important;
              border-color: #dee2e6 #dee2e6 #fff;
            }

            .fs-title {
              color: var(--font-color) !important;
            }

            #driver-popover-item,
            .driver-popover-description {
              color: var(--font-color) !important;
              background-color: var(--fundoTutorial) !important;
            }

            div#driver-highlighted-element-stage {
              background-color: var(--bordatutorial) !important;
            }

            .form-control:focus {
              background-color: var(--fundo-Input);
              color: var(--font-color);
            }

            .main-footer {
              border-top: 0px;
              background-color: transparent !important;
            }

            .input-default,
            .input-extra-small,
            .custom-select,
            .input-large,
            .input-small,
            .textarea-default,
            .form-control {
              border: var(--input-border);
              background-color: var(--input-color);
              color: var(--input-color-text);
            }

            .header-content-page .title-page,
            .title-content-page .title,
            .title-page {
              color: var(--font-color) !important;
            }

            #DadosGerais .card,
            #obs>.card {
              background-color: var(--card-color) !important;
            }

            .theme-dark .modal span {
              color: var(--font-color);
            }

            .page-item.active .page-link {
              color: #fff !important;
              background-color: var(--paginacao-color);
              border-color: #fff !important;
            }

            .page-item.active:hover {
              background-color: var(--paginacao-color) !important;
            }

            .page-link:hover {
              color: #fff !important;
              background-color: var(--paginacao-color) !important;
            }

            .page-item.disabled .page-link {
              background-color: transparent !important;
            }

            .page-item .page-link {
              color: var(--font-color);
            }

            .main-header {
              border: none;
            }

            .modal {
              background-color: var(--modal-color) !important;
              overflow-x: hidden !important;
              overflow-y: hidden !important;
            }

            .modal-content {
              background-color: var(--modal-content-color) !important;
              max-height: 90vh !important;
            }

            .modal-body {
              overflow-y: auto !important;
              max-height: 80vh !important;
            }

            .bg-secondary {
              background-color: var(--widget-secondary-color) !important;
            }

            .bg-success {
              background-color: var(--widget-success-color) !important;
            }

            .bg-danger {
              background-color: var(--widget-danger-color) !important;
            }

            .bg-primary {
              background-color: var(--widget-primary-color) !important;
            }

            .input-group-append .bg-danger {
              background: var(--gradient2-color) !important;
            }

            .bg-warning {
              background-color: var(--widget-warning-color) !important;
              color: white !important;
            }

            .info-box {
              background-color: var(--card-color) !important;
            }

            .info-box.bg-info {
              border: solid 1px !important;
              border-color: #2c2c2ceb !important;
            }

            .small-box .icon {
              color: var(--icon-color) !important;
            }

            aside {
              background-color: var(--menu-color) !important;
            }

            .switch {
              position: relative;
              display: inline-block;
              width: 50px;
              height: 34px;
            }

            .table thead th {
              border-bottom: none;
            }

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

            .content-wrapper {
              background-color: var(--color-secondary);
            }

            input[type="search"] {
              background-color: var(--color-secondary);
              color: var(--font-color);
            }

            body {
              background-color: var(--color-secondary) !important;
              color: var(--font-color) !important;
              transition: all 0.25s linear;
            }

            .card {
              background-color: var(--card-color);
            }

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

            .theme-slider:before {
              position: absolute;
              content: "";
              height: 30px;
              width: 30px;
              left: 0px;
              bottom: 4px;
              top: 0;
              bottom: 0;
              margin: auto 0;
              -webkit-transition: 0.4s;
              transition: 0.4s;
              box-shadow: 0 0px 15px #2020203d;
              background: white url("../img/sunny.png");
              background-repeat: no-repeat;
              background-position: center;
            }

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

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

            input:checked+.theme-slider:before {
              -webkit-transform: translateX(24px);
              -ms-transform: translateX(24px);
              transform: translateX(24px);
              background: #161616 url("../img/night.png");
              background-repeat: no-repeat;
              background-position: center;
            }

            .theme-slider.round {
              border-radius: 34px;
              height: 15px;
            }

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

            .footer {
              position: absolute;
              bottom: 30px;
              width: 100%;
            }

            .container {
              width: auto;
              max-width: 680px;
              padding: 0 15px;
            }

            .container .text-muted {
              margin: 20px 0;
            }

            #msform fieldset {
              border: 0 none;
              border-radius: 0.5rem;
              box-sizing: border-box;
              width: 100%;
              margin: 0;
              padding-bottom: 20px;
              position: relative;
            }

            .form-card {
              text-align: left;
            }

            .btn-sisp {
              min-width: 120px;
            }

            #msform .action-button {
              width: 80px;
              background: var(--primary-color);
              font-weight: bold;
              color: white;
              border: 0 none;
              border-radius: 0px;
              cursor: pointer;
              padding: 10px 5px;
              margin: 10px 0px 10px 5px;
              float: right;
            }

            #msform .action-button:hover,
            #msform .action-button:focus {
              background-color: rgb(133, 0, 40);
            }

            #msform .action-button-previous {
              width: 80px;
              background: #616161;
              font-weight: bold;
              color: white;
              border: 0 none;
              border-radius: 0px;
              cursor: pointer;
              padding: 10px 5px;
              margin: 10px 5px 10px 5px;
              float: right;
            }

            #msform .action-button-previous:hover,
            #msform .action-button-previous:focus {
              background-color: #000000;
            }

            .input-group button,
            .input-group input {
              height: 38px !important;
            }

            .input-group button {
              min-width: 45px;
            }

            .btn.bg-danger {
              border: 1px solid white;
            }

            .card {
              z-index: 0;
              border: none;
              position: relative;
            }

            .fs-title {
              font-size: 25px;
              color: var(--primary-color);
              margin-bottom: 15px;
              font-weight: normal;
              text-align: left;
            }

            .purple-text {
              color: var(--primary-color);
              font-weight: normal;
            }

            .steps {
              font-size: 25px;
              color: gray;
              margin-bottom: 10px;
              font-weight: normal;
              text-align: right;
            }

            .fieldlabels {
              color: gray;
              text-align: left;
            }

            #progressbar {
              margin-left: 20%;
              margin-bottom: 0;
              margin-top: 0;
              overflow: hidden;
              color: lightgrey;
            }

            #progressbar .active,
            #msform fieldset .form-card {
              color: var(--font-color) !important;
              z-index: 2;
            }

            #progressbar li {
              list-style-type: none;
              font-size: 15px;
              width: 25%;
              float: left;
              position: relative;
              font-weight: 400;
              z-index: 2;
            }

            #progressbar #account:before {
              font-family: "Font Awesome 5 Free";
              content: "\f05a";
              font-weight: 900;
            }

            #progressbar #personal:before {
              font-family: "Font Awesome 5 Free";
              content: "\f07a";
              font-weight: 900;
            }

            #progressbar #conclusao:before {
              font-family: "Font Awesome 5 Free";
              content: "\f058";
              font-weight: 900;
            }

            #progressbar #payment:before {
              font-family: "Font Awesome 5 Free";
              content: "\f155";
              font-weight: 900;
            }

            #progressbar li:before {
              width: 50px;
              line-height: 45px;
              display: block;
              font-size: 20px;
              color: #ffffff;
              background: lightgray;
              border-radius: 50%;
              margin: 0 auto 10px auto;
              padding: 2px;
            }

            #progressbar li:after {
              content: "";
              width: 100%;
              height: 5px;
              background: lightgray;
              position: absolute;
              left: 0;
              top: 25px;
              z-index: -1;
            }

            .content-header {
              padding-left: 2rem;
              padding-right: 2rem;
              padding-top: 1rem;
              padding-bottom: 0px;
            }

            #progressbar li.active:before,
            #progressbar li.active:after {
              background: var(--primary-color);
            }

            * {
              scrollbar-width: thin;
              scrollbar-color: #a9a9a9 transparent;
            }

            *::-webkit-scrollbar {
              width: 12px;
            }

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

            *::-webkit-scrollbar-thumb {
              background-color: #49495d;
              border-radius: 20px;
              border: 3px solid transparent;
            }

            .progress-bar {
              background-color: var(--primary-color);
              height: auto;
            }

            .fit-image {
              width: 100%;
              object-fit: cover;
            }

            .page-item.active .page-link {
              border-color: var(--color-secondary);
            }

            .page-link {
              background-color: var(--color-primary);
              color: var(--color-secondary);
            }

            #pesquisaModalSelecionar,
            #pesquisaModalDesconto {
              border-color: var(--widget-danger-color);
              background-color: var(--widget-danger-color);
            }

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

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

            .ui-autocomplete-loading {
              background: white url("../img/ui-anim_basic_16x16.gif") center center no-repeat;
            }

            .ui-autocomplete {
              max-height: 200px;
              overflow-y: auto;
              overflow-x: hidden;
              background-color: var(--fundoTutorial) !important;
              color: var(--font-color) !important;
            }

            .ui-state-active,
            .ui-widget-content .ui-state-active,
            .ui-widget-header .ui-state-active,
            a.ui-button:active,
            .ui-button:active,
            .ui-button.ui-state-active:hover {
              border: var(--borderComplete) !important;
              font-weight: normal;
              background-color: var(--fundoTutorial) !important;
              color: var(--font-color) !important;
            }

            select2-container--default .select2-results__option[aria-selected="true"] {
              background-color: var(--widget-secondary-color) !important;
              color: white !important;
            }

            .select2-container--default .select2-selection--multiple .select2-selection__choice {
              border: var(--borderComplete) !important;
              background-color: #212529 !important;
              font-weight: normal;
              color: var(--fonteComplete) !important;
            }

            /* select2-container.select2-container--disabled {
              background-color: #171717 !important;
            } */

            /* .select2-search__field:disabled {
              background-color: var(--white-dark-disabled) !important;
            }

            .select2-selection.select2-selection--multiple[aria-disabled="true"] {
              background-color: var(--white-dark-disabled) !important;
            }

            .select2-selection.select2-selection--multiple[aria-disabled="true"] .select2-selection__rendered {
              background-color: var(--white-dark-disabled) !important;
            }

            .select2-selection.select2-selection--multiple[aria-disabled="true"] .select2-selection__rendered .select2-selection__choice {
              background-color: var(--white-dark-disabled) !important;
            }

            .select2-selection.select2-selection--multiple[aria-disabled="true"] .select2-selection__rendered .select2-search.select2-search--inline {
              background-color: var(--white-dark-disabled) !important;
            }

            .select2-selection.select2-selection--multiple[aria-expanded="true"] .select2-selection__rendered {
              border: 1px solid var(--white-dark);
            } */

            /* .select2-container--default .select2-selection--multiple .select2-selection__choice {
              border-color: var(--white-dark-select) !important;
              background-color: var(--white-dark-select) !important;
              color: var(--font-color) !important;
              padding-top: 8px !important;
              padding-bottom: 8px !important;
              margin-top: -1px !important;
              margin-left: -6px !important;
              width: 106% !important;
              border-top: 1px solid var(--white-dark) !important;
              border-bottom: 1px solid var(--white-dark) !important;
            } */

            .select2-container--default .select2-selection--multiple,
            .form-control.select2 {
              height: 38px !important;
            }

            .select2-selection--multiple .select2-selection__rendered {
              overflow-y: auto !important;
              overflow-x: hidden !important;
              border-radius: 10px !important;
              /* max-height: 600% !important; */
            }

            .select2-selection--multiple .select2-search__field {
              margin-top: 2px !important;
            }

            /* .select2-search.select2-search--inline {
              margin-bottom: 8px !important;
            } */

            /* .select2-search.select2-search--inline .select2-search__field {
              width: 100% !important;
            } */

            /* .select2-results__options {
              border: 1px solid var(--white-dark);
            } */

            /* .select2-results .select2-results__option {
              border: 1px dotted var(--white-dark);
            } */

            .adicionar {
              display: flex;
              align-items: center;
              justify-content: center;
              min-width: 45px;
              margin-left: 15px;
              text-align: center;
              max-width: 35px;
              width: 100%;
              max-height: 35px;
              font-size: 12px;
              height: 35px;
              font-size: 25px;
              font-weight: bold;
              color: #d3201a;
              border-radius: 5px;
              cursor: pointer;
              border: none;
            }

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

            #btn-senha {
              cursor: pointer;
            }

            .textoMostrarSenha {
              text-decoration: underline;
              cursor: pointer;
              user-select: none;
            }

            .olho {
              position: absolute;
              margin-left: 100%;
              top: 10px;
              right: 10px;
              cursor: pointer;
            }

            .select2-container--below {
              width: 100% !important
            }

            .select2-search.select2-search--inline {
              margin-top: 5px !important;
              /* border-color: var(--white-dark-select) !important;
              background-color: var(--white-dark-select) !important; */
            }

            .dataTables_filter {
              display: flex;
              justify-content: flex-end;
            }

            .dataTables_length select {
              width: 70px;
              margin-right: 0px
            }

            .dataTables_length {
              display: flex;
              align-items: center;
              padding-left: 0px;
              margin-left: 0px;
            }

            .dataTables_wrapper .row .col-md-6 {
              margin-left: 0px;
              padding-left: 5px;
            }

            .dataTables_length label {
              margin-top: 7px;
              margin-left: 0px;
            }

            .dataTables_filter label:not(.form-check-label):not(.custom-file-label) {
              display: flex !important;
              flex-direction: column !important;
            }

            .buttonColVis {
              width: 40px;
              height: 40px;
              display: flex;
              align-items: center;
              justify-content: center;
              border: none;
              padding: 0px;
              background-color: #3CA2D3;
              border-radius: 8px;
              cursor: pointer;
              color: white;
              margin-right: 2.5px;
            }

            .buttonExcel {
              width: 40px;
              height: 40px;
              display: flex;
              align-items: center;
              justify-content: center;
              border: none;
              padding: 0px;
              background-color: #75BE25;
              border-radius: 8px;
              cursor: pointer;
              color: white;
              margin-right: 2.5px;
              margin-left: 3px;
            }

            /* #colunasInvisiveis {
              display: flex;
              grid-gap: 10px;
              flex-wrap: wrap;
            } */

            .labelColunasInvisiveis {
              display: flex;
              align-items: center;
              grid-gap: 4px;
            }

            /* .table.dataTable thead th {
              white-space: nowrap;
              text-overflow: ellipsis;
            }

            .table.dataTable tbody td {
              white-space: nowrap;
              text-overflow: ellipsis;
              max-width: 250px;
            } */

            .apexcharts-text,
            .apexcharts-title-text {
              fill: var(--font-color) !important;
            }

            .apexcharts-tooltip-text,
            .apexcharts-tooltip-title,
            .apexcharts-menu-item {
              color: #647d8a !important;
            }

            .apexcharts-legend-text {
              color: var(--font-color) !important;
            }

            .inputContador {
              background-color: transparent;
              border: none;
              color: var(--font-color);
              text-align: center;
              user-select: none;
              width: 100%;
            }


            .inputInvisivel {
              background-color: transparent;
              border: none;
              color: var(--font-color);
              padding-left: 4px;
              text-align: start;
              max-width: 100px;
              min-width: 100px;
              user-select: none;
            }

            .inputInvisivel:disabled {
              cursor: text;
            }

            .iconsAtendimento {
              display: flex;
              align-items: center;
              justify-content: center;
              grid-gap: 10px;
              font-size: 40px;
              margin-bottom: 10px;
              cursor: pointer;
            }

            .selectedReacaoAtendimento {
              border: 3px solid rgb(255, 61, 61);
              border-radius: 100%;
            }

            .pointer {
              cursor: pointer !important;
            }

            .fixed-width {
              width: 38.4px !important;
              min-width: 38.4px !important;
              max-width: 38.4px !important;
            }

            .backgroundTransparent {
              background-color: transparent !important;
            }

            [class*=icheck-]>input:first-child+input[type=hidden]+label::before,
            [class*=icheck-]>input:first-child+label::before {
              width: 17px !important;
              height: 17px !important;
              margin-left: -26px !important;
              margin-top: 3px !important;
            }

            [class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after,
            [class*=icheck-]>input:first-child:checked+label::after {
              top: 1px !important;
              left: 2px !important;
              width: 5px !important;
              height: 10px !important;
            }

            #tabelaVendas_info {
              position: absolute;
              z-index: -1 !important;
            }

            .dropVenda::-webkit-scrollbar {
              width: 12px;
            }

            .dropVenda::-webkit-scrollbar-track {
              background: var(--btn-hover);
            }

            .dropVenda::-webkit-scrollbar-thumb {
              background: var(--color-secondary);
              border-radius: 20px;
              border: 3px solid var(--font-card-color);
            }

            .dropVenda {
              height: 180px;
              overflow-x: auto;
              min-width: 12rem !important;
            }

            .loginCard {
              background-color: var(--login-back) !important;
              display: flex;
              align-items: center;
              width: 100%;
              height: 100%;
              justify-content: center;
              flex-direction: column;
              border-top-left-radius: 4px !important;
              border-bottom-left-radius: 4px !important;
            }

            .loginForm {
              width: 100%;
              max-width: 400px;
            }

            .loginForm .formControl {
              display: flex;
              flex-direction: column;
              width: 100%;
              border: none;
            }

            .formControl {
              margin-bottom: 0.5rem;
            }

            .inputLogin {
              color: var(--font-color);
              border: none;
              padding: 0.8rem;
              height: 53px;
              padding-left: 3rem;
              width: 100%;
              background-color: var(--input-login-back);
            }

            .selectFantasia .select2-container .select2-selection--single .select2-selection__rendered,
            .selectFantasia .select2-container--default .select2-selection--single {
              color: var(--font-color) !important;
              border: none !important;
              width: 100% !important;
              background-color: transparent !important;
            }

            .selectFantasia .select2-container--default .select2-selection--single .select2-selection__arrow {
              top: 14px
            }

            .selectFantasia .select2-container--default .select2-selection--single {
              padding: 0px !important;
              height: 53px !important;
            }

            .selectFantasia .select2-container--default .select2-selection:not(.backgroundTransparent),
            .selectFantasia .select2-search,
            .selectFantasia .select2-selection__rendered,
            .selectFantasia.select2-results__option {
              background-color: transparent !important;
              border: none !important;
            }

            .selectFantasia .select2-selection__arrow {
              display: none;
            }

            .newSelect .select2-container .select2-selection--single .select2-selection__rendered,
            .newSelect .select2-container--default .select2-selection--single {
              color: var(--font-color) !important;
              border: none !important;
              padding: 0.8rem !important;
              height: 53px !important;
              margin: 0 !important;
              width: 100% !important;
              background-color: var(--input-login-back) !important;
            }

            .newSelect .select2-container--default .select2-selection--single .select2-selection__arrow {
              top: 14px
            }

            .newSelect .select2-container--default .select2-selection--single {
              padding: 0px !important;
              height: 53px !important;
            }

            .inputLogin:focus {
              border: 1px solid #C53030 !important;
              box-shadow: 0 0 0 1px #C53030 !important;
              background-color: var(--input-login-back) !important;
            }

            .btnEntrar {
              background-color: #E53E3E;
              width: 100%;
              color: white;
              font-size: 18px;
              font-weight: 600;
              padding: 1rem;
            }

            .inputLeftElement {
              height: 53px;
              width: 3rem;
              display: flex;
              align-items: center;
              justify-content: center;
              position: absolute;
              z-index: 2;
              color: var(--font-color);
              pointer-events: none;
            }

            .loginRow {
              height: 100vh;
              width: 100%;
            }

            .imgLogo {
              display: flex;
              align-items: center;
              justify-content: center;
            }

            .imgLogo img {
              width: 260px;
            }

            .btnEntrar:hover {
              color: white !important;
              filter: brightness(0.9);
              transition: 0.5s ease;
            }

            .latenciaVerde {
              color: var(--green);
            }

            .latenciaAmarelo {
              color: var(--warning);
            }

            .latenciaVermelho {
              color: #dc3545;
            }

            body.sidebar-mini.layout-fixed.vsc-initialized.sidebar-collapse #logoEscrita {
              display: none;
            }

            body.zoom-80.iframe-mode-fullscreen iframe {
              height: calc(125vh - 56px) !important;
              min-height: calc(125vh - 56px) !important;
            }

            body.zoom-80:not(.iframe-mode-fullscreen) iframe {
              height: calc(125vh - 63px) !important;
              min-height: calc(125vh - 63px) !important;
            }

            body.zoom-90.iframe-mode-fullscreen iframe {
              height: calc(111vh - 56px) !important;
              min-height: calc(111vh - 56px) !important;
            }

            body.zoom-90:not(.iframe-mode-fullscreen) iframe {
              height: calc(111vh - 63px) !important;
              min-height: calc(111vh - 63px) !important;
            }

            body.zoom-100.iframe-mode-fullscreen iframe {
              height: calc(100vh - 63px) !important;
              min-height: calc(100vh - 63px) !important;
            }

            body.zoom-100:not(.iframe-mode-fullscreen) iframe {
              height: calc(100vh - 60px) !important;
              min-height: calc(100vh - 60px) !important;
            }

            body.zoom-110.iframe-mode-fullscreen iframe {
              height: calc(100vh - 63px) !important;
              min-height: calc(100vh - 63px) !important;
            }

            body.zoom-110:not(.iframe-mode-fullscreen) iframe {
              height: calc(90vh - 52px) !important;
              min-height: calc(90vh - 52px) !important;
            }

            /* Estilos para iframe quando não está em fullscreen */
            body:not(.iframe-mode-fullscreen) iframe.zoom-80-iframe,
            body:not(.iframe-mode-fullscreen) iframe.zoom-90-iframe,
            body:not(.iframe-mode-fullscreen) iframe.zoom-100-iframe,
            body:not(.iframe-mode-fullscreen) iframe.zoom-110-iframe {
              min-height: calc(130vh - 108px) !important;
            }




            body.iframe-mode-fullscreen {
              /* zoom: 100% !important; */
              min-height: 100vh !important;
            }

            .adicionaHeightTotal {
              height: calc(100vh - 40px) !important;
              min-height: calc(100vh - 40px) !important;
            }

            .removeHeightTotal {
              height: calc(100vh - 150px) !important;
              min-height: calc(100vh - 150px) !important;
            }


            body.zoom-110 #exibir_iframe,
            body.zoom-90 #exibir_iframe,
            body.zoom-100 #exibir_iframe {
              min-height: 1px !important;
            }

            .btnGreen {
              background-color: #25d366 !important;
              border-color: #25d366 !important;
              color: #fff;
            }

            .btnGreen:hover {
              background-color: #20ae59 !important;
              border-color: #20ae59 !important;
              color: #fff;
            }

            .btnGreen:disabled {
              background-color: #20ae59 !important;
              border-color: #20ae59 !important;
              color: #fff;
            }

            .tdEditable {
              background-color: var(--td-editable) !important;
            }

            .theme-dark .tdEditable {
              border-right: 3px solid !important;
              border-color: black !important;
            }

            .theme-light .tdEditable {
              border-right: 1px solid !important;
              border-left: 1px solid !important;
              border-color: black !important;
            }

            .table-sm-sisp td {
              padding-top: 3px;
              padding-bottom: 3px;
              padding-left: 8px;
              padding-right: 8px;
              vertical-align: middle;
            }

            .table-sm-sisp th {
              padding: 3px 8px;
            }

            .table-sm-sisp th::before,
            .table-sm-sisp th::after {
              position: absolute;
              display: block;
              opacity: 0.3;
              top: 0.18em;
            }

            .timer-div {
              background: linear-gradient(135deg, rgb(250, 250, 250, .2), rgb(240, 243, 245, .2));
              border: 2px solid #c2121a;
              padding: 8px 18px;
              border-radius: 30px;
              color: #c2121a;
              font-size: 1.2rem;
              transition: all 0.3s ease;
              font-size: 18pt !important;
            }

            .timer-div i {
              color: #c2121a;
              font-size: 18pt !important;
              margin-right: 10px;
            }