@charset "utf-8";

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

@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,400i,700,700i&display=swap');

/*-------------------------------------
Vital
-------------------------------------*/
*{
	outline: 0
}
html,body{
	background-color: #f1f1f1;
	font-size:10px;
	font-family: "Nunito Sans", "Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
body{
	
}
p{
	font-family: "Nunito Sans", "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: 64px;
	z-index: 100;

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

	display: grid;
    grid-template-columns: 261px 55px auto 500px;
	justify-items: end;
}
main{
	padding-top: 64px;
}
aside{
	width: 260px;
	height: calc( 100vh - 64px );
	float: left;
	display: block;
	position: fixed;
	overflow: auto;
	background: linear-gradient(180deg, var(--dark-color) , var(--dark-color2));
	transition: all .40s ease;
}


/*** 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{
	width: calc( 100% - 260px );
	float:right;
	padding: 20px;
	background-color: #f1f1f1;
}

/*** smooth transition ***/
body.loading{
}
#content{
	opacity: 1;
	transition: all .40s ease;
}
body.loading #content{
	opacity: 0;
	transition: none;

	-ms-transform: scale(1.01); /* IE 9 */
	-webkit-transform: scale(1.01); /* Safari */
	transform: scale(0.99);
}
body.loadexit{
	opacity: .0;
	transition: opacity .15s ease;
}

body.loading.compact #content{
	opacity: 0;
	-ms-transform: scale(1); /* IE 9 */
	-webkit-transform: scale(1); /* Safari */
	transform: scale(1);
}
body.compact #content{
	transition: .20s opacity;
	transition-delay: .2s;
}

/*** 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-notif__avatar{
	vertical-align: middle;
	cursor: pointer;
}
.header-notif__avatar p{
    padding: 11px 20px 11px 20px;
    font-weight: bold;
    color: var(--dark-color);
    text-transform: uppercase;
    height: 64px;
}
.header-notif__avatar img{
	border-radius: 100%;
    width: 40px;
	vertical-align: middle;
}
.header-notif__avatar:hover{
	background-color: #f9f9f9;
}

.header-menu{
    right: 0;
    left: auto;
    margin-right: 17px;
    padding: 0;
    border: none;
    border-radius: 3px;
    box-shadow: 0 4px 18px 2px var(--soft-shadow);
    background-color: #fff;
    width: 250px;
    position: absolute;
    display:none;
}
.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{
    font-size: 1.8rem;
    color: var(--accent-color);
    margin-right: 4px;
    vertical-align: middle;
}
.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 .submenu > ul{
	display: none;
}
.side-menu a{
	padding: 12px 20px;
	display: inline-block;
	color: #e3eeff;
	font-size: 1.25rem;
	width: 100%;
	vertical-align: middle;
}
.side-menu a:hover{
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.20);
}
.side-menu .selec{
	
}
.side-menu .selec > a{
	box-shadow: inset 3px 0 0 var(--accent-color);
	color: #fff;
	background-color: rgba(255, 255, 255, 0.15);
}

.side-menu a i{
	vertical-align: middle;
	font-size: 1.65rem;
	color: rgba(255, 255, 255, 0.55);
	transform: scale(0.8);
	transition: all 0.2s ease-out;
}
.side-menu a:hover i{
	transform: scale(1);
	transition: all 0.3s ease-in;
}
.side-menu .selec > a i{
	color: var(--accent-color);
	transform: scale(1);
}

.side-menu .submenu > ul{
	background-color: rgba(0, 0, 0, 0.15);
}
.side-menu .submenu li a:hover{
	color: var(--accent-color);
	background-color: rgba(0, 0, 0, 0.18);
}

.side-menu__label{
	padding: 9px 20px;
	display: inline-block;
	color: rgba(255, 255, 255, 0.24);
	font-size: 1.15rem;
	width: 100%;
	vertical-align: middle;
	text-transform: uppercase;
	margin-top: 15px;
}
.side-menu__label:first-child{
	margin-top: 25px;
}

.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: #fcfcfd;
	font-weight: bold;
}
.side-menu .submenu.selec .side-menu__count{
	background-color: #fcfcfd;
	color: #364765;
}
.side-menu .submenu, .side-menu .submenu a{
	position: relative;
}
.side-menu .submenu > a::after {
    position: absolute;
    content: '';
    width: .5em;
    height: .5em;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: initial;
    right: 1.3em;
    -webkit-transform: rotate(135deg) translate(0, -50%);
    -ms-transform: rotate(135deg) translate(0, -50%);
    -o-transform: rotate(135deg) translate(0, -50%);
    transform: rotate(135deg) translate(0, -50%);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    top: 50%;
    margin-top: 0;
    -webkit-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
	color: rgba(255, 255, 255, 0.5);
}
.side-menu .submenu.selec > a::after{
    -webkit-transform: rotate(225deg) translate(0, -50%);
    -ms-transform: rotate(225deg) translate(0, -50%);
    -o-transform: rotate(225deg) translate(0, -50%);
    transform: rotate(225deg) translate(0, -50%);
    margin-top: -2px;
	color: rgba(255, 255, 255, 1);
}
.side-menu .submenu.no-icon > a::after{
	display: none;
}


/** modo compact-side **/

@media  (min-width: 992px){
	/** restrigindo a somente visualização em monitores **/

	.compact-side #content {
		width: calc( 100% - 120px );
	}
	.compact-side aside{
		width: 120px;
		overflow: auto;
		z-index: 100;
		position: fixed;
		min-height: 100vh;
	}
	.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;
	}
	.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: -20px;
	margin-bottom: 20px;
	padding: 12px 18px;
	background-color: #fcfcfd;
}
.content-header__title,
.content-header__link{
	font-size: 2.4rem;
	color: var(--dark-color);
}
.content-header__title .ico{
    padding: 8px 6px;
    border: 2px solid var(--accent-color);
    border-radius: 50px;
    display: inline-block;
    vertical-align: middle;
    line-height: 100%;
}
.content-header__title .ico i {
	font-size: 2.35rem;
	color: var(--dark-color);
	font-weight: 500;
}
.content-header__subtitle{
	color: var(--accent-color);
	font-size: 1.75rem;
	letter-spacing: 0.05rem;
}
.content-header__subtitle a{
	color: var(--accent-color);
}
.content-header__subtitle em{
	font-weight: bold;
}


/*** modo compacto ***/
.compact header, .compact aside{
	display: none;
}
.compact main{
	padding-top: 0;
}
.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;
	}
	.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 #6a82ab;
		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: -15px;
		margin-bottom: 10px;
		padding: 10px 70px;
		text-align: center;
	}
	.content-header__title,
	.content-header__subtitle {	
		color: #fff; 
		font-size: 1.5rem; 
	}
	.content-header__title .ico{ 
		border: 1px solid var(--accent-color); 
		color: #fff; 
	}
	.content-header__title .ico i{ 
		font-size: 1.55rem; 
		color: #fff; 
	}
	.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){

}

/*-------------------------------------
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-radius: 4px;
	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{
	opacity: 0;
	transform: scale(0.95);
	transition: opacity .2s ease-out;
}
.main-list__card:hover{
    box-shadow: 0 4px 18px 2px var(--soft-shadow); 
    -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;
}
.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) 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: grid;
	grid-template-columns: 1.5fr 1fr;
	max-width: 1010px;
	width: 85vw;
}
.login__dados{
}
.login__dadoswrap{
	background-color: #fff;
	padding: 50px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.71);
	min-height: 397px;
}
.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{
	padding: 50px;
	position: relative;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.71);
	background: transparent url(../img/bg_login.jpg) no-repeat center center;
	background-size: cover;
}
.login__logo{
	margin-bottom: 30px;
}
.login__logo img{
	width: 200px;
}
.login__rights{
	position: absolute;
	bottom: 0px;
	text-transform: uppercase;
	font-size: 1.1rem;
	font-weight: bold;
	width: 100%;
	left: 0;
	padding: 15px;
	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%);
}
.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: grid;
		grid-template-columns: 1fr;
		max-width: 1010px;
		width: 85vw;
	}
	.login__outdoor{
		padding: 35px;
		text-align: center;
	}
	.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{
	background-color: #f7f7f7;
	margin: -20px;
	margin-bottom: 20px;
	padding: 0 20px;
	transition:         all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.content-header__tabs:hover{
	background-color: #ffffff;
	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%;
}