/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

@import "table-sorter.css";
@import "bootstrap-icons.css";
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"); */

.azul-primary{
	color:#A457BB !important;
}
.some{
	display: none !important;
}
.mostra{
	display: block !important;
}
.negrito{
	font-weight: bold;
}
.fs-10{font-size: 10px !important;}
.fs-11{font-size: 11px !important;}
.fs-12{font-size: 12px !important;}
.fs-13{font-size: 13px !important;}
.fs-14{font-size: 14px !important;}
.fs-15{font-size: 15px !important;}
.fs-16{font-size: 16px !important;}
.fs-17{font-size: 17px !important;}
.fs-18{font-size: 18px !important;}
.fs-19{font-size: 19px !important;}
.fs-20{font-size: 20px !important;}
.fs-21{font-size: 21px !important;}
.fs-22{font-size: 22px !important;}
.fs-23{font-size: 23px !important;}
.fs-24{font-size: 24px !important;}
.fs-25{font-size: 25px !important;}

.op-05{
	opacity: 0.5;
}
hr.light{
	color:#efefef;
}
#testes.table > :not(caption) > * > * {
	padding: 0.7rem 1rem;
	background-color: var(--bs-table-bg);
	border-bottom-width: 1px;
	box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); 
	text-align: center;
}
.pointer{
	cursor: pointer !important;
}
.no-pointer{
	cursor: default !important;
}
.red{
	color:red;
}
.center{
	text-align: center;
}
.esquerda{
	text-align: left !important;
}
.msg_login{
	color: red;
	text-align: center;
	border: solid 1px #f77;
	border-radius: 5px;
	padding:5px 0;
	font-size: 12px;
	margin-top: 25px;
}
.msg_login_green{
	color: green;
	text-align: center;
	border: solid 1px rgb(19, 153, 19);
	border-radius: 5px;
	padding:5px 7px;
	font-size: 12px;
	margin-top: 25px;
}
.foto_qr_pass{
	border-radius: 100px;
	border: outset;
	border-color:#7367F0;
	margin-bottom: 7px;
}
.prevClick{
	pointer-events: none;
}
.sombra{
	filter: grayscale(100%);
	opacity: 30%;
}
.border-top{
	border-radius: 7px 7px 0 0;
}
.comprado{
	width: 100px;
	position: absolute;
	right:-5px;
	top:-3px;
}
.tag_evento{
	width: 40px;
	position: absolute;
	left:15px;
	top:1px;
}
.dia_evento{
	height:60px; 
	padding-top:7px;
}
form label.error {
    width: 100%;
    font-size: 0.857rem;
}
.bg_loading {
	width:100%;
	height:110%;
	position:fixed;
	top:0;
	left:0;
	background:#cbc8ee;
	opacity:0.8;
	z-index:9999;
}

/* feather icon start */
.fi-s{ 
    position: relative;
    top: -2px;
    margin-right: 3px;
}
.badge-custom{
	white-space:normal !important;
	line-height: 1.3 !important;
}
.link-normal{
	text-decoration: underline;
	color: #fff;
}
.icon-button{
	width: 18px;
	height: 18px;
	margin-right: 6px;
}
.overlay-custom{
	background: rgba(110,0,92,0.45) !important;
	padding-top:68px !important;
}

.toast-container {
	z-index: 99999;	
}
.toast-container .toast {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,
	rgba(0, 0, 0, 0.3) 0px 18px 36px -18px !important;
	background: #444;
	display: flex;
	flex-direction: column;
	justify-content: center;	
}
.toast-title {
	text-align: left !important;
}
.toast-message {
	font-size: 1rem !important;
	font-family: montserrat !important;
	font-weight: 600 !important;
}
.toast-container * {
	color: #fff !important;
}
.card-active{
	outline: solid 1px;
}
#tabela_planos th{
	background-color: #f3f2f7 !important;
}

.div_progress_bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
	webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	webkit-transition: width .6s ease;
	o-transition: width .6s ease;
	transition: width .6s ease;
}

.div_progress {
	height: 20px;
	margin: 20px auto 0;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);

}

.upcaps{
	text-transform: uppercase;
}
.lowcaps{
	text-transform: lowercase;
}
.aprovado{
	color: green;
	font-weight: bold;
}
.reprovado{
	color: red;
	font-weight: bold;
}

input.simulador{
	text-align: center;
	border:none;
	pointer-events: none;
	color: #787583;
}

.icone-feather{
	width: 20px;
	height: 20px;
}
.mr-1, .mr-5p {
	margin-right: 5px !important;
}
.mr-2 {
	margin-right: 10px !important;
}
.mr-3 {
	margin-right: 15px !important;
}
.ml-5p{
	margin-left: 5px !important;
}
.mb-5p{
	margin-bottom: 5px !important;
}
.mt-5p{
	margin-top: 5px !important;
}
.input_filtro{
	margin: 0 5px 5px 0;
}
.link{
	cursor: pointer !important;
}
.border-bottom-1{
	border-bottom: 1px solid #fff !important
}
.corta_nome{
	text-overflow: ellipsis;
   	overflow: hidden;
   	white-space: nowrap;
	width:200px;
}
.no-link{
	cursor: default !important;
}
.border-hover:hover {
	outline: solid 1px #A457BB;
}
.lh-15{
	line-height: 1.5rem;
}
.foto-perfil{
	border-radius: 100%;
	width: 70px;	
	box-shadow: 0 0 8px 0 rgb(0 0 0 / 14%);
}
.medalha{
	width: 35px;
	position: relative;
	top: 30px;
	left: 35px;
}
.font-gray{
	color:#6E6B7B;
}