/* @import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&family=Noto+Sans:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800;900&display=swap"); */

/* default */

.text-primary {
	color: #6c5dd3 !important;
  }
  
  ::-webkit-scrollbar-track {
	background-color: #f4f4f4;
  }
  ::-webkit-scrollbar {
	width: 6px;
	background: #f4f4f4;
  }
  ::-webkit-scrollbar-thumb {
	background: #dad7d7;
  }
  
  .container-fluid {
	padding: 0;
  }
  
  .form-control {
	border-radius: 0.71rem;
  
	box-shadow: none !important;
  }
  
  .a-end {
	display: flex;
	align-items: flex-end;
  }
  
  .center {
	display: flex;
	align-items: center;
  }
  
  .between {
	display: flex;
	justify-content: space-between;
  }
  
  .end {
	display: flex;
	justify-content: flex-end;
  }
  
  .column {
	flex-direction: column;
  }
  
  .sa-end {
	align-self: flex-end;
  }
  
  /*input:read-only {
	  opacity: 0.48;
  }*/
  
  .form-control:focus {
	border-color: #6c5dd3;
  }
  
  @media (max-width: 991px) {
	.h2 {
	  font-size: 36px;
	}
  }
  
  .text-secondary {
	color: #c8c8c8 !important;
  }
  
  .text-secondary input {
	font-size: 1em;
	color: #c8c8c8 !important;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
  }
  
  .text-secondary input::placeholder {
	font-size: 1em;
	color: #c8c8c8 !important;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
  }
  
  /* alerts */
  
  div.alert {
	padding: 0.85rem 1.28rem;
	margin: 0;
  
	font-weight: 500;
  
	border-radius: 0.56rem;
  
	position: relative;
  
	display: flex;
	align-items: center;
  
	overflow: hidden;
  }
  
  div.alert ion-icon {
	font-size: 1.71rem;
  }
  
  div.alert::before {
	/* content: ""; */
  
	width: 0.28rem;
	height: 100%;
  
	position: absolute;
	left: 0;
	top: 0;
  
	background: transparent;
  }
  
  div.alert.alert-primary {
	color: #004560;
	background: #ffffff;
	border: 1px solid #0e83f1cc;
  }
  
  div.alert.alert-primary::before {
	background: var(--color-primary);
  }
  
  div.alert.alert-danger {
	color: #dc3545;
	background: transparent;
	border: 1px solid #dc3545cc;
  }
  
  div.alert.alert-danger::before {
	background: #dc3545;
  }
  
  div.alert.alert-warning {
	color: #664d03;
	background: #ffffff;
	border: 1px solid #f8b805cc;
  }
  
  div.alert.alert-warning::before {
	background: #f8b805;
  }
  
  div.alert.alert-warning > ion-icon {
	color: #f8b805;
  }
  
  div.alert.alert-success {
	color: #007231;
	background: #ffffff;
	border: 1px solid #04d960cc;
  }
  
  div.alert.alert-success::before {
	background: #04d960;
  }
  
  /* buttons */
  
  .btn {
	padding: 0.56rem 2.28rem;
  }
  
  .btn:hover {
	opacity: 0.8;
  }
  
  .btn-text {
	background: transparent;
	border: 1px solid transparent;
	color: #808191;
  
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  .btn.btn-primary {
	background: #6c5dd3;
	border: 1px solid #6c5dd3;
	color: #ffffff;
  }
  
  .btn.btn-primary-outline {
	background: transparent;
	border: 1px solid #6c5dd3;
	color: #6c5dd3;
  }
  
  .btn.btn-primary-light {
	background: #f5f5f5;
	border: 1px solid #f5f5f5;
	color: #797979;
  }
  
  /* patterns */
  
  .block-link-hover-color .block {
	transition: 0.4s !important;
	-webkit-transition: 0.4s !important;
	transition-delay: unset !important;
	-webkit-transition-delay: unset !important;
  
	color: #11142d;
  }
  
  .block-link-hover-color:hover .block {
	background: linear-gradient(45deg, #ca7efd, #8d68e1);
	color: #ffffff;
  }
  
  div.block {
	padding: 2.28rem 2.28rem 1.85rem 2.28rem;
  
	border-radius: 1.85rem;
  }
  
  div.block.disabled {
	opacity: 0.4;
	filter: grayscale(100%);
  
	position: relative;
  
	transition: 0.2s;
  }
  
  div.block.disabled:hover {
	background: hsl(0deg 0% 98%);
  }
  
  div.block.disabled:hover * {
	opacity: 0.6;
  }
  
  div.block.disabled > .lock {
	opacity: 0;
  
	transition: 0.2s;
  
	font-size: 4rem;
  
	position: absolute;
	top: 50%;
	left: 50%;
  
	font-size: 1.14rem;
	font-weight: 700;
	text-align: center;
  
	transform: translate(-50%, -50%);
  }
  
  div.block.disabled:hover > .lock {
	opacity: 1;
  }
  
  div.border_ {
	border: 1px solid #e4e4e4;
  }
  
  div.block.shadow_ {
	background: #ffffff;
  }
  
  div.subblock {
	padding: 1.71rem;
  
	border-radius: 0.71rem;
  
	background: #fafafa;
  }
  
  div.subblock2 {
	padding: 1.71rem;
	border-radius: 0.71rem;
  }
  
  .shadow_ {
	box-shadow: 0 5px 30px rgb(0 0 0 / 7%);
  }
  
  div.slide-nav {
	display: flex;
  }
  
  div.slide-nav button {
	width: 2.56rem;
	height: 2.56rem;
  
	border-radius: 0.28rem;
  
	background: #f5f5f5;
	color: #6c5dd3;
  
	margin: 0 0.14rem;
  }
  
  div.title {
	display: flex;
  }
  
  div.title .h5 {
	font-weight: 600;
  }
  div.title input {
	font-family: "Poppins", sans-serif;
	font-size: 24px;
	line-height: 1.11111;
	font-weight: 600;
	letter-spacing: -1px;
  }
  div.title h2 span {
	color: #6c5dd3;
  }
  
  div.title i {
	margin-top: 0.07rem;
	margin-right: 0.85rem;
	color: #6c5dd3;
	font-size: 1.4rem;
  }
  
  div.big-title {
	background: #6c5dd3;
	color: #ffffff;
	padding: 2.28rem;
	min-height: 100%;
	border-radius: 1.71rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
  }
  
  /* item trilha */
  
  div.item-trilha {
	width: 100%;
  
	padding: 2.28rem;
  
	background: #ffffff;
  
	box-shadow: 0 4px 48px hsla(248, 58%, 16%, 0.08);
  
	border-radius: 1.71rem;
  
	display: inline-flex;
	flex-direction: column;
  }
  
  div.item-trilha div.tags {
	display: flex;
	margin-bottom: 0.28rem;
  
	position: relative;
  }
  
  div.item-trilha div.tags span {
	padding: 0.28rem 0.56rem;
  
	border-radius: 0.56rem;
  
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1;
  
	display: inline-flex;
	align-items: center;
	justify-content: center;
  
	margin-right: 0.28rem;
  
	border: 1px solid transparent;
	background: transparent;
  }
  
  div.item-trilha div.tags span span {
	padding: 0;
  }
  
  div.item-trilha div.tags span.default {
	border-color: #6c5dd3;
	color: #6c5dd3;
  }
  
  div.item-trilha div.tags span.live {
	background: #fe7848;
	border: 1px solid #fe7848;
	color: #ffffff;
  
	position: absolute;
	top: 0;
	right: 0;
  }
  
  div.item-trilha h4 {
	font-size: 1.28rem;
  
	margin: 0.56rem 0 1rem;
  }
  
  div.item-trilha div.footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
  
	margin-top: 0.56rem;
  }
  
  div.item-trilha div.footer div.users {
	display: flex;
  
	padding-left: 0.56rem;
  }
  
  div.item-trilha div.footer div.users span.user {
	width: 1.85rem;
	height: 1.85rem;
  
	border-radius: 1.85rem;
  
	display: inline-flex;
	justify-content: center;
	align-items: center;
  
	background: #6c5dd3;
	border: 1px solid #ffffff;
	color: hsl(248, 57%, 90%);
  
	font-size: 0.64rem;
	font-weight: 700;
  
	margin-left: -0.56rem;
  }
  
  div.item-trilha div.footer div.users span.user.yellow {
	background: #ffcf6d;
	border: 1px solid #ffffff;
	color: #ffa35a;
  }
  
  div.item-trilha div.footer div.users span.user.pink {
	background: #ffa3c3;
	border: 1px solid #ffffff;
	color: #ff79a7;
  }
  
  div.item-trilha div.footer .btn {
	padding: 0.56rem 1.71rem;
  
	min-width: unset;
	min-height: unset;
	height: auto;
  }
  
  /* categorie */
  
  .categories__preview {
	font-size: 3rem;
	color: #ffffff;
  }
  
  /* header top */
  
  .header__cell {
	flex: 0 0 100%;
  
	width: 100%;
  }
  
  .header__cell:first-child {
	border: 0;
  }
  
  .header__item_lang .header__body {
	width: 180px;
  }
  
  /* sidebar */
  
  .sidebar__icon i {
	font-size: 1.28rem;
  }
  
  /* pagination-date */
  
  div.pagination-date {
	display: flex;
	align-items: center;
  }
  
  div.pagination-date h6 {
	margin: 0 0.71rem;
  }
  
  div.pagination-date button {
	width: 1.56rem;
	height: 1.56rem;
  
	display: flex;
	justify-content: center;
	align-items: center;
  
	padding: 1px 0 0 0;
  
	background: rgba(228, 228, 228, 0.3);
	color: #6c5dd3;
  
	border-radius: 1rem;
  }
  
  /* live timeline vertical */
  
  .promotions__box .promotions__date.live {
	color: #ff7a68;
  }
  
  /* spotlight box timeline vertical */
  
  .promotions__box.spotlight {
	background: #6c5dd3;
  }
  
  .promotions__box.spotlight .promotions__date.live,
  .promotions__box.spotlight .promotions__info {
	color: #ffffff;
  }
  
  /* box shadow rounded */
  
  div.box-shadow-rounded {
	padding: 32px 16px 0;
  
	border-radius: 24px;
  
	background: #ffffff;
  
	box-shadow: 0 5px 20px rgb(0 0 0 / 7%);
  }
  
  /* tab options */
  
  div.tab-options {
	  display: flex;
	  flex-wrap: nowrap;
	  overflow-x: scroll;
	  -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
	  -ms-overflow-style: none;  /* IE and Edge */
	  scrollbar-width: none;  /* Firefox */
	  margin-left: 0rem !important;
	}
	
	div.tab-options button,
	div.tab-options > a {
	  padding: 0 16px;
	  border-radius: 20px;
	  line-height: 40px;
	  font-weight: 600;
	  color: #808191;
	  transition: all 0.2s;
	  white-space: nowrap; /* Prevent text wrapping */
	}
	
	div.tab-options button.active,
	div.tab-options > a.active {
	  background: rgba(228, 228, 228, 0.3);
	  color: #6c5dd3;
	}
	
  
  /* tab options feedback */
  
  div.tab-options-feedback {
	display: flex;
  }
  
  div.tab-options-feedback button,
  div.tab-options-feedback > a {
	padding: 0 16px;
	border-radius: 20px;
	line-height: 40px;
	font-weight: 600;
	color: #808191;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
  }
  
  div.tab-options-feedback button.active,
  div.tab-options-feedback > a.active {
	background: rgba(228, 228, 228, 0.3);
	color: #6c5dd3;
  }
  
  /* content video */
  
  div.video iframe {
	border-radius: 1.56rem;
  }
  
  /* questions */
  
  div.study div.questions div.list-items button {
	display: flex;
  
	width: 100%;
  
	margin-bottom: 0.56rem;
	padding: 0.56rem 1rem;
  
	border: 1px solid #e4e4e4;
  
	border-radius: 1rem;
  }
  
  div.study div.questions div.list-items button i {
	margin-right: 0.56rem;
	padding: 0 1.5px 0 0;
  
	width: 1.71rem;
	height: 1.71rem;
  
	border-radius: 1.71rem;
  
	border: 2px solid #6c5dd3;
	color: #6c5dd3;
  
	display: flex;
	align-items: center;
	justify-content: center;
  
	font-size: 0.85rem;
	font-weight: 700;
  }
  
  div.study div.questions div.list-items button.selected {
	border: 2px solid #6c5dd3;
	color: #6c5dd3;
  }
  
  div.study div.questions div.list-items button.selected i {
	background: #6c5dd3;
	color: #ffffff;
  }
  
  /* content list */
  
  div.content-list ul li {
	display: flex;
	align-items: center;
  
	margin-bottom: 0.71rem;
  }
  
  div.content-list ul li span.watching {
	display: none;
  }
  
  div.content-list ul li div.icon {
	width: 1.28rem;
	height: 1.28rem;
  
	border-radius: 1.28rem;
  
	border: 2px solid #6c5dd3;
	color: #6c5dd3;
  
	font-size: 0.56rem;
  
	display: inline-flex;
	align-items: center;
	justify-content: center;
  
	padding: 1px 1px 0 0;
  
	margin-right: 0.56rem;
  }
  
  div.content-list ul li.done div.icon {
	border-color: #4fbf67;
  }
  
  div.content-list ul li.done div.icon i {
	color: #4fbf67;
	font-size: 0.8rem;
  }
  
  div.content-list ul li.done span {
	text-decoration: line-through;
  
	color: #808191;
  }
  
  div.content-list ul li.active {
	font-size: 1.71rem;
  }
  
  div.content-list ul li.active div.icon {
	width: 2rem;
	height: 2rem;
  
	font-size: 1rem;
  
	margin-right: 0.71rem;
  }
  
  div.content-list ul li.active span.watching {
	display: inline-flex;
  
	font-size: 0.85rem;
  
	color: #808191;
  }
  
  div.content-list ul li.blocked {
	color: #808191;
  
	opacity: 0.6;
  }
  
  div.content-list ul li.blocked div.icon {
	color: #808191;
	border-color: #808191;
  }
  
  /* content */
  
  div#slider-trilha-h .owl-stage-outer {
	overflow: visible;
  }
  
  /* questions */
  
  section.questions {
	padding-top: 4.56rem;
  }
  
  section.questions div.box {
	padding: 3.56rem;
  
	background: #ffffff;
  
	border-radius: 1.71rem;
  
	position: relative;
  }
  
  section.questions div.box div.title {
	display: flex;
	flex-direction: column;
  }
  
  section.questions div.box div.title h6 {
	color: #6c5dd3;
  
	font-weight: 600;
  }
  
  section.questions div.box div.border-box {
	padding: 2.28rem 2.28rem 1.56rem 2.28rem;
  
	border: 1px solid #e4e4e4;
  
	border-radius: 1.71rem;
  }
  
  section.questions div.box div.border-box div.title h4 span {
	color: #6c5dd3;
  }
  
  section.questions div.box div.border-box.red div.title h4 span {
	color: #ffa35a;
  }
  
  section.questions div.box div.border-box div.options button {
	padding: 0.56rem 1.56rem;
  
	border-radius: 4rem;
  
	margin-right: 0.28rem;
	margin-bottom: 0.64rem;
  
	border: 1px solid #808191;
	color: #808191;
  
	font-weight: 600;
  }
  
  section.questions div.box div.border-box div.options button.active {
	border-color: #6c5dd3;
	color: #6c5dd3;
  }
  
  section.questions div.box div.words div.box-flat {
	padding: 2.28rem 2.28rem 1.85rem 2.28rem;
  
	border-radius: 1.71rem;
  
	background-color: #fafafa;
  }
  
  section.questions div.box div.words div.box-flat p {
	color: #808191;
  
	font-size: 0.85rem;
  
	margin: 0;
  }
  
  /* result */
  
  div.header-profile {
	background: #fff;
  
	border-radius: 1.56rem;
  
	margin-bottom: 2.5rem;
  }
  
  div.header-profile div.content {
	padding: 1.14rem 2.28rem;
  
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  
  div.header-profile div.content div.tags_ {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
  
	position: relative;
  }
  
  div.header-profile div.content div.tags_ i {
	font-size: 1.14rem;
	height: 100%;
	color: #6c5dd3;
  }
  
  div.header-profile div.content div.tags_ span {
	padding: 0.42rem 0.71rem;
  
	border-radius: 2rem;
  
	font-size: 0.85rem;
	font-weight: 600;
	line-height: 1;
  
	display: inline-flex;
	align-items: center;
	justify-content: center;
  
	margin-left: 0.07rem;
	margin-bottom: 0.42rem;
  
	border: 1px solid #797979;
	background: transparent;
	color: #797979;
  }
  
  div.header-profile div.content div.tags_ span.purple {
	border: 1px solid #6c5dd3;
	color: #6c5dd3;
  }
  
  div.header-profile div.content div.image {
	width: 5.56rem !important;
	height: 5.56rem !important;
  
	border-radius: 10rem;
  
	margin-left: 2.28rem;
  
	display: flex;
	align-items: center;
	justify-content: center;
  
	background: #d3c9ff;
	color: #6c5dd3;
  
	box-shadow: 0 15px 30px rgb(17 20 45 / 10%);
  
	font-size: 2rem;
	font-weight: 600;
  }
  
  div.header-profile div.content div h4 {
	font-size: 2rem;
	font-weight: 600;
  
	margin-bottom: 0.28rem;
  }
  
  div.header-profile div.content div h6 {
	font-weight: 500;
  
	margin-left: 0.14rem;
  
	color: #6c5dd3;
  }
  
  div.header-profile div.content div.user {
	display: flex;
	align-items: center;
  }
  
  div.header-profile div.content div.user div.tags_ div.infos {
	display: flex;
	flex-direction: row;
  }
  
  @media (max-width: 991px) {
	div.header-profile div.content {
	  flex-direction: column-reverse;
	  align-items: flex-start;
  
	  padding: 1.56rem;
	}
	div.header-profile div.content div.user {
	  margin-bottom: 1.56rem;
	  flex-direction: column-reverse;
	}
	div.header-profile div.content div.user div.image {
	  margin-left: 0;
	  margin-right: 1.56rem;
	}
	div.header-profile div.content div.user div.tags_ {
	  align-items: flex-start;
	}
	div.header-profile div.content div.user div.tags_ div.infos {
	  display: flex;
	  flex-direction: row;
	  width: 100%;
	  justify-content: space-between;
	  align-items: center;
	}
	div.header-profile div.content div.user div.tags_ span {
	  font-size: 0.71rem;
	}
  }
  
  /* item spotlight skill */
  
  div.content div.item-spotlight-skill {
	text-align: center;
	padding: 1rem;
	box-sizing: border-box;
	max-width: 100%;
	margin: 0 auto;
  }
  
  div.content div.item-spotlight-skill div.tag {
	padding: 0.16rem 0.71rem;
	border: 1px solid #6c5dd3;
	color: #6c5dd3;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size: 0.85rem;
	font-weight: 600;
	border-radius: 0.71rem;
	margin-bottom: 0.5rem;
  }
  
  div.content div.item-spotlight-skill div.image {
	padding-top: 40%;
	margin: 1.56rem 0 1rem;
  }
  
  div.content div.item-spotlight-skill div.content h4 {
	font-weight: 700;
	font-size: 1.56rem;
	margin-bottom: 0.56rem;
  }
  
  div.content div.item-spotlight-skill div.content p {
	font-weight: 500;
	color: #808191;
	margin: 0;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 15px;
  }
  
  /* Responsive adjustments */
  @media (max-width: 1024px) {
	div.content div.item-spotlight-skill {
	  padding: 0.5rem;
	  height: 300px;
	}
  
	div.content div.item-spotlight-skill div.tag {
	  margin-top: 1rem;
	  font-size: 0.65rem;
	  padding: 0.14rem 0.5rem;
	}
  
	div.content div.item-spotlight-skill div.image {
	  margin: 1rem 0 0.75rem;
	  padding-top: 50%; /* Adjust aspect ratio on smaller screens */
	}
  
	div.content div.item-spotlight-skill div.content h4 {
	  font-size: 1rem;
	}
  
	div.content div.item-spotlight-skill div.content p {
	  font-size: 0.8rem;
	  padding-left: 10px;
	  padding-right: 10px;
	}
  }
  
  @media (max-width: 480px) {
	div.content div.item-spotlight-skill {
	  padding: 0.25rem;
	  height: 280px;
	}
  
	div.content div.item-spotlight-skill div.tag {
	  margin-top: 0.5rem;
	  font-size: 0.55rem;
	  padding: 0.1rem 0.4rem;
	}
  
	div.content div.item-spotlight-skill div.image {
	  margin: 0.5rem 0 0.5rem;
	  padding-top: 35%; /* Further adjust aspect ratio for smaller screens */
	}
  
	div.content div.item-spotlight-skill div.content h4 {
	  font-size: 1rem;
	  margin-top: 20px;
	}
  
	div.content div.item-spotlight-skill div.content p {
	  font-size: 0.7rem;
	  padding-left: 5px;
	  padding-right: 5px;
	  margin-bottom: 5px;
	}
  }
  
  /* item hard point */
  
  div.content div.item-hard-points ul li {
	display: flex;
	margin-bottom: 1rem;
	position: relative;
  }
  
  div.content div.item-hard-points ul li::before {
	content: "";
	width: 2px;
	border-radius: 2px;
	height: calc(100% - 1.71rem + 1rem - 0.71rem);
	background: #6c5dd3;
	position: absolute;
	top: 1.9rem;
	left: 10px;
  }
  
  div.content div.item-hard-points ul li:last-child:before {
	content: none;
  }
  
  div.content div.item-hard-points ul li i {
	font-size: 1.48rem;
	color: #6c5dd3;
	margin-right: 0.71rem;
  }
  
  div.content div.item-hard-points.small ul li > div {
	margin-bottom: 1rem;
  }
  
  div.content div.item-hard-points.small ul li {
	margin-bottom: 0;
  }
  
  div.content div.item-hard-points.small ul li::before {
	content: "";
	width: 2px;
	border-radius: 2px;
	background: #6c5dd3;
	position: absolute;
	top: 1.3rem;
	left: 8px;
  }
  
  div.content div.item-hard-points.small ul li:last-child:before {
	content: none;
  }
  
  div.content div.item-hard-points.small ul li:last-child > div {
	margin-bottom: 0;
  }
  
  div.content div.item-hard-points.small ul li i {
	font-size: 1rem;
  
	margin-top: 0.1rem;
  }
  
  div.content div.item-hard-points ul li p {
	font-size: 0.85rem;
	color: #808191;
  }
  
  /* item hard point profile */
  
  div.content div.item-hard-points-profile ul {
	display: flex;
	margin-bottom: 1rem;
	position: relative;
	justify-content: space-between;
  }
  
  div.content div.item-hard-points-profile ul li {
	display: flex;
	margin-bottom: 1rem;
	position: relative;
  }
  
  div.content div.item-hard-points-profile ul li::before {
	content: "";
	width: 2px;
	border-radius: 2px;
	background: #6c5dd3;
	position: absolute;
	top: 1.9rem;
	left: 10px;
  }
  
  div.content div.item-hard-points-profile ul li:last-child:before {
	content: none;
  }
  
  div.content div.item-hard-points-profile ul li i {
	font-size: 1.48rem;
	color: #6c5dd3;
	margin-right: 0.71rem;
  }
  
  div.content div.item-hard-points-profile.small ul li > div {
	margin-bottom: 1rem;
  }
  
  div.content div.item-hard-points-profile.small ul li {
	margin-bottom: 0;
  }
  
  div.content div.item-hard-points-profile.small ul li::before {
	content: "";
	width: 2px;
	height: calc(100% - 1.71rem + 1rem - 0.71rem);
	border-radius: 2px;
	background: #6c5dd3;
	position: absolute;
	top: 1.3rem;
	left: 8px;
  }
  
  div.content div.item-hard-points-profile.small ul li:last-child:before {
	content: none;
  }
  
  div.content div.item-hard-points-profile.small ul li:last-child > div {
	margin-bottom: 0;
  }
  
  div.content div.item-hard-points-profile.small ul li i {
	font-size: 1rem;
  
	margin-top: 0.1rem;
  }
  
  div.content div.item-hard-points-profile ul li p {
	font-size: 0.85rem;
	color: #808191;
  }
  
  @media (max-width: 480px) {
	div.content div.item-hard-points-profile ul {
	  display: flex;
	  flex-direction: column; /* Change layout to column */
	  margin-bottom: 1rem;
	  position: relative;
	  justify-content: flex-start;
	}
  
	div.content div.item-hard-points-profile ul li {
	  display: flex;
	  margin-bottom: 1rem;
	  position: relative;
	  align-items: flex-start; /* Align items at the top for better spacing */
	}
  
	div.content div.item-hard-points-profile ul li::before {
	  content: "";
	  width: 2px;
	  border-radius: 2px;
	  background: #6c5dd3;
	  position: absolute;
	  top: 1.9rem;
	  left: 10px;
	  height: calc(100% - 1.9rem); /* Adjust height for the column layout */
	}
  
	div.content div.item-hard-points-profile ul li:last-child:before {
	  content: none;
	}
  
	div.content div.item-hard-points-profile ul li i {
	  font-size: 1.2rem; /* Slightly smaller icon size for mobile */
	  color: #6c5dd3;
	  margin-right: 0.5rem;
	}
  
	div.content div.item-hard-points-profile.small ul li > div {
	  margin-bottom: 0.5rem; /* Adjust margin for mobile */
	}
  
	div.content div.item-hard-points-profile.small ul li::before {
	  top: 1.3rem;
	  left: 8px;
	  height: calc(100% - 1.3rem); /* Adjust height for smaller layout */
	}
  
	div.content div.item-hard-points-profile.small ul li i {
	  font-size: 1rem;
	  margin-top: 0.1rem;
	}
  
	div.content div.item-hard-points-profile ul li p {
	  font-size: 0.75rem; /* Smaller font size for text on mobile */
	  color: #808191;
	  margin-top: 0.2rem; /* Add some spacing above text for readability */
	}
  }
  
  /* 360 */
  
  div.item-360 table tbody tr td {
	border-bottom: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
	padding: 0.4rem 0.71rem;
	text-align: center;
	vertical-align: middle;
  }
  
  div.item-360 table tbody tr td:last-child {
	border-right: 0;
  }
  
  div.item-360 table tbody tr:last-child td {
	border-bottom: 0;
  }
  
  div.item-360 table tbody tr td:first-child {
	text-align: left;
  }
  
  /* evolution */
  
  div.item-evolution ul li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.42rem 1.42rem 1.28rem;
	border: 1px solid #e4e4e4;
	border-radius: 1rem;
	margin-bottom: 0.85rem;
  }
  
  div.item-evolution ul li span.tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 0.85rem;
	font-weight: 600;
  }
  
  div.item-evolution ul li span.tag i {
	margin-right: 0.42rem;
  }
  
  div.item-evolution ul li span.tag.red {
	color: #ff7a68;
  }
  
  div.item-evolution ul li span.tag.green {
	color: #4fbf67;
  }
  
  /* groups */
  
  div.block.item-groups tr td {
	border-bottom: 1px solid #e4e4e4;
  
	padding: 1rem 0;
  
	vertical-align: middle;
  }
  
  div.block.item-groups tr:last-child td {
	border-bottom: 0;
  }
  
  div.block.item-groups tr td span.users {
	display: flex;
	padding-left: 0.56rem;
  }
  
  div.block.item-groups tr td span.users span.user {
	width: 1.85rem;
	height: 1.85rem;
  
	border-radius: 1.85rem;
  
	display: inline-flex;
	justify-content: center;
	align-items: center;
  
	background: #6c5dd3;
	border: 1px solid #ffffff;
	color: hsl(248, 57%, 90%);
  
	font-size: 0.64rem;
	font-weight: 700;
  
	margin-left: -0.56rem;
  }
  
  div.block.item-groups tr td span.users span.user.yellow {
	background: #ffcf6d;
	border: 1px solid #ffffff;
	color: #ffa35a;
  }
  
  div.block.item-groups tr td span.users span.user.pink {
	background: #ffa3c3;
	border: 1px solid #ffffff;
	color: #ff79a7;
  }
  
  div.block.item-groups tr td span.quantity {
	padding: 0.28rem 0.71rem;
	border-radius: 0.56rem;
	background: #f7f7f7;
	color: #6c5dd3;
  }
  
  /* fources */
  
  div.content div.item-forces {
	padding-right: 10px;
  }
  
  div.content div.item-forces ul li {
	font-size: 0.85rem;
	margin-bottom: 0.4rem;
	display: flex;
	color: #808191;
  }
  
  div.content div.item-forces ul li:last-child {
	margin-bottom: 0;
  }
  
  div.content div.item-forces ul li i {
	font-size: 0.4rem;
  
	margin-top: 0.56rem;
  
	color: #6c5dd3;
  }
  
  @media (max-width: 1024px) {
	div.content div.item-forces ul li {
	  font-size: 0.7rem;
	  margin-bottom: 0.4rem;
	  display: flex;
	  color: #808191;
	}
  }
  
  /* item week */
  
  /* item week */
  
  div.item-week div.week {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
  
	margin-top: 1.56rem;
  }
  
  div.item-week div.week div.item {
	position: relative;
  }
  
  div.item-week div.week div.item span {
	width: 2.56rem;
	min-width: 2.56rem;
	height: 2.56rem;
	min-height: 2.56rem;
  
	display: inline-flex;
	justify-content: center;
	align-items: center;
  
	border-radius: 2.56rem;
  
	border: 2px solid #6c5dd3;
	background: #ffffff;
	color: #6c5dd3;
  
	position: relative;
  
	z-index: 8;
  }
  
  div.item-week div.week div.item i {
	color: #ffa35a;
  
	position: absolute;
	top: calc(50% - 0.2rem);
	left: 50%;
  
	transform: translate(-50%, -50%);
  
	font-size: 3.42rem;
  }
  
  div.item-week div.time {
	display: flex;
	flex-direction: column;
	align-items: center;
  }
  
  div.item-week div.time div.chart {
	width: 100%;
	max-height: calc(14vw / 2);
  
	position: relative;
  
	overflow: hidden;
  }
  
  div.item-week div.time div.chart img {
	width: 100%;
  }
  
  div.item-week div.time h6 {
	font-size: 1.28rem;
	font-weight: 600;
	text-align: center;
  }
  
  div.item-week div.time span.timing {
	font-size: 2.28rem;
	font-weight: 600;
	text-align: center;
  
	color: #6c5dd3;
  
	margin-top: -3rem;
	margin-bottom: 0.56rem;
  }
  
  /* promotion item */
  
  .promotions__item {
	margin: 0;
  
	flex: 0 0 100%;
	width: 100%;
  
	min-height: 100%;
  
	padding: 0;
  }
  
  .promotions__item ul.tags li {
	display: inline-flex;
	align-items: center;
	justify-content: center;
  
	margin-right: 0.28rem;
	margin-bottom: 0.56rem;
  }
  
  .promotions__item ul.tags li span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
  
	/* background: rgba(228, 228, 228, 0.3); */
	border: 1px solid #e4e4e4;
	color: #11142d;
  
	font-weight: 600;
	font-size: 0.71rem;
  
	padding: 0 0.85rem;
  
	line-height: 28px;
  
	flex-grow: 1;
  
	border-radius: 0.56rem;
  }
  
  .promotions__item img {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
  }
  .promotions__item div.image {
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
  }
  
  div.block-icons {
	display: flex;
	align-items: center;
  
	height: 42px;
  
	padding: 0 0.42rem;
  
	border-radius: 0.56rem;
  
	background: rgba(228, 228, 228, 0.3);
  }
  
  div.block-icons div.icon-solid {
	color: hsl(234, 16%, 56%);
  
	font-size: 1.14rem;
  
	padding: 0 0.56rem;
  
	display: inline-flex;
	align-items: center;
	justify-content: center;
  }
  
  div.icon-solid:first-child {
	border-top-left-radius: 0.56rem;
	border-bottom-left-radius: 0.56rem;
  }
  
  div.icon-solid:last-child {
	border-top-left-radius: 0.56rem;
	border-bottom-left-radius: 0.56rem;
  }
  
  div.block-icons.rounded {
	width: 42px;
	border-radius: 8rem !important;
  
	display: inline-flex;
	align-items: center;
	justify-content: center;
  }
  
  .promotions__item p,
  .promotions__item li {
	color: #808191;
  }
  
  .promotions__item button.star {
	color: #dbdbdb;
  
	font-size: 1.14rem;
  }
  
  .promotions__item button.star.active {
	color: #ffeb3b;
  }
  
  .promotions__info {
	font-size: 24px;
	font-weight: 700;
  }
  
  .promotions__item .btn {
	padding: 0.56rem 1rem;
  
	min-width: unset;
	height: unset;
  }
  
  .promotions__item .btn i {
	margin-right: 0.28rem;
  }
  
  .promotions__body {
	padding: 1.28rem 1.42rem;
  }
  
  .promotions__body.mh-100 {
	min-height: 100%;
  }
  
  .promotions__item .btn {
	position: relative;
  }
  
  .promotions__item .pop-up-container {
	position: relative;
  }
  
  .promotions__item .pop-up-container .popup-list {
	position: absolute;
  
	bottom: 110%;
	right: 0;
  
	background: #ffffff;
  
	min-width: 200%;
  
	padding: 1rem;
  
	box-shadow: 0 5px 30px rgb(0 0 0 / 7%);
  
	border-radius: 1rem;
  
	transition: 0.2s;
  
	visibility: hidden;
	opacity: 0;
  }
  
  .promotions__item .pop-up-container .popup-list.show_ {
	visibility: visible;
	opacity: 1;
  }
  
  .promotions__item .pop-up-container .popup-list ul li {
	display: flex;
	justify-content: space-between;
  
	padding: 0 0 0.71rem;
  
	white-space: nowrap;
  }
  
  .promotions__item .pop-up-container .popup-list ul li span {
	margin-right: 1rem;
  }
  
  .promotions__item .pop-up-container .popup-list ul li div.buttons {
	display: flex;
	justify-content: flex-end;
  }
  
  .promotions__item .pop-up-container .popup-list ul li div.buttons button {
	width: 1.28rem;
	height: 1.28rem;
  
	background: transparent;
	border: 1px solid #fe7848;
	color: #fe7848;
  
	border-radius: 0.42rem;
  
	font-size: 0.76rem;
  
	padding: 0;
	margin-left: 0.28rem;
  }
  
  .promotions__item
	.pop-up-container
	.popup-list
	ul
	li
	div.buttons
	button.add.disabled {
	opacity: 0.3;
  }
  
  .promotions__item .pop-up-container .popup-list ul li div.buttons button.add {
	background: transparent;
	border: 1px solid #6c5dd3;
	color: #6c5dd3;
  }
  
  .promotions__item .pop-up-container .popup-list div.new {
	display: flex;
  }
  
  .promotions__item .pop-up-container .popup-list div.new .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
  }
  
  .promotions__item .pop-up-container .popup-list div.new input.form-control {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
  }
  
  /* outros */
  
  .search__preview img {
	width: 72%;
  }
  
  .search__preview {
	left: 60%;
  }
  
  .activity__row {
	cursor: unset;
  }
  
  /* steps */
  
  section.steps {
	padding: 0 0 4rem;
  }
  
  section.steps header {
	padding: 3.28rem 0 0;
  }
  
  section.steps header div.logo img {
	height: 1.71rem;
  }
  
  section.steps span.select-item {
	cursor: pointer;
  
	width: 1.56rem;
	height: 1.56rem;
  
	background: rgba(228, 228, 228, 0.4);
  
	display: flex;
	justify-content: center;
	align-items: center;
  
	margin: auto;
  
	border-radius: 4rem;
  
	transition: 0.2s;
  }
  
  section.steps div.activity__row div.activity__cell {
	height: 48px;
  
	padding: 0 1rem;
  }
  
  section.steps div.activity__row div.activity__cell:nth-child(1) {
	color: #11142d;
  
	font-weight: 500;
	font-size: 1rem;
	text-align: right;
  }
  
  section.steps div.activity__row div.activity__cell:nth-child(3) {
	display: table-cell;
  }
  
  section.steps
	div.activity__row
	div.activity__cell:nth-child(2)
	span.select-item:hover,
  section.steps
	div.activity__row
	div.activity__cell:nth-child(2)
	span.select-item.active {
	background: #f88c66;
  }
  
  section.steps
	div.activity__row
	div.activity__cell:nth-child(3)
	span.select-item:hover,
  section.steps
	div.activity__row
	div.activity__cell:nth-child(3)
	span.select-item.active {
	background: #ffcd9e;
  }
  
  section.steps
	div.activity__row
	div.activity__cell:nth-child(4)
	span.select-item:hover,
  section.steps
	div.activity__row
	div.activity__cell:nth-child(4)
	span.select-item.active {
	background: #f3f88b;
  }
  
  section.steps
	div.activity__row
	div.activity__cell:nth-child(5)
	span.select-item:hover,
  section.steps
	div.activity__row
	div.activity__cell:nth-child(5)
	span.select-item.active {
	background: #cde478;
  }
  
  section.steps
	div.activity__row
	div.activity__cell:nth-child(6)
	span.select-item:hover,
  section.steps
	div.activity__row
	div.activity__cell:nth-child(6)
	span.select-item.active {
	background: #6aa84f;
  }
  
  /* klein desgin */
  
  section.steps div.title .gray {
	color: #7a7a7a;
  }
  
  section.steps div.title .gray span {
	color: #11142d;
  }
  
  section.steps .btn.large-icon {
	padding: 0.71rem 1.28rem;
  
	display: inline-flex;
	align-items: center;
  
	height: unset;
	min-width: unset;
  }
  
  section.steps .btn.large-icon i {
	font-size: 2rem;
  }
  
  section.steps .btn.text-gray {
	color: #868687;
  }
  
  section.steps div.progress-bar {
	width: 100%;
	height: 0.56rem;
  
	border-radius: 1rem;
  
	background: #d8d8d8;
  }
  
  section.steps div.progress-bar span {
	display: flex;
  
	height: 0.56rem;
  
	border-radius: 1rem;
  
	background: #6c5dd3;
  }
  
  section.steps div.progress-bar.animate span {
	animation-name: loading;
	animation-duration: 6s;
	animation-iteration-count: 1;
	animation-timing-function: cubic-bezier(0.8, 0.2, 0.8, 1);
  }
  
  section.steps div.option-question.block {
	border-radius: 1.28rem;
  
	padding: 1.28rem;
  }
  
  section.steps div.option-question.block div.options {
	display: flex;
	flex-wrap: wrap;
  }
  
  section.steps div.option-question.block div.options button {
	padding: 0.28rem 1rem;
	margin-right: 0.42rem;
	margin-bottom: 0.42rem;
  
	display: inline-flex;
	align-items: center;
	justify-content: center;
  
	border-radius: 2rem;
  
	font-weight: 600;
  
	border: 1px solid #797979;
	color: #797979;
  }
  
  section.steps div.option-question.block div.options button:hover {
	opacity: 0.8;
  }
  
  section.steps div.option-question.block div.options button.active {
	background: #eaeaea;
	border-color: #eaeaea;
	color: #838383;
  }
  
  section.steps div.option-question.block div.options button.disabled {
	background: transparent;
	border-color: transparent;
	color: #838383;
  
	opacity: 0.4;
  }
  
  section.steps img.load-img {
	width: 100%;
  
	margin-top: -100%;
	margin-bottom: 2rem;
  
	animation-name: caneca;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
  
	position: relative;
  }
  
  section.steps .img-float {
	position: relative;
  
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  section.steps .img-float::before {
	content: "";
  
	width: 200%;
	height: 40px;
  
	display: flex;
  
	position: absolute;
	top: 80%;
  
	animation-name: shadow;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
  
	margin-left: 24px;
  
	transition: 0.2s;
  
	background: radial-gradient(
	  hsla(0, 0%, 0%, 0.1) 10%,
	  hsla(0, 0%, 0%, 0.05) 30%,
	  transparent 60%
	);
  }
  
  @keyframes shadow {
	0% {
	  width: 100%;
	  height: 20px;
	  margin-top: 10px;
	  background: radial-gradient(
		hsla(0, 0%, 0%, 0.12) 10%,
		hsla(0, 0%, 0%, 0.06) 30%,
		transparent 60%
	  );
	}
	100% {
	  width: 250%;
	  height: 40px;
	  margin-top: 0px;
	  background: radial-gradient(
		hsla(0, 0%, 0%, 0.1) 10%,
		hsla(0, 0%, 0%, 0.04) 30%,
		transparent 60%
	  );
	}
  }
  
  @keyframes caneca {
	0% {
	  top: 20px;
	}
	100% {
	  top: -40px;
	}
  }
  
  @keyframes loading {
	0% {
	  width: 0;
	}
	100% {
	  width: 100%;
	}
  }
  
  section.steps div.title h4.h4 {
	font-weight: 700;
  }
  
  section.steps .activity__cell:first-child,
  .activity__cell:nth-child(n + 5) {
	display: table-cell;
  }
  
  section.steps {
	padding-top: 80px;
  }
  
  section.steps header {
	position: absolute;
  
	top: 0;
  }
  
  .field__input,
  .select {
	height: 54px;
	line-height: 48px;
  }
  
  .field__input {
	padding: 1rem;
  }
  
  @media (max-width: 991px) {
	.activity__table {
	  max-width: 100%;
	  overflow: auto;
	  display: block;
	}
	section.steps div.progress-bar {
	  position: relative;
	  bottom: -64px;
	}
	section.steps {
	  padding-top: 120px;
	}
  }
  
  /* box_ */
  
  .box_ {
	width: 100%;
	min-height: 100%;
	padding: 0;
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	background: #ffffff;
	/* box-shadow: 0 5px 30px rgb(0 0 0 / 7%); */
	box-shadow: none;
  }
  
  .box_body_ {
	padding: 2rem;
  }
  
  .box_ .title [class*="h"] {
	font-weight: 600;
  }
  
  /* upgrade 02/11/2022 */
  
  div.header-profile div.office {
	display: flex;
	align-items: center;
  }
  div.header-profile div.office input {
	width: 100%;
	max-width: 216px;
  }
  div.header-profile div.office input::placeholder {
	font-size: 0.85rem;
	font-style: italic;
  
	color: #808191cc;
  }
  div.header-profile div.office button {
	color: #6c5dd3;
  }
  div.item-week div.time span.timing {
	margin-top: 0;
  }
  ul.list-groups li {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
  
	background: #f7f7f7;
  
	border-radius: 0.85rem;
  
	padding: 1rem 1.28rem;
	margin-bottom: 1.28rem;
  }
  ul.list-groups .users {
	display: flex;
	padding-left: 0.56rem;
  }
  
  ul.list-groups span.users span.user {
	width: 1.85rem;
	height: 1.85rem;
  
	border-radius: 1.85rem;
  
	display: inline-flex;
	justify-content: center;
	align-items: center;
  
	background: #6c5dd3;
	border: 1px solid #ffffff;
	color: hsl(248, 57%, 90%);
  
	font-size: 0.64rem;
	font-weight: 700;
  
	margin-left: -0.56rem;
  }
  
  ul.list-groups span.users span.user.yellow {
	background: #ffcf6d;
	border: 1px solid #ffffff;
	color: #ffa35a;
  }
  
  ul.list-groups span.users span.user.pink {
	background: #ffa3c3;
	border: 1px solid #ffffff;
	color: #ff79a7;
  }
  
  ul.list-groups span.quantity {
	padding: 0.28rem 0.71rem;
	border-radius: 0.56rem;
	background: #f7f7f7;
	color: #6c5dd3;
  }
  
  div.block {
	border-radius: 1.42rem;
  }
  
  div.header-profile div.content div.image {
	box-shadow: none;
  }
  
  div.item-tag-title {
	background: transparent;
	border: 1px solid #6c5dd3;
	color: #6c5dd3;
  
	min-height: 100%;
  
	display: flex;
	align-items: center;
  
	padding: 0.85rem 1.56rem 0.71rem;
  
	border-radius: 0.71rem;
  }
  
  .fources-points {
	position: relative;
  }
  
  .fources-points:after,
  .fources-points:before {
	content: "";
	position: absolute;
	border-radius: 24px;
  }
  
  .fources-points:before {
	top: 20px;
	left: 8px;
	right: 8px;
	bottom: -20px;
	z-index: -2;
	-webkit-filter: blur(86.985px);
	filter: blur(86.985px);
  }
  
  .fources-points:after {
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: -10px;
	z-index: -1;
  }
  
  .bootstrap-select .dropdown-toggle .filter-option {
	height: auto !important;
  }
  .dropdown-menu inner show {
	margin-top: 0 !important;
  }
  
  .selectize-input,
  .selectize-control.single .selectize-input {
	border-radius: 16px;
	padding-left: 20px;
	padding-right: 45px;
	background: rgba(228, 228, 228, 0.3);
	border: none;
	float: none;
	line-height: 30px;
	font-weight: 600;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	box-shadow: none !important;
  }
  .selectize-control.single .selectize-input.input-active,
  .selectize-input {
	background: rgba(228, 228, 228, 0.3) !important;
  }
  
  .selectize-input.dropdown-active::before {
	display: none !important;
  }
  
  .selectize-dropdown-content {
	-ms-overflow-style: none; /* Internet Explorer 10+ */
	scrollbar-width: none; /* Firefox */
  }
  .selectize-dropdown-content::-webkit-scrollbar {
	display: none; /* Safari and Chrome */
  }
  
  .selectize-dropdown-content {
	right: 0 !important;
	/* margin-top: 7px; */
	padding: 24px !important;
	border-radius: 20px !important;
	border: 1px solid #e4e4e4 !important;
	-webkit-box-shadow: 0 5px 25px rgb(0 0 0 / 7%) !important;
	box-shadow: 0 5px 25px rgb(0 0 0 / 7%) !important;
  }
  
  .selectize-dropdown {
	border-radius: 20px !important;
	margin-top: 7px !important;
  }
  
  .selectize-dropdown-content .option {
	position: relative;
	padding-left: 28px !important;
	min-height: auto !important;
	line-height: 1.71429 !important;
	font-weight: 600 !important;
	color: #808191;
	-webkit-transition: color 0.2s;
	-o-transition: color 0.2s;
	transition: color 0.2s;
  }
  
  .selectize-dropdown-content .option:hover {
	color: #11142d !important;
	background-color: white !important;
  }
  
  .selectize-dropdown-content .option > .selected,
  .selectize-dropdown-content .option > .active {
	color: #6c5dd3 !important;
	background-color: white !important;
  }
  .selectize-dropdown.single {
	display: block !important;
	visibility: hidden !important;
	opacity: 0 !important;
  
	-webkit-transform: scale(1) translateY(0) !important;
	-ms-transform: scale(1) translateY(0) !important;
	/* transform: scale(0) translateY(0) !important; */
	transition: all 0.2s !important;
	-ms-transform-origin: 50% 0 !important;
	-ms-transform: scale(0.75) translateY(-21px) !important;
	-o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out !important;
  }
  
  .selectize-dropdown-content .option.selected::before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 16px;
	height: 13px;
	background: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6 8.60001L2.4 5.40001L0 7.80001L5.6 13.4L16 3.00001L13.6 0.600006L5.6 8.60001Z' fill='%23355DFF'/%3E%3C/svg%3E%0A")
	  no-repeat 50% 50%/100% auto;
	opacity: 0;
	-webkit-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
	opacity: 1 !important;
  }
  .selectize-dropdown.single.active {
	opacity: 1 !important;
	visibility: visible !important;
	/* transform: scale(1) translateY(0) !important; */
  }
  
  .selectize-input.items.full.has-options.has-items.focus.input-active.dropdown-active,
  .selectize-input.items.full.has-options.has-items.focus.input-active {
	-webkit-box-shadow: inset 0 0 0 2px #6c5dd3 !important;
	box-shadow: inset 0 0 0 2px #6c5dd3 !important;
	background: #ffffff !important;
  }
  
  div.options-list div.item {
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  
  div.options-list div.item div.text h6 {
	font-weight: 600;
  }
  
  div.options-list div.item div.text p {
	color: #868687;
  }
  
  div.options-list div.item div.option {
	display: flex;
	align-items: center;
  }
  
  div.options-list div.item div.option i {
	font-size: 0.71rem;
  
	color: #868687;
  }
  
  div.options-list div.item div.option div {
	display: flex;
	align-items: center;
  }
  
  div.options-list div.item div.option div.active i {
	color: #6c5dd3;
  }
  
  div.options-list div.item div.option span {
	width: 2rem;
	height: 2rem;
  
	cursor: pointer;
  
	border-radius: 2rem;
  
	margin: 0 0.56rem;
  
	display: flex;
	align-items: center;
	justify-content: center;
  
	border: 1px solid #d8d8d8;
  
	position: relative;
  }
  
  div.options-list div.item div.option div.active span::before {
	content: "";
  
	width: 70%;
	height: 70%;
  
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  
	border-radius: 100%;
  
	background: #6c5dd3;
  }
  
  table.table-riap {
	width: 100%;
  
	border-radius: 1rem;
  
	overflow: hidden;
  }
  
  table.table-riap thead td {
	background: #6c5dd3;
	color: #ffffff;
  
	border-right: 1px solid #ffffff;
  
	text-align: center;
  
	padding: 1rem;
  
	font-weight: 600;
  }
  
  table.table-riap tbody tr:nth-child(1) th {
	background: #4fbf67;
	color: #ffffff;
  
	height: 140px;
  }
  
  table.table-riap tbody tr:nth-child(2) th {
	background: #3dbaa2;
	color: #ffffff;
  
	height: 140px;
  }
  
  table.table-riap tbody tr:nth-child(3) th {
	background: #ff9f38;
	color: #ffffff;
  
	height: 140px;
  }
  
  table.table-riap tbody tr:nth-child(4) th {
	background: #ff6628;
	color: #ffffff;
  
	height: 140px;
  }
  
  table.table-riap tbody th > span {
	display: flex;
	align-items: center;
	justify-content: center;
  
	height: 100%;
  }
  
  table.table-riap tbody th > span > span {
	white-space: nowrap;
	transform: rotate(90deg);
  
	text-align: center;
  
	display: inline-flex;
  }
  
  table.table-riap tbody td {
	text-align: center;
  
	padding: 1rem;
  
	vertical-align: top;
  
	border-right: 1px solid #d8d8d8;
  }
  
  table.table-riap tbody td:last-child {
	border-right: 0;
  }
  
  table.table-riap tbody td span {
	padding: 0.28rem 0.56rem;
  
	width: 100%;
  
	background: #f1f1f1;
	color: #6c5dd3;
  
	display: flex;
	justify-content: center;
  
	font-weight: 600;
	font-size: 1rem;
  
	border-radius: 0.56rem;
  }
  
  .widgets__item {
	max-width: unset;
	flex: unset;
	width: 100%;
  }
  
  .widgets__head {
	padding-bottom: 20px;
  }
  
  .widgets__head div.block-icons div.icon-solid {
	font-size: 1.56rem;
  }
  
  .widgets__chart {
	margin-bottom: 0;
  }
  
  .widgets__item div.chart {
	max-height: 70px !important;
	min-height: 70px !important;
  
	margin-bottom: -1.71rem;
	margin-top: 1rem;
  }
  
  .table-collaborators span.image {
	width: 3rem;
	height: 3rem;
  
	margin-top: 0.28rem;
  
	border-radius: 3rem;
  
	display: inline-flex;
  }
  
  .table-collaborators .activity__row {
	/*cursor: pointer;*/
  }
  
  .table-collaborators .activity__row a {
	color: #6c5dd3 !important;
  }
  
  .card-colaborators {
	height: 100%;
  }
  
  .card-colaborators .btn {
	height: auto;
	min-height: unset;
	width: auto;
	min-width: unset;
  
	padding: 0.56rem 1rem;
  }
  
  .popup__ava {
	border-radius: 4rem;
  }
  
  .icon-circle {
	width: 3rem;
	height: 3rem;

	border-radius: 4rem;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	background: #d4d4d4;
	color: #ffffff;

	font-size: 1.42rem;
}
  
  .popup__file {
	opacity: 0 !important;
  }
  
  /* card timeline */
  
  div.timeline {
	border: 1px solid #e4e4e4;
	background: #ffffff;
  
	border-radius: 1rem;
  
	overflow: hidden;
  
	position: relative;
  }
  
  div.timeline table {
	background: #ffffff;
  
	margin: 0;
  }
  
  div.timeline table tr td,
  div.timeline table tr th {
	vertical-align: middle;
  
	padding: 1rem 1rem 0;
  
	border: 1px solid #e4e4e4;
  }
  
  div.timeline table tr:last-child td {
	padding-bottom: 1rem;
  }
  
  div.timeline table thead tr th {
	text-align: center;
  
	border-width: 0 0 1px 0;
  
	padding: 1.28rem;
  }
  
  div.timeline table thead tr th > span {
	width: 2.28rem;
	height: 2.28rem;
  
	display: inline-flex;
	align-items: center;
	justify-content: center;
  
	border-radius: 4rem;
  
	color: #11142d;
  }
  
  div.timeline table thead tr th > span.active {
	background: #6c5dd3;
	color: #ffffff;
  }
  
  div.timeline table thead tr th:first-child {
	border-width: 0 0 1px 0;
  }
  
  div.timeline table thead tr th:last-child {
	border-width: 0 0 1px 0;
  }
  
  div.timeline table tbody tr td {
	border-width: 0 1px 0 1px;
  }
  
  div.timeline table tbody tr:last-child td {
	border-width: 0 1px 0 1px;
  }
  
  div.timeline table tbody tr td:first-child,
  div.timeline table tbody tr:last-child td:first-child {
	border-width: 0 1px 0 0;
  }
  
  div.timeline table tbody tr td:last-child,
  div.timeline table tbody tr:last-child td:last-child {
	border-width: 0 0 0 1px;
  }
  
  .card-timeline {
	padding: 0.85rem;
  
	display: flex;
	flex-direction: column;
  
	border: 1px solid hsla(236, 7%, 54%, 0.2);
  
	border-radius: 0.71rem;
  }
  
  .card-timeline h4 {
	font-size: 1rem;
	font-weight: 600;
  
	color: #ffffff;
  }
  
  .card-timeline .header-timeline {
	display: flex;
	justify-content: space-between;
	align-items: center;
  
	margin-bottom: 0.56rem;
  }
  
  .card-timeline .header-timeline span.tag {
	padding: 0.42rem 0.56rem 0.3rem;
  
	border-radius: 0.42rem;
  
	font-size: 0.71rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.07rem;
  
	display: inline-flex;
	align-items: center;
	justify-content: center;
  
	margin-right: 0.28rem;
  
	background: hsla(0, 0%, 100%, 0.4);
	color: #ffffff;
  }
  
  .card-timeline .header-timeline span.date {
	font-size: 0.71rem;
  
	color: #ffffff;
  
	display: flex;
	align-items: center;
  }
  
  .card-timeline .header-timeline > span.date i {
	font-size: 0.42rem;
  }
  
  .card-timeline .header-timeline span.date > span {
	white-space: nowrap;
  }
  
  .card-timeline.global {
	background: #6c5dd3;
  }
  
  .card-timeline.group {
	background: #bc5dd6;
  }
  
  .card-timeline.personal {
	border: 1px solid #6c5dd3;
  }
  
  .card-timeline.personal h4 {
	color: #11142d;
  }
  
  .card-timeline.personal .header-timeline span.date {
	color: #808191cc;
  }
  
  .card-timeline.personal .header-timeline span.tag {
	background: #6c5dd321;
	color: #6c5dd3;
  }
  
  .card-timeline.global {
	display: flex;
	align-items: center;
	flex-direction: row;
  }
  
  .card-timeline.global .date-large {
	display: flex;
	flex-direction: column;
	align-items: center;
  }
  
  .card-timeline.global .date-large h4 {
	color: #ffffff;
  
	font-size: 1.28rem;
	font-weight: 700;
  
	margin: 0 1.56rem 0 0.56rem;
  }
  
  .card-timeline.global .tag-simple {
	font-size: 0.71rem;
	color: #ffffffcc;
  
	display: inline-flex;
  
	margin: 0.28rem 0;
  }
  
  .card-timeline.global .hour {
	padding: 0.28rem 0.42rem 0.2rem;
  
	border-radius: 0.28rem;
  
	font-size: 0.71rem;
	font-weight: 600;
	line-height: 1;
  
	display: inline-flex;
	align-items: center;
	justify-content: center;
  
	margin-right: 0.28rem;
  
	background: hsla(0, 0%, 100%, 1);
	color: #6c5dd3;
  }
  
  .schedules__list {
	overflow-y: auto;
  }
  
  div.timeline td._title {
	color: #808191;
  
	font-weight: 600;
  
	width: 4.28rem;
  
	text-align: center;
  
	padding: 1.56rem;
  }
  
  /* metas */
  
  div.metas .col-lg-12 {
	border-bottom: 1px solid #e7edef;
  
	padding-bottom: 2.71rem;
  }
  
  div.block-meta {
	display: flex;
	flex-direction: column;
  
	margin-bottom: 1.71rem;
  
	width: 100%;
  
	position: relative;
  }
  
  div.block-meta div.block-meta {
	/* position: unset; */
  }
  
  div.block-meta div.content {
	display: flex;
	align-items: flex-start;
  
	width: 100%;
  }
  
  div.block-meta div.content > div {
	width: 32%;
  }
  
  div.block-meta div.content > div.icon {
	width: auto;
	max-height: 0;
  
	padding: 0 2.28rem 0 0.85rem;
  
	font-size: 3.28rem;
  }
  
  div.block-meta div.content > div.text {
	width: 100%;
  }
  
  div.block-meta div.content > div.text .btn.link {
	padding-left: 0;
	padding-bottom: 0;
	line-height: 1;
	border: 0 !important;
	min-height: unset;
	height: unset;
	margin-top: 0.56rem;
  }
  
  div.block-meta div.content > div.text h4 {
	font-size: 1.28rem;
  }
  
  div.block-meta div.content > div.text p {
	color: #808191;
  }
  
  div.block-meta div.sub {
	padding-left: 6.71rem;
  }
  
  div.block-meta div.sub ul li div.block-meta div.sub {
	padding-left: 3rem;
  }
  
  div.block-meta ul li div.block-meta div.content {
	padding-top: 2.28rem;
  }
  
  div.block-meta ul li div.block-meta div.content > div.text {
	padding-left: 2.6rem;
  
	border-left: 1px solid #e7edef;
  }
  
  div.block-meta ul li div.block-meta div.content > div.text::before {
	content: "";
  
	width: 2px;
	height: 100%;
  
	position: absolute;
	top: 0;
	left: 0;
  
	background: #e7edef;
  }
  
  div.block-meta ul li div.block-meta div.content > div.text h4 {
	font-size: 1.14rem;
  }
  
  div.block-meta
	ul
	li
	div.block-meta
	ul
	li
	div.block-meta
	div.content
	> div.text
	h4 {
	font-size: 1rem;
  }
  
  div.block-meta div.sub ul li div.block-meta {
	margin-top: 0;
  }
  
  div.block-meta div.percent {
	display: flex;
	align-items: center;
  
	margin-top: -0.28rem;
  }
  
  div.block-meta div.percent .progress_ {
	width: 100%;
	height: 0.85rem;
  
	background: #e7edef;
  
	display: flex;
  
	border-radius: 1rem;
  }
  
  div.block-meta div.percent .progress_ span {
	height: 100%;
  
	border-radius: 1rem;
  
	display: inline-flex;
  }
  
  div.block-meta div.percent .progress_ span.green {
	background: #00e180;
  }

  div.block-meta div.percent .progress_ span.yellow {
	background: #f0ad4e;
  }

  div.block-meta div.percent .progress_ span.red {
	background: #d9534f;
  }
  
  div.block-meta div.percent span {
	margin-left: 0.56rem;
	display: inline-flex;
	font-weight: 700;
	font-size: 1.14rem;
	color: #808191;
  }
  
  div.block-meta .date {
	display: flex;
	justify-content: center;
	align-items: center;
  
	color: #808191;
  
	font-size: 0.85rem;
	font-weight: 500;
  }
  
  div.block-meta div.last {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
  }
  
  div.block-meta div.last div.status {
	display: flex;
	align-items: center;
  }
  
  div.block-meta div.last div.status > span {
	display: flex;
	justify-content: center;
	align-items: center;
  
	color: #808191;
  
	font-size: 0.85rem;
	font-weight: 500;
  }
  
  div.block-meta div.last div.status span.status_type {
	width: 1rem;
	height: 1rem;
  
	border-radius: 1rem;
  
	display: flex;
	justify-content: center;
	align-items: center;
  
	margin-right: 0.56rem;
  
	background: #e7edef;
  }
  
  div.block-meta div.last div.users {
	display: flex;
	align-items: center;
  
	margin-top: 1rem;
  }
  
  div.block-meta div.last div.users span {
	display: flex;
  
	width: 2.28rem;
	height: 2.28rem;
  
	margin-left: -1rem;
  
	border-radius: 2.28rem;
  
	border: 2px solid #ffffff;
  }
  
  div.block-meta.opened > div.content > div.text > .btn.opened {
	color: #6c5dd3;
  }
  
  div.block-meta.opened > div.content > div.text > .btn.opened > i {
	transform: rotate(90deg);
  }
  
  div.block-meta:last-child {
	margin-bottom: 0;
  }
  
  div.block-meta div.block-meta {
	display: none;
  }
  
  div.block-meta div.block-meta div.block-meta {
	display: none;
  }
  
  div.block-meta.opened div.block-meta {
	display: block;
  }
  
  div.block-meta.opened div.block-meta.opened div.block-meta {
	display: block;
  }
  
  div.metas .col-lg-12:last-child {
	border-bottom: 0;
  }
  
  div.block-meta div.icon.down ion-icon {
	transform: rotateX(180deg);
  }
  
  div.one-on-one div.user {
	display: flex;
	align-items: center;
  }
  
  div.one-on-one div.user div.image {
	width: 3rem;
	height: 3rem;
  
	border-radius: 3rem;
  
	background: #f7f7f7;
  
	margin-right: 1.28rem;
  }
  
  div.one-on-one div.number {
	display: flex;
	align-items: flex-start;
  
	margin-top: 0.71rem;
  }
  
  div.one-on-one div.number h2 {
	margin-right: 0.85rem;
  
	font-size: 2.56rem;
	font-weight: 600;
  }
  
  div.one-on-one div.number > div {
	font-size: 1.14rem;
	font-weight: 600;
  
	display: flex;
	align-items: center;
  
	color: #808191;
  }
  
  div.one-on-one div.number.up > div {
	color: #00e180;
  }
  
  div.one-on-one div.number.down > div {
	color: #dc3545;
  }
  
  div.one-on-one div.number.down > div > ion-icon {
	transform: rotateX(180deg);
  }
  
  div.one-on-one ul li {
	display: flex;
	align-items: center;
  
	margin-bottom: 0.71rem;
  }
  
  div.one-on-one ul li h3 {
	margin-right: 0.56rem;
  }
  
  div.one-on-one ul li.btn {
	justify-content: flex-start;
  
	padding: 0 1rem;
  }
  
  div.one-on-one div.header-feedback {
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  
  div.one-on-one div.header-feedback div.percent {
	padding: 0.56rem 1.71rem;
  
	display: inline-flex;
	align-items: center;
	justify-content: center;
  
	border: 1px solid #e4e4e4;
  
	border-radius: 4rem;
  }
  
  div.one-on-one div.header-feedback div.percent h3 {
	margin-right: 0.85rem;
  
	font-size: 1.56rem;
	font-weight: 700;
  }
  
  div.one-on-one div.header-feedback div.percent > div {
	font-size: 1.14rem;
	font-weight: 600;
  
	display: flex;
	align-items: center;
  
	color: #808191;
  }
  
  div.one-on-one div.header-feedback div.percent h5 {
	color: #808191;
  }
  
  div.one-on-one div.header-feedback div.percent.up > div {
	color: #00e180;
  }
  
  div.one-on-one div.header-feedback div.percent.down > div {
	color: #dc3545;
  }
  
  div.one-on-one div.header-feedback div.percent.down > div > ion-icon {
	transform: rotateX(180deg);
  }
  
  div.one-on-one .activity__table span[class*="status"] {
	padding: 0.14rem 0.71rem;
  
	border-radius: 1rem;
  
	width: 100%;
  
	display: flex;
	justify-content: center;
	align-items: center;
  
	text-align: center;
	font-size: 0.71rem;
	font-weight: 500;
  }
  
  div.one-on-one .activity__table span[class*="status-5"],
  div.one-on-one .activity__table span.perfomance .progress_ span._5 {
	background: #3baa46;
	color: #ffffff;
  }
  
  div.one-on-one .activity__table span[class*="status-4"],
  div.one-on-one .activity__table span.perfomance .progress_ span._4 {
	background: #c4e571;
  }
  
  div.one-on-one .activity__table span[class*="status-3"],
  div.one-on-one .activity__table span.perfomance .progress_ span._3 {
	background: #f1f885;
  }
  
  div.one-on-one .activity__table span[class*="status-2"],
  div.one-on-one .activity__table span.perfomance .progress_ span._2 {
	background: #ffce9d;
  }
  
  div.one-on-one .activity__table span[class*="status-1"],
  div.one-on-one .activity__table span.perfomance .progress_ span._1 {
	background: #ff8d64;
  }
  
  div.one-on-one .activity__table span.perfomance {
	display: flex;
	align-items: center;
  }
  
  div.one-on-one .activity__table span.perfomance .progress_ {
	width: 100%;
	height: 0.85rem;
  
	background: #e7edef;
  
	display: flex;
  
	border-radius: 1rem;
  }
  
  div.one-on-one .activity__table span.perfomance .progress_ span {
	height: 100%;
  
	border-radius: 1rem;
  
	display: inline-flex;
  }
  
  div.one-on-one .activity__table span.perfomance .progress_ span.green {
	background: #00e180;
  }
  
  div.one-on-one .activity__table span.perfomance > span {
	margin-left: 0.56rem;
  
	display: inline-flex;
  
	font-weight: 700;
	font-size: 1.14rem;
  
	color: #808191;
  }
  
  div.one-on-one .activity__table span.evolution {
	display: flex;
	align-items: center;
  }
  
  div.one-on-one .activity__table span.evolution > span {
	display: flex;
	align-items: center;
  
	color: #808191;
  
	font-weight: 700;
	font-size: 1.14rem;
  }
  
  div.one-on-one .activity__table span.evolution > span.up {
	color: #00e180;
  }
  
  div.one-on-one .activity__table span.evolution > span.down {
	color: #dc3545;
  }
  
  div.one-on-one .activity__table span.evolution > span.down ion-icon {
	transform: rotateX(180deg);
  }
  
  div.one-on-one .activity__table span.evolution > h5 {
	color: #808191;
  
	font-weight: 700;
	font-size: 1.14rem;
  }
  
  div.alert.alert-secondary {
	background: #f7f7f7;
	border: 1px solid #f7f7f7;
  
	border-radius: 0.71rem;
  }
  
  .btn.btn-secondary-outline {
	border: 1px solid #808191;
  
	height: unset;
  }
  
  div.list-drag div.item {
	display: flex;
	align-items: center;
  }
  
  div.list-drag div.item span.drag-icon {
	margin-left: -1.56rem;
	margin-right: 0.42rem;
  
	font-size: 1.28rem;
  
	color: #808191;
  
	display: flex;
	align-items: center;
  
	opacity: 0;
  
	transition: 0.2s;
  }
  
  div.list-drag div.item:hover span.drag-icon {
	opacity: 0.2;
  }
  
  div.list-drag div.item span.drag-icon i {
	color: inherit;
  
	display: flex;
	align-items: center;
  }
  
  div.list-drag div.item > div {
	display: flex;
	align-items: center;
  
	width: 100%;
  }
  
  div.list-drag div.item .checkbox {
	width: 1.28rem;
	min-width: 1.28rem;
	height: 1.28rem;
	min-height: 1.28rem;
  
	margin-right: 0.56rem;
  
	display: inline-flex;
  
	border-radius: 0.28rem;
  
	border: 2px solid #6c5dd3;
  }
  
  div.list-drag div.item .radio {
	width: 1.28rem;
	min-width: 1.28rem;
	height: 1.28rem;
	min-height: 1.28rem;
  
	margin-right: 0.56rem;
  
	display: inline-flex;
  
	border-radius: 0.28rem;
  
	border: 2px solid #6c5dd3;
  }
  
  div.list-drag div.item .placeholder-text,
  .placeholder-text-default {
	position: relative;
	width: 100%;
	display: flex;
  }
  
  div.list-drag div.item .placeholder-text > span,
  .placeholder-text-default > span {
	width: 100%;
	min-height: 1rem;
	display: flex;
  }
  
  div.list-drag div.item .placeholder-text > span:first-child,
  .placeholder-text-default > span:first-child {
	position: relative;
	z-index: 8;
  }
  
  div.list-drag div.item .placeholder-text > span.placeholder_,
  .placeholder-text-default > span.placeholder_ {
	color: #808191;
	position: absolute;
  }
  
  #slide-topics.owl-carousel .owl-stage-outer {
	padding: 100px;
	margin-left: -100px;
	margin-top: -100px;
	margin-bottom: -100px;
  
	width: calc(100% + 132px);
  }
  
  /*div.block.z8.shadow_ {
	  z-index: 8;
	  position: relative;
  }*/
  
  #slide-topics div.block div.icon {
	width: 2.56rem;
	min-width: 2.56rem;
	height: 2.56rem;
	min-height: 2.56rem;
  
	border-radius: 2.56rem;
  
	background: linear-gradient(24deg, #ffcc23, #ffe15a);
	color: #ffffff;
  
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  #slide-topics div.block span {
	font-style: italic;
  }
  
  /* organograma */
  
  section.organograma {
	background: var(--color-primary-light);
  
	min-height: 100vh;
  }
  
  section.organograma div.block_ {
	display: flex;
	align-items: flex-start;
  }
  
  section.organograma div.block_ div.header-block {
	display: flex;
	align-items: center;
  
	padding: 1.28rem;
  
	background: #ffffff;
  
	border-radius: 0.56rem;
  
	margin-right: 1.28rem;
	margin-bottom: 1.28rem;
  }
  
  section.organograma div.list_ > div.block_:last-child div.header-block {
	margin-bottom: 0;
  }
  
  section.organograma div.block_ div.header-block div.image {
	width: 3rem;
	height: 3rem;
  
	border-radius: 3rem;
  
	background: #c8c8c8;
  
	margin-right: 1rem;
  }
  
  section.organograma div.block_ div.header-block h5 {
	color: #11142d;
  
	font-size: 1rem;
  }
  
  section.organograma div.block_ div.header-block h6 {
	margin-bottom: 0;
  
	font-size: 0.71rem;
	font-weight: 600;
  
	color: #808191;
  }
  
  section.organograma div.block_ div.list_ {
	display: flex;
	flex-direction: column;
  }
  
  section.organograma div.block_ div.block_ {
	padding-left: 1.56rem;
  
	position: relative;
  }
  
  section.organograma div.block_ div.block_::before {
	content: "";
  
	width: 2px;
	height: 100%;
  
	background: #6c5dd3;
  
	position: absolute;
	left: 0;
	top: 0;
  }
  
  section.organograma div.block_ div.block_::after {
	content: "";
  
	width: 1.56rem;
	height: 2px;
  
	background: #6c5dd3;
  
	position: absolute;
	left: 0;
	top: 44px;
  }
  
  section.organograma div.list_ > div.block_:last-child::before {
	height: 50%;
  }
  
  section.organograma div.list_ > div.block_:last-child::after {
	margin-top: 0;
  }
  
  section.organograma div.list_ > div.block_:first-child::before {
	height: calc(50% + 0.56rem);
  
	top: unset;
	bottom: 0;
  }
  
  section.organograma div.block_:has(> div.list_) > div.header-block {
	position: relative;
  }
  
  section.organograma div.block_:has(> div.list_) > div.header-block::before {
	content: "";
  
	width: 1.56rem;
	height: 2px;
  
	background: #6c5dd3;
  
	position: absolute;
	left: 100%;
	top: 44px;
  }
  
  div.timeline-v div.item {
	padding: 2rem 2.28rem 2rem 3.28rem;
  
	background: #ffffff;
  
	border-radius: 1.28rem;
  
	position: relative;
  
	box-shadow: 0 4px 48px hsla(248, 58%, 16%, 0.08);
  
	cursor: pointer;
  
	transition: 0.2s;
  }
  
  div.timeline-v div.item:hover {
	box-shadow: 0 4px 48px hsla(248, 58%, 16%, 0.2);
  
	transform: scale(1.01);
  }
  
  div.timeline-v div.item.spotlight:hover {
	box-shadow: 0 4px 48px hsla(248, 58%, 16%, 0.32);
  }
  
  div.timeline-v div.item::before {
	content: "";
  
	width: 0.28rem;
	height: calc(100% - (1.14rem * 2));
  
	position: absolute;
	left: 1.14rem;
	top: 50%;
  
	transform: translateY(-50%);
  
	background: #6c5dd3;
  
	border-radius: 1rem;
  }
  
  div.timeline-v div.item div.tags {
	margin-top: 0.56rem;
  }
  
  div.timeline-v div.item div.tags span {
	padding: 0.2rem 0.56rem;
  
	border: 1px solid #6c5dd3;
	color: #6c5dd3;
  
	border-radius: 0.56rem;
  
	font-weight: 600;
	font-size: 0.71rem;
  }
  
  div.timeline-v div.item div.time {
	font-size: 0.85rem;
	font-weight: 600;
  
	color: #9d9eaa;
  }
  
  div.timeline-v div.item div.time.live {
	background: #fe7848;
	color: #ffffff;
  
	padding: 0.56rem 0.56rem 0.4rem;
  
	display: flex;
	align-items: center;
  
	line-height: 1;
  
	border-radius: 0.56rem;
  }
  
  div.timeline-v div.item div.time.live span {
	display: inline-flex;
  
	margin-bottom: -0.07rem;
  }
  
  div.timeline-v div.item div.time i {
	margin-right: 0.28rem;
  }
  
  div.timeline-v div.item h4 {
	margin: 0;
  
	font-weight: 600;
  }
  
  div.timeline-v div.item button.clean.primary {
	color: #6c5dd3;
  }
  
  div.timeline-v div.item.spotlight {
	background: #6c5dd3;
  }
  
  div.timeline-v div.item.spotlight::before {
	background: #ffffffcc;
  }
  
  div.timeline-v div.item.spotlight h4 {
	color: #ffffff;
  }
  
  div.timeline-v div.item.spotlight div.tags span {
	color: #ffffff;
	border-color: #ffffff;
  }
  
  div.timeline-v div.item.spotlight div.time {
	color: #ffffff;
  }
  
  div.timeline-v div.item.spotlight button.clean.primary {
	color: #ffffff;
  }
  
  /* segment-numbers */
  
  div.segment-numbers div.header_ {
	color: #11142d;
  
	text-align: center;
	font-weight: 700;
  }
  
  div.segment-numbers div.values_ div.item {
	padding: 0.56rem;
  
	background: #f7f7f7;
	color: #808191;
  
	display: flex;
	justify-content: center;
  
	border-radius: 0.56rem;
  
	font-weight: 600;
	text-align: center;
  }
  
  div.segment-numbers div.response_ {
	padding: 0.56rem;
  
	background: #6c5dd3;
	color: #ffffff;
  
	display: flex;
	justify-content: center;
  
	font-weight: 600;
	text-align: center;
  
	border-radius: 0.71rem;
  }
  
  /* checkout steps */
  
  main.checkout {
	min-height: 100vh;
  
	background: #f7f7f7;
  
	padding: 0 0 4rem;
  
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
  }
  
  body.checkout header {
	width: 100%;
  
	background: #f7f7f7;
  
	padding-top: 3.28rem;
  }
  
  body.checkout header div.logo img {
	height: 1.71rem;
  }
  
  main.checkout div.steps {
	display: flex;
	justify-content: center;
	align-items: center;
  
	margin-bottom: 1.71rem;
  }
  
  main.checkout div.steps div.step {
	width: 3.85rem;
	height: 3.85rem;
  
	border-radius: 3.85rem;
  
	border: 1px solid #6c5dd3;
	color: #6c5dd3;
  
	font-size: 1.56rem;
  
	display: flex;
	align-items: center;
	justify-content: center;
  
	margin-right: 2.28rem;
  
	position: relative;
  }
  
  main.checkout div.steps div.step:last-child {
	margin-right: 0;
  }
  
  main.checkout div.steps div.step::before {
	content: "";
  
	width: 2.42rem;
	height: 2px;
  
	background: #6c5dd3;
  
	position: absolute;
	top: 50%;
	left: 100%;
  
	transform: translateY(-50%);
  }
  
  main.checkout div.steps div.step:last-child::before {
	content: none;
  }
  
  main.checkout div.steps div.step.active {
	background: #6c5dd3;
	border-color: #6c5dd3;
	color: #ffffff;
  }
  
  main.checkout img.safe-buy {
	height: 2.56rem;
  
	display: inline-block;
  
	margin-left: -2rem;
  }
  
  /* type-payments */
  
  main.checkout div.type-payments div.item {
	padding: 1.71rem;
  
	height: 100%;
  
	border: 1px solid #6c5dd321;
	color: #808191;
  
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
  
	text-align: center;
  
	font-weight: 600;
  
	border-radius: 1rem;
  
	cursor: pointer;
  
	transition: 0.2s;
  }
  
  main.checkout div.type-payments div.item i {
	font-size: 2.28rem;
	margin-bottom: 0.85rem;
  }
  
  main.checkout div.type-payments div.item span {
	margin-bottom: -0.56rem;
  }
  
  main.checkout div.type-payments div.item:hover,
  main.checkout div.type-payments div.item.active {
	border: 1px solid #6c5dd3;
	color: #6c5dd3;
  }
  
  main.checkout div.plans div.item,
  div.pagamentos div.plans div.item {
	padding: 1.28rem 1.71rem;
  
	border: 1px solid #6c5dd321;
	color: #808191;
  
	display: flex;
	align-items: center;
	justify-content: space-between;
  
	text-align: center;
  
	font-weight: 600;
  
	border-radius: 1rem;
  
	cursor: pointer;
  
	position: relative;
  
	transition: 0.2s;
  }
  
  main.checkout div.plans div.item span.spotlight,
  div.pagamentos div.plans div.item span.spotlight {
	position: absolute;
	top: -0.71rem;
  
	left: 50%;
	transform: translateX(-50%);
  
	padding: 0.14rem 0.71rem 0.1rem;
  
	border-radius: 0.28rem;
  
	font-size: 0.71rem;
  
	background: #6c5dd3;
	color: #ffffff;
  }
  
  main.checkout div.plans div.item:hover,
  div.pagamentos div.plans div.item:hover,
  main.checkout div.plans div.item.active,
  div.pagamentos div.plans div.item.active {
	border: 1px solid #6c5dd3;
	color: #6c5dd3;
  }
  
  main.checkout div.plans div.item div input,
  div.pagamentos div.plans div.item div input {
	background: #f7f7f7;
	padding: 0.28rem 0.56rem;
	width: 80px;
	min-width: unset;
	border-radius: 0.56rem;
	text-align: center;
	font-size: 1.14rem;
	font-weight: 700;
	margin: 0 0.28rem;
	color: #6c5dd3;
  }
  
  div.resume {
	padding: 1rem;
  
	text-align: center;
  
	background: #f7f7f7;
	color: #808191;
  
	font-size: 1.28rem;
	font-weight: 700;
  
	border-radius: 1rem;
  }
  
  div.pagamentos div.block-type-payment {
	position: relative;
  
	background: #ffffff;
  }
  
  div.pagamentos div.block-type-payment::before {
	content: "";
	position: absolute;
	top: 22px;
	left: 18px;
	right: 18px;
	bottom: -40px;
	z-index: -2;
	background: #e3e6ec;
	opacity: 0.91;
	-webkit-filter: blur(86.985px);
	filter: blur(86.985px);
	border-radius: 24px;
  }
  
  div.pagamentos div.block-type-payment div.block {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
  }
  
  div.pagamentos div.block-type-payment div.image {
	text-align: center;
  
	width: 100px;
	height: 100px;
  
	display: flex;
	align-items: center;
	justify-content: center;
  
	border-radius: 1rem;
  
	background: rgba(228, 228, 228, 0.3);
  
	margin: auto;
	margin-bottom: 1.28rem;
  }
  
  div.pagamentos div.block-type-payment div.image img {
	width: 80%;
  }
  
  div.pagamentos div.block-type-payment h5 {
	color: #6c5dd3;
  
	font-size: 1rem;
	font-weight: 700;
  
	text-align: center;
  }
  
  div.pagamentos div.block-type-payment p {
	color: #808191;
  
	text-align: center;
  
	margin-top: 1rem;
  
	font-size: 0.85rem;
  
	margin-bottom: 0;
  }
  
  hr {
	width: 100%;
	border-color: #808191;
  }
  
  div.pagamentos div.block-type-payment a {
	color: #04d960;
  
	display: inline-block;
  
	margin-top: 1rem;
  
	font-weight: 600;
  }
  
  div.pagamentos div.options-payments div.item {
	padding: 1.56rem 1.71rem 1.42rem;
  
	border-radius: 1rem;
  
	border: 1px solid #6c5dd321;
  
	display: flex;
	align-items: flex-start;
  }
  
  div.pagamentos div.options-payments div.item div.check {
	margin-right: 1.28rem;
  
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  div.pagamentos div.options-payments div.item.active {
	border: 2px solid #6c5dd3;
  }
  
  div.pagamentos div.options-payments div.item h4 {
	font-size: 1.14rem;
  
	color: #808191;
  }
  
  div.pagamentos div.options-payments div.item.active h4 {
	color: #11142d;
  }
  
  div.pagamentos div.options-payments div.item button.btn {
	padding: 0.56rem 1rem;
	margin-top: 0.56rem;
  
	display: none;
  
	min-height: unset;
	height: auto;
  }
  
  div.pagamentos div.options-payments div.item.active button.btn {
	display: inline-flex;
  }
  
  div.pagamentos div.options-payments div.item button.btn {
	padding: 0.28rem 1rem;
	min-height: unset;
	height: auto;
	width: auto;
	min-width: unset;
	border-radius: 0.56rem;
  }
  
  div.pagamentos
	div.options-payments
	div.item.active
	button.btn.btn-primary-light {
	color: #11142d;
  }
  
  .form-check-input:checked {
	background-color: #6c5dd3;
	border-color: #6c5dd3;
	opacity: 1;
  }
  
  div.pagamentos div.previsao-box {
	text-align: center;
  }
  
  div.pagamentos div.previsao-box h4 {
	font-size: 1.28rem;
  }
  
  div.pagamentos div.previsao-box h2 {
	font-size: 5rem;
	font-weight: 700;
  
	display: flex;
	justify-content: center;
	align-items: flex-start;
  
	color: #6c5dd3;
  
	margin: 1.28rem 0 1rem 1rem;
  }
  
  div.pagamentos div.previsao-box h2 small {
	font-size: 1rem;
  
	display: inline-flex;
  
	margin-top: 1rem;
  }
  
  div.pagamentos div.previsao-box p {
	font-size: 0.85rem;
  
	margin-bottom: 1.28rem;
  }
  
  span.tag {
	display: inline-flex;
	align-items: center;
	justify-content: center;
  
	padding: 0.1rem 0.56rem 0.07rem;
  
	font-size: 0.71rem;
	font-weight: 500;
	letter-spacing: 0.02rem;
  
	border-radius: 0.28rem;
  }
  
  span.tag.green {
	color: #ffffff;
  }
  
  /* checkout */
  
  main.checkout div.content h4 {
	font-weight: 700;
  }
  
  main.checkout div.content p {
	font-size: 1rem;
	font-weight: 500;
  
	color: #6c757d;
  }
  
  /* sidebar */
  
  .sidebar__icon i {
	font-size: 24px;
	display: flex;
	margin-bottom: 2px;
  }
  
  /* trilhas  */
  
  div.item-trilha {
	padding: 1.28rem;
  
	position: relative;
  
	overflow: hidden;
  }
  
  div.item-trilha div.content_ {
	width: 100%;
  }
  
  div.item-trilha div.image {
	width: calc(100% + (1.28rem * 2));
  
	padding-top: 40%;
  
	margin: -1.28rem -1.28rem 1.28rem;
  }
  
  /*  */
  
  .tabs-list-carousel ul {
	display: flex;
  }
  
  .tabs-list-carousel ul li {
	margin-right: 1rem;
  }
  
  .tabs-list-carousel ul li span {
	padding: 0.56rem 0.56rem 0.56rem 0;
  
	font-weight: 600;
  
	cursor: pointer;
  
	border-bottom: 3px solid transparent;
  }
  
  .tabs-list-carousel ul li.active span {
	border-bottom: 3px solid #6c5dd3;
  }
  
  div.item.simple div.image {
	padding-top: 60%;
  
	background: rgb(222, 222, 222);
  
	border-radius: 1rem;
  
	margin-bottom: 1rem;
  
	width: 100%;
  }
  
  div.item.simple h6 {
	font-size: 0.71rem;
  
	color: #808191;
  
	margin-top: 0.71rem;
  
	padding-left: 1rem;
  }
  
  div.item.simple h4 {
	font-size: 1.28rem;
	font-weight: 600;
  
	padding-left: 1rem;
  }
  
  div.slider {
	width: 132%;
  }
  
  .keep-watching {
	padding: 2rem 2.28rem;
  
	border-radius: 1rem;
  
	background: #f2f2f2;
  }
  
  div.item.progress_ {
	padding: 1rem;
  
	border-radius: 1rem;
  
	margin-left: -1rem;
  }
  
  div.item.progress_ div.image {
	padding-top: 60%;
  
	background: rgb(222, 222, 222);
  
	border-radius: 1rem;
  
	margin-bottom: 1rem;
  
	width: 100%;
  }
  div.item.progress_ h6 {
	font-size: 0.71rem;
  
	color: #808191;
  
	margin-top: 0.71rem;
  
	padding-left: 1rem;
  }
  
  div.item.progress_ h4 {
	font-size: 1.28rem;
	font-weight: 600;
  
	padding-left: 1rem;
  }
  
  div.item.progress_ div.progress_ {
	padding-left: 1rem;
  
	display: flex;
	align-items: center;
  }
  
  div.item.progress_ div.progress_ span.bar {
	height: 0.71rem;
	width: 32%;
  
	background: #e5e5e5;
  
	border-radius: 1rem;
  
	margin-right: 0.56rem;
  
	display: flex;
  }
  
  div.item.progress_ div.progress_ span.bar > span {
	height: 100%;
  
	display: flex;
  
	border-radius: 1rem;
  
	background: #6c5dd3;
  }
  
  div.item.progress_ div.progress_ span.watch {
	font-weight: 600;
  
	color: #808191;
  }
  
  div.item.book {
	padding: 1rem;
  
	border-radius: 1rem;
  
	margin-left: -1rem;
  }
  
  div.item.book div.image {
	padding-top: 140%;
  
	background: #dedede;
  
	border-radius: 1rem;
  
	margin-bottom: 1rem;
  
	width: 100%;
  }
  div.item.book h6 {
	font-size: 0.71rem;
  
	color: #808191;
  
	margin-top: 0.71rem;
  
	padding-left: 1rem;
  }
  
  div.item.book h4 {
	font-size: 1.28rem;
	font-weight: 600;
  
	padding-left: 1rem;
  }
  
  div.accordion-container {
	padding: 1.56rem 2.28rem;
  
	border: 2px solid #6c5dd3;
  
	border-radius: 1rem;
  }
  
  .accordion-item:first-of-type .accordion-button,
  .accordion-body,
  .accordion-item:first-of-type,
  .accordion-header,
  .accordion-item > div,
  .accordion-button,
  .accordion-item {
	background: transparent;
	border: 0;
	box-shadow: none;
  
	padding: 0;
  }
  
  .accordion-button:focus,
  .accordion-button:active {
	background: transparent;
	border: 0;
	box-shadow: none;
  }
  
  .accordion-header button,
  .accordion-item:first-of-type .accordion-button {
	padding: 1rem 0;
  }
  
  .accordion-body {
	padding: 0 1rem 1rem;
  
	border-bottom: 1px solid #dedede;
  }
  
  .accordion-item:last-child .accordion-body {
	border-bottom: 1px solid transparent;
  }
  
  .accordion-header button,
  .accordion-button:not(.collapsed) {
	font-weight: 600;
  
	color: #6c5dd3;
  }
  
  .accordion-body ul li {
	font-size: 1rem;
  
	color: #808191;
  
	margin-bottom: 0.56rem;
  }
  
  .item.content-course {
	display: flex;
  
	margin-bottom: 2.28rem;
  }
  
  .item.content-course > ion-icon {
	font-size: 1.42rem;
  
	color: #808191;
  
	margin-right: 0.85rem;
	margin-top: 0.14rem;
  }
  
  .item.content-course h5 {
	font-size: 1.14rem;
	font-weight: 500;
  
	margin-bottom: 0.28rem;
  }
  
  .item.content-course h6 {
	font-size: 0.85rem;
  
	color: #808191;
  }
  
  div.content-video {
	min-height: 100vh;
	height: 100%;
  }
  
  div.content-video div.video {
	width: 100%;
	padding-top: 60%;
  
	background: #6c5dd3;
  
	border-radius: 1rem;
  }
  
  div.content-video div.your-progress {
	display: flex;
	align-items: center;
  }
  
  div.content-video div.your-progress h6 {
	margin-right: 0.56rem;
  }
  
  div.content-video div.your-progress span.bar {
	height: 0.71rem;
	width: 80px;
  
	background: #e5e5e5;
  
	border-radius: 1rem;
  
	margin-right: 0.56rem;
  
	display: flex;
  }
  
  div.content-video div.your-progress span.bar > span {
	height: 100%;
  
	display: flex;
  
	border-radius: 1rem;
  
	background: #6c5dd3;
  }
  
  div.content-video div.accordion-container-video .accordion-header button {
	padding: 1rem;
  
	color: #11142d;
  }
  
  div.content-video div.accordion-container-video .accordion-body {
	padding: 1.28rem 1.71rem;
  
	background: #f2f2f2;
  
	border-radius: 1rem;
  }
  
  div.content-video
	div.accordion-container-video
	.accordion-body
	ul
	li:last-child {
	margin-bottom: 0;
  }
  
  div.divider-col-left {
	border-left: 2px solid #e4e4e4;
  
	height: 100%;
  
	padding-left: 3rem;
  }
  
  .mvh-100 {
	min-height: 100vh;
  }
  
  div.content-book div.indexes {
	padding: 3.28rem;
  
	border: 2px solid #6c5dd3;
  
	border-radius: 1rem;
  }
  
  div.content-book div.words p {
	margin-bottom: 1rem;
  }
  
  div.content-book div.indexes ul li {
	margin-bottom: 0.85rem;
  
	font-size: 1.14rem;
	font-weight: 600;
  }
  
  .header.cat div.content_ {
	display: flex;
	align-items: center;
  
	width: 100%;
  
	padding: 0.56rem 0;
  
	border-bottom: 2px solid #e4e4e4;
  }
  
  .header.cat {
	padding: 48px 64px 24px 64px;
  }
  
  .header.cat .header__user {
	width: auto;
  }
  
  .header.cat div.content_ div.search_ {
	display: flex;
	align-items: center;
  }
  
  .header.cat div.content_ div.search_ ion-icon {
	font-size: 1.56rem;
  
	color: #a5a5a5;
  }
  
  .header.cat div.content_ div.cat-select {
	color: #a5a5a5;
  
	display: flex;
	align-items: center;
  }
  
  .header.cat div.content_ div.cat-select ion-icon {
	font-size: 1.56rem;
  
	color: #a5a5a5;
  }
  
  .header.cat div.content_ div.cat-select .header__head {
	color: #84838a;
  }
  
  .header.cat div.content_ div.cat-select .header__head:before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath d='M10.281.305L5.988 4.598 1.695.305A1 1 0 0 0 .293.317a1 1 0 0 0-.012 1.402l5 5a1 1 0 0 0 1.414 0l5-5a1 1 0 0 0-.441-1.687 1 1 0 0 0-.973.273z' fill='%2384838a'/%3E%3C/svg%3E")
	  no-repeat 50% 50% / auto 100%;
  }
  
  @media (min-width: 991px) {
	div.content-book img.front-book {
	  max-width: 85%;
  
	  margin: 10vw auto;
  
	  display: block;
	}
  }
  
  div.content-book p {
	font-size: 1.14rem;
  }
  
  .header.cat {
	position: relative;
	z-index: 8888;
  }
  
  /*response*/
  
  @media (max-width: 1440px) {
	.sidebar__item {
	  height: 44px;
  
	  font-size: 12px;
	}
	.sidebar__icon {
	  width: 16px;
	  height: 16px;
	}
	.sidebar__icon i {
	  font-size: 18px;
	}
	img.sidebar__pic.sidebar__pic_light {
	  width: 90px !important;
	}
	.sidebar__toggle svg {
	  width: 20px;
	}
	.sidebar {
	  width: 210px;
	}
	.page__content {
	  padding-left: 210px;
	}
	.header.cat {
	  padding: 24px 32px 24px 32px;
	}
	.promotions__wrapper {
	  padding: 0 32px 64px;
	}
	div.content-book div.words p {
	  font-size: 1rem;
	}
	div.content-book img.front-book {
	  max-width: 100%;
	  margin: 3vw auto;
	  display: block;
	}
	div.content-book div.indexes {
	  padding: 2.28rem;
	}
	.header.cat .header__user > div {
	  width: 2.71rem !important;
	  height: 2.71rem !important;
	}
	.header__item_lang .header__head {
	  padding-right: 24px;
	}
	.header__item_lang .header__head {
	  padding-right: 24px;
	  font-size: 12px;
	}
	.header__user {
	  margin-left: 16px;
	}
	.header__item_notifications {
	  margin-right: 16px;
	  margin-bottom: -4px;
	}
	.header__item_notifications .header__head .icon,
	.header__item_download .header__head .icon {
	  font-size: 16px;
	}
	.header__item_notifications .header__head:before {
	  top: -2px;
	  right: 2px;
	  width: 6px;
	  height: 6px;
	  background: #ff6628;
	}
	.header.cat div.content_ div.cat-select ion-icon {
	  font-size: 1.14rem;
	  color: #a5a5a5;
  
	  margin-right: 0.56rem !important;
	}
	.header.cat div.content_ div.search_ ion-icon {
	  font-size: 1.14rem;
	  color: #a5a5a5;
	}
	div.one-on-one div.user div.image {
	  width: 2rem;
	  min-width: 2rem;
	  height: 2rem;
	  min-height: 2rem;
  
	  margin-right: 0.85rem;
	}
	div.one-on-one div.user div.h6 {
	  font-size: 0.85rem;
	}
	div.tab-options button {
	  font-size: 0.71rem;
	}
	div.tab-options {
	  margin-left: 0rem !important;
	}
	div.tab-options button {
	  padding: 0 10px;
	  font-size: 0.71rem;
	  line-height: 24px;
	}
  }
  
  @media (max-width: 1200px) {
	.sidebar__logo {
	  display: block;
	}
	.sidebar__item .sidebar__text {
	  margin-left: 12px;
	}
	.sidebar__icon {
	  width: 14px;
	  height: 14px;
	}
	.sidebar__item {
	  height: 38px;
	  font-size: 10px;
	}
	.sidebar__icon i {
	  font-size: 16px;
	}
	img.sidebar__pic.sidebar__pic_light {
	  width: 80px !important;
	}
	.sidebar {
	  width: 175px;
	}
	.page__content {
	  padding-left: 175px;
	}
	.header__item_lang .header__head {
	  padding-right: 24px;
	  font-size: 10px;
	}
	div.title h6 {
	  font-size: 14px;
  
	  margin-bottom: 0.28rem;
	}
	div.title h5 {
	  font-size: 14px;
	}
	div.content-book div.words p {
	  font-size: 0.85rem;
	}
	div.content-book div.indexes ul li {
	  margin-bottom: 0.56rem;
	  font-size: 0.85rem;
	  font-weight: 500;
	}
	div.divider-col-left {
	  border-left: 2px solid #e4e4e4;
	  height: 100%;
	  padding-left: 3rem;
	}
	div.pagamentos div.block-type-payment h5 {
	  font-size: 0.85rem;
	}
	div.pagamentos div.block-type-payment p {
	  font-size: 0.71rem;
	}
	div.pagamentos div.block-type-payment a {
	  font-size: 0.85rem;
	}
	div.pagamentos div.options-payments div.item {
	  padding: 1.28rem 1.28rem 1rem;
	  border-radius: 0.85rem;
	}
	.btn {
	  font-size: 10px;
	}
	div.pagamentos div.options-payments div.item h4 {
	  font-size: 12px;
	}
	.form-check-input {
	  margin-top: 0;
	}
	div.pagamentos div.options-payments div.item:not(.active) {
	  padding: 1.28rem;
	}
	.page__title.h6 {
	  font-size: 14px;
	}
	.page__title.h2 {
	  font-size: 32px;
	}
	div.title h4 {
	  font-size: 18px;
	}
  }
  
  @media (max-width: 991px) {
	.page__content {
	  padding-left: 0;
	}
	.header.cat div.content_ div.search_ {
	  margin-left: 1rem !important;
	}
	.header.cat div.content_ div.search_ input {
	  width: 100px;
	}
	.sidebar.active {
	  width: 185px;
	}
	.page.toggle .page__content {
	  -webkit-transform: translateX(255px);
	  -ms-transform: translateX(255px);
	  transform: translateX(180px);
	}
	div.content-book div.indexes {
	  padding: 2rem;
	}
	div.divider-col-left {
	  padding-left: 0;
	  border-left: 0;
	}
	.tabs-list-carousel ul {
	  flex-wrap: wrap;
	}
	.tabs-list-carousel ul li {
	  margin-bottom: 1rem;
	}
	div.slider {
	  width: 100%;
	}
	div.item.progress_ {
	  padding: 0;
	  margin-left: 0;
	}
	div.title h4 {
	  font-size: 24px;
	}
	.keep-watching.slider {
	  padding: 1.71rem 1.85rem 0.56rem;
	}
  }
  .status-disabled {
	background: #d9d9d9;
	opacity: 0.5;
  }
  .cursor-pointer {
	cursor: pointer;
  }
  .btn-sm {
	padding: 8px 1px;
	font-size: 11px;
	height: auto;
  }
  
  .loading {
	display: none;
  }
  
  .loading.active {
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.8);
	justify-content: center;
	align-items: center;
	z-index: 1001;
	flex-direction: column;
  }
  
  .loading p {
	font-size: 17px;
  }
  
  .lds-grid {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
  }
  
  .lds-grid div {
	position: absolute;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #422dd1;
	animation: lds-grid 1.2s linear infinite;
  }
  
  .lds-grid div:nth-child(1) {
	top: 8px;
	left: 8px;
	animation-delay: 0s;
  }
  
  .lds-grid div:nth-child(2) {
	top: 8px;
	left: 32px;
	animation-delay: -0.4s;
  }
  
  .lds-grid div:nth-child(3) {
	top: 8px;
	left: 56px;
	animation-delay: -0.8s;
  }
  
  .lds-grid div:nth-child(4) {
	top: 32px;
	left: 8px;
	animation-delay: -0.4s;
  }
  
  .lds-grid div:nth-child(5) {
	top: 32px;
	left: 32px;
	animation-delay: -0.8s;
  }
  
  .lds-grid div:nth-child(6) {
	top: 32px;
	left: 56px;
	animation-delay: -1.2s;
  }
  
  .lds-grid div:nth-child(7) {
	top: 56px;
	left: 8px;
	animation-delay: -0.8s;
  }
  
  .lds-grid div:nth-child(8) {
	top: 56px;
	left: 32px;
	animation-delay: -1.2s;
  }
  
  .lds-grid div:nth-child(9) {
	top: 56px;
	left: 56px;
	animation-delay: -1.6s;
  }
  
  @keyframes lds-grid {
	0%,
	100% {
	  opacity: 1;
	}
  
	50% {
	  opacity: 0.5;
	}
  }
  .login__field .field__label {
	top: 50% !important;
	left: 18px;
	transform: translateY(-38%);
  }
  
  .field.active .field__label {
	transform: translateY(-21px) !important;
  }
  .form-group {
	display: flex;
	flex-direction: row-reverse;
  }
  
  .form-group .group-icon {
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	border: 2px solid transparent;
	background: rgba(228, 228, 228, 0.3);
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #11142d;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 5px;
	border-right-width: 0;
	transition: all 0.2s;
  }
  
  .form-group > input {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-left: 0;
	border-left-width: 0;
  }
  .form-group > input:focus {
	border-left-width: 0px;
  }
  .form-group > input:focus ~ .group-icon {
	border-color: #6c5dd3;
	background: #ffffff;
	border-right-width: 0px;
  }
  .field__input.field__input__overlay {
	background: transparent;
  }
  .field__input.field__input__overlay:hover {
	border-color: #6c5dd3;
  }
  .span__status__type {
	width: 13px;
	height: 13px;
	border-radius: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 0.56rem;
	background: #e7edef;
  }
  
  .status.border-contains {
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 10px;
  }
  .status.border-contains.success {
	border-color: rgb(25, 135, 84);
  }
  .status.border-contains.warning {
	border-color: rgb(255, 193, 7);
  }
  .status.border-contains.danger {
	border-color: rgb(220, 53, 69);
  }
  
  .status.border-contains.success.active {
	background-color: rgb(25, 135, 84);
	color: #fff;
  }
  .status.border-contains.success.active .status_type {
	background-color: #fff !important;
  }
  
  .status.border-contains.warning.active {
	background-color: rgb(255, 193, 7);
	color: #fff;
  }
  
  .status.border-contains.warning.active .status_type {
	background-color: #fff !important;
  }
  
  .status.border-contains.danger.active {
	background-color: rgb(220, 53, 69);
	color: #fff;
  }
  
  .status.border-contains.danger.active .status_type {
	background-color: #fff !important;
  }
  @media screen and (max-width: 600px) {
	.btn {
	  height: auto;
	  padding: 7px 10px;
	  font-size: 10px;
	}
	.title .h5,
	.title_ .h5 {
	  font-size: 16px !important;
	}
	.status.border-contains {
	  width: 100%;
	  text-align: center;
	  margin: 0 !important;
	}
	.status.border-contains + .status.border-contains {
	  margin-left: 5px !important;
	}
	.status.border-contains:before {
	  display: none;
	}
	.status.border-contains span {
	  display: block;
	  width: 100%;
	}
	.status.border-contains .status_type {
	  display: none;
	}
	.col-12 + .col-12 {
	  margin-top: 15px !important;
	}
	.select-div {
	  height: 35px !important;
	  line-height: 35px !important;
	}
  }
  
  @page {
	margin: 0;
	padding: 0;
	size: calc(432mm - (432mm / 4)) calc(560mm - (560mm / 4));
  }
  
  @media print {
	.sidebar {
	  display: none !important;
	}
  
	div.tab-container > * {
	  /* page-break-inside: avoid; */
	}
  }