@font-face {
	font-family: 'brandon-grotesque';
	font-style: normal;
	font-weight: normal;
	src: url('https://use.typekit.net/af/1da05b/0000000000000000000132df/27/l?primer=f592e0a4b9356877842506ce344308576437e4f677d7c9b78ca2162e6cad991a&fvd=n4&v=3') format('woff');
}

html {
	height: 100%;
}

body {
	font-family: brandon-grotesque,helvetica neue,helvetica,sans-serif;!important;
	color: #0e1726;
	line-height: 1.2;
	height: 100%;
	background-color: #f1f2f3;
}

.debug {
    display: table;
	position: absolute;
	bottom: 5px;
	right: 5px;
	font-family: Verdana, "Courier New", Tahoma;
	background: #fff;
	border: 1px solid #07cc00;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

.debug .header {
	margin: 0 auto;
	padding: 10px;
	position: relative;
	width: 750px;
	height: 35px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-image: url('../img/debug/header_background.png');
    background-size: contain;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}

.debug .header .title {
	float: left;
	margin-top: -3px;
}

.debug .header .button {
	float: right;
    cursor: pointer;
    margin-top: 0;
}

.debug .header .button .minimize {
    display: inline-block;
	margin-right: 3px;
    width: 15px;
    height: 15px;
    background: url('../img/debug/minimize.png') no-repeat bottom;
    background-size: 100%;
}

.debug .header .button .restore {
    display: inline-block;
	margin-right: 5px;
    width: 15px;
    height: 15px;
    background: url('../img/debug/restore.png') no-repeat bottom;
    background-size: 100%;
}

.debug .header .button .close {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url('../img/debug/close.png') no-repeat bottom;
    background-size: 100%;
}

.debug .body {
	margin: 0 auto;
	padding: 10px;
	position: relative;
	width: 750px;
	height: 230px;
	overflow-y: scroll;
	overflow-x: scroll;
	background: #fff;
}

.execution-time {
    position: fixed;
    bottom: 0;
    right: 0;
	padding: 5px 10px;
	margin: 0;
    font-family: Verdana, "Courier New", Tahoma;
    font-size: 10px;
	background-color: rgba(255, 255, 255, 0.3);
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-radius: 10px 0 0 0;
	-moz-border-radius: 10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	z-index: 2147483647;
}

.tela-size {
    position: fixed;
	left: 0;
    bottom: 0;
    padding: 5px 10px;
    margin: 0 auto;
    font-family: Verdana, "Courier New", Tahoma;
    font-size: 10px;
    background-color: rgba(255, 255, 255, 0.3);
    border-color: #ccc;
    border-style: solid;
    border-width: 1px 1px 0 0;
    border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    z-index: 2147483647;
}

.tela-size div {
	display: inline;
}

.styled-checkbox {
	position: absolute;
	opacity: 0;
}
.styled-checkbox + label {
	position: relative;
	cursor: pointer;
	padding: 0;
}
.styled-checkbox + label:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	background: white;
}
.styled-checkbox:hover + label:before {
	background: #ccc;
}
.styled-checkbox:focus + label:before {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
	background: #b78f57;
}
.styled-checkbox:disabled + label {
	color: #b8b8b8;
	cursor: auto;
}
.styled-checkbox:disabled + label:before {
	box-shadow: none;
	background: #ddd;
}
.styled-checkbox:checked + label:after {
	content: '';
	position: absolute;
	left: 8px;
	top: 6px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hand {
	cursor: pointer;
}

.hide {
	display: none;
	visibility: hidden;
}

/*
 mail protected
 <my-email data-user="john" data-domain="gmail.com"></my-email>
*/
my-email::after {
	content: attr(data-domain);
}

my-email::before {
	content: attr(data-user) "\0040";
}

/*
	Enfeitando form
*/
.form-ok {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238dbf42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3e%3cpolyline points='20 6 9 17 4 12'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
	border-color: #8dbf42 !important;
}

.form-ok-select {
	border-color: #8dbf42 !important;
}

.form-ok:focus {
	border-color: #28a745;
	box-shadow: 0 0 0 .2rem rgba(40,167,69,.25);
}

.form-nok {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e7515a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
	border-color: #dc3545 !important;
}

.form-nok-select {
	border-color: #dc3545 !important;
}

.form-nok:focus {
	border-color: #dc3545;
	box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);
}

.warning-feedback {
	display: none;
	width: 100%;
	margin-top: .25rem;
	color: #e7515a;
	font-size: 13px;
	letter-spacing: 1px;
}

.btn-wait-one-time-on {
	pointer-events: none!important;
}
.btn-wait-one-time-on svg {
	display: inline;
	visibility: visible;
	pointer-events: none!important;
}

.input-wait-one-time-on {
	pointer-events: none!important;
}
.input-wait-one-time-on svg {
	display: inline;
	position: absolute;
	top: 42px;
	right: 5px;
	visibility: visible;
	pointer-events: none!important;
	background-color: #fff;
}

.loader {
	border: 7px solid #f1f2f3;
	border-radius: 50%;
	border-top: 7px solid #1b55e2;
	width: 58px;
	height: 58px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
.loader.dual-loader {
	border-bottom: 7px solid #1b55e2;
}
.loader.multi-loader {
	border-bottom: 7px solid #e2a03f;
	border-right: 7px solid #8dbf42;
	border-left: 7px solid #e7515a;
}

.spin {
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/**
Others
 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 1000px white inset !important;
}

/**
Fire do tinho
 */
input {
	filter: unset!important;
}

/**
Ajuste para load
 */
.btn-submit svg {
	position: unset!important;
	color: #fff!important;
	margin-top: -4px;
}

/**
Profile and frame check
 */
.profile-ok, .frame-ok {
	border: solid 1px #8dbf42;
}

.profile-nok, .frame-nok {
	border: solid 1px #e7515a;
}

.txt-upper {
	text-transform: uppercase !important;
}

.txt-lower {
	text-transform: lowercase !important;;
}

.txt-cap {
	text-transform: capitalize !important;;
}

/*
Tooltips form
 */
.tooltip-form {
	position: relative;
}

.tooltip-form .tooltiptext {
	background-color: #ffc107;
	color: #212529;
	text-align: center;
	border-radius: 6px;
	border: none;
	padding: 10px;
	position: absolute;
	font-size: 1rem;
	z-index: 1;
}

.tooltip-top {
	width: 200px;
	margin-left: -100px;
	bottom: 50px;
	left: 50%;
	transition: opacity .6s;
}
.tooltip-form .tooltip-top::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #ffc107 transparent transparent transparent;
}

/**
	Efeitos
	bounceIn
	rubberBand
	flipInX
	tada
	shake
	fadeIn
 */

/*---------------------------------------------------------------------------------------*/
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
/*---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------*/
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes bounceIn {
	0%, 20%, 40%, 60%, 80%, 100% {
		-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
		transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1);
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03);
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
/*---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------*/
.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes tada {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	10%, 20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
	}
	30%, 50%, 70%, 90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
	}
	40%, 60%, 80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
/*---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------*/
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1);
	}
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
/*---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------*/
.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}
@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}
	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}
	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}
/*---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------*/
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}
@keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0);
	}
	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0);
	}
}
/*---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------*/
.preloader-body-scroll-hidden {
	overflow: hidden;
}

.preloader-body {
	display: flex;
	position: absolute;
	width: 100%;
	height: 100%;
	align-items: center;
	background-color: #1D1F20;
	justify-content: center;
	z-index: 2147483647;
}

.preloader  {
	animation: rotate 1s infinite;
	height: 50px;
	width: 50px;
}

.preloader:before,
.preloader:after {
	border-radius: 50%;
	content: '';
	display: block;
	height: 20px;
	width: 20px;
}
.preloader:before {
	animation: ball1 1s infinite;
	background-color: #cb2025;
	box-shadow: 30px 0 0 #f8b334;
	margin-bottom: 10px;
}
.preloader:after {
	animation: ball2 1s infinite;
	background-color: #00a096;
	box-shadow: 30px 0 0 #97bf0d;
}

@keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg) scale(0.8);
		-moz-transform: rotate(0deg) scale(0.8);
	}
	50% {
		-webkit-transform: rotate(360deg) scale(1.2);
		-moz-transform: rotate(360deg) scale(1.2);
	}
	100% {
		-webkit-transform: rotate(720deg) scale(0.8);
		-moz-transform: rotate(720deg) scale(0.8);
	}
}

@keyframes ball1 {
	0% {
		box-shadow: 30px 0 0 #f8b334;
	}
	50% {
		box-shadow: 0 0 0 #f8b334;
		margin-bottom: 0;
		-webkit-transform: translate(15px,15px);
		-moz-transform: translate(15px, 15px);
	}
	100% {
		box-shadow: 30px 0 0 #f8b334;
		margin-bottom: 10px;
	}
}

@keyframes ball2 {
	0% {
		box-shadow: 30px 0 0 #97bf0d;
	}
	50% {
		box-shadow: 0 0 0 #97bf0d;
		margin-top: -20px;
		-webkit-transform: translate(15px,15px);
		-moz-transform: translate(15px, 15px);
	}
	100% {
		box-shadow: 30px 0 0 #97bf0d;
		margin-top: 0;
	}
}
/*---------------------------------------------------------------------------------------*/


/**
Do app
 */
.default-bg {
	background: linear-gradient(306deg, #409dca 0%, #2661ab 85%, #085cc5 100%);
}

.main {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
}

.footer {
	position: fixed;
	bottom: 15px;
	width: 100%;
	text-align: center;
	color: #CCCCCC;
	font-size: 12px;
}

.clear {
	clear: both;
}