:root {
  --primary: #009cff;
  --light: #f3f6f9;
  --light2: #ffffff;
  --dark: #191c24;
  --snow: #fffafa;
  --text-gray: #6c757d;
  --textDark: #495057;
  --lightBorder: #80bdff;
  --almost-white: #f1f1f1;
  --graphite: #323232;
  --black: #000000;
  --grayLight: #f8f9fa;
  --borderGray: #e9ecef;
  --paleGray: #f0f0f0;
  --blueLight: #b2d7ff;
  --blueLight2: #d8ebff;
  --blueMist: #c9d9ed;
  --neutralGray: #e0e0e0;
  --grayMedium: #cccccc;
  --veryLightGray: #757575;
  --lightWhite: #a3d6ff;
  --bg-light: #dce6f1;
  --bg-light2:#e3f2fd;

  --blue1: #0000cd;
  --blue2: #37373a;
  --text-blue2:#0056b3;
  --royalblue: #4169e1;
  --dodgerblue: #1e90ff;
  --deepskyblue: #00bfff;
  --paleturquoise: #e0ffff;
  --powderblue: #b0e0e6;
  --honeydew: #f0fff0;
  --aliceblue: #f0f8ff;
  --lightblue: #add8e6;
  --teal: #008080;
  --darkcyan: #008b8b;
  --lightseagreen: #20b2aa;
  --mediumseagreen: #3cb371;
  --seagreen: #2e8b57;
  --darkgreen: #006400;
  --darkblue: #2d499d;
}

.dark-mode {
  --primary: #1e90ff;
  --light: #343a40;
  --light2: #212529;
  --dark: #f8f9fa;
  --snow: #eaeaea;
  --text-gray: #b0b3b8;
  --textDark: #f8f9fa;
  --lightBorder: #80bdff;
  --almost-white: #2b2b2b;
  --graphite: #e0e0e0;
  --black: #ffffff;
  --grayLight: #343a40;
  --borderGray: #6c757d;
  --paleGray: #545454;
  --blueLight: #4a90e2; /* Preservada */
  --blueLight2: #d8ebff; /* Adicionada */
  --blueMist: #6e7f9d; /* Preservada */
  --neutralGray: #4d4d4d;
  --grayMedium: #999999;
  --veryLightGray: #d1d1d1;
  --lightWhite: #212529;
  --text-blue: #0056b3; /* Adicionada */

  --bg-light: #2b2b2b; /* Adicionada */
  
  --blue1: #1e90ff;
  --blue2: #4169e1;
  --royalblue: #4b0082;
  --dodgerblue: #00bfff;
  --deepskyblue: #00bfff;
  --paleturquoise: #b0e0e6;
  --powderblue: #70c5ce;
  --honeydew: #d9f9d9;
  --aliceblue: #add8e6;
  --lightblue: #87cefa;
  --teal: #20b2aa;
  --darkcyan: #5c5c5c;
  --lightseagreen: #3cb371;
  --mediumseagreen: #3cb371;
  --seagreen: #2e8b57;
  --darkgreen: #006400;
  --darkblue: #2d499d;

  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #ffffff;
  --bs-gray: #b0b3b8;
  --bs-gray-dark: #343a40;
  --bs-primary: #1e90ff;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: var(--light);
  --bs-dark: #343a40;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}



.back-to-top {
  position: fixed;
  display: none;
  right: 5px;
  bottom: 8px;
  z-index: 4;
}

.back-to-top2 {
  position: fixed;
  display: none;
  right: 45px;
  bottom: 45px;
  z-index: 99;
}

/*** Spinner ***/
#spinner {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease-out, visibility 0s linear 0.5s;
  z-index: 99999;
}

#spinner.show {
  transition: opacity 0.5s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1;
}

/*** Button ***/
.btn {
  transition: 0.5s;
}

.btn.btn-primary {
  color: var(--light);
}

.btn-square {
  width: 38px;
  height: 38px;
}

.btn-sm-square {
  width: 32px;
  height: 32px;
}

.btn-lg-square {
  width: 48px;
  height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  border-radius: 50px;
}

/*** Layout ***/
.sidebar {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 250px;
  height: 100vh;
  background: var(--light);
  transition: 0.5s;
  z-index: 999;
}

.content {
  margin-left: 250px;
  min-height: 100vh;
  background: var(--light2);
  transition: 0.5s;
}

@media (min-width: 992px) {
  .sidebar {
    margin-left: 0;
  }

  .sidebar.open {
    margin-left: -2500px;
  }

  .content {
    width: calc(100% - 250px);
  }

  .content.open {
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  .sidebar {
    margin-left: -250px;
  }

  .sidebar.open {
    margin-left: 0;
  }

  .content {
    width: 100%;
    margin-left: 0;
  }
}

/*** Navbar ***/
.sidebar .navbar .navbar-nav .nav-link {
  padding: 2px 0px;
  color: var(--dark);
  font-weight: 500;
  border-left: 3px solid var(--light);
  border-radius: 0 3px 3px 0;
  outline: none;
  text-align: left;
  width: 250px;
}
.sidebar .navbar .navbar-nav .nav-link.active {
  background: var(--blueLight);
  border-color: var(--lightBorder);
  width: 250px;
}
.sidebar .navbar .navbar-nav .nav-link:hover {
  background: var(--blueLight2);
  border-color: var(--lightBorder);
  width: 250px;
}

.sidebar .navbar .navbar-nav .nav-link i {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--light2);
  border-radius: 38px;
}

.sidebar .navbar .navbar-nav .nav-link:hover i,
.sidebar .navbar .navbar-nav .nav-link.active i {
  background: var(--lightBorder);
}

.sidebar .navbar .dropdown-toggle::after {
  position: absolute;
  top: 12px;
  right: 12px;
  border: none;
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transition: 0.5s;
}

.sidebar .navbar .dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(-180deg);
}

.sidebar .navbar .dropdown-item {
  padding-left: 25px;
  border-radius: 0 30px 30px 0;
}
.arrow-icon {
  background-color: transparent !important;
}

.nav-sidebar.dropdown:hover .dropdown-menu {
  display: block;
  height: 42px;

  margin-left: 250px;
}

.nav-sidebar.dropdown {
  display: block;
  height: 42px;
  width: 250px;
}

.options-sidebar {
  display: flex;
  height: 42px;
  width: 250px;
}

.sidebar-itens {
  left: 250px;
  background: var(--light);
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  position: fixed;
  display: block;
  flex-direction: column;
}

.content .navbar .navbar-nav .nav-link {
  margin-left: 5px;
  padding: 5px 0;
  color: var(--dark);
  outline: none;
}

.content .navbar .navbar-nav .nav-link:hover,
.content .navbar .navbar-nav .nav-link.active {
  color: var(--primary);
}

.content .navbar .sidebar-toggler,
.content .navbar .navbar-nav .nav-link i {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--light2);
  border-radius: 40px;
}

.content .navbar .dropdown-toggle::after {
  margin-left: 6px;
  vertical-align: middle;
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transition: 0.5s;
}

.content .navbar .dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(-180deg);
}

@media (max-width: 575.98px) {
  .content .navbar .navbar-nav .nav-link {
    margin-left: 15px;
  }
}

/*** Date Picker ***/
.bootstrap-datetimepicker-widget.bottom {
  top: auto !important;
}

.bootstrap-datetimepicker-widget .table * {
  border-bottom-width: 0px;
}

.bootstrap-datetimepicker-widget .table th {
  font-weight: 500;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
  padding: 10px;
  border-radius: 2px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background: var(--primary);
}

.bootstrap-datetimepicker-widget table td.today::before {
  border-bottom-color: var(--primary);
}

/*** Testimonial ***/
.progress .progress-bar {
  width: 0px;
  transition: 2s;
}

/*** Testimonial ***/
.testimonial-carousel .owl-dots {
  margin-top: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.testimonial-carousel .owl-dot {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  width: 15px;
  height: 15px;
  border: 5px solid var(--primary);
  border-radius: 15px;
  transition: 0.5s;
}

.testimonial-carousel .owl-dot.active {
  background: var(--dark);
  border-color: var(--primary);
}

.sombra_first {
  box-shadow: 0 1px 4px rgba(55, 73, 87, 0.06),
    0 10px 20px rgba(55, 73, 87, 0.1);
}
.sombra_produto {
  box-shadow: 0 1px 4px rgba(55, 73, 87, 0.06),
    0 10px 20px rgba(55, 73, 87, 0.1);
}

@media (min-width: 992px) {
  .contentaz {
    width: calc(100% - 0px);
  }

  .contentaz.open {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  .contentaz .navbar .navbar-nav .nav-link {
    margin-left: 15px;
    width: 250px;
  }
}

.contentaz .navbar .navbar-nav .nav-link {
  margin-left: 25px;
  padding: 12px 0;
  color: var(--dark);
  outline: none;
  width: 250px;
}

.contentaz .navbar .navbar-nav .nav-link:hover,
.contentaz .navbar .navbar-nav .nav-link.active {
  color: var(--primary);
  width: 250px;
}

.contentaz .navbar .sidebar-toggler,
.contentaz .navbar .navbar-nav .nav-link i {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--light2);
  border-radius: 40px;
}

.contentaz .navbar .dropdown-toggle::after {
  margin-left: 6px;
  vertical-align: middle;
  border: none;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  transition: 0.5s;
}

.contentaz .navbar .dropdown-toggle[aria-expanded="true"]::after {
  transform: rotate(-180deg);
}

@media (max-width: 991.98px) {
  .sidebar {
    margin-left: -250px;
  }

  .sidebar.open {
    margin-left: 0;
  }

  .content {
    width: 100%;
    margin-left: 0;
  }
}

.contentaz {
  margin-left: 0px;
  min-height: 100vh;
  background: var(--light2);
  transition: 0.5s;
}

.main_product {
  margin-left: -30px;
  margin-right: -30px;
  margin-top: -10px;
}

.desaparecer {
  display: none;
}

/* Cores
*/
.color-white {
  color: var(--light) !important;
}

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

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

.bg-mediumblue {
  background-color: var(--blue1) !important;
}

.bg-blue {
  background-color: var(--blue2) !important;
}
.bg-royalblue {
  background-color: var(--royalblue) !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*  Fim Cores
*/

direita {
  display: block;
  text-align: right;
}

.direita {
  display: block;
  text-align: right;
}

esquerda {
  display: block;
  text-align: left;
}

.esquerda {
  display: block;
  text-align: left;
}

centralizado {
  display: block;
  text-align: -webkit-center;
}
.centralizado {
  display: block;
  text-align: -webkit-center;
}

/* Margin
*/
.margin5 {
  margin: 5px 0px 5px !important;
}

.margin10 {
  margin: 10px 0px 10px !important;
}

.margin50 {
  margin: 50px 0px 50px !important;
}

.margin100 {
  margin: 100px 0px 100px !important;
}

.margin-top5 {
  margin-top: 5px;
}

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

.margin-top15 {
  margin-top: 15px;
}

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

.margin-top25 {
  margin-top: 25px;
}

.tamanho-width30pol {
  width: 30%;
}

.tamanho-width40pol {
  width: 40%;
}

.tamanho-width50pol {
  width: 50%;
}

.tamanho-width80pol {
  width: 80%;
}

.tamanho-width90pol {
  width: 90%;
}

/* Fim Margin
*/

/*  Fonte
*/

.fontcor-branco {
  color: #fff;
}

.fontcor-black {
  color: var(--black);
}

.fontcor-grey11 {
  color: #1c1c1c;
}

.fontcor-grey21 {
  color: #363636;
}

.fontcor-grey31 {
  color: #4f4f4f;
}

.fontcor-dimgray {
  color: #696969;
}

.fontcor-gray {
  color: #808080;
}

.fontcor-darkgray {
  color: #a9a9a9;
}

.fontcor-silver {
  color: #c0c0c0;
}

.fontcor-gainsboro {
  color: #dcdcdc;
}

.fontcor-lightgrey {
  color: #d3d3d3;
}

.font10 {
  font-size: 10px!important;
}

.font11 {
  font-size: 11px!important;
}

.font12 {
  font-size: 12px!important;
}

.font13 {
  font-size: 13px!important;
}

.font14 {
  font-size: 14px!important;
}

.font15 {
  font-size: 15px!important;
}

.font18 {
  font-size: 18px;
}

.font20 {
  font-size: 20px;
}

.font22 {
  font-size: 22px;
}

.font25 {
  font-size: 25px;
}

.font30 {
  font-size: 30px;
}
.font31 {
  font-size: 31px;
}

.font35 {
  font-size: 35px;
}

.font40 {
  font-size: 40px;
}

.font45 {
  font-size: 45px;
}

.height32 {
  height: 32px;
}

.height40 {
  height: 40px;
}

.height50 {
  height: 50px;
}

.height64 {
  height: 64px;
}

.height70 {
  height: 70px;
}

.height75 {
  height: 75px;
}

.height74 {
  height: 74px;
}

.height78 {
  height: 78px;
}

.height82 {
  height: 82px;
}

.height88 {
  height: 88px;
}

.height92 {
  height: 92px;
}

.text-prime-maiusculo {
  text-transform: capitalize;
}

.text-maiusculo {
  text-transform: uppercase;
}

.text-minuscula {
  text-transform: lowercase;
}

.text-none {
  text-transform: none;
}

.text-alinha-direita {
  display: block;
  text-align: right;
}

.text-alinha-esquerda {
  display: block;
  text-align: left;
}

.text-alinha-centralizado {
  display: block;
  text-align: -webkit-center;
}

.text-lim150 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 150px;
}

.text-lim200 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
}

.text-lim250 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 250px;
}

.text-lim300 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 300px;
}

.text-lim400 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 400px;
}

.text-lim500 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 500px;
}

.text-lim600 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 600px;
}

.text-lim700 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 700px;
}

.text-lim800 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 800px;
}

.text-lim900 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 900px;
}

.text-lim1000 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 1000px;
}

.text-lim1150 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 1150px;
}

.text-negrito {
  font-weight: bolder;
}

.text-negrito100 {
  font-weight: bolder;
  font-weight: 100;
}

.text-negrito200 {
  font-weight: bolder;
  font-weight: 200;
}

.text-negrito300 {
  font-weight: bolder;
  font-weight: 300;
}

.text-negrito400 {
  font-weight: bolder;
  font-weight: 400;
}

.text-negrito400 {
  font-weight: bolder;
  font-weight: 400;
}

/*  Fim Fonte
*/

.border-radius5 {
  border-radius: 5px 5px 5px 5px;
}

.border-radius10 {
  border-radius: 10px 10px 10px 10px;
}

.border-radius20 {
  border-radius: 20px 20px 20px 20px;
}

.border-radius0550 {
  border-radius: 0px 5px 5px 0px;
}

.border-radius5500 {
  border-radius: 5px 5px 0px 0px;
}

.border-radius0050 {
  border-radius: 0px 0px 5px 0px;
}

.border-radius5005 {
  border-radius: 5px 0px 0px 5px;
}

.border-radius0500 {
  border-radius: 0px 5px 0px 0px;
}

.border-radius5000 {
  border-radius: 5px 0px 0px 0px;
}

.transparent_input {
  background: transparent;
  border: none;
  outline: none;
  margin: -2px -2px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

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

.c_cursor_pointer {
  cursor: pointer;
}

.maxH21 {
  max-height: 21px !important;
}

.stepwizard-step p {
  margin-top: 10px;
}

.stepwizard-row {
  display: table-row;
}

.stepwizard {
  display: table;
  width: 100%;
  position: relative;
}

.stepwizard-step button[disabled] {
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
  top: 14px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 100%;
  height: 2px;
  background-color: #202020;
  z-order: 0;
}

.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

button.btn.btn-default.btn-circle {
  background: #27667c;
  color: #fff;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 12%);
}

button.btn.btn-primary.btn-circle {
  background: var(--light2);
  color: #ccc;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 12%);
}

.float-right {
  float: right;
  width: 200px;
  margin-right: 2px;
}
.content-right {
  float: right;
}

.nav-item .nav-link.active {
  color: var(--light2) !important;
  background-color: var(--primary);
  height: 42px;
  padding: 2px 8px;
}

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

.input-shadow-royalblue:focus {
  box-shadow: 0 0 5px var(--royalblue); /* Custom focus shadow color */
}

/* Style for the scrollbar */
::-webkit-scrollbar {
  width: 6px; /* width of the scrollbar */
}

/* Track (background) of the scrollbar */
::-webkit-scrollbar-track {
  background: #dedede; /* color of the track */
}

/* Handle (thumb) of the scrollbar */
::-webkit-scrollbar-thumb {
  background: var(--primary); /* color of the handle */
  border-radius: 4px; /* rounded corners of the handle */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--primary); /* darker color when hovered */
}

#dataTable {
  margin-bottom: 50px;
}

.cursor-pointer {
  cursor: pointer;
}

.max-w140 {
  max-width: 140px;
}

.max-w160 {
  max-width: 160px;
}
#dataTable {
  cursor: pointer;
}

#dataTable > tbody > tr.table-row.table-row-odd > td {
  background-color: var(--bs-table-striped-bg, rgba(0, 0, 0, 0.05));
}

#dataTable > tbody > tr.table-row.table-row-even > td {
  background-color: var(--bs-table-bg, #fff);
}

#dataTable > tbody > tr.dropdown-row > td {
  background-color: var(--bs-table-bg, #fff);
}

.vh-15 {
  height: 15vh !important;
}