@charset "UTF-8";
.section-spinner {
  text-align: center;
}
.section-spinner .spinner {
  display: inline-block;
}
.section-spinner .spinner::before {
  width: 50px;
  height: 50px;
  border-width: 4px;
}

.bg-yellow-up {
  background-color: #ffd100;
}

.visit_description h1 {
  font-size: 15px;
}
.visit_description p {
  margin-bottom: 0px;
}

#chart-product .apexcharts-legend {
  display: none;
}

.day.disabled {
  color: #eae5e5 !important;
}

.calendar {
  width: 100%;
  min-width: 800px;
  border: 1px solid #999;
}
.calendar .month-title {
  padding: 20px;
  font-size: 20px;
  text-align: center;
}
.calendar .month-title .year {
  font-size: 12px;
}
.calendar .week-title {
  width: 14%;
  background-color: #CCC;
  border: 1px solid #999;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
}
.calendar .day {
  height: 100px;
  border: 1px solid #999;
  vertical-align: top;
}
.calendar .day .day-title {
  width: 100%;
  text-align: right;
  padding: 5px;
  color: #999;
}
.calendar .day .day-content {
  width: 100%;
  position: relative;
  height: inherit;
}
.calendar .day .day-content input {
  width: 100%;
  text-align: center;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  border: none;
}

.calendar-month {
  width: 100%;
  min-width: 800px;
  border: 1px solid #999;
}
.calendar-month .month-title {
  padding: 20px;
  font-size: 20px;
  text-align: center;
}
.calendar-month .month-title .year {
  font-size: 12px;
}
.calendar-month .product-title {
  width: 250px;
  background-color: #CCC;
  border: 1px solid #999;
  text-align: center;
  font-weight: bold;
  padding: 5px;
}
.calendar-month .day-title {
  min-width: 30px;
  background-color: #CCC;
  border: 1px solid #999;
  text-align: center;
  font-weight: bold;
  padding: 5px;
}
.calendar-month .product-data {
  display: flex;
  padding: 20px 5px;
  border: 1px solid #999;
}
.calendar-month .product-data .img {
  width: 100px;
  height: 100px;
  background-size: cover;
  background-position: center;
}
.calendar-month .product-data .data {
  margin-left: 5px;
}
.calendar-month .product-data .data .title {
  font-weight: bold;
}
.calendar-month .product-data .data .obs {
  font-size: 9px;
}
.calendar-month .days-content {
  position: relative;
  border: 1px solid #999;
}
.calendar-month .day {
  min-width: 30px;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid #999;
  position: relative;
}
.calendar-month .day input {
  width: 30px;
  text-align: center;
  margin: 0 auto;
  display: block;
  border: none;
}

.select-readonly {
  background-color: #d5d5d5;
  opacity: 0.5;
  border-radius: 3px;
  cursor: not-allowed;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9;
}

/* DEMO chat */
.color-whatsapp {
  color: #d9fdd3;
}

.symbol-rounded {
  border-radius: 50% !important;
}

.date-of-day {
  position: sticky;
  background-color: #ffffff;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  z-index: 2;
  padding: 5px 12px 6px 12px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12.5px;
  line-height: 21px;
  color: #54656f;
  border-radius: 7.5px;
  box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
  text-transform: uppercase;
}
.date-of-day.v3 {
  z-index: 1;
}

.back-contact {
  width: 100%;
  border-bottom: 1px solid #ececec;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.back-contact svg {
  width: 10px;
  display: inline-block;
  margin-right: 5px;
}

.checkbox.checkbox-lg > span {
  width: 17px !important;
  height: 17px !important;
}

.title-chat-opportunity {
  background-color: transparent !important;
}

.messages-chat-whats {
  padding: 15px;
  background-image: url(/images/bg-whatsapp.jpg?bdbfe242eff5d63bfe23566f73949b91);
  background-attachment: fixed;
  min-height: 100%;
}

.contactActived {
  transition: all 0.3s linear;
  background-color: #ececec;
  padding: 4px;
}

.type-client,
.type-user {
  box-shadow: 0 1px 0.5px rgba(11, 20, 26, 0.13);
  border-radius: 7.5px;
  padding: 6px 7px 8px 9px;
  position: relative;
  font-size: 12.5px;
  line-height: 19px;
  color: #111b21;
}
.type-client .time-message,
.type-user .time-message {
  color: #667781;
  font-size: 10px;
}
@media screen and (min-width: 1301px) {
  .type-client,
.type-user {
    max-width: 65%;
  }
}

/* client */
.type-client {
  background-color: #ffffff !important;
  border-top-left-radius: 0;
}

/* .type-client .resp-baloon{
		background-color: #f7f7f7;
	}
	.type-client .resp-baloon{
		background-color: #f7f7f7;
	} */
.type-client .order-direction .symbol {
  margin-right: 0.75rem !important;
}

/* user */
.type-user {
  background-color: #d9fdd3 !important;
  border-top-right-radius: 0;
}
.type-user .order-direction {
  flex-direction: row-reverse;
}
.type-user .order-direction .symbol {
  margin-left: 0.75rem !important;
}
.type-user .time-message {
  text-align: right;
  float: right;
  clear: both;
  margin-top: 10px;
  margin-left: 10px;
  margin-bottom: -10px;
}

.card.card-custom > .card-footer {
  background-color: #ffffff !important;
  z-index: 2;
}
.card.card-custom > .card-footer.v3 {
  z-index: 1;
}

.overlay-rec-audio-chat {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.1);
}

.ico-recording-up {
  z-index: 3;
  position: relative;
}

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

@media (min-width: 768px) and (orientation: landscape) {
  .kt_chat_aside-contacts {
    max-height: calc(100vh - 65px);
    overflow: hidden;
    overflow-y: auto;
  }
}
@media (max-width: 992px) {
  #kt_chat_aside {
    width: 100% !important;
  }
  #kt_chat_content {
    display: none;
  }
  .accordion #kt_chat_content {
    display: block;
  }
  .text-data {
    font-size: 11px;
  }
  .w-200px {
    width: auto !important;
    max-width: 100% !important;
  }
  .type-client,
.type-user {
    max-width: 90%;
  }
  .type-client audio,
.type-user audio {
    min-width: 200px;
    width: 100%;
    max-width: 100%;
  }
  .card-footer {
    padding: 10px 5px !important;
  }
}
/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/
.rect-auto, .c100.p51 .slice, .c100.p52 .slice, .c100.p53 .slice, .c100.p54 .slice, .c100.p55 .slice, .c100.p56 .slice, .c100.p57 .slice, .c100.p58 .slice, .c100.p59 .slice, .c100.p60 .slice, .c100.p61 .slice, .c100.p62 .slice, .c100.p63 .slice, .c100.p64 .slice, .c100.p65 .slice, .c100.p66 .slice, .c100.p67 .slice, .c100.p68 .slice, .c100.p69 .slice, .c100.p70 .slice, .c100.p71 .slice, .c100.p72 .slice, .c100.p73 .slice, .c100.p74 .slice, .c100.p75 .slice, .c100.p76 .slice, .c100.p77 .slice, .c100.p78 .slice, .c100.p79 .slice, .c100.p80 .slice, .c100.p81 .slice, .c100.p82 .slice, .c100.p83 .slice, .c100.p84 .slice, .c100.p85 .slice, .c100.p86 .slice, .c100.p87 .slice, .c100.p88 .slice, .c100.p89 .slice, .c100.p90 .slice, .c100.p91 .slice, .c100.p92 .slice, .c100.p93 .slice, .c100.p94 .slice, .c100.p95 .slice, .c100.p96 .slice, .c100.p97 .slice, .c100.p98 .slice, .c100.p99 .slice, .c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie, .c100 .bar, .c100.p51 .fill, .c100.p52 .fill, .c100.p53 .fill, .c100.p54 .fill, .c100.p55 .fill, .c100.p56 .fill, .c100.p57 .fill, .c100.p58 .fill, .c100.p59 .fill, .c100.p60 .fill, .c100.p61 .fill, .c100.p62 .fill, .c100.p63 .fill, .c100.p64 .fill, .c100.p65 .fill, .c100.p66 .fill, .c100.p67 .fill, .c100.p68 .fill, .c100.p69 .fill, .c100.p70 .fill, .c100.p71 .fill, .c100.p72 .fill, .c100.p73 .fill, .c100.p74 .fill, .c100.p75 .fill, .c100.p76 .fill, .c100.p77 .fill, .c100.p78 .fill, .c100.p79 .fill, .c100.p80 .fill, .c100.p81 .fill, .c100.p82 .fill, .c100.p83 .fill, .c100.p84 .fill, .c100.p85 .fill, .c100.p86 .fill, .c100.p87 .fill, .c100.p88 .fill, .c100.p89 .fill, .c100.p90 .fill, .c100.p91 .fill, .c100.p92 .fill, .c100.p93 .fill, .c100.p94 .fill, .c100.p95 .fill, .c100.p96 .fill, .c100.p97 .fill, .c100.p98 .fill, .c100.p99 .fill, .c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
}

.pie-fill, .c100.p51 .bar:after, .c100.p51 .fill, .c100.p52 .bar:after, .c100.p52 .fill, .c100.p53 .bar:after, .c100.p53 .fill, .c100.p54 .bar:after, .c100.p54 .fill, .c100.p55 .bar:after, .c100.p55 .fill, .c100.p56 .bar:after, .c100.p56 .fill, .c100.p57 .bar:after, .c100.p57 .fill, .c100.p58 .bar:after, .c100.p58 .fill, .c100.p59 .bar:after, .c100.p59 .fill, .c100.p60 .bar:after, .c100.p60 .fill, .c100.p61 .bar:after, .c100.p61 .fill, .c100.p62 .bar:after, .c100.p62 .fill, .c100.p63 .bar:after, .c100.p63 .fill, .c100.p64 .bar:after, .c100.p64 .fill, .c100.p65 .bar:after, .c100.p65 .fill, .c100.p66 .bar:after, .c100.p66 .fill, .c100.p67 .bar:after, .c100.p67 .fill, .c100.p68 .bar:after, .c100.p68 .fill, .c100.p69 .bar:after, .c100.p69 .fill, .c100.p70 .bar:after, .c100.p70 .fill, .c100.p71 .bar:after, .c100.p71 .fill, .c100.p72 .bar:after, .c100.p72 .fill, .c100.p73 .bar:after, .c100.p73 .fill, .c100.p74 .bar:after, .c100.p74 .fill, .c100.p75 .bar:after, .c100.p75 .fill, .c100.p76 .bar:after, .c100.p76 .fill, .c100.p77 .bar:after, .c100.p77 .fill, .c100.p78 .bar:after, .c100.p78 .fill, .c100.p79 .bar:after, .c100.p79 .fill, .c100.p80 .bar:after, .c100.p80 .fill, .c100.p81 .bar:after, .c100.p81 .fill, .c100.p82 .bar:after, .c100.p82 .fill, .c100.p83 .bar:after, .c100.p83 .fill, .c100.p84 .bar:after, .c100.p84 .fill, .c100.p85 .bar:after, .c100.p85 .fill, .c100.p86 .bar:after, .c100.p86 .fill, .c100.p87 .bar:after, .c100.p87 .fill, .c100.p88 .bar:after, .c100.p88 .fill, .c100.p89 .bar:after, .c100.p89 .fill, .c100.p90 .bar:after, .c100.p90 .fill, .c100.p91 .bar:after, .c100.p91 .fill, .c100.p92 .bar:after, .c100.p92 .fill, .c100.p93 .bar:after, .c100.p93 .fill, .c100.p94 .bar:after, .c100.p94 .fill, .c100.p95 .bar:after, .c100.p95 .fill, .c100.p96 .bar:after, .c100.p96 .fill, .c100.p97 .bar:after, .c100.p97 .fill, .c100.p98 .bar:after, .c100.p98 .fill, .c100.p99 .bar:after, .c100.p99 .fill, .c100.p100 .bar:after, .c100.p100 .fill {
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
}

.c100 *, .c100 *:before, .c100 *:after {
  box-sizing: content-box;
}

.c100.center {
  float: none;
  margin: 0 auto;
}

.c100.big {
  font-size: 240px;
}

.c100.small {
  font-size: 80px;
}

.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 50%;
  top: 65%;
  transform: translate(-50%, -50%);
  line-height: normal;
  font-size: 13px;
  font-weight: 700;
  color: #3F4254;
  display: block;
  text-align: center;
  white-space: nowrap;
}

.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: whitesmoke;
  width: 0.84em;
  height: 0.84em;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}

.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
  transform: rotate(3.6deg);
}

.c100.p2 .bar {
  transform: rotate(7.2deg);
}

.c100.p3 .bar {
  transform: rotate(10.8deg);
}

.c100.p4 .bar {
  transform: rotate(14.4deg);
}

.c100.p5 .bar {
  transform: rotate(18deg);
}

.c100.p6 .bar {
  transform: rotate(21.6deg);
}

.c100.p7 .bar {
  transform: rotate(25.2deg);
}

.c100.p8 .bar {
  transform: rotate(28.8deg);
}

.c100.p9 .bar {
  transform: rotate(32.4deg);
}

.c100.p10 .bar {
  transform: rotate(36deg);
}

.c100.p11 .bar {
  transform: rotate(39.6deg);
}

.c100.p12 .bar {
  transform: rotate(43.2deg);
}

.c100.p13 .bar {
  transform: rotate(46.8deg);
}

.c100.p14 .bar {
  transform: rotate(50.4deg);
}

.c100.p15 .bar {
  transform: rotate(54deg);
}

.c100.p16 .bar {
  transform: rotate(57.6deg);
}

.c100.p17 .bar {
  transform: rotate(61.2deg);
}

.c100.p18 .bar {
  transform: rotate(64.8deg);
}

.c100.p19 .bar {
  transform: rotate(68.4deg);
}

.c100.p20 .bar {
  transform: rotate(72deg);
}

.c100.p21 .bar {
  transform: rotate(75.6deg);
}

.c100.p22 .bar {
  transform: rotate(79.2deg);
}

.c100.p23 .bar {
  transform: rotate(82.8deg);
}

.c100.p24 .bar {
  transform: rotate(86.4deg);
}

.c100.p25 .bar {
  transform: rotate(90deg);
}

.c100.p26 .bar {
  transform: rotate(93.6deg);
}

.c100.p27 .bar {
  transform: rotate(97.2deg);
}

.c100.p28 .bar {
  transform: rotate(100.8deg);
}

.c100.p29 .bar {
  transform: rotate(104.4deg);
}

.c100.p30 .bar {
  transform: rotate(108deg);
}

.c100.p31 .bar {
  transform: rotate(111.6deg);
}

.c100.p32 .bar {
  transform: rotate(115.2deg);
}

.c100.p33 .bar {
  transform: rotate(118.8deg);
}

.c100.p34 .bar {
  transform: rotate(122.4deg);
}

.c100.p35 .bar {
  transform: rotate(126deg);
}

.c100.p36 .bar {
  transform: rotate(129.6deg);
}

.c100.p37 .bar {
  transform: rotate(133.2deg);
}

.c100.p38 .bar {
  transform: rotate(136.8deg);
}

.c100.p39 .bar {
  transform: rotate(140.4deg);
}

.c100.p40 .bar {
  transform: rotate(144deg);
}

.c100.p41 .bar {
  transform: rotate(147.6deg);
}

.c100.p42 .bar {
  transform: rotate(151.2deg);
}

.c100.p43 .bar {
  transform: rotate(154.8deg);
}

.c100.p44 .bar {
  transform: rotate(158.4deg);
}

.c100.p45 .bar {
  transform: rotate(162deg);
}

.c100.p46 .bar {
  transform: rotate(165.6deg);
}

.c100.p47 .bar {
  transform: rotate(169.2deg);
}

.c100.p48 .bar {
  transform: rotate(172.8deg);
}

.c100.p49 .bar {
  transform: rotate(176.4deg);
}

.c100.p50 .bar {
  transform: rotate(180deg);
}

.c100.p51 .bar {
  transform: rotate(183.6deg);
}

.c100.p52 .bar {
  transform: rotate(187.2deg);
}

.c100.p53 .bar {
  transform: rotate(190.8deg);
}

.c100.p54 .bar {
  transform: rotate(194.4deg);
}

.c100.p55 .bar {
  transform: rotate(198deg);
}

.c100.p56 .bar {
  transform: rotate(201.6deg);
}

.c100.p57 .bar {
  transform: rotate(205.2deg);
}

.c100.p58 .bar {
  transform: rotate(208.8deg);
}

.c100.p59 .bar {
  transform: rotate(212.4deg);
}

.c100.p60 .bar {
  transform: rotate(216deg);
}

.c100.p61 .bar {
  transform: rotate(219.6deg);
}

.c100.p62 .bar {
  transform: rotate(223.2deg);
}

.c100.p63 .bar {
  transform: rotate(226.8deg);
}

.c100.p64 .bar {
  transform: rotate(230.4deg);
}

.c100.p65 .bar {
  transform: rotate(234deg);
}

.c100.p66 .bar {
  transform: rotate(237.6deg);
}

.c100.p67 .bar {
  transform: rotate(241.2deg);
}

.c100.p68 .bar {
  transform: rotate(244.8deg);
}

.c100.p69 .bar {
  transform: rotate(248.4deg);
}

.c100.p70 .bar {
  transform: rotate(252deg);
}

.c100.p71 .bar {
  transform: rotate(255.6deg);
}

.c100.p72 .bar {
  transform: rotate(259.2deg);
}

.c100.p73 .bar {
  transform: rotate(262.8deg);
}

.c100.p74 .bar {
  transform: rotate(266.4deg);
}

.c100.p75 .bar {
  transform: rotate(270deg);
}

.c100.p76 .bar {
  transform: rotate(273.6deg);
}

.c100.p77 .bar {
  transform: rotate(277.2deg);
}

.c100.p78 .bar {
  transform: rotate(280.8deg);
}

.c100.p79 .bar {
  transform: rotate(284.4deg);
}

.c100.p80 .bar {
  transform: rotate(288deg);
}

.c100.p81 .bar {
  transform: rotate(291.6deg);
}

.c100.p82 .bar {
  transform: rotate(295.2deg);
}

.c100.p83 .bar {
  transform: rotate(298.8deg);
}

.c100.p84 .bar {
  transform: rotate(302.4deg);
}

.c100.p85 .bar {
  transform: rotate(306deg);
}

.c100.p86 .bar {
  transform: rotate(309.6deg);
}

.c100.p87 .bar {
  transform: rotate(313.2deg);
}

.c100.p88 .bar {
  transform: rotate(316.8deg);
}

.c100.p89 .bar {
  transform: rotate(320.4deg);
}

.c100.p90 .bar {
  transform: rotate(324deg);
}

.c100.p91 .bar {
  transform: rotate(327.6deg);
}

.c100.p92 .bar {
  transform: rotate(331.2deg);
}

.c100.p93 .bar {
  transform: rotate(334.8deg);
}

.c100.p94 .bar {
  transform: rotate(338.4deg);
}

.c100.p95 .bar {
  transform: rotate(342deg);
}

.c100.p96 .bar {
  transform: rotate(345.6deg);
}

.c100.p97 .bar {
  transform: rotate(349.2deg);
}

.c100.p98 .bar {
  transform: rotate(352.8deg);
}

.c100.p99 .bar {
  transform: rotate(356.4deg);
}

.c100.p100 .bar {
  transform: rotate(360deg);
}

.c100:hover {
  cursor: default;
}

/*dev*/
/*gray light*/
.c100.light .bar, .c100.light .fill {
  border-color: #B5B5C3 !important;
}

/*gray dark*/
.c100.dark .bar, .c100.dark .fill {
  border-color: #3F4254 !important;
}

/*danger*/
.c100.danger .bar, .c100.danger .fill {
  border-color: #F64E60 !important;
}

/*warning*/
.c100.warning .bar, .c100.warning .fill {
  border-color: #FFA800 !important;
}

/*primary*/
.c100.primary .bar, .c100.primary .fill {
  border-color: #3699FF !important;
}

/*success*/
.c100.success .bar, .c100.success .fill {
  border-color: #1BC5BD !important;
}

.c100 .ico-svg {
  position: absolute;
  left: 50%;
  top: 35%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
}

body {
  background-color: #f5f5f5 !important;
  color: #000000 !important;
}

.cursor-pointer {
  cursor: pointer;
}

.svg-inline {
  position: relative;
  text-indent: 0 !important;
  background-image: none !important;
}
.svg-inline svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#symbol_name {
  background-color: #ffd100;
  color: black;
}

.header {
  background-color: #ffffff;
}

.nav-item,
.nav-text {
  cursor: pointer;
}

.filter {
  background-color: #6c6c6c;
  padding: 20px 0;
  color: #ffffff;
}
.filter .nav-item {
  color: #ffffff;
  margin-right: 30px;
}
.filter .nav-item .nav-link {
  color: #ffffff;
}
.filter .nav-item .nav-link.title {
  font-weight: bold;
  text-decoration: none;
}
.filter .nav-item .nav-link.title:hover {
  color: #ffffff;
}
.filter .nav-item .nav-link:hover, .filter .nav-item .nav-link.active {
  color: #ebebeb;
}
.filter .nav-item .close {
  font-size: 1.2rem;
  padding: 0.75rem 0.1rem;
  text-shadow: none;
}

.table th a {
  display: block;
  width: 100%;
  height: 100%;
}
.table .table-list-item td {
  vertical-align: middle;
}
.table .table-list-item:hover td {
  background-color: rgba(240, 240, 240, 0.4) !important;
}
.table .table-list-item.inactive-line td {
  background-color: #cccccc;
}

.hide {
  display: none;
}

.separator {
  height: unset !important;
  display: flex;
  align-items: flex-end;
}
.separator .btn {
  margin-left: auto;
}
.separator h4 {
  margin: 0;
}

.vertical-center {
  margin: 0;
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}

.force-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-open .modal {
  /* overflow-x: hidden;
  overflow-y: auto !important; */
  overflow: initial !important;
}
.modal-open .modal .modal-dialog {
  overflow: auto;
  min-height: 200px;
}
.modal-open .modal .modal-dialog > div {
  padding: 0 !important;
}

.container-gallery {
  background-color: #eef0f8;
  padding-top: 1px;
}

.image-gallery {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 200px;
}

.image-file {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 200px;
}

.grayscale {
  filter: grayscale(1);
}

.btn.btn-icon.sync {
  height: calc(1rem + 2px);
  width: calc(1rem + 2px);
}

.welcome-dash {
  padding: 0 30px;
}
.welcome-dash h1 {
  font-size: 60px;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .welcome-dash h1 {
    font-size: 40px;
  }
}

.block {
  display: block;
}

.card-product {
  cursor: pointer;
}

.select2 {
  width: 100% !important;
  display: block !important;
}

.form .row .error {
  color: red;
}
.form .row .error a {
  color: red;
  font-weight: bold;
}

.ck.ck-balloon-panel {
  z-index: 2000 !important;
}

input[readonly=readonly] {
  background-color: #f3f6f9 !important;
}

th.large {
  width: 360px;
}

/* Menu Lateral */
.aside-menu .menu-nav .menu-item-active .menu-link .menu-text {
  color: #000000 !important;
}
.aside-menu .menu-nav .menu-item-active .menu-link .menu-icon svg g [fill] {
  fill: #000000 !important;
}
.aside-menu .menu-nav .menu-item:hover .menu-link .menu-text {
  color: #000000 !important;
}
.aside-menu .menu-nav .menu-item:hover .menu-link .menu-icon svg g [fill] {
  fill: #000000 !important;
}

.aside .brand .btn:hover .svg-icon svg g [fill] {
  fill: #000000 !important;
}

/* Fim menu lateral */
/* Ínicio table e botões /user/list/4 "*/
.items_table_users a {
  color: black !important;
}

.items_table_users.sorting_desc:after {
  color: #000000 !important;
}

.items_table_users.sorting_asc:before {
  color: #000000 !important;
}

.btn_exportar_users,
.btn_arrow_down_users {
  background-color: #000000 !important;
  color: #ffffff !important;
}
.btn_exportar_users i,
.btn_arrow_down_users i {
  color: #ffffff !important;
}
.btn_exportar_users:hover, .btn_exportar_users:focus,
.btn_arrow_down_users:hover,
.btn_arrow_down_users:focus {
  background-color: #ffd100 !important;
  color: #000000 !important;
}
.btn_exportar_users:hover i, .btn_exportar_users:focus i,
.btn_arrow_down_users:hover i,
.btn_arrow_down_users:focus i {
  color: #000000 !important;
}
.btn_exportar_users:hover .svg-icon svg g circle,
.btn_exportar_users:hover .svg-icon svg g path, .btn_exportar_users:focus .svg-icon svg g circle,
.btn_exportar_users:focus .svg-icon svg g path,
.btn_arrow_down_users:hover .svg-icon svg g circle,
.btn_arrow_down_users:hover .svg-icon svg g path,
.btn_arrow_down_users:focus .svg-icon svg g circle,
.btn_arrow_down_users:focus .svg-icon svg g path {
  fill: black;
}

.btn_novo_users {
  background-color: #ffd100 !important;
  color: #000000 !important;
}
.btn_novo_users .svg-icon svg g circle,
.btn_novo_users .svg-icon svg g path {
  fill: black;
}
.btn_novo_users:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}
.btn_novo_users:hover .svg-icon svg g circle,
.btn_novo_users:hover .svg-icon svg g path {
  fill: white;
}

/* Fim table e botões /user/list/4 "*/
.text-success-end {
  color: #0c7327 !important;
}

.bg-success-end {
  background-color: #0c7327 !important;
}

.bg-radial-gradient-success-end {
  background-color: #0c7327;
  background-image: radial-gradient(circle, rgba(255, 226, 229, 0.4), #0c7327 70%);
}

.title-chat-opportunity {
  background-color: #fff;
  color: #aaa;
  position: relative;
  height: 25px;
}
.title-chat-opportunity a {
  color: #aaa;
}
.title-chat-opportunity span {
  background-color: #fff;
  display: inline-block;
  padding: 0 10px;
  position: absolute;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}
.title-chat-opportunity::before {
  border-top: 1px solid #aaa;
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  width: 100%;
}

.table-active-white {
  background-color: white;
}

.message-not-read {
  background: green;
  width: 18px;
  height: 18px;
  border-radius: 10px;
}

@media (max-width: 1570px) {
  .row-catalog {
    display: flex;
    flex-wrap: wrap;
  }
  .row-catalog .col {
    min-width: 120px;
    max-width: 10%;
    margin-bottom: 15px;
  }
}
@media (max-width: 570px) {
  .row-catalog .col {
    min-width: auto;
    max-width: none;
    flex-grow: 0;
  }
}
@media (max-width: 420px) {
  .row-catalog .col {
    flex-grow: 1;
  }
}

@media (min-width: 992px) {
  .container-fluid--sticky-slim {
    position: sticky;
    top: 60px;
    z-index: 2;
    border-top: 5px solid #f3f3f3;
  }
}
.btn,
.label.label-inline,
.form-control,
.form-control input,
.input-group.input-group-solid.input-group-sm,
.input-group.input-group-solid,
#btn_verMais, #btn_buscar,
.card,
.dropdown-menu,
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple,
.rounded,
.modal-content, .label {
  border-radius: 0.42rem !important;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.55rem 0.75rem !important;
  font-size: 0.925rem !important;
  line-height: 1.35 !important;
  border-radius: 0.42rem !important;
}

.btn.btn-hover-primary:hover:not(.btn-text):not(:disabled):not(.disabled), .btn.btn-hover-primary:focus:not(.btn-text), .btn.btn-hover-primary.focus:not(.btn-text) {
  color: #FFFFFF !important;
  background-color: #000000 !important;
  border-color: #000000 !important;
}

#btn_verMais, #btn_buscar {
  background-color: transparent !important;
  color: #B5B5C3 !important;
}

.min-full-h {
  min-height: 92svh;
}

.max-full-h {
  overflow-y: auto;
  height: 100svh;
  max-height: 55svh;
}

@media (max-width: 1200px) {
  .overflow-mob {
    overflow-x: auto;
  }
  .overflow-mob .dropdown-menu.show {
    top: 110px !important;
    left: 79% !important;
    position: fixed !important;
  }
}

.side-sticky {
  position: sticky;
  top: 150px;
  width: 400px;
}
@media (max-width: 1280px) {
  .side-sticky {
    width: 100%;
    max-width: 350px;
  }
}
@media (max-width: 992px) {
  .side-sticky {
    top: 70px;
    max-width: none;
  }
}

.parent-temp-porcent {
  display: flex;
  justify-content: center;
  max-width: 170px;
  margin: 0 auto;
}
.parent-temp-porcent svg {
  width: 170px;
  height: 140px;
}
.parent-temp-porcent svg g {
  transform: translate(0%, 0) scale(0.98);
}

.widt-fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

.w-200 {
  width: 200px !important;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title {
  color: #181C32 !important;
  position: relative;
}

.accordion .card .card-header .card-title {
  padding: 1rem 1.25rem;
  margin: 0;
  font-size: 1.15rem;
  font-weight: 500;
  color: #181C32 !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.15s ease;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title:after {
  position: absolute;
  font-family: Ki;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "\f109";
  color: #181C32 !important;
  font-size: 0.7rem;
  transition: all 0.15s ease;
}

.accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed:after {
  color: #7E8299;
  transition: all 0.15s ease;
  transform: rotate(0deg);
}

.accordion.accordion-toggle-arrow .card .card-header .card-title.collapsed .svg-icon {
  transform: rotate(0deg);
}

.accordion.accordion-toggle-arrow .card .card-header .card-title .svg-icon {
  transform: rotate(90deg);
  transition: transform 0.2s ease;
}

.accordion .card .card-header .card-title:after {
  right: 2rem !important;
}

.accordion .card .card-header .card-title.no-arrow:after {
  display: none !important;
}

.switch input:empty ~ span,
.switch input:empty ~ span:before,
.switch input:empty ~ span:after {
  border-radius: 15px !important;
}

.navi.navi-accent .navi-item .navi-link.active:before {
  background-color: #181C32 !important;
}

.tab-content-search {
  display: none;
}

.tab-content-search.active {
  display: block;
}

.dropdown-anim > button {
  transition: transform 0.5s ease !important;
  transform: rotate(0deg);
}

.dropdown-anim.show > button {
  transform: rotate(45deg);
}

.ico-recording-up {
  display: none;
}

.btn.whatsapi-send-button {
  display: none;
}

.card-custom-detail-chat .card-body .card-header {
  display: none !important;
}

.offcanvas-on.v3 {
  width: 550px;
}

@media (min-width: 576px) {
  .modal-dialog-centered {
    height: auto !important;
    min-height: calc(100% - 3.5rem) !important;
  }
}
.card-body {
  padding: 1.75rem !important;
}

.card-footer {
  padding: 1.5rem !important;
}
.card-footer .row .text-center {
  text-align: end !important;
}

.swal2-container .swal2-html-container {
  margin-top: 20px !important;
}

.select2-container--default .select2-selection--single,
.ck.ck-editor__main > .ck-editor__editable,
.ck.ck-toolbar {
  background-color: #F3F6F9 !important;
  border: none !important;
}
.select2-container--default .select2-selection--single:focus,
.ck.ck-editor__main > .ck-editor__editable:focus,
.ck.ck-toolbar:focus {
  background-color: #EBEDF3 !important;
}

.btn-one {
  background-color: black !important;
  color: white !important;
}
.btn-one:hover {
  background-color: #FFD100 !important;
  color: black !important;
}

.ui-menu.ui-autocomplete.ui-front {
  z-index: 9999 !important;
}

.btn.btn-clean i.fa-toggle-off {
  color: #F64E60;
}
.btn.btn-clean i.fa-toggle-on {
  color: #1BC5BD;
}

@media (max-width: 1200px) {
  .tooltip {
    display: none !important;
  }
}
.green-custom-color {
  color: #0C7327;
}

.green-custom-bg {
  background-color: #0C7327;
}

.pe-none {
  cursor: default !important;
}
.pe-none.label {
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 1rem 0.85rem !important;
}
.pe-none.label.label-width-fake {
  width: 135px !important;
}
@media (max-width: 576px) {
  .pe-none.label.label-width-fake {
    width: 110.77px !important;
  }
}
.pe-none.label.font-size-sm {
  font-size: 0.925rem !important;
}

.height-button {
  height: 38.38px !important;
}

.label-width-fake {
  width: 130px !important;
}
@media (max-width: 576px) {
  .label-width-fake {
    width: 110.77px !important;
  }
}

.nav-link.active {
  color: #3F4254 !important;
  border-bottom: 3px solid #3F4254 !important;
}

.limite-textarea-abs {
  position: absolute;
  bottom: -18px;
  left: 0;
}

.btn-secondary {
  background-color: #d6d7dc !important;
}

input.no-bt-nactive::-webkit-outer-spin-button,
input.no-bt-nactive::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].no-bt-nactive {
  -moz-appearance: textfield;
}

input.on-bt-nactive[type=number]::-webkit-inner-spin-button,
input.on-bt-nactive[type=number]::-webkit-outer-spin-button {
  opacity: 1;
}

input[type=number] {
  min-width: 53px;
}

.w-100px {
  width: 100px !important;
}

.table th,
.table.table-head-custom thead tr th {
  color: #7E8299 !important;
  font-weight: normal;
  font-size: 1rem;
  text-transform: uppercase !important;
  cursor: text !important;
}
.table th a,
.table.table-head-custom thead tr th a {
  color: #7E8299 !important;
  pointer-events: none;
}
.table td,
.table.table-head-custom thead tr td {
  color: #3F4254 !important;
  font-size: 1rem;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  white-space: wrap !important;
}

.thumb-acabamento-proporcional {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 0.42rem !important;
}

.thumb-acabamento-proporcional img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.input-group > .select2 {
  width: auto !important;
  flex: 1 1 auto !important;
}

/* .input-group > .select2-selection--single {
	height: 100%;
	line-height: inherit;
	padding: 0.5rem 1rem;
} */
.box-hover {
  transition: box-shadow 0.2s ease;
}
.box-hover:hover {
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}

.form-control[readonly] {
  cursor: no-drop;
}

.box-textarea-realtime {
  background-color: #EBEDF3 !important;
  border-radius: 0.42rem !important;
  padding: 9.75px;
}

.dropdown-menu {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

a.text-hover-invert-success svg path, button.text-hover-invert-success svg path {
  fill: #1BC5BD;
  transition: all 0.2s ease;
}
a.text-hover-invert-success:hover svg path, button.text-hover-invert-success:hover svg path {
  fill: #12827c;
}

.border-circle {
  border-radius: 50%;
}

[title="Botão de live chat"] > div,
[title="Botão de contate-nos"] > div {
  bottom: auto !important;
  top: 0 !important;
  display: none !important;
  pointer-events: none;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  font-size: 30px !important;
  color: #000000;
}

.radio.radio-dark input:checked ~ span {
  background-color: #181C32 !important;
}

.act-open-chat {
  color: #B5B5C3 !important;
}
.act-open-chat.active *, .act-open-chat:hover * {
  color: #3F4254 !important;
}
.act-open-chat:hover {
  border-bottom: 3px solid #3F4254 !important;
}

@media (max-width: 768px) {
  :root {
    touch-action: pan-x pan-y;
    height: 100%;
  }
}
.btn > i {
  display: flex;
  justify-content: center;
  width: 14px;
  position: relative;
}

.select2-selection {
  background-color: #F3F6F9 !important;
}

.modal.fade.show {
  overflow-y: auto !important;
}

.min-width-input-value {
  min-width: 105px !important;
}

.card.card-custom > .card-header {
  justify-content: flex-start !important;
  padding-left: 25px !important;
}

.img-product-increased {
  transform: scale(1.4);
  transform-origin: center center;
}

.img-hover-duplicate {
  overflow: hidden;
  position: relative;
}
.img-hover-duplicate img.img-duplicate {
  opacity: 0;
  transition: all 0.5s ease;
  position: absolute;
  left: 50%;
  top: 110%;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transform: translate(-50%, -50%) scale(1.4);
  transform-origin: center center;
  -o-object-position: center center;
     object-position: center center;
}
.img-hover-duplicate:hover img.img-duplicate {
  opacity: 1;
  top: 50%;
  z-index: 2;
}

.bar-scroll-clean-x::-webkit-scrollbar {
  height: 7px;
  display: none;
}
.bar-scroll-clean-x::-webkit-scrollbar-track {
  border-radius: 0.42rem !important;
  background-color: 1px solid #EEF0F8;
}
.bar-scroll-clean-x::-webkit-scrollbar-thumb {
  background-color: #d6d7dc !important;
  border-radius: 0.42rem !important;
  border: 3px solid transparent;
}
.bar-scroll-clean-x:hover::-webkit-scrollbar {
  display: block;
}

.swiperOppLia {
  width: 100%;
}

.hideCardLia {
  transition: all 1s ease;
  transform: scale(1.2);
  opacity: 0;
  pointer-events: none;
  filter: blur(4px);
}

.cursorWrite::after {
  content: "";
  display: inline-block;
  margin-left: 3px;
  background-color: white;
  animation-name: blink;
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
}

h2.cursorWrite::after {
  height: 24px;
  width: 13px;
}

p.cursorWrite::after {
  height: 13px;
  width: 6px;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.modal-small {
  max-width: 500px !important;
}

.modal .modal-header .modal-title {
  padding-right: 15px;
}

/*# sourceMappingURL=app.css.map*/