@charset "utf-8";

/*!	
 *	Ignite Bis
 *  -----------------
 *	Desenvolvido por Coresphere Tecnologia < coresphere.com.br >
 *  Autor: Bruno Guerreiro 
 *	Data: 06.09.2021 – Versão: 4 ALPHA
 *
 *  NÃO ALTERAR DIRETAMENTE ESTE ARQUIVO  *
 *
 *  codificado a mão, em {são paulo}
 */
/*-------------------------------------
Fonte
-------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@1,14..32,100..900&display=swap');


/*-------------------------------------
Vital
-------------------------------------*/
* {}

html,
body {
	background-color: var(--ark-tw-slate-50);
	font-size: 10px;
	font-family: "Poppins", "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

body {}

p {
	font-family: "Poppins", "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1.25rem;
	line-height: 140%;
	letter-spacing: 0.2px;
}

strong,
b {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: var(--bt-one-color);
}

p code {
	padding: 2px 4px;
	color: #C7254E;
	background-color: #FAFAFC;
	white-space: nowrap;
	border-radius: 4px;
	font-family: courier, monospace;
	border: 1px solid #E3E4E7;
	border-radius: 3px;
}

/*-------------------------------------
Overrides
-------------------------------------*/
/*** bts ***/
.btn-one {
	background-color: var(--bt-one-color);
	border-bottom-color: var(--bt-one-color-dark);
	color: #fff;
}

.btn-one:hover {
	background-color: var(--bt-one-color-dark);
}

/*** pace ***/
.pace .pace-progress {
	background: var(--accent-color);
}

/*-------------------------------------
Arkantas Mods
-------------------------------------*/
/*** candidate ***/
.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

input[type=color] {
	height: 40px;
	padding: 2px 3px;
}

.justify-self--left {
	justify-self: left;
}

.justify-self--center {
	justify-self: center;
}

.justify-self--right {
	justify-self: right;
}

/*-------------------------------------
Estrutura geral
-------------------------------------*/
html,
body {
	height: 100%;
}

#container {

	height: 100%;
}

header {
	position: fixed;
	width: 100%;
	height: 6.4rem;
	z-index: 100;

	background-color: #fff;
	border-bottom: 1px solid #eeeff2;

	display: grid;
	grid-template-columns: 26.1rem 5.5rem auto 50.0rem;
	justify-items: end;
}

main {
	/* padding-top: 6.4rem; */
	display: grid;
	height: 100%;
	grid-template-columns: 27rem calc(100% - 27rem);
}

aside {
	width: 27rem;
	height: 100vh;
	display: block;
	overflow: auto;
	background: var(--ark-tw-slate-900);
	transition: all .40s ease;
	position: sticky;
	top: 6.4rem;
}


/*** scrollbar ***/
/** scroll bar do menu **/
aside::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

aside::-webkit-scrollbar-track {
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.1);
}

aside::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.2);
}

aside::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 255, 255, 0.4);
}

aside::-webkit-scrollbar-thumb:active {
	background: rgba(255, 255, 255, .8);
}

#content {
	padding: 3rem;
	max-height: 100vh;
	overflow: hidden;
	overflow-y: auto;
}

/*** smooth transition ***/


/*** topo ***/
#header-logo {
	width: 260px;
	height: 64px;
	position: relative;
	text-align: center;

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

#header-logo img {
	width: 250px;
	max-height: 54px;
	display: inline-block;
	object-fit: contain;
}

.header-tools__collap-side {
	padding: 15px 10px;
	width: 55px;
	height: 64px;
	cursor: pointer;
}

.header-tools__collap-side a {
	margin-right: 0;
	font-size: 1.2em;
	vertical-align: middle;
	padding: 0;
}

.header-tools__collap-side a span {
	background: #bbbbbb;
	width: 20px;
	height: 2px;
	display: block;
	margin: 7px 0;
	border-radius: 35px;
	transition: all 0.3s cubic-bezier(.81, -.33, .345, 1.375);
}

.header-tools__collap-side a span:nth-of-type(2) {
	position: relative;
	width: 30px;
}

.header-tools__collap-side a span:last-of-type {
	position: relative;
	width: 15px;
}

.header-tools__collap-side.selec a span:first-of-type {
	transform: translateX(10px);
}

.header-tools__collap-side.selec a span:nth-of-type(2) {
	transform: none;
}

.header-tools__collap-side.selec a span:last-of-type {
	transform: translateX(15px);
}

.header-menu {
	right: 0;
	left: 280px;
	bottom: 10px;
	z-index: 1;
	margin-right: 17px;
	padding: 0;
	border: none;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 18px 2px var(--soft-shadow);
	background-color: #fff;
	width: 250px;
	position: absolute;
	display: none;
}

.header-menu p.title {
	user-select: none;
	margin: 1.75rem;
	padding-bottom: 1.25rem;
	border-bottom: 1px solid var(--ark-tw-slate-200);
	font-size: 1.75rem;
	font-weight: 700;
}

.header-menu ul {
	margin: 0;
}

.header-menu ul li a {
	width: 100%;
	display: inline-block;
	padding: 14px 15px;
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--dark-color);
}

.header-menu ul li a:hover {
	background-color: #f9f9f9;
	color: var(--accent-color);
	text-decoration: none;
}

.header-menu ul li a i.far {
	font-size: 1.8rem;
	color: var(--accent-color);
	margin-right: 4px;
	vertical-align: middle;
}

.header-menu ul li a i.fas {
	font-size: 1.125rem;
	margin-left: 4px;
}

.header-menu li.logout {
	text-align: center;
	height: 60px;
	overflow: hidden;


}

.header-menu li.logout span {
	display: inline-block;
	width: 65px;
	height: 65px;
	border-radius: 100%;
	background-color: var(--accent-color);
	line-height: 50px;
	transition: all .35s ease;
}

.header-menu li.logout a i {
	font-size: 2.5rem;
	color: #fff;
	margin: 0;

	transition: all .35s ease;
}

.header-menu li.logout a:hover i {
	color: #fff;

	transition: all .55s ease;
}

.header-menu li.logout a:hover span {
	background-color: #e74c3c;
	/*
	background-image: -webkit-linear-gradient(left, #e74c3c 0%, #b53d12 100%);
	background-image: -o-linear-gradient(left, #e74c3c 0%, #b53d12 100%);
	background-image: linear-gradient(to right, #e74c3c 0%, #b53d12 100%);
	background-repeat: repeat-x;
	*/

	transition: all .55s ease;
}

/*** menu lateral ***/
.side-menu {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	height: 100%;
	margin: 0;
}

#expanded {
    display: inline;
}

#default {
    display: none;
}

/* .side-menu:hover #expanded {
    display: inline;
}

.side-menu:hover #default {
    display: none;
} */

.side-menu__logo {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	padding: 2rem;
}

:root {
	--essential-sidebar-logo-height: 5rem;
}

.side-menu__logo img#default {
	height: var(--essential-sidebar-logo-height);
}


.side-menu__logo img#expanded{
    height: var(--essential-sidebar-logo-height);
}


.side-menu__items {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0;
	gap: 0;
}

.side-menu__items li {
    padding: 5px 10px;
	width: 100%;
}

.side-menu__items li a {
	border-radius: 8px;
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	width: 100%;
	height: 6rem;
    text-decoration: none;
    display: flex !important;
	gap: 1rem;
    align-items: center;
    transition: background 0.3s;
	padding: 2rem;
	display: inline-block;
	color: #fff;
	font-size: 1.25rem;
	background: var(--ark-tw-slate-800);
}

.side-menu__items li a:hover {
    background: var(--ark-tw-slate-600);
	color: var(--ark-one);
}

.side-menu__items li a.active {
    background: var(--ark-tw-slate-700);
	color: var(--ark-accent-color);
}

/* Icons */
.side-menu__items li a i{
    font-size: 2rem;
}

/* Hide text initially */
/* .side-menu__items span {
    display: none;
}

.side-menu:hover .side-menu__items span {
    display: inline;
    margin-left: 10px;
} */


.side-menu__count {
	float: right;
	display: inline-block;
	background-color: var(--accent-color);
	padding: 4px 6px;
	border-radius: 2px;
	font-size: 1.2rem;
	margin: -2px 10px -2px -2px;
	color: var(--ark-tw-slate-900);
	font-weight: bold;
}

.header-notif__avatar {
	display: flex;
	border: 1px solid var(--ark-tw-slate-900);
    justify-content: flex-start;
	padding: 1rem;
	border-radius: 8px;
	margin: 1rem;
	transition: background 0.3s;
	/* vertical-align: middle; */
	user-select: none;
	cursor: pointer;
}

.header-notif__avatar:hover {
	background-color: var(--ark-tw-slate-800);
	border: 1px solid var(--ark-tw-slate-700);
}

.header-notif__avatar p {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	font-family: "Poppins", sans-serif;
	color: #fff;
	height: 64px;
}

.header-notif__avatar p .text{
	display: flex;
	flex-direction: column;
}

.header-notif__avatar p .text .name {
	font-size: 1.4rem;
	font-weight: 500;
}

.header-notif__avatar p .text .title {
	font-size: 1.2rem;
	font-weight: 400;
}

.header-notif__avatar img {
	border: 3px solid var(--ark-tw-slate-500);
	border-radius: 100%;
	width: 50px;
	vertical-align: middle;
}

.header-notif__avatar:hover {
	/* background-color: #f9f9f9; */
}

/** modo compact-side **/

@media (min-width: 992px) {

	/** restrigindo a somente visualização em monitores **/
	main,
	aside {
		transition: all .5s ease-in-out;
	}

	aside {
		/* resize: horizontal; */
	}

	.compact-side aside {
		width: 12rem;
	}

	.compact-side main {
		/*grid-template-columns: 12.0rem 1fr;
		transition: all .5s ease-in-out;*/
		grid-template-columns: 12rem calc(100% - 12rem);

	}

	.compact-side #content {}

	.compact-side aside {
		overflow: auto;
		z-index: 100;
	}

	.compact-side #content,
	.compact-side aside,
	aside {
		opacity: 1;
	}

	.compact-side aside:before {
		width: 120px;
		height: 100vh;
		content: '';
		display: block;
		position: fixed;
		top: 0;
		left: 0;
	}

	.compact-side .side-menu__label {
		display: none;
	}

	.compact-side .side-menu a {
		padding: 17px 10px;
		font-size: 1.15rem;
	}

	.compact-side .side-menu li.submenu {
		position: relative;
	}

	.compact-side .side-menu a {
		text-align: center;
	}

	.compact-side .side-menu a i {
		display: block;
		text-align: center;
		width: 100%;
		margin-bottom: 12px;
		font-size: 3.7rem;
		font-weight: 100;
	}

	.compact-side .side-menu .submenu>a .side-menu__count {
		display: block;
		width: 100%;
		text-align: center;
		margin: 7px 0 0 0;
	}

	.compact-side .side-menu .submenu>ul.compact-side--selec {
		display: block;
		width: 100%;
		position: relative;
		left: 0;
		background-color: rgba(0, 0, 0, 0.25);
	}
}

/*** titulo ***/
#content-header {
	margin-bottom: 2rem;
	/* margin: -2rem;
	margin-bottom: 1rem;
	padding: 1rem 1.8rem; */
}

.content-header__title,
.content-header__link {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
	font-size: 2rem;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	color: var(--ark-tw-slate-950);
}

.content-header__title .ico {
	display: inline-block;
	vertical-align: middle;
	line-height: 100%;
}

.content-header__title .ico i {
	font-size: 3rem;
	color: var(--ark-tw-slate-950);
	font-weight: 300;
}

.content-header__subtitle {
	color: var(--ark-tw-slate-950);
	font-size: 1.5rem;
	letter-spacing: 0.05rem;
}

.content-header__subtitle a {
	color: var(--ark-tw-slate-950);
}

.content-header__subtitle em {
	font-weight: bold;
}


.content-header__breadcrumb {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 0.5rem;
	font-size: 1.5rem;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	color: var(--ark-tw-slate-950);
}

.content-header__breadcrumb .ico {
	font-size: 1rem;
}

a.content-header__breadcrumb-item {
	color: var(--ark-one-dark-25);
	text-decoration: underline;
}

/*** modo compacto ***/
.compact header,
.compact aside {
	display: none;
}

.compact main {
	padding-top: 0;
	grid-template-columns: 1fr;
}

.compact #content {
	width: 100%;
	padding-bottom: 55px;
}

.compact .button-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 20px;
	background-color: var(--dark-color-90);
	z-index: 99;
}

/*-------------------------------------
Apoio ao Arkantas
-------------------------------------*/
/*** forms ***/
fieldset {
	border: 0;
	padding: 0;
}

fieldset.border,
fieldset.--border,
fieldset.--bordered {
	border: 2px solid rgba(214, 214, 214, .5);
	padding: 1rem 2rem;
	margin-bottom: 2rem;
}

fieldset legend {
	font-size: 1.29rem;
	letter-spacing: -0.01rem;
	font-weight: bold;
	color: var(--accent-color);
	padding: 6px 0;
	text-transform: uppercase;
}

fieldset legend.dark {
	color: var(--dark-color);
	text-transform: uppercase;
}

/*** table ***/
.ark-table th a {
	color: #3f5375;
}

.ark-table th i.fa-sort-amount-asc,
.ark-table th i.fa-sort-amount-desc {
	margin-left: 5px;
}

.ark-table.ark-table-darkhead thead th {
	background-color: var(--dark-color-90);
	color: #fff;
}

.ark-table.ark-table-darkhead thead th a {
	color: #fff;
}

.ark-table-zebrada>tbody>tr:nth-of-type(odd) {
	background-color: rgba(255, 255, 255, 0.55);
}

.ark-table.ark-table-hover tbody tr:hover {
	background-color: rgba(255, 255, 255, 0.94);
}

/*-------------------------------------
Barra principal
-------------------------------------*/
/** core **/
.main-bar {
	background-color: var(--dark-color);
	padding: 13px 13px 10px;
	border-radius: 4px;
	width: 100%;
	z-index: 55;
	position: relative;
}

.main-bar .btn {
	margin: 0 3px;
}

.main-bar__bts .btn {}

.main-bar__results {
	display: inline-block;
	vertical-align: middle;
	color: rgba(255, 255, 255, 0.5);
	font-size: 1.19rem;
}

.main-bar__results span {
	color: #fff;
}

/** variações **/
.main-bar--grid-3 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}

/*-------------------------------------
Responsividade principal
-------------------------------------*/

/*** botão e gaveta ***/
.menu-responsive {
	display: none;
	width: 55px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	padding: 8px 15px;
	height: 50px;
}

.menu-responsive a {
	margin-right: 0;
	font-size: 1.2em;
	vertical-align: middle;
	padding: 0;
}

.menu-responsive a span {
	background: rgba(202, 202, 202, 0.9);
	width: 20px;
	height: 2px;
	display: block;
	margin: 7px 0;
	border-radius: 35px;
	transition: all 0.3s cubic-bezier(.81, -.33, .345, 1.375);
}

.menu-responsive a span:nth-of-type(2) {
	position: relative;
	width: 30px;
}

.menu-responsive a span:last-of-type {
	position: relative;
	width: 15px;
}

.menu-responsive.selec a span:first-of-type {
	transform: translateX(10px);
}

.menu-responsive.selec a span:nth-of-type(2) {
	transform: none;
}

.menu-responsive.selec a span:last-of-type {
	transform: translateX(15px);
}


/*** helpers ***/
#mobile-curtain {
	width: 0;
	height: 0;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 98;
	opacity: 0;
	transition: opacity 0.30s linear;
}

/*** responsividade ***/
/** desktops grandes **/
@media (min-width: 992px) and (max-width: 1199px) {}

/** desktops **/
@media (min-width: 992px) {}

/** mobile e tablet **/
@media (max-width: 991px) {

	html,
	body {
		font-size: 9px;
	}

	header {
		display: none;
	}

	main {
		padding-top: 0px;
		grid-template-columns: 0 100vw;
	}

	.menu-responsive {
		display: block;
	}

	.header-links {
		display: none;
		/* temporário */
	}

	#mobile-curtain.active {
		width: 100%;
		height: 100%;
		opacity: 1;
		transition: opacity 0.30s linear;
	}

	aside {
		z-index: 99;
		top: 0px;
		width: 55vw;
		min-width: 260px;
		height: calc(100vh + 10px);
		box-shadow: 2px 0px 5px var(--dark-color);
		opacity: 1;
		-webkit-transform: translateX(-400px);
		transform: translateX(-100vw);
		transition: all 0.30s linear;
	}

	aside.open {
		opacity: 1;

		-webkit-transform: translateX(0);
		transform: translateX(0);

		transition: all 0.40s cubic-bezier(0.075, 0.82, 0.165, 1);
		transition: all 0.40s cubic-bezier(0.075, 0.82, 0.165, 1);
	}

	#content {
		width: 100%;
		padding: 15px;
	}

	#content-header {
		background-color: var(--dark-color);
		margin: -1.5em;
		margin-bottom: 1rem;
		padding: 1.5rem 7rem;
		text-align: center;
	}

	.content-header__title,
	.content-header__subtitle {
		color: #fff;
		font-size: 1.85rem;
	}

	.content-header__title .ico {
		color: #fff;
	}

	.content-header__title .ico i {
		font-size: 2.35rem;
		color: var(--accent-color);
	}

	.main-bar.is_stuck {
		margin-top: -9px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	.main-list__bts {
		width: 100%;
		opacity: 1 !important;
		margin: 12px 0;
		text-align: center;
	}

	.main-list__header .tit {
		font-size: 1.55rem;
	}
}

/** tablets **/
@media (min-width: 768px) and (max-width: 991px) {}

/** mobile **/
@media (max-width: 767px) {}

/** monitores menores **/
@media (max-height: 900px) {

	html,
	body {
		font-size: 9px;
	}
}

/*-------------------------------------
Listagens
-------------------------------------*/
.no-gutter .col-md-1,
.no-gutter .col-md-2,
.no-gutter .col-md-3,
.no-gutter .col-md-4,
.no-gutter .col-md-5,
.no-gutter .col-md-6,
.no-gutter .col-md-7,
.no-gutter .col-md-8,
.no-gutter .col-md-9,
.no-gutter .col-md-10,
.no-gutter .col-md-11,
.no-gutter .col-md-12 {
	padding: 0;
}

/* arkantas candidate */

/*** listagem principal : cards ***/
.main-list {}

.main-list__card {
	background-color: #fff;
	border: 1px solid var(--ark-tw-slate-900);;
	border-radius: 10px;
	padding: 13px 15px;
	margin: 15px 0;
	opacity: 0.90;
	transition: all .6s ease-out;
}

.main-list__header {
	margin: 0 0 20px;
	clear: both;
}

.main-list__header .tit {
	font-size: 2.05rem;
	color: #4e4e4e;
}

.main-list__header .tit .pill {
	text-transform: uppercase;
	margin-left: 6px
}

.main-list__bts {
	transform: scale(0.95);
	transition: opacity .2s ease-out;
}

.main-list__card:hover {
	-webkit-transform: scale(1.01);
	-ms-transform: scale(1.01);
	transform: scale(1.01);
	transition: .5s cubic-bezier(0.19, 1, 0.22, 1);
	/* easeOutExpo */
	opacity: 1;
	box-shadow: 5px 5px 0px var(--accent-color), 7px 7px 0px var(--accent-color); /* sombra preta + azul */
	border-bottom: 3px solid var(--ark-tw-slate-900);
}

.main-list__card:hover .main-list__header .tit,
.main-list__card:hover strong {
	color: var(--accent-color);
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
	/* easeOutExpo */
}

.main-list__card:hover .main-list__bts {
	opacity: 1;
	transform: scale(1);
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
	/* easeOutExpo */
}

.main-list__card .list-link {
	color: var(--accent-color);
}

/*** ordenavel ***/
.main-list--draggable li {
	position: relative;
}

.main-list--draggable .main-list__dragger {
	position: absolute;
	width: 50px;
	height: 100%;
	top: 0;
	right: 0;
	background-color: rgba(214, 214, 214, 0.76);
	text-align: center;

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

.main-list--draggable .main-list__dragger i {
	font-size: 1.8rem;
	color: var(--accent-color);
}

.main-list--draggable li:hover .main-list__dragger {
	background-color: var(--accent-color);
}

.main-list--draggable li:hover .main-list__dragger i {
	color: #fff;
}

/*** auxiliares de listagem ***/
.list-aux {
	padding: 20px 0;
}

.list-aux:first-child {
	padding-top: 0;
}

.round-avatar {
	display: inline-block;
	background-color: silver;
	border-radius: 100%;
	vertical-align: middle;
	line-height: 0;
}

.round-avatar img {
	width: 40px;
	height: 40px;
	border-radius: 100%;
}

.round-avatar--small img {
	width: 20px;
	height: 20px;
}

.round-avatar--lg img {
	width: 60px;
	height: 60px;
}

/*** paginacao ***/
.paginacao.paginacao--main-bar {
	display: inline-block;
}

.paginacao--main-bar .--border {
	display: none;
}

.paginacao--main-bar .pagseta.--off {
	opacity: .2;
	cursor: not-allowed;
}

.paginacao--inferior {
	text-align: center;
}

.paginacao--inferior .btn {
	margin: 0 3px;
}

.paginacao--inferior .--off {
	display: none;
}

/*-------------------------------------
Formulários
-------------------------------------*/
/*** adicionar mais - adma ***/
.ark-adma__scheme fieldset {
	border: 2px solid rgba(214, 214, 214, .5);
	padding: 10px 15px;
	margin: 10px 0;
	border-radius: 3px;
}

.ark-adma__scheme fieldset {
	margin-top: 0;
}

.ark-adma__scheme legend {
	color: #000;
	font-size: 1.15rem;
}

.ark-adma__scheme--original .ark-adma__delete {
	display: none;
}

/*** auxiliar de classes - ckeditor ***/
.cke:hover {
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05), 0 0 0 .2rem var(--ark-input-shadow-25) !important;
	transition: all .24s ease;
}

.cke_focus.cke {
	border-color: var(--ark-input-border) !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05), 0 0 0 .2rem var(--ark-input-shadow) !important;
	transition: all .24s ease-out;
}

a.cke_dialog_ui_button_ok {
	background-color: var(--accent-color) !important;
	border: var(--accent-color) !important;
}

.cke_dialog_background_cover {
	opacity: .8 !important;
	background: var(--overlay-color) !important;
}

.cke textarea.cke_source {
	background-color: #2b303b;
	padding: 2.0rem;
	color: #fff;
	font-family: "Consolas", "Monaco", monospace;
	font-size: 1.35rem;
}

/*-------------------------------------
Dashboard Panels 
-------------------------------------*/

.dashpanel a {
	text-decoration: none;
}

.dashpanel__tile {
	position: relative;
	display: block;
	margin: 5px;
	border: 1px solid rgba(0, 0, 0, 0.125);
	overflow: hidden;
	padding: 1.25rem;

	transition: all .3s ease-in;
}

.dashpanel__tile:hover {
	box-shadow: 0 4px 18px 2px var(--soft-shadow);
	transition: all .3s ease-in;
}

.dashpanel__tile.bg-white {
	background-color: #fff;
}

.dashpanel__tile--min-h-125 {
	min-height: 119px;
}

.dashpanel__tile .tit {
	font-size: 1.3rem;
	text-transform: uppercase;
	font-weight: normal;
	color: #999;
	margin-bottom: 10px;
}

.dashpanel__tile .val {
	color: #373a3c;
	font-size: 3.2rem;
}

.dashpanel__tile .subline {
	margin-top: 4px;
	font-size: 1.1rem;
	color: #818a91;
}

.dashpanel__ico {
	position: absolute;
	right: -30px;
	top: -30px;
	padding: 40px 40px 18px 17px;
	border-radius: 100%;

	background-color: gray;
}

.dashpanel__ico i {
	font-size: 2.85rem;
	color: #fff;
}

.dashpanel__ico.blue {
	background-color: #259dab;
	background-image: -webkit-linear-gradient(left, #259dab 0%, #2574ab 100%);
	background-image: -o-linear-gradient(left, #259dab 0%, #2574ab 100%);
	background-image: linear-gradient(to right, #259dab 0%, #2574ab 100%);
	background-repeat: repeat-x;
}

.dashpanel__ico.green {
	background-color: #4CAF50;
	background-image: -webkit-linear-gradient(left, #4CAF50 0%, #009688 100%);
	background-image: -o-linear-gradient(left, #4CAF50 0%, #009688 100%);
	background-image: linear-gradient(to right, #4CAF50 0%, #009688 100%);
	background-repeat: repeat-x;
}

.dashpanel__ico.red {
	background-color: #e74c3c;
	background-image: -webkit-linear-gradient(left, #e74c3c 0%, #b53d12 100%);
	background-image: -o-linear-gradient(left, #e74c3c 0%, #b53d12 100%);
	background-image: linear-gradient(to right, #e74c3c 0%, #b53d12 100%);
	background-repeat: repeat-x;
}

.dashpanel__ico.orange {
	background-color: #f59345;
	background-image: -webkit-linear-gradient(left, #f59345 0%, #f0ad4e 100%);
	background-image: -o-linear-gradient(left, #f59345 0%, #f0ad4e 100%);
	background-image: linear-gradient(to right, #f59345 0%, #f0ad4e 100%);
	background-repeat: repeat-x;
}

.dashpanel__ico.purple {
	background-color: #a567e2;
	background-image: -webkit-linear-gradient(left, #a567e2 0%, #4b00ff 100%);
	background-image: -o-linear-gradient(left, #a567e2 0%, #4b00ff 100%);
	background-image: linear-gradient(to right, #a567e2 0%, #4b00ff 100%);
	background-repeat: repeat-x;
}

.dashpanel__ico.ciano {
	background-color: #00BCD4;
	background-image: -webkit-linear-gradient(left, #00BCD4 0%, #03A9F4 100%);
	background-image: -o-linear-gradient(left, #00BCD4 0%, #03A9F4 100%);
	background-image: linear-gradient(to right, #00BCD4 0%, #03A9F4 100%);
	background-repeat: repeat-x;
}


/*-------------------------------------
Tela de Login
-------------------------------------*/
#login-body {
	background: transparent url(../img/bg_login.jpg?v=12052025) no-repeat center center;
	background-size: cover;
}

#login-container {
	width: 100%;
	height: 100%;
	background-color: rgba(63, 83, 117, 0.8);
	/* display: flex; */
	/* justify-content: center;
	align-items: center; */
}

.login {
	display: flex;
	height: 100%;
}

.login__dados {
	width: 100rem;
}

.login__dadoswrap {
	background-color: var(--ark-tw-slate-900);
	color: #fff;
	height: 100%;
	width: 100%;
	padding: 50px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.71);
	display: flex;
	justify-content: center;
	align-items: center;
}

.login__bemvindo {
	font-size: 2.85rem;
	font-weight: 100;
	line-height: 110%;
	margin: 0 0 25px;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
}

.login__outdoor {
	width: 100%;
	position: relative;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.71);
	background: transparent url(../img/bg_login.jpg?v=12052025) no-repeat center center;
	background-size: cover;
}
.login__outdoor-video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.login__outdoor-mask{
	width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, #f0a94f, #ff8f00);
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: screen;
}

.login__logo {
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.login__logo img {
	width: 200px;
}

.login__welcome {
	display: flex;
	border-radius: 2rem;
	margin: 2rem;
	gap: 1rem;
	position: absolute;
	bottom: 0px;
	font-size: 1.25rem;
	left: 0;
	padding: 2rem 3.5rem;
	text-align: left;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.login__welcome span.accent {
	display: block;
	height: 1rem;
	color: var(--ark-one);
	font-size: 1.5rem;
	font-weight: 600;
}

.login__welcome a {
	color: var(--ark-one);
	text-decoration: underline;
	/* font-size: 1.5rem; */
	/* font-weight: 600; */
}

.login__rights {
	display: flex;
	border-radius: 2rem;
	margin: 2rem;
	gap: 1rem;
	position: absolute;
	bottom: 0px;
	font-size: 1rem;
	font-weight: 600;
	text-transform: uppercase;
	right: 0;
	padding: 2rem 3.5rem;
	text-align: center;
	color: #fff;
	/* text-shadow: 1px 1px 2px #000; */
	background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.login__rights img {
	vertical-align: middle;
}

.login__bts a {
	color: #000;
}

/*** responsividade ***/
/** desktops grandes **/
@media (min-width: 992px) and (max-width: 1199px) {}

/** desktops **/
@media (min-width: 992px) {}

/** mobile e tablet **/
@media (max-width: 991px) {
	.login {
		display: flex;
	}

	.login__outdoor {
		display: none;
	}

	.login__dados {
		width: 100%;
	}

	.login__dadoswrap {
		padding: 20px;
	}

	.login__bemvindo {
		margin-bottom: 0;
	}

	.login__rights {
		position: fixed;
		width: 100%;
		bottom: 0;
		left: 0;
	}
}

/** tablets **/
@media (min-width: 768px) and (max-width: 991px) {}

/** mobile **/
@media (max-width: 767px) {}

/** mobile muito pequeno **/
@media (max-width: 360px) {
	#login-container {
		display: block;
	}

	.login {
		display: grid;
		grid-template-columns: 1fr;
		max-width: 1010px;
		width: 90vw;
		margin: 0 auto;
		padding: 20px 0;
	}
}


/*-------------------------------------
Content Header Tabs
-------------------------------------*/
.content-header__tabs {
	margin: -20px;
	margin-bottom: 20px;
	padding: 0 20px;
	transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.content-header__tabs:hover {
	transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.content-header__tabs--center {
	text-align: center;
}

.content-header__tabs li {
	display: inline-block;
}

.content-header__tabs li a {
	display: inline-block;
	padding: 14px 20px;
	font-size: 1.22rem;
	text-decoration: none;
	color: #3f5375;
	text-transform: uppercase
}

.content-header__tabs li.selec {
	border-bottom: 3px solid var(--dark-color);
}

.content-header__tabs li:hover {
	border-bottom: 3px solid var(--accent-color);
}

.content-header__tabs li:hover a {
	color: var(--accent-color);
}

.circle-wing {
	border: 2px solid var(--dark-color);
	border-radius: 10px;
	width: 8px;
	height: 8px;
	display: inline-block;
	vertical-align: baseline;
}

.circle-wing.red {
	border-color: #DE2125;
}

.circle-wing.blue {
	border-color: #3173b1;
}

.circle-wing.green {
	border-color: #0AA68E;
}

.circle-wing.ciano {
	border-color: #1db2e8;
}

.circle-wing.black {
	border-color: #666666;
}

.circle-wing.orange {
	border-color: #ebaf4f;
}

.circle-wing.white {
	border-color: #ffffff;
}

.circle-wing.silver {
	border-color: #BDBDBD;
}

/*** adaptações responsiva ***/
@media (max-width: 1200px) and (min-width: 992px) {
	/** desktop menor **/

}

@media (max-width: 991px) {

	/** tablets e mobile **/
	.content-header__tabs {
		margin-top: -10px;
		text-align: center;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	/** tablets **/

}

@media (max-width: 767px) {
	/** mobile **/

}


/*-------------------------------------
Listgrids 
-------------------------------------*/

.listgrids {
	display: grid;
	grid-gap: 10px 10px;
	grid-template-columns: repeat(auto-fit, minmax(15%, 1fr));
}

.listgrids.listgrids--5 {
	grid-template-columns: repeat(auto-fit, minmax(19%, 1fr));
}

.listgrids.listgrids--4 {
	grid-template-columns: repeat(auto-fit, minmax(24%, 1fr));
}

.listgrids.listgrids--3 {
	grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));
}

.listgrids.listgrids--2 {
	grid-template-columns: repeat(auto-fit, minmax(49%, 1fr));
}

.listgrids.listgrids--1 {
	grid-template-columns: 1fr;
}

.listgrids li {
	background-color: white;
	padding: 15px;
	border-radius: 5px;
	word-break: break-all;
	box-shadow: 1px 1px 2px silver;
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
	/* easeOutExpo */
}

.listgrids li:hover {
	box-shadow: 1px 1px 10px var(--soft-shadow);
	transition: all .5s cubic-bezier(0.19, 1, 0.22, 1);
	/* easeOutExpo */
}

.listgrids a:not(.btn) {
	color: var(--accent-color);
}

.listgrids img,
.listgrids__responsive {
	width: 100%;
}

.listgrids__bar {
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	margin-top: 15px;
}

.listgrids__bar .btn {
	flex-grow: 1;
	flex-basis: 0;
	text-align: center;

}

.listgrids__tit {
	margin: 15px 0;
	font-size: 1.5rem;
}

.listgrids__tit strong {
	font-size: 1.75rem;
}


/** alternativa densa **/
.listgrids.--dense {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.listgrids.--dense.--5 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.listgrids.--dense.--4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.listgrids.--dense.--3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.listgrids.--dense.--2 {
	grid-template-columns: 1fr 1fr;
}

.listgrids.--dense.--1 {
	grid-template-columns: 1fr;
}


/*** adaptações responsiva ***/
@media (max-width: 1200px) and (min-width: 992px) {
	/** desktop menor **/

}

@media (max-width: 991px) {

	/** tablets e mobile **/
	.listgrids,
	.listgrids.--5,
	.listgrids.--4,
	.listgrids.--3,
	.listgrids.--2,
	.listgrids.--1 {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	/** tablets **/
	.listgrids {
		grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));
	}

	.listgrids.--5 {
		grid-template-columns: repeat(auto-fit, minmax(49%, 1fr));
	}

	.listgrids.--4,
	.listgrids.--3,
	.listgrids.--2,
	.listgrids.--1 {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	/** mobile **/

}


/*-------------------------------------
Tabrox
-------------------------------------*/
.tabrox {
	background-color: #fcfcfd;
	margin: -20px;
	margin-bottom: 20px;
	padding: 12px 18px 0;
}

.tabrox ul {
	text-align: center;
}

.tabrox ul li {
	display: inline-block;
}

.tabrox ul li a {
	display: block;
	padding: 1.0rem 2.5rem;
	font-size: 1.35rem;
	text-transform: uppercase;
	border-top: 2px solid #fcfcfd;
	border-radius: 0.2rem;
}

.tabrox ul li a:hover {
	padding: 1.5rem 2.5rem;
	text-decoration: none;
	background-color: rgba(241, 241, 241, 0.5);
	border-top: 2px solid var(--dark-color);
}

.tabrox ul li a.selec {
	padding: 1.5rem 2.5rem;
	background-color: #f1f1f1;
	border-top: 2px solid var(--accent-color);
	font-weight: bold;
}

.tabrox ul li a.selec i {
	color: var(--accent-color);
}

.tabrox ul li a i {
	font-size: 1.8rem;
	vertical-align: middle;
}


/*-------------------------------------
Elementos de interface
-------------------------------------*/
.help-bubble {
	border-radius: 100%;
	color: var(--accent-color);
	background-color: #fff;
	display: inline-block;
	vertical-align: middle;
	line-height: 100%;
	font-size: 1.5rem;
	text-align: center;
	cursor: help;
	position: relative;
}

.help-bubble:after {
	content: "";
	background-color: var(--accent-color);
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	opacity: 0;
}

.help-bubble:hover:after {
	animation: help-bubble-pulse .35s ease-in;
	opacity: 0;
}

@keyframes help-bubble-pulse {
	0% {
		transform: scale(1);
		opacity: 0.75;
	}

	100% {
		transform: scale(2.5);
		opacity: 0;
	}
}

/*-------------------------------------
Estilo de impressão
-------------------------------------*/
@media print {

	/*** estilos gerais - modificdores da interface ***/
	* {
		font-family: "Open sans", Arial, sans-serif;
		font-size: 11px;
	}

	header,
	aside {
		display: none;
	}

	main {
		padding: 0;
	}

	.print--show {
		display: block;
	}

	.print--hide {
		display: none;
	}

	#content,
	.compact-side #content {
		width: 100%;
		background-color: #fff;
	}

	.ark-form input[readonly],
	.ark-form select[readonly],
	.ark-form textarea[readonly] {
		filter: alpha(opacity=100);
		opacity: 1;
		border: 1px solid #eaeaea;
		background: #f5f5f5;
		box-shadow: none;
	}

	/*** sobrescrevendo grid para impressão ***/
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left;
		display: block;
	}

	.col-md-12 {
		width: 100%;
	}

	.col-md-11 {
		width: 91.66666667%;
	}

	.col-md-10 {
		width: 83.33333333%;
	}

	.col-md-9 {
		width: 75%;
	}

	.col-md-8 {
		width: 66.66666667%;
	}

	.col-md-7 {
		width: 58.33333333%;
	}

	.col-md-6 {
		width: 50%;
	}

	.col-md-5 {
		width: 41.66666667%;
	}

	.col-md-4 {
		width: 33.33333333%;
	}

	.col-md-3 {
		width: 25%;
	}

	.col-md-2 {
		width: 16.66666667%;
	}

	.col-md-1 {
		width: 8.33333333%;
	}
}


/*-------------------------------------
Temas de Plugins
-------------------------------------*/
/*** jconfirm ***/
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
	line-height: 120%;
}

.jconfirm.jconfirm-ignite .jconfirm-bg {
	background: var(--overlay-color);
	opacity: 0.65;
}

.jconfirm.jconfirm-ignite .jconfirm-box {
	box-shadow: 0 4px 18px 2px var(--soft-shadow);
}

/*** selectize ***/
.selectize-control.multi .selectize-input [data-value] {
	background-color: var(--dark-color);
}

.selectize-control.multi .selectize-input [data-value].active {
	background-color: var(--accent-color);
}

.selectize-dropdown .optgroup-header {
	padding-top: 7px;
	font-weight: 900;
	font-size: 1.25rem;
	text-transform: uppercase;
	color: var(--ark-one-dark-25);
}

.selectize-control.multi .selectize-input.has-items {
	padding: .7rem .8rem .4rem;
}

.selectize-control.--giant .selectize-input {
	font-size: 1.7rem;
	padding: 1.65rem;
}


/*** tooltipster ***/
.tooltipster-sidetip.tooltipster-ignite .tooltipster-box {
	border-bottom-color: var(--accent-color);
	background: var(--dark-color-90);
}

.tooltipster-sidetip.tooltipster-ignite.tooltipster-top .tooltipster-arrow-border {
	border-top-color: var(--accent-color);
}

.tooltipster-sidetip.tooltipster-ignite.tooltipster-right .tooltipster-arrow-border {
	border-right-color: var(--dark-color-90);
}

.tooltipster-sidetip.tooltipster-ignite.tooltipster-left .tooltipster-arrow-border {
	border-left-color: var(--dark-color-90);
}

.tooltipster-sidetip.tooltipster-ignite.tooltipster-bottom .tooltipster-arrow-border {
	border-bottom-color: var(--dark-color-90);
}

/*** magnific popup ***/
.mfp-bg {
	background: var(--overlay-color);
	opacity: 0.65;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 90%;
	max-width: 1400px;
	min-height: 500px;
	max-height: 100%;
}

.mfp-iframe-scaler iframe {
	background: #e9ecf1;
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
	color: #fff;
}

/*** toastr ***/
#toast-container>div {
	opacity: 0.95;
	box-shadow: 0 4px 18px 2px var(--soft-shadow);
}

.toast-title {
	font-size: 1.75rem;
	letter-spacing: 0.05rem;
	margin-bottom: 5px;
}

.toast-message {
	font-size: 1.35rem;
	line-height: 140%;
}


/*** loading overley ***/
.loading-overlay {
	background-color: white;
	backdrop-filter: blur(10px) !important;
	z-index: 100 !important;
}


/*-------------------------------------
Ignite 4 
-------------------------------------*/
.welcome__title-name {
	font-size: 2.5rem;
	margin-bottom: 4rem;
}

.welcome__title-name.--small {
	font-size: 2rem;
}

.box-bg {
	background-color: var(--dark-color);
	padding: 2.4rem;
	border-radius: 1rem;
	color: #fff;
}

.box-bg__title {
	font-size: 2rem;
	font-weight: bold;
}

.box-bg__titlebutton {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mini-msg.--success {
	--ark-success-color: #00a767;
}

.box-bg--white {
	background-color: #fff;
	border: 1px solid var(--ark-tw-slate-900);;
	color: var(--ark-tw-slate-900);;
}


/* OVERRIDES */
input,
select,
textarea {
  border-radius: calc(infinity * 1px);
  padding: 1.5rem 1.75rem;
}

.pill {
	padding: 0.5rem 1.25rem;
	border-radius: calc(infinity * 1px);
	min-width: max-content;
}

.pill i {
	font-weight: 500;
}

.pill.--accent {
	color: var(--ark-tw-slate-950);
	border: 1px solid var(--ark-tw-slate-950);
}

.pill.--slate{
	background-color: var(--ark-tw-slate-600);
}

.btn {
	border-radius: calc(infinity * 1px);
}

.btn.--slate{
	text-shadow: 0.2rem 0.2rem 0.1rem rgba(18, 18, 18, 0.05);
}

.btn.--slate{
	background-color: var(--ark-tw-slate-900);
	border-color: var(--ark-tw-slate-900);
	color: #fff;
}

.btn.--slate:hover{
	background-color: var(--ark-tw-slate-950);
	border-color: var(--ark-tw-slate-950);
}

.btn.--slate:focus{
	background-color: var(--ark-tw-slate-800);
	border-color: var(--ark-tw-slate-800);
}

.btn.--border {
	background-color: transparent;
	text-shadow: none;
	border: 0.15rem solid #fff;
	/* border-bottom: 0.3rem solid #fff; */
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
}

.btn.--border:hover {
    background-color: transparent;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}

.btn.--border.--slate{
	background-color: transparent;
	color: var(--ark-tw-slate-900);
	border-color: var(--ark-tw-slate-900);
}

/* CUSTOM */

/* <div class="essential-box">
    <div class="essential-box__header">
        <div class="essential-box__header__icon">
            <i class="fal fa-fw fa fa-stream"></i>
        </div>
        <div class="essential-box__header__title">
            <h2 class="title">Aulas de Conversação</h2>
        </div>
    </div>
    <div class="essential-box__content">
        teste
    </div>
</div> */

.essential-box {
	font-family: "Poppins";
	background-color: #fff;
	border-radius: 24px;
	border: 1px solid var(--ark-tw-slate-900);
	user-select: none;
	/* border-bottom: 3px solid var(--ark-tw-slate-900); */
}

.essential-box.--accent {
	background-color: var(--accent-color);
}

.essential-box__header {
	margin: 0 1.5rem;
	padding: 1.5rem 0;
	display: flex;
	align-items: center;
	gap: 0.50rem;
	border-bottom: 1px solid rgba(15, 23, 43, 0.25);

}

.essential-box__header__title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.essential-box__header__title h2 {
	font-size: 1.75rem;
	font-weight: 600;
	margin: 0;
}

.essential-box__header__icon {
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.essential-box__header__icon i {
	font-weight: 400;
	font-size: 1.75rem;
}

.essential-box__content {
	height: 100%;
	margin: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.essential-box__content h2 {
	font-size: 3rem;
	font-weight: 600;
	margin: 0;
	padding: 0;
}

.essential-box__content h3 {
	text-overflow: ellipsis;
    overflow: hidden;
	font-size: 1.5rem;
	margin: 0;
	padding: 0;
}

.essential-item-list__item {
    display: flex;
	min-height: 72px;
	overflow: hidden;
	gap: 0.25rem;
    align-items: center;
    border-radius: 8px;
}

.essential-item-list__item__link__container {
	cursor: pointer;
	background-color: #fff;
	transition: all 0.2s ease-in-out;
	display: flex;
	flex-direction: row;
	text-decoration: none;
	width: 100%;
	padding: 1rem 2rem;
	border-radius: 8px;
	border: 1px solid var(--ark-tw-slate-300);
}

.essential-item-list__item__link__container:hover {
	background-color: var(--ark-tw-zinc-100);
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	scale: 1.005;
}

.essential-item-list__text {
	user-select: none;
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 1.25rem;
	text-align: center;
	color: var(--ark-tw-slate-500);
}

.essential-item-list{
	height: 100%;
	margin: 0;
	padding: 0;
}

.essential-item-list__item__icon {
	min-width: 48px;
    min-height: 48px;
    background-color: var(--accent-color);
	border: 1px solid var(--ark-tw-slate-900);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.essential-item-list__item__icon i {
    font-size: 20px;
	font-weight: 500;
}

.essential-item-list__item__content {
	height: auto;
    width: 50%;
    flex-grow: 1;
    display: flex	;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 1rem;
	color: var(--ark-tw-slate-900);
}

.essential-item-list__item__content .title {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.essential-item-list__item__content .pill {
    background-color: var(--ark-tw-slate-100);
	border: 1px solid var(--ark-tw-slate-300);
    color: var(--ark-tw-slate-800);
    padding: 2px 8px;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 500;
}

.essential-item-list__item__content .pill.--big {
    background-color: var(--ark-tw-slate-100);
	border: 1px solid var(--ark-tw-slate-300);
    color: var(--ark-tw-slate-800);
    padding: 3px 9px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 500;
}

.essential-item-list__item__content .pill i {
    margin-right: 2px;
}

.essential-item-list__item__action a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background-color: var(--ark-tw-slate-200);
    border-radius: 4px;
    color: var(--ark-tw-slate-600);
    text-decoration: none;
}

.essential-item-list__item__action a i {
    font-size: 16px;
}

.essential-subtitle {
	display: flex;
	align-items: center;
	gap: 1rem;
	font-size: 2rem;
	font-family: "Poppins";
	font-weight: 500;
	color: var(--ark-tw-slate-700);
}

.essential-subtitle i {
	font-weight: 500;
}

.single-page{
    min-height: 100%;
    display: flex;
    flex-direction: column;
    font-family: "Poppins", sans-serif;
}

/* .single-page .row {
	height: 100%;
} */

#form-login {
	width: 100%;
}

.form-actions {
	display: flex;
	gap: 2rem;
}

.form-actions .action {
	flex-grow: 1;
	flex-basis: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: center;
}

.form-actions .action p a.form-link{
	/* text-decoration: underline; */
	display: flex;
	align-items: center;
	justify-content: center;
}

.form-actions .action p a.form-link i {
	text-decoration: none;
	margin-right: 2rem;

}

/***** arkantas overide ****/
.mini-msg--big {
	padding: 2rem;
}

.mini-msg--big .mini-msg__title {
	font-size: 2rem;
}

.mini-msg--big .mini-msg__desc {
	font-size: 1.4rem;
}

/***** essential 2021 - novo dashboard *****/
.box-mylevel {
	height: 100%;
}

.box-mylevel__title {
	font-size: 1.8rem;
	color: var(--ark-one);
}

.box-mylevel__desc {
	font-size: 1.5rem;
}

.box-myprogress__title {
	font-size: 1.8rem;
	color: var(--ark-one);
}

.box-myprogress__progressbar {
	width: 100%;
	height: auto;
	background-color: #fff;
	border: 1px solid #000;
	padding: 3px;
	border-radius: calc(infinity * 1px);
}

.box-myprogress__progressbar .--current {
	background-color: #00d885;
	width: var(--myprogress-size);
	height: 1.2rem;
	display: block;
	border-radius: calc(infinity * 1px);
}

.box-myprogress__progressbar-indicator {
	/*width: var(--myprogress-size);*/
	height: 1.2rem;
	display: block;
	text-align: left;
	color: #00d885;
	font-weight: bold;
	margin: 0.8rem 0 1rem;
}

.box-myprogress__progressbar-total {
	text-align: right;
	font-weight: bold;
}

.box-myprogress__progressbar-indicator p,
.box-myprogress__progressbar-total p {
	font-size: 1.5rem;
}

.box-myprogress__progressbar-indicator.--no-size {
	width: 100%;
	text-align: left;
}

.box-myprogress__progressbar-indicator__past {
	color: #51896f;
}

.box-lastclass--homework {
	background-color: #00c2d440;
}

.box-lastclass__title {
	font-size: 2rem;
	color: var(--ark-one);
}


.mysimulations a:hover {
	text-decoration: none;
}

.mysimulations__item {
	margin: 2rem 0;
}

.mysimulations__thumb img {
	width: 100%;
	border-radius: 8px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.mysimulations__title {
	font-size: 1.6rem;
	color: var(--ark-one);
}

.mysimulations__desc {
	font-size: 1.4rem;
}


.edu-emblemas {
	display: flex;
}

.edu-emblemas a:hover {
	text-decoration: none;
}

.edu-emblemas__ico {
	width: 4.6rem;
	height: 4.6rem;
	margin: 1rem 0.5rem;

	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 100%;
	text-align: center;

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

	transition: all .3s ease;

}

.edu-emblemas__ico:hover {
	border: 1px solid rgba(255, 255, 255, 1.0);
	transform: scale(1.1);
	transition: all .5s ease;
}

.edu-emblemas__ico i {
	color: var(--ark-one);
	font-size: 1.8rem;
	line-height: 200%;
	transition: all .3s ease;
}

.edu-emblemas__num {
	font-size: 1.8rem;
	color: var(--ark-one);
	transition: all .2s ease;
}

.edu-emblemas__ico:hover i,
.edu-emblemas__ico:hover .edu-emblemas__num {
	font-size: 2.5rem;
	line-height: 200%;
	transition: all .2s ease;
}



.edu-emblemas__ico.--green i,
.edu-emblemas__ico.--green .edu-emblemas__num {
	color: #00d885;
}

.edu-emblemas__ico.--red i,
.edu-emblemas__ico.--red .edu-emblemas__num {
	color: #dc0b3c;
}


.box-homework {
	display: flex;
}

.box-homework__img {
	width: 13rem;
	padding-right: 1rem;
	flex-shrink: 0;
	position: relative;
}

.box-homework__img img {
	width: 100%;
	border-radius: 8px;
}

.box-lastclass__info-link {
	color: var(--ark-one);
}

.box-homework__label {
	display: inline-block;
	text-align: center;
	width: 100%;
	padding: 0.5rem 1rem;
	margin: 0.5rem 0;
	border-radius: 5px;
	background-color: var(--ark-one);
	color: #fff;
	font-size: 1.15rem;
}

.box-homework__label.--green {
	background-color: #00d885;
}

.box-homework__label.--red {
	background-color: #a30000;
}

.box-homework__selo {
	position: absolute;
	top: 0;
	left: 1rem;
}

.box-homework__selo i {
	font-size: 2.6rem;
}

.box-homework__selo.--green i {
	color: #00d885;
}

.box-homework__selo.--red i {
	color: #a30000;
}

.my--30 {
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.mt--30 {
	margin-top: 3rem;
}



/**** financeiro ****/
.mini-msg__super-ico i {
	font-size: 4.5rem;
	color: #fff;
}

.table-bills {
	width: 100%;
	border-collapse: collapse;
}

.table-bills td {
	padding: 0.25rem 0;
}

.table-bills th {
	text-align: left;
	padding: 1rem 0;
}

.table-bills th .box-mylevel__title {
	font-size: 1.5rem;
}

.table-bills .pill {
	text-align: center;
	font-size: 1.25rem;
}

.table-bills th,
.table-bills td {
	padding: 1rem;
}

/* Google Fonts Classes */

.poppins-thin {
	font-family: "Poppins", sans-serif;
	font-weight: 100;
	font-style: normal;
}

.poppins-extralight {
	font-family: "Poppins", sans-serif;
	font-weight: 200;
	font-style: normal;
}

.poppins-light {
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.poppins-regular {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.poppins-medium {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.poppins-semibold {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: normal;
}

.poppins-bold {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.poppins-extrabold {
	font-family: "Poppins", sans-serif;
	font-weight: 800;
	font-style: normal;
}

.poppins-black {
	font-family: "Poppins", sans-serif;
	font-weight: 900;
	font-style: normal;
}

.poppins-thin-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 100;
	font-style: italic;
}

.poppins-extralight-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 200;
	font-style: italic;
}

.poppins-light-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 300;
	font-style: italic;
}

.poppins-regular-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: italic;
}

.poppins-medium-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
	font-style: italic;
}

.poppins-semibold-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-style: italic;
}

.poppins-bold-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 700;
	font-style: italic;
}

.poppins-extrabold-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 800;
	font-style: italic;
}

.poppins-black-italic {
	font-family: "Poppins", sans-serif;
	font-weight: 900;
	font-style: italic;
}

.inter-100 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 100;
	font-style: normal;
}

.inter-200 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 200;
	font-style: normal;
}

.inter-300 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}

.inter-400 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

.inter-500 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

.inter-600 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
}

.inter-700 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}

.inter-800 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 800;
	font-style: normal;
}

.inter-900 {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
}