/*
 *
 * Template Name: Fullscreen Login
 * Description: Login Template with Fullscreen Background Slideshow
 * Author: Anli Zaimi
 * Author URI: http://azmind.com
 *
 */
html {
	width: 100% !important;
	height: 100% !important;
	scroll-behavior: smooth !important;
}

body {
	background: #f8f8f8;
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	text-align: center;
	color: #fff;
	width: 100% !important;
}

.page-container {
	margin: 120px auto 0 auto;
}

h1 {
	font-size: 30px;
	font-weight: 700;
	text-shadow: 0 1px 4px rgba(0,0,0,.2);
}


.divForm {
	position: relative;
	width: 305px;
	margin: 15px auto 0 auto;
	text-align: center;
}

.bgErro {
	background: #ff000040 !important;
}

footer {
	right: 0;
	position: absolute !important;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	color: #ffffff !important;
	font-weight: bold;
	font-size: 11px;
	float: right !important;
	bottom: 3px;
	margin-right: 5px !important;
}

	footer > a {
		font-family: Arial, Helvetica, sans-serif;
		text-align: right;
		color: #ffffff !important;
		font-weight: bold;
		font-size: 11px;
		float: right !important;
		margin-right: 5px;
	}



button, html input[type=button], input[type=reset], input[type=submit] {
	-webkit-appearance: button;
	background: #f39c12 url(/img/salvar.png) no-repeat 5px center !important;
	text-align: right;
	font-weight: bold;
}
.result-selected, .active-result:hover {
	background: #f39c12 !important;
	-moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
	box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
}

.center-container {
	display: grid !important;
	width: 100% !important;
	height: 100% !important;
	justify-content: center !important;
	align-content: center !important;
}



.autenticar {
	display: block !important;
	border: 2px solid #ffffff30;
	border-radius: 10px;
	width: 100% !important;
	min-width: 350px !important;
	justify-content: center !important;
	vertical-align: middle !important;
	background: #ffffff30;
}

.desfoque {
	-webkit-backdrop-filter: blur(10px) !important;
	backdrop-filter: blur(10px) !important;
}

input, select {
	width: 270px;
	height: 42px;
	margin-top: 25px;
	padding: 15px;
	background: #ffffff30 !important; /* browsers that don't support rgba */
	background: rgba(45,45,45,.15) !important;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px !important;
	border: 1px solid #ffffff30 !important; /* browsers that don't support rgba */
	-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0 1px 2px rgba(0,0,0,.1);
	-o-transition: all .10s;
	-moz-transition: all .10s;
	-webkit-transition: all .10s;
	-ms-transition: all .10s;
}

	input:-moz-placeholder {
		color: #000;
	}

	input:-ms-input-placeholder {
		color: #000;
	}

	input::-webkit-input-placeholder {
		color: #000;
	}

	input:focus {
		outline: none;
		-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
		-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
		box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset, 0 2px 7px 0 rgba(0,0,0,.2);
		border: 0px solid #ef4300;
	}

button {
	cursor: pointer;
	width: 300px;
	height: 44px;
	margin-top: 25px;
	padding: 0;
	background: transparent !important;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ff730e;
	-moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2);
	box-shadow: 0 15px 30px 0 rgba(255,255,255,.25) inset, 0 2px 7px 0 rgba(0,0,0,.2);
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #000;
	text-shadow: 0 1px 2px rgba(0,0,0,.1);
	-o-transition: all .20s;
	-moz-transition: all .20s;
	-webkit-transition: all .20s;
	-ms-transition: all .20s;
}

	button:hover {
		-moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
		-webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
		box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
	}

	button:active {
		-moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
		-webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
		box-shadow: 0 5px 8px 0 rgba(0,0,0,.1) inset, 0 1px 4px 0 rgba(0,0,0,.1);
		border: 0px solid #ef4300;
	}

.error {
	display: none;
	position: absolute;
	top: 27px;
	right: -55px;
	width: 40px;
	height: 40px;
	background: #2d2d2d; /* browsers that don't support rgba */
	background: rgba(45,45,45,.25);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

	.error span {
		display: inline-block;
		margin-left: 2px;
		font-size: 40px;
		font-weight: 700;
		line-height: 40px;
		text-shadow: 0 1px 2px rgba(0,0,0,.1);
		-o-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	}

.connect {
	width: 305px;
	margin: 35px auto 0 auto;
	font-size: 18px;
	font-weight: 700;
	text-shadow: 0 1px 3px rgba(0,0,0,.2);
}

	.connect a {
		display: inline-block;
		width: 32px;
		height: 35px;
		margin-top: 15px;
		-o-transition: all .20s;
		-moz-transition: all .20s;
		-webkit-transition: all .20s;
		-ms-transition: all .20s;
	}

		.connect a.facebook {
			background: url(../img/facebook.png) center center no-repeat;
		}

		.connect a.twitter {
			background: url(../img/twitter.png) center center no-repeat;
		}

		.connect a:hover {
			background-position: center bottom;
		}



input[id^='popup_'][type='button'] {
	display: inline-table;
	height: 33px !important;
	padding-left: 32px !important;
	text-align: right;
	vertical-align: central;
	-webkit-backdrop-filter: blur(5px) !important;
	backdrop-filter: blur(5px) !important;
	max-width: 100px !important;
	min-width: 100px !important;
	color: #fff;
	font-weight: bold;
}

#popup_cancel {
	background: #34495e url(/img/cancelar.png) no-repeat 5px center;
}

#popup_ok {
	background: #f39c12 url(/img/salvar.png) no-repeat 5px center !important;
}

.chosen-drop .result,
.chosen-drop > ul,
.ui-autocomplete,
.chosen-container > div {
	background: transparent !important;
	border: 1px solid #666666 !important;
	-webkit-backdrop-filter: blur(10px) !important;
	backdrop-filter: blur(10px) !important;
	color: #000000 !important;
	text-align: left;
}


a.chosen-single > span {
	padding: 8px 8px
}

a.chosen-single > div {
	margin-top: 8px
}

a.chosen-container, a.chosen-single {
	width: 270px;
	height: 42px !important;
	padding: 15px 15px;
	background: #2d2d2d15 !important; /* browsers that don't support rgba */
	background: rgba(45,45,45,.15) !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	border-radius: 6px !important;
	border: 1px solid #ffffff30 !important;
	-moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset !important;
	-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset !important;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.1) inset !important;
	font-family: 'PT Sans', Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
	color: #fff !important;
	font-weight: bold !important;
	text-shadow: 0 1px 2px rgba(0,0,0,.1) !important;
	-o-transition: all .10s !important;
	-moz-transition: all .10s !important;
	-webkit-transition: all .10s !important;
	-ms-transition: all .10s !important;
}

.chosen-single, .chosen-drop, .chosen-container .chosen-results {
	text-align: left;
	background: #ffffff10 !important;
	border: 1px solid #ffffff30 !important;
	-webkit-backdrop-filter: blur(10px) !important;
	backdrop-filter: blur(10px) !important;
	color: #fff !important;
}

.chosen-result
.chosen-drop {
	background: #ffffff10 !important;
	border: 1px solid #ffffff30 !important;
	-webkit-backdrop-filter: blur(10px) !important;
	backdrop-filter: blur(10px) !important;
	color: #fff !important;
}

.chosen-drop > ul > li {
	padding: 8px !important;
}

input:-moz-placeholder {
	color: #00000030 !important;
}

input:-ms-input-placeholder {
	color: #00000030 !important;
}

input::-webkit-input-placeholder {
	color: #00000030 !important;
}



.result-selected, .active-result:hover, .ui-menu-item > div:hover {
	background: #f39c12 !important;
	background-color: #f39c12 !important;
	-moz-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
	box-shadow: 0 15px 30px 0 rgba(255,255,255,.15) inset, 0 2px 7px 0 rgba(0,0,0,.2);
}

a.chosen-single > span,
a.chosen-single > div {
	top: 5px !important;
}


.chosen-container .chosen-results li.highlighted {
	background-color: #f39c12 !important;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f39c12), color-stop(90%, #f39c12)) !important;
	background-image: -webkit-linear-gradient(#f39c12 20%, #f39c12 90%) !important;
	background-image: -moz-linear-gradient(#f39c12 20%, v 90%) !important;
	background-image: -o-linear-gradient(#f39c12 20%, #f39c12 90%) !important;
	background-image: linear-gradient(#f39c12 20%, #f39c12 90%) !important;
	color: #fff;
}