@charset "utf-8";
/* CSS Document */
html, body {
	min-height: 100vh;	
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
.tooltip .tooltip-inner {
	font-size: 80%;
	font-weight: bold;
}
.tooltip.bs-tooltip-right .arrow, .tooltip.bs-tooltip-auto[x-placement^="right"] .arrow {
	left: 1px;
}
.modal {
	background-color: rgba(255,255,255,0.6);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.modal-dialog {    
    margin: 0.5rem;
}
.modal-backdrop {
	background-color: rgba(0,0,0,0)
}
.modal-content {
	margin: 20px 0px;
}
.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.logIn {
    display: none;
}

ul.parsley-errors-list {
	margin-bottom: 0px;
    font-size: 60%;
    text-align: right;   
    list-style: none;
    padding: 0px 1rem 0px 0px;
    color: #dc3545;
    font-weight: bold;
}

ul.parsley-errors-list li::before {
	font-family: 'Font Awesome 5 Free';
    content: "\f05a";
	font-weight: bold;
	padding-right: 3px;	
}

#barra_nav button:focus{
	box-shadow: 0 0 0 0.2rem rgba(216,217,219,.0);
}

#menu_col.out, #menu_per.out {
	right: -250px;
}

#menu_col.in, #menu_per.in {
	right: 0px;
}

.frost {
	background-color: rgba(255,255,255, 0.7);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.tog_cont {
	display: none;
}

.tog_cont.on {
	display: block;
}

.dropdown-noarrow.dropdown-toggle::after{
	display: none;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

#loader {
	display: flex;
	top: 0px;
	left: 0px;	
	z-index: 99999;
}

.tns-nav {
    text-align: center;
    margin: 1em 0;
}

.tns-nav > [aria-controls] {
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 0 5px;
    border-radius: 50%;
    background: #868e96;
    border: 0;
}

.tns-nav > .tns-nav-active {
    background: #ced4da;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.text-responsive {
	font-size: 80%;
	display: block;
}

#recG > div {
	height: 61px !important;
}

#recG > div > div {
	-webkit-transform: scale(0.77);
	-ms-transform: scale(0.77);
	-moz-transform: scale(0.77);
	transform: scale(0.77);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	-moz-transform-origin: top;
	transformtransform-origin: top;
}

.error-widg {
	color: #dc3545;
}

@media (min-width: 520px){
	small, .small {
		font-size: 80%;
	}
}

@media (min-width: 576px){	
	.modal-lg {
		max-width: 540px;
	}
	.modal-dialog {    
		margin: 1.75rem auto;
	}
}

@media (min-width: 768px){
	.modal-lg {
		max-width: 720px;
	}
	.text-responsive {
		font-size: 100%;
	}
}

@media (min-width: 992px){
	.modal-lg {
		max-width: 800px;
	}
}
@supports(padding: max(0px)) {
    .fitCont {
        padding-left: max(12px, env(safe-area-inset-left)) !important;
        padding-right: max(12px, env(safe-area-inset-right)) !important;
    }	
}