@font-face {
	font-family: 'MontSerrat';
	src: url("../fonts/Montserrat-Light.ttf");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
  }

@font-face {
	font-family: 'MontSerrat';
	src: url("../fonts/Montserrat-Medium.ttf");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MontSerrat';
	src: url("../fonts/Montserrat-Regular.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MontSerrat';
	src: url("../fonts/Montserrat-Bold.ttf");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

html {
	background: none !important;
}

body {
	font-family: 'MontSerrat';
	color: #fff;
	font-size: 24px;
	background: linear-gradient(90deg, #ff7900 0%, #ff3d03 100%);
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0;
}

h1,
h3 {
	font-size: 18px;
	font-weight: 200;
	color: #ffffff;
	line-height: 22px;
	margin: 40px 0 6px;
}

h2 {
	font-size: 32px;
	font-weight: 500;
	color: #ffffff;
	line-height: 36px;
	margin: 0 0 30px;
	font-weight: bold;
}

.row {
	margin: 0 0 1em 0;
}

	.row .col,
	.row [class*="col-"] {
		padding: 0;
		display: flex;
	}

.layout {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-flex-direction: row;
	-moz-box-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

	.layout .layout-content {
		margin: auto;
		padding: 60px 0;
		max-width: 432px;
		width: 100%;
	}

		.layout .layout-content .step-1 {
			width: 335px;
		}

		.layout .layout-content .step-2 {
			width: 610px;
		}

			.layout .layout-content .step-2 .row {
				margin: 0 0 10px 0;
			}

				.layout .layout-content .step-2 .row [class*="col-"] {
					padding: 0;
				}

					.layout .layout-content .step-2 .row [class*="col-"]:first-child {
						padding: 0 10px 0 0;
					}

			.layout .layout-content .step-2 .action-btn {
				background: #fff;
			}

				.layout .layout-content .step-2 .action-btn .btn {
					width: 38px;
					height: 35px;
					padding: 0;
					margin: 7px;
					font-size: 14px;
					border: none;
				}

		.layout .layout-content .link {
			color: #fff;
			font-size: 12px;
			font-weight: 200;
			text-decoration: underline;
			-webkit-transition: all 0.3s ease;
			-moz-transition: all 0.3s ease;
			-ms-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
		}

			.layout .layout-content .link:hover {
				opacity: 0.5;
			}

		.layout .layout-content .link-info {
			font-size: 15px;
			font-weight: 400;
			color: #21b5ea;
		}

		.layout .layout-content .form-control {
			background: #fff;
			border: 1px solid #4f545e;
			border-radius: 4px;
			height: 50px;
			width: 100%;
			font-size: 14px;
			-moz-transition: all ease 0.3s;
			-webkit-transition: all ease 0.3s;
			transition: all ease 0.3s;
			-moz-box-shadow: unset !important;
			-webkit-box-shadow: unset !important;
			box-shadow: unset !important;
			font-family: 'MontSerrat';
		}

			.layout .layout-content .form-control:hover,
			.layout .layout-content .form-control:focus {
				-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.1), 0 0 0 10px rgba(255,255,255,0.05) !important;
				-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.1), 0 0 0 10px rgba(255,255,255,0.05) !important;
				box-shadow: 0 0 0 5px rgba(255,255,255,0.1), 0 0 0 10px rgba(255,255,255,0.05) !important;
			}

			.layout .layout-content .form-control:disabled {
				opacity: 0.5;
			}

		.layout .layout-content svg {
			top: 0;
			left: 0;
			margin: 10px;
			width: 30px !important;
			position: absolute;
			height: 30px;
		}

		.layout .layout-content .alert-danger {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			width: 28px;
			height: 50px;
			position: absolute;
			background: none;
			top: 0;
			right: 10px;
		}

			.layout .layout-content .alert-danger span {
				border-radius: 50px;
				display: flex;
				background: #fff;
				width: 28px;
				height: 28px;
				justify-content: center;
				align-items: center;
				color: #f05050;
				-moz-box-shadow: 0 0 0 5px rgba(0, 0, 0,0.05), 0 0 0 10px rgba(0, 0, 0,0.05);
				-webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0,0.05), 0 0 0 10px rgba(0, 0, 0,0.05);
				box-shadow: 0 0 0 5px rgba(0, 0, 0,0.05), 0 0 0 10px rgba(0, 0, 0,0.05);
			}

		.layout .layout-content small {
			font-size: 18px;
		}

		.layout .layout-content .btn {
			background: #ff3d03;
			font-family: 'MontSerrat';
			height: 42px;
			width: 100%;
			text-transform: uppercase;
			color: #fff;
			font-size: 20px;
			display: flex;
			justify-content: center;
			align-items: center;
			border: none;
			-moz-transition: all ease 0.3s;
			-webkit-transition: all ease 0.3s;
			transition: all ease 0.3s;
			-moz-box-shadow: unset !important;
			-webkit-box-shadow: unset !important;
			box-shadow: unset !important;
		}

			.layout .layout-content .btn:hover,
			.layout .layout-content .btn:focus {
				outline: none;
				-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.1), 0 0 0 10px rgba(255,255,255,0.05) !important;
				-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.1), 0 0 0 10px rgba(255,255,255,0.05) !important;
				box-shadow: 0 0 0 5px rgba(255,255,255,0.1), 0 0 0 10px rgba(255,255,255,0.05) !important;
			}

			.layout .layout-content .btn svg {
				margin: -2px 0 0 8px;
			}

		.layout .layout-content .box-alert {
			border: 2px solid #fff;
			padding: 10px 15px 5px;
			margin: 0 0 20px 0;
		}

			.layout .layout-content .box-alert p {
				margin: 0;
			}

		.layout .layout-content .dx-tagbox {
			border: none !important;
			border-radius: 0;
			-moz-transition: all ease 0.3s;
			-webkit-transition: all ease 0.3s;
			transition: all ease 0.3s;
			-moz-box-shadow: 0 0 0 0 rgba(255,255,255,0.1), 0 0 0 0 rgba(255,255,255,0.05) !important;
			-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.1), 0 0 0 0 rgba(255,255,255,0.05) !important;
			box-shadow: 0 0 0 0 rgba(255,255,255,0.1), 0 0 0 0 rgba(255,255,255,0.05) !important;
		}

			.layout .layout-content .dx-tagbox.dx-state-hover,
			.layout .layout-content .dx-tagbox.dx-state-focused {
				-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.1), 0 0 0 10px rgba(255,255,255,0.05) !important;
				-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.1), 0 0 0 10px rgba(255,255,255,0.05) !important;
				box-shadow: 0 0 0 5px rgba(255,255,255,0.1), 0 0 0 10px rgba(255,255,255,0.05) !important;
			}

			.layout .layout-content .dx-tagbox .dx-tag-container {
				padding: 0;
				min-height: 50px;
				padding: 8px 60px 8px 8px;
			}

			.layout .layout-content .dx-tagbox .dx-texteditor-buttons-container {
				width: 38px;
				height: 35px;
				top: 0;
				margin: 7px;
			}

			.layout .layout-content .dx-tagbox .dx-tag {
				display: inline-flex;
				justify-content: center;
				align-content: center;
			}

		.layout .layout-content .switch input + span {
			-moz-transition: all ease 0.3s;
			-webkit-transition: all ease 0.3s;
			transition: all ease 0.3s;
			-moz-box-shadow: 0 0 0 0 rgba(255,255,255,0.1), 0 0 0 0 rgba(255,255,255,0.05) !important;
			-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.1), 0 0 0 0 rgba(255,255,255,0.05) !important;
			box-shadow: 0 0 0 0 rgba(255,255,255,0.1), 0 0 0 0 rgba(255,255,255,0.05) !important;
		}

		.layout .layout-content .switch input:focus + span,
		.layout .layout-content .switch input:hover + span {
			-moz-box-shadow: 0 0 0 5px rgba(255,255,255,0.1), 0 0 0 10px rgba(255,255,255,0.05) !important;
			-webkit-box-shadow: 0 0 0 5px rgba(255,255,255,0.1), 0 0 0 10px rgba(255,255,255,0.05) !important;
			box-shadow: 0 0 0 5px rgba(255,255,255,0.1), 0 0 0 10px rgba(255,255,255,0.05) !important;
		}

		.layout .layout-content label {
			font-size: 22px;
			font-weight: normal;
		}

		.layout .layout-content .box {
			background: #fff;
			padding: 35px 35px 25px 35px;
		}

			.layout .layout-content .box p {
				color: #8f8f8f;
				font-size: 18px;
			}

	.layout .sugestoes .row {
		margin: 0 -5px !important;
	}

	.layout .sugestoes .item-user {
		padding: 0 5px 10px 5px;
		cursor: pointer;
	}

		.layout .sugestoes .item-user span {
			background: #fff;
			color: #23b7e5;
			font-size: 16px;
			display: block;
			text-align: center;
			padding: 8px;
			-moz-transition: all ease 0.3s;
			-webkit-transition: all ease 0.3s;
			transition: all ease 0.3s;
			-moz-box-shadow: 0 0 0 0 rgba(255,255,255,0.1), 0 0 0 0 rgba(255,255,255,0.05) !important;
			-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,0.1), 0 0 0 0 rgba(255,255,255,0.05) !important;
			box-shadow: 0 0 0 0 rgba(255,255,255,0.1), 0 0 0 0 rgba(255,255,255,0.05) !important;
		}

.login label {
	font-size: 12px !important;
	color: #fff;
	display: block;
	line-height: 1;
	margin: 0;
	font-family: 'MontSerrat';
}

	.login label input {
		margin: 0 5px 0 0;
		float: left;
	}

.error-capslock {
	display: none;
}

.ft-modal.ft-opened {
	display: inline-flex;
}

.ft-modal-box {
	border-radius: 0;
	border: none;
	width: 735px;
	margin: auto;
}


.ft-modal-header {
	text-align: center;
}

	.ft-modal-header [data-dismiss] {
		width: 30px;
		height: 30px;
		background: #df4c3d;
		color: #fff;
		border-radius: 50px;
		opacity: 1;
		top: 0;
		right: 0;
		margin: -15px;
		padding: 0;
	}

	.ft-modal-header .ft-modal-title,
	.ft-modal-header .ft-modal-alert-title {
		color: #7b7b7b;
		font-family: 'paralucentw00-lightregular', Arial, Helvetica, Sans-serif;
		font-size: 20px;
	}

		.ft-modal-header .ft-modal-title [class*="icomoon-bgm-"] {
			font-size: 32px;
			color: #cdcdcd;
			margin: 0 10px 0 0;
		}

.ft-modal-body {
	background: #f4f4f4;
	padding: 30px 80px;
}

	.ft-modal-body p {
		font: 15px 'open_sansregular', Arial, sans-serif;
		margin: 0 0 30px 0;
		color: #555;
	}

	.ft-modal-body .form {
		margin: 0 0 20px 0;
		-moz-box-shadow: 0 0 70px -20px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0 0 70px -20px rgba(0,0,0,0.6);
		box-shadow: 0 0 70px -20px rgba(0,0,0,0.6);
	}

		.ft-modal-body .form .form-control {
			height: 100%;
			margin: 0;
			border-radius: 0;
		}

		.ft-modal-body .form button {
			background: #df4c3d;
			padding: 20px;
			display: flex;
			border: none;
			width: 100%;
			height: auto;
			font: 15px 'open_sansregular', Arial, sans-serif;
			color: #fff;
			align-items: center;
			justify-content: center;
			-moz-transition: all ease 0.3s;
			-webkit-transition: all ease 0.3s;
			transition: all ease 0.3s;
		}

			.ft-modal-body .form button:hover {
				padding: 20px 25px 20px 45px;
				-moz-box-shadow: 0 0 10px 0px rgba(0,0,0,0.2) inset;
				-webkit-box-shadow: 0 0 10px 0px rgba(0,0,0,0.2) inset;
				box-shadow: 0 0 10px 0px rgba(0,0,0,0.2) inset;
			}

			.ft-modal-body .form button[disabled] {
				cursor: not-allowed !important;
				opacity: 0.8;
			}

			.ft-modal-body .form button svg {
				display: none;
				margin: 0 0 0 8px;
			}

			.ft-modal-body .form button .fa {
				font-size: 24px;
				margin: 0 0 0 8px;
			}


#NotSupportedBrowserModal .ft-modal-box {
	background: none;
	border-radius: 10px;
	overflow: hidden;
	width: 960px;
}

	#NotSupportedBrowserModal .ft-modal-box .ft-modal-body {
		text-align: center;
		padding: 0;
		background: none;
		background: #00abd5;
		padding: 60px;
	}

		#NotSupportedBrowserModal .ft-modal-box .ft-modal-body .ft-modal-title {
			font-size: 30px;
			font-weight: bold;
			margin: 0 0 30px 0;
			font-family: 'open_sansregular', Arial, sans-serif;
		}

		#NotSupportedBrowserModal .ft-modal-box .ft-modal-body p {
			color: #fff;
			font-size: 20px;
			margin: 0 0 0;
		}

			#NotSupportedBrowserModal .ft-modal-box .ft-modal-body p strong {
			}

	#NotSupportedBrowserModal .ft-modal-box .ft-modal-footer {
		background: #00b0dc;
		padding: 60px;
		text-align: center;
		border: none;
	}

		#NotSupportedBrowserModal .ft-modal-box .ft-modal-footer .row {
		}

		#NotSupportedBrowserModal .ft-modal-box .ft-modal-footer [class*="col"] {
			padding: 15px;
		}

			#NotSupportedBrowserModal .ft-modal-box .ft-modal-footer [class*="col"] img {
				margin: 0 0 10px;
			}

			#NotSupportedBrowserModal .ft-modal-box .ft-modal-footer [class*="col"] span {
				font-family: 'open_sansregular', Arial, sans-serif;
				color: #fff;
				font-size: 20px;
				font-weight: bold;
				display: block;
			}

.info-label {
	font-size: 12px;
}

.password-strength {
	margin: 0;
}

	.password-strength .monitor {
		width: 365px;
		margin: -12px 0 0 0;
	}

.mb-0 {
	margin-bottom: 0 !important;
}

.layout .form-redefinir-senha .alert-danger {
	background: none;
	line-height: 18px;
	color: #ff3939;
	float: right;
	display: none;
	top: inherit;
	bottom: 0;
	position: absolute;
	right: 10px;
	width: 28px;
	height: 50px;
	padding: 12px 0;
}

	.layout .form-redefinir-senha .alert-danger span {
		border-radius: 50px;
		display: flex;
		background: #fff;
		width: 28px;
		height: 28px;
		justify-content: center;
		align-items: center;
		color: #f05050;
		-moz-box-shadow: 0 0 0 5px rgba(0, 0, 0,0.05), 0 0 0 10px rgba(0, 0, 0,0.05);
		-webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0,0.05), 0 0 0 10px rgba(0, 0, 0,0.05);
		box-shadow: 0 0 0 5px rgba(0, 0, 0,0.05), 0 0 0 10px rgba(0, 0, 0,0.05);
	}

.tooltip {
	width: 300px;
	opacity: 1 !important;
}

	.tooltip.top .tooltip-arrow {
		border-top-color: #f05050 !important;
	}

	.tooltip .tooltip-inner {
		background: #f05050 !important;
		color: #fff !important;
		border: 0;
		background: #fff;
		box-shadow: 0 2px 16px rgba(0, 0, 0, 0.15);
		border-radius: 0;
		color: #444;
		padding: 10px 16px;
		font-size: 13px;
		font-family: 'MontSerrat';
		max-width: 450px;
	}


.ajax-loader {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}


/*
* ------------------------------------------------------------------------------------------------
* RESPONSIVO
* ------------------------------------------------------------------------------------------------
*/


@media all and (max-width: 380px) {
	.layout .layout-content {
		max-width: 290px;
		padding: 0;
	}

		.layout .layout-content img {
			max-width: 160px;
		}

	h1, h3 {
		margin: 20px 0 6px;
	}

	.password-strength .monitor {
		width: 290px;
		background-size: 100% 50px;
	}

	#NotSupportedBrowserModal .ft-modal-box {
		width:100% !important;
		border-radius:0;
	}

		#NotSupportedBrowserModal .ft-modal-box .ft-modal-body,
		#NotSupportedBrowserModal .ft-modal-box .ft-modal-footer {
			padding: 30px;
		}

			#NotSupportedBrowserModal .ft-modal-box .ft-modal-footer [class*="col"] span{
				font-size:14px;
			}
}

@media all and (max-width: 890px) {
	.ft-modal-box {
		width: 90% !important;
	}
}

@media all and (max-width: 640px) {
	.ft-modal-body {
		padding: 20px;
	}

	.col-xs-12 {
		width: 100% !important;
	}

	.ft-modal-body .form .form-control {
		height: 64px;
	}

	footer {
		display: none;
	}
}

.justify-content-start {
	justify-content: flex-start;
}

.justify-content-end {
	justify-content: flex-end;
}

.layout .layout-content .app-lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: 10;
	user-select: none;
}

.layout .layout-content .app-lines .app-line-left {
	position: absolute;
	left: 30px;
}

.layout .layout-content .app-lines .app-line-right-top {
	position: absolute;
	right: 0;
}

.layout .layout-content .app-lines .app-line-right-bottom {
	position: absolute;
	right: 120px;
	bottom: -5px;
}

.layout .layout-content .app-card {
	background: #ffffff;
	color: #4f545e;
	padding: 1em 2em;
	border-radius: 4px;
	position: relative;
	z-index: 11;
}

.layout .layout-content .app-card.reset-password {
	width: 462px;
}

.layout .layout-content .app-card .logo {
	display: flex;
	justify-content: center;
	padding: 2em 0;
}


.layout .layout-content .app-card.reset-password .logo {
	padding: 1.5em 0;
}

.layout .layout-content .app-card .logo img {
	width: 200px;
}

.layout .layout-content .app-card h1,
.layout .layout-content .app-card h2 {
	color: #4f545e;
	text-align: center;
}

.layout .layout-content .app-card .link {
	color: #4f545e;
	font-size: 14px;
	font-weight: 400;
}

.layout .layout-content .app-card .link.primary {
	color: #ff3d03;
	font-weight: 600;
}

.layout .layout-content .app-card footer {
	margin-top: 3em;
}

.layout .layout-content .app-card footer p {
	text-align: center;
	font-size: 14px;
}
.layout .layout-content .app-card .validation-summary-errors ul {
	list-style: none;
	font-size: 12px;
	margin: 0 0 10px 0;
	color: #df0b0b;
	font-weight: 500;
}

.layout .layout-content .app-card .form-group {
	flex-direction: column;
	margin: 0;
}

.layout .layout-content .app-card .form-group .text-danger {
	color: #df0b0b;
	font-weight: 500;
	font-size: 12px;
	margin: 0.25em 0;
}