/*
Criado por:@jeancarlos

[CONTEÚDO] Implementando index, não considerar ainda

1. FONTS FACE
2. CSS RESET/NORMALIZAÇÃO
3. HELPER
4. TIPOGRAFICA E FORMATAÇÃO
5. GLOBAL
6. MENU SUSPENSO
7. CABEÇALHO
8. COMPONENTES
9. ELEMENTOS
10. RELATÓRIOS
11. FAVORITO
12. MODAL
13. NOTIFICAÇÕES E ATIVIDADES
14. TELA DE LOGIN
15. CRONOGRAMA
16. PLUGINS
17. RESONSIVO
	17.1 TABLET
	17.2 MOBILE
18 ANIMAÇÕES
*/

/********** 1. =FONTFACES **********/
/* BEGIN Light */
@font-face{
	font-family:'Open Sans';
	src:url("fonts/OpenSans-Light.eot");
	src:url("fonts/OpenSans-Light.eot?#iefix") format("embedded-opentype"),
			 url("fonts/OpenSans-Light.woff2") format("woff2"),
			 url("fonts/OpenSans-Light.woff") format("woff"),
			 url("fonts/OpenSans-Light.ttf") format("truetype"),
			 url("fonts/OpenSans-Light.svg?#Light") format("svg");
	font-weight:300;
	font-style:normal; }
/* END Light */

/* BEGIN Regular */
@font-face{
	font-family:'Open Sans';
	src:url("fonts/OpenSans-Regular.eot");
	src:url("fonts/OpenSans-Regular.eot?#iefix") format("embedded-opentype"),
			 url("fonts/OpenSans-Regular.woff2") format("woff2"),
			 url("fonts/OpenSans-Regular.woff") format("woff"),
			 url("fonts/OpenSans-Regular.ttf") format("truetype"),
			 url("fonts/OpenSans-Regular.svg?#Regular") format("svg");
	font-weight:normal;
	font-style:normal; }
/* END Regular */

/* BEGIN Italic */
@font-face{
	font-family:'Open Sans';
	src:url("fonts/OpenSans-Italic.eot");
	src:url("fonts/OpenSans-Italic.eot?#iefix") format("embedded-opentype"),
			 url("fonts/OpenSans-Italic.woff2") format("woff2"),
			 url("fonts/OpenSans-Italic.woff") format("woff"),
			 url("fonts/OpenSans-Italic.ttf") format("truetype"),
			 url("fonts/OpenSans-Italic.svg?#Italic") format("svg");
	font-weight:normal;
	font-style:italic; }
/* END Italic */


/* BEGIN Bold */
@font-face{
	font-family:'Open Sans';
	src:url("fonts/OpenSans-Bold.eot");
	src:url("fonts/OpenSans-Bold.eot?#iefix") format("embedded-opentype"),
			 url("fonts/OpenSans-Bold.woff2") format("woff2"),
			 url("fonts/OpenSans-Bold.woff") format("woff"),
			 url("fonts/OpenSans-Bold.ttf") format("truetype"),
			 url("fonts/OpenSans-Bold.svg?#Bold") format("svg");
	font-weight:bold;
	font-style:normal; }
/* END Bold */

@font-face{
	font-family:'luxsysn';
	src:url('fonts/luxsysn.eot');
	src:url('fonts/luxsysn.eot#iefix') format('embedded-opentype'),
			 url('fonts/luxsysn.woff2') format('woff2'),
			 url('fonts/luxsysn.woff') format('woff'),
			 url('fonts/luxsysn.ttf') format('truetype'),
			 url('fonts/luxsysn.svg?#luxsysn') format('svg');
	font-weight:normal;
	font-style:normal;
}

/********** 2. =CSS RESET/NORMALIZAÇÃO **********/

*{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	touch-action:manipulation;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{
	display:block;
}
audio,canvas,video{
	display:inline-block;
	*display:inline;
	*zoom:1;
}
audio:not([controls]){
	display:none;
}
[hidden]{
	display:none;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,
input,textarea,abbr,p,figure,blockquote,acronym,th,td,img,legend{
	border:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-border-radius:0;
	margin:0;
	padding:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

a[href], button{ touch-action:manipulation; }
button::-moz-focus-inner,input::-moz-focus-inner{
	border:0;
	margin:0;
	padding:0;
}
body,button,input,select,textarea{
	font-family:'Open Sans',sans-serif;
}

html{
	font-size:100%;
	margin:0;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	height:100%;
	overflow:hidden;
	background:#191a1c;
	min-height:100%;
}

body{
	width:100%;
	height:100%;
	min-height:100%;
	padding:0;
	margin:0;
	background:#191a1c;
	color:#d3d3d4;
	font-size:13px;
	line-height:1.231em;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	transition:all .3s ease-out;
	overflow:auto;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}
td{
	vertical-align:top;
}
img{
	-ms-interpolation-mode:bicubic;
	vertical-align:middle;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
b,strong{
	font-weight:700;
}
i,em{
	font-style:italic;
}
ol,ul{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
input[type="checkbox"],input[type="radio"]{
	padding:0;
	margin-right:10px;
}
input[type="text"]{
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
}
input:-webkit-autofill,
html:not(.nohover) input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
	color:#333;
}

button,input[type="button"],input[type="reset"],input[type="submit"],[role="button"]{
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
	cursor:pointer;
}
textarea[contenteditable]{
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none;
}
textarea{
	overflow:auto;
	vertical-align:top;
	resize:vertical;
	user-select:all;
	-ms-user-select:all;
	-moz-user-select:all;
	-webkit-user-select:all;
}
table button,table input{
	*overflow:auto;
}
button,input,select,textarea{
	font-size:100%;
	vertical-align:baseline;
	*vertical-align:middle;
}
button,input{
	line-height:normal;
	*overflow:visible;
}

::-webkit-input-placeholder{
	color:inherit;
	font:inherit;
}

:-moz-placeholder{
	color:inherit;
	font:inherit;
}

::-moz-placeholder{
	color:inherit;
	font:inherit;
}

:-ms-input-placeholder{
	color:inherit;
	font:inherit;
}

label{
	cursor:pointer;
}
legend{
	*margin-left:-7px;
}
::-moz-selection{
	background:#d7c091;
	color:rgba(255,255,255,.7);
	text-shadow:none;
}
::selection{
	background:#d7c091;
	color:rgba(255,255,255,.7);
	text-shadow:none;
}
a{
	color:rgba(255,255,255,.7);
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
html:not(.nohover) a:hover,
a:focus{
	color:rgba(255,255,255,.7);
}
a:hover,a:active{
	outline:0;
}

input:invalid,textarea:invalid{
	background-color:#f0dddd;
}

[class^="lx_"]:before, [class*=" lx_"]:before{
	font-family:"luxsysn";
	font-style:normal;
	font-weight:normal;
	speak:none;

	display:inline-block;
	text-decoration:inherit;
	width:1em;
	padding-top:.15em;

	text-align:center;
	/* opacity:.8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant:normal;
	text-transform:none;

	/* fix buttons height, for twitter bootstrap */
	line-height:1em;


	/* you can be more comfortable with increased icons size */
	font-size:120%;

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow:1px 1px 1px rgba(127, 127, 127, .3); */
}

.lx_luxcontrol:before{width:6.2em}
.lx_lux:before{width:2.1em}


::-webkit-scrollbar{
	background:transparent;
	width:13px;
	-webkit-transition:all .2s 1s ease-out;
	-moz-transition:all .2s 1s ease-out;
	-ms-transition:all .2s 1s ease-out;
	transition:all .2s 1s ease-out;
}

::-webkit-scrollbar-button{
	background:transparent;
}
::-webkit-scrollbar-track       { /* 3 */ }
::-webkit-scrollbar-track-piece { /* 4 */ }
::-webkit-scrollbar-thumb{
	background:rgba(255,255,255,.1);
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
::-webkit-scrollbar-corner      { /* 6 */ }
::-webkit-resizer               { /* 7 */ }


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

:-moz-placeholder{
	color:#888;
}

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

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

[readonly]::-webkit-input-placeholder,
[disabled]::-webkit-input-placeholder{
	color:rgba(255,255,255,.5);
}

[readonly]::-moz-placeholder,
[disabled]::-moz-placeholder,
:-moz-placeholder{
	color:rgba(255,255,255,.5);
}

[readonly]::-moz-placeholder,
[disabled]::-moz-placeholder,
::-moz-placeholder{
	color:rgba(255,255,255,53);
}

[readonly]:-ms-input-placeholder,
[disabled]:-ms-input-placeholder,
:-ms-input-placeholder{
	color:rgba(255,255,255,.5);
}


.checkbox-selct{
	padding:10px 10px 10px 26px;
	text-align:left;
	display:block;
	position:relative;
}

.checkbox-selct > input{
	color:#fff;
	cursor:pointer;
	opacity:0;
	left:1px;
	position:absolute;
	top:12px;
	z-index:1;
	color:#fff;
}

.checkbox-selct > .fake_check:before{
	border:1px solid rgba(255,255,255,.7);
	content:'\e803';
	font-family:"luxsysn";
	color:#fff;
	font-style:normal;
	font-weight:normal;
	height:14px;
	font-size:0;
	left:0;
	line-height:14px;
	overflow:hidden;
	position:absolute;
	speak:none;
	text-align:center;
	top:10px;
	width:14px;
	-webkit-transition:all .07s ease-in;
	-moz-transition:all .07s ease-in;
	-ms-transition:all .07s ease-in;
	transition:all .07s ease-in;
	z-index:0;
}

.checkbox-selct > input:checked + .fake_check:before{
	font-size:80%;
	-webkit-transition:all .04s ease-out;
	-moz-transition:all .04s ease-out;
	-ms-transition:all .04s ease-out;
	transition:all .04s ease-out;
}

/********** 3. =HELPER **********/
.canHardwareAccelerate .ha{ /* Hardware Acceleration */
	will-change: transform, scroll-position;
	
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	transform:translateZ(0);

	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;

	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	perspective:1000px;
}

.ir{ /* Image replacemente */
	background-color:transparent;
	background-repeat:no-repeat;
	border:0;
	direction:ltr;
	display:block;
	text-align:left;
	text-indent:-999em;
	overflow:hidden;
}
.ir br{
	display:none;
}

.hidden{
	display:none !important;
	visibility:hidden;
}
.hidden_small{
	-webkit-transform:scale(.5) !important;
	-moz-transform:scale(.5) !important;
	transform:scale(.5) !important;
	opacity:0 !important;
}

.invisible{
	visibility:hidden !important;
}

.visible{
	display:block !important;
}
.clear{
	clear:both;
	width:100%;
}

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

.sr-only{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}


.row{
	margin-right:-10px;
	margin-left:-10px;
	display:flex;
	flex-wrap:wrap;
}

[class*="col-"]{
	width:100%;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9{
	position:relative;
	min-height:1px;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9{
	float:left
}

.col-xs-12{
	width:100%
}

.col-xs-11{
	width:91.66666667%
}

.col-xs-10{
	width:83.33333333%
}

.col-xs-9{
	width:75%
}

.col-xs-8{
	width:66.66666667%
}

.col-xs-7{
	width:58.33333333%
}

.col-xs-6{
	width:50%
}

.col-xs-5{
	width:41.66666667%
}

.col-xs-4{
	width:33.33333333%
}

.col-xs-3{
	width:25%
}

.col-xs-2{
	width:16.66666667%
}

.col-xs-1{
	width:8.33333333%
}

.col-xs-pull-12{
	right:100%
}

.col-xs-pull-11{
	right:91.66666667%
}

.col-xs-pull-10{
	right:83.33333333%
}

.col-xs-pull-9{
	right:75%
}

.col-xs-pull-8{
	right:66.66666667%
}

.col-xs-pull-7{
	right:58.33333333%
}

.col-xs-pull-6{
	right:50%
}

.col-xs-pull-5{
	right:41.66666667%
}

.col-xs-pull-4{
	right:33.33333333%
}

.col-xs-pull-3{
	right:25%
}

.col-xs-pull-2{
	right:16.66666667%
}

.col-xs-pull-1{
	right:8.33333333%
}

.col-xs-pull-0{
	right:auto
}

.col-xs-push-12{
	left:100%
}

.col-xs-push-11{
	left:91.66666667%
}

.col-xs-push-10{
	left:83.33333333%
}

.col-xs-push-9{
	left:75%
}

.col-xs-push-8{
	left:66.66666667%
}

.col-xs-push-7{
	left:58.33333333%
}

.col-xs-push-6{
	left:50%
}

.col-xs-push-5{
	left:41.66666667%
}

.col-xs-push-4{
	left:33.33333333%
}

.col-xs-push-3{
	left:25%
}

.col-xs-push-2{
	left:16.66666667%
}

.col-xs-push-1{
	left:8.33333333%
}

.col-xs-push-0{
	left:auto
}

.col-xs-offset-12{
	margin-left:100%
}

.col-xs-offset-11{
	margin-left:91.66666667%
}

.col-xs-offset-10{
	margin-left:83.33333333%
}

.col-xs-offset-9{
	margin-left:75%
}

.col-xs-offset-8{
	margin-left:66.66666667%
}

.col-xs-offset-7{
	margin-left:58.33333333%
}

.col-xs-offset-6{
	margin-left:50%
}

.col-xs-offset-5{
	margin-left:41.66666667%
}

.col-xs-offset-4{
	margin-left:33.33333333%
}

.col-xs-offset-3{
	margin-left:25%
}

.col-xs-offset-2{
	margin-left:16.66666667%
}

.col-xs-offset-1{
	margin-left:8.33333333%
}

.col-xs-offset-0{
	margin-left:0
}

@media (min-width:768px){
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9{
		float:left
	}
	.col-sm-12{
		width:100%
	}
	.col-sm-11{
		width:91.66666667%
	}
	.col-sm-10{
		width:83.33333333%
	}
	.col-sm-9{
		width:75%
	}
	.col-sm-8{
		width:66.66666667%
	}
	.col-sm-7{
		width:58.33333333%
	}
	.col-sm-6{
		width:50%
	}
	.col-sm-5{
		width:41.66666667%
	}
	.col-sm-4{
		width:33.33333333%
	}
	.col-sm-3{
		width:25%
	}
	.col-sm-2{
		width:16.66666667%
	}
	.col-sm-1{
		width:8.33333333%
	}
	.col-sm-pull-12{
		right:100%
	}
	.col-sm-pull-11{
		right:91.66666667%
	}
	.col-sm-pull-10{
		right:83.33333333%
	}
	.col-sm-pull-9{
		right:75%
	}
	.col-sm-pull-8{
		right:66.66666667%
	}
	.col-sm-pull-7{
		right:58.33333333%
	}
	.col-sm-pull-6{
		right:50%
	}
	.col-sm-pull-5{
		right:41.66666667%
	}
	.col-sm-pull-4{
		right:33.33333333%
	}
	.col-sm-pull-3{
		right:25%
	}
	.col-sm-pull-2{
		right:16.66666667%
	}
	.col-sm-pull-1{
		right:8.33333333%
	}
	.col-sm-pull-0{
		right:auto
	}
	.col-sm-push-12{
		left:100%
	}
	.col-sm-push-11{
		left:91.66666667%
	}
	.col-sm-push-10{
		left:83.33333333%
	}
	.col-sm-push-9{
		left:75%
	}
	.col-sm-push-8{
		left:66.66666667%
	}
	.col-sm-push-7{
		left:58.33333333%
	}
	.col-sm-push-6{
		left:50%
	}
	.col-sm-push-5{
		left:41.66666667%
	}
	.col-sm-push-4{
		left:33.33333333%
	}
	.col-sm-push-3{
		left:25%
	}
	.col-sm-push-2{
		left:16.66666667%
	}
	.col-sm-push-1{
		left:8.33333333%
	}
	.col-sm-push-0{
		left:auto
	}
	.col-sm-offset-12{
		margin-left:100%
	}
	.col-sm-offset-11{
		margin-left:91.66666667%
	}
	.col-sm-offset-10{
		margin-left:83.33333333%
	}
	.col-sm-offset-9{
		margin-left:75%
	}
	.col-sm-offset-8{
		margin-left:66.66666667%
	}
	.col-sm-offset-7{
		margin-left:58.33333333%
	}
	.col-sm-offset-6{
		margin-left:50%
	}
	.col-sm-offset-5{
		margin-left:41.66666667%
	}
	.col-sm-offset-4{
		margin-left:33.33333333%
	}
	.col-sm-offset-3{
		margin-left:25%
	}
	.col-sm-offset-2{
		margin-left:16.66666667%
	}
	.col-sm-offset-1{
		margin-left:8.33333333%
	}
	.col-sm-offset-0{
		margin-left:0
	}
}

@media (min-width:961px) {
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9{
		float:left
	}
	.col-md-12{
		width:100%
	}
	.col-md-11{
		width:91.66666667%
	}
	.col-md-10{
		width:83.33333333%
	}
	.col-md-9{
		width:75%
	}
	.col-md-8{
		width:66.66666667%
	}
	.col-md-7{
		width:58.33333333%
	}
	.col-md-6{
		width:50%
	}
	.col-md-5{
		width:41.66666667%
	}
	.col-md-4{
		width:33.33333333%
	}
	.col-md-3{
		width:25%
	}
	.col-md-2{
		width:16.66666667%
	}
	.col-md-1{
		width:8.33333333%
	}
	.col-md-pull-12{
		right:100%
	}
	.col-md-pull-11{
		right:91.66666667%
	}
	.col-md-pull-10{
		right:83.33333333%
	}
	.col-md-pull-9{
		right:75%
	}
	.col-md-pull-8{
		right:66.66666667%
	}
	.col-md-pull-7{
		right:58.33333333%
	}
	.col-md-pull-6{
		right:50%
	}
	.col-md-pull-5{
		right:41.66666667%
	}
	.col-md-pull-4{
		right:33.33333333%
	}
	.col-md-pull-3{
		right:25%
	}
	.col-md-pull-2{
		right:16.66666667%
	}
	.col-md-pull-1{
		right:8.33333333%
	}
	.col-md-pull-0{
		right:auto
	}
	.col-md-push-12{
		left:100%
	}
	.col-md-push-11{
		left:91.66666667%
	}
	.col-md-push-10{
		left:83.33333333%
	}
	.col-md-push-9{
		left:75%
	}
	.col-md-push-8{
		left:66.66666667%
	}
	.col-md-push-7{
		left:58.33333333%
	}
	.col-md-push-6{
		left:50%
	}
	.col-md-push-5{
		left:41.66666667%
	}
	.col-md-push-4{
		left:33.33333333%
	}
	.col-md-push-3{
		left:25%
	}
	.col-md-push-2{
		left:16.66666667%
	}
	.col-md-push-1{
		left:8.33333333%
	}
	.col-md-push-0{
		left:auto
	}
	.col-md-offset-12{
		margin-left:100%
	}
	.col-md-offset-11{
		margin-left:91.66666667%
	}
	.col-md-offset-10{
		margin-left:83.33333333%
	}
	.col-md-offset-9{
		margin-left:75%
	}
	.col-md-offset-8{
		margin-left:66.66666667%
	}
	.col-md-offset-7{
		margin-left:58.33333333%
	}
	.col-md-offset-6{
		margin-left:50%
	}
	.col-md-offset-5{
		margin-left:41.66666667%
	}
	.col-md-offset-4{
		margin-left:33.33333333%
	}
	.col-md-offset-3{
		margin-left:25%
	}
	.col-md-offset-2{
		margin-left:16.66666667%
	}
	.col-md-offset-1{
		margin-left:8.33333333%
	}
	.col-md-offset-0{
		margin-left:0
	}
}

@media (min-width:1200px){
	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9{
		float:left
	}
	.col-lg-12{
		width:100%
	}
	.col-lg-11{
		width:91.66666667%
	}
	.col-lg-10{
		width:83.33333333%
	}
	.col-lg-9{
		width:75%
	}
	.col-lg-8{
		width:66.66666667%
	}
	.col-lg-7{
		width:58.33333333%
	}
	.col-lg-6{
		width:50%
	}
	.col-lg-5{
		width:41.66666667%
	}
	.col-lg-4{
		width:33.33333333%
	}
	.col-lg-3{
		width:25%
	}
	.col-lg-2{
		width:16.66666667%
	}
	.col-lg-1{
		width:8.33333333%
	}
	.col-lg-pull-12{
		right:100%
	}
	.col-lg-pull-11{
		right:91.66666667%
	}
	.col-lg-pull-10{
		right:83.33333333%
	}
	.col-lg-pull-9{
		right:75%
	}
	.col-lg-pull-8{
		right:66.66666667%
	}
	.col-lg-pull-7{
		right:58.33333333%
	}
	.col-lg-pull-6{
		right:50%
	}
	.col-lg-pull-5{
		right:41.66666667%
	}
	.col-lg-pull-4{
		right:33.33333333%
	}
	.col-lg-pull-3{
		right:25%
	}
	.col-lg-pull-2{
		right:16.66666667%
	}
	.col-lg-pull-1{
		right:8.33333333%
	}
	.col-lg-pull-0{
		right:auto
	}
	.col-lg-push-12{
		left:100%
	}
	.col-lg-push-11{
		left:91.66666667%
	}
	.col-lg-push-10{
		left:83.33333333%
	}
	.col-lg-push-9{
		left:75%
	}
	.col-lg-push-8{
		left:66.66666667%
	}
	.col-lg-push-7{
		left:58.33333333%
	}
	.col-lg-push-6{
		left:50%
	}
	.col-lg-push-5{
		left:41.66666667%
	}
	.col-lg-push-4{
		left:33.33333333%
	}
	.col-lg-push-3{
		left:25%
	}
	.col-lg-push-2{
		left:16.66666667%
	}
	.col-lg-push-1{
		left:8.33333333%
	}
	.col-lg-push-0{
		left:auto
	}
	.col-lg-offset-12{
		margin-left:100%
	}
	.col-lg-offset-11{
		margin-left:91.66666667%
	}
	.col-lg-offset-10{
		margin-left:83.33333333%
	}
	.col-lg-offset-9{
		margin-left:75%
	}
	.col-lg-offset-8{
		margin-left:66.66666667%
	}
	.col-lg-offset-7{
		margin-left:58.33333333%
	}
	.col-lg-offset-6{
		margin-left:50%
	}
	.col-lg-offset-5{
		margin-left:41.66666667%
	}
	.col-lg-offset-4{
		margin-left:33.33333333%
	}
	.col-lg-offset-3{
		margin-left:25%
	}
	.col-lg-offset-2{
		margin-left:16.66666667%
	}
	.col-lg-offset-1{
		margin-left:8.33333333%
	}
	.col-lg-offset-0{
		margin-left:0
	}
}

.espera{
	opacity:.5!important;
	-webkit-transition:opacity .1s ease-out;
	-moz-transition:opacity .1s ease-out;
	-ms-transition:opacity .1s ease-out;
	transition:opacity .1s ease-out;
}

.autoScroll{
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
}

/********** 4. =TIPOGRAFICA E FORMATAÇÃO **********/

.carret{
	display:inline-block;
	width:0;
	height:0;
	margin-left:2px;
	vertical-align:middle;
	border-top:4px dashed;
	border-top:4px solid\9;
	border-right:4px solid transparent;
	border-left:4px solid transparent;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
}
.carret.inverted{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

#subTitulo{
	font-size:26px;
	line-height:30px;
	padding:10px 0 15px;
	text-transform:uppercase;
}

.conteudo .intro{
	font-weight:bold;
}

.nomargim{margin:0!important;}
.nopadding{padding:0!important;}

.mb0{margin-bottom:0px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}

.mt0{margin-top:0px!important;}
.mt5{margin-top:5px!important;}
.mt8{margin-top:8px!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}

.mr0{margin-right:0px!important;}
.mr5{margin-right:5px!important;}
.mr10{margin-right:10px!important;}

.ml0{margin-left:0px!important;}

.pb0{padding-bottom:0px!important;}

.pl5{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl20{padding-left:20px!important;}
.pl30{padding-left:20px!important;}

.pr5{padding-right:5px!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.pr30{padding-right:30px!important;}
.pr60{padding-right:60px!important;}


h2,h3,h4,h5,h6{
	margin-bottom:10px;
	font-weight:bold;
}

h2{
	font-size:22px;
	padding-bottom:10px;
	border-bottom:1px solid rgba(255,255,255,0.1);
}
h3{
	font-size:20px;
	padding-bottom:5px;
	border-bottom:1px solid rgba(255,255,255,0.1);
}
h4{
	font-size:18px;
}
h5{
	font-size:16px;
}
h6{
	font-size:14px;
}

ol{
	margin-bottom:20px;
	list-style-type:decimal;
}
ul{
	margin-bottom:20px;
	list-style-type:disc;
}

ul ul{
	list-style-type:circle;
}

li{
	margin-left:16px;
	margin-bottom:10px;
}

p{
	margin-bottom:20px;
}

.lista{
	width:100%;
	margin-bottom:20px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	list-style:none;
}

.lista > li{
	width:100%;
	display:block;
	background:rgba(255,255,255,.1);
	padding:5px 10px;
	margin:0;
	overflow:hidden;
	border-top:1px solid rgba(255,255,255,.1);
	min-height:37px;
	vertical-align:middle;
}

.lista > li:nth-child(odd){
	border-top:none;
}
.lista > li:nth-child(even){
	border-top:none;
	background:rgba(255,255,255,.07);
}

.lista > li:first-child{
	border:none;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}

.lista > li:last-child{
	-webkit-border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-right-radius:3px;
	border-bottom-left-radius:3px;
}

.lista > .placeholder{
	display:flex;
	align-items:center;
	text-align:center;
	justify-content:space-around;
	min-height:47px;
}

.input > .lista{
	margin-bottom:0;
}

.tabela{
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

}
.tabela table{
	width: 100%;
	border-collapse: separate;
  border-spacing: 0 1px;
}

.tabela tr th,
.tabela tr td{
	background:rgba(255,255,255,.1);
	padding:5px 10px;
	/* line-height:38px; */
	height:38px;
	vertical-align:middle;
}

.tabela tr:nth-child(even) td{
	background:rgba(255,255,255,.07);
}

.tabela tr th{
	font-weight:700;
	background:rgba(255,255,255,.15);
	border-top:none;
}

.tabela tr.even:hover td,
.tabela tr:hover td{
	background-color:rgba(255,255,255,.13)!important;;
}

.tabela tr .center{
	text-align:center;
}

.tabela tr .break-line{
	word-break:break-all;
}

.tabela tr.ligado td.status{
	background:rgb(215, 192, 145);
	color:#5c4b1f;
}


.filtros{margin-bottom:10px}

.filtros h3{
	font-size:14px;
}

.filtros ul,
.filtros ul ul{
	margin:0;
	list-style:none;
}

.filtros li{
	margin:0;
}

.filtros .filtro{
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:rgba(255,255,255,.1);
	padding:20px;
	height:100%;
}

.wrapcontainer .collapsed{
	overflow:hidden;
	max-height:0px!important;
	-webkit-transition:max-height .3s ease-in-out;
	-moz-transition:max-height .3s ease-in-out;
	-ms-transition:max-height .3s ease-in-out;
	transition:max-height .3s ease-in-out;
}
.wrapcontainer .collapsed.in{
	max-height:2000px!important;
}

.abre_lista{
	padding:0 10px;
	float:right;
	cursor:pointer;
	position:relative;
}

.text-center{
	text-align:center;
}

.text-left{
	text-align:left;
}

.text-right{
	text-align:right;
}

.text-justify{
	text-align:justify;
}

.float-right{
	float:right;
}

.float-left{
	float:left;
}

.clearfix:after{
	display:table;
	content:" ";
	clear:both;
}

.lista > li.flex,
.flex{
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.flex-chld{
	display:block;
}

/********** 5. =GLOBAL **********/
.preload *, .noAnim{
	-webkit-transition:none !important;
	-moz-transition:none !important;
	-ms-transition:none !important;
	transition:none !important;
}

#wrap{
	background:#191a1c;
	position:fixed;
	width:100%;
	height:100%;
	overflow:hidden;
}

.canHardwareAccelerate #wrap{
	will-change: contents;
	
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	transform:translateZ(0);

	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;

	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	perspective:1000px;
}

.standaloneApp #wrap{
	height:calc(100% - 25px);
	margin-top:25px;
}

.biWrap{
	height:calc(100% - 50px);
	overflow:hidden;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	width:100%;
	position:relative;
	top:50px;
	z-index:0;
}

.canHardwareAccelerate .biWrap{
	will-change: contents, scroll-position;
	
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	transform:translateZ(0);

	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;

	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	perspective:1000px;
}

@media only screen 
	and (min-device-width:768px) 
	and (max-device-width:1024px) 
	and (-webkit-min-device-pixel-ratio:1){

	.biWrap:before{
		content:'';
		float:left;
		height:calc(100% + 1px);
		width:1px;
		margin-left:-1px;
	}
}


#container.cscrollbar::-webkit-scrollbar{
	width:5px;
}

#container.cscrollbar::-webkit-scrollbar-thumb{
	background:#585858;
}
#container.cscrollbar::-webkit-scrollbar-thumb:hover{
	background:#585858;
}
#container.cscrollbar::-webkit-scrollbar-thumb:active{
	background:#585858;
}
#container.cscrollbar::-webkit-scrollbar-track{
	background:#191a1c;
}
#container.cscrollbar::-webkit-scrollbar-corner{
	background:#191a1c;
}
#container.cscrollbar{
	scrollbar-face-color:#585858;
	scrollbar-arrow-color:#191a1c;
	scrollbar-highlight-color:#191a1c;
	scrollbar-track-color:#191a1c;
	scrollbar-shadow-color:#191a1c;
	scrollbar-3dlight-color:#191a1c;
	scrollbar-darkshadow-Color:#191a1c;
	-ms-scrollbar-face-color:#585858;
	-ms-scrollbar-arrow-color:#191a1c;
	-ms-scrollbar-highlight-color:#191a1c;
	-ms-scrollbar-track-color:#191a1c;
	-ms-scrollbar-shadow-color:#191a1c;
	-ms-scrollbar-3dlight-color:#191a1c;
	-ms-scrollbar-darkshadow-Color:#191a1c;
}

.wrapcontainer{
	margin-left:0;
	padding:10px;
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:all .15s ease-out;
	-moz-transition:all .15s ease-out;
	-ms-transition:all .15s ease-out;
	transition:all .15s ease-out;
	min-height:calc(100% + 1px);
}

@media (min-width:961px) {
	.wrapcontainer{
		padding:20px;
		margin-left:240px;
	}

	.toggle_menu .wrapcontainer{
		margin-left:0;
	}
}

.wrapcontainer:before{
	content:"";
	height:calc(100vh - 68px);
	margin-left:-1px;
	width:1px;
	float:left;
}

.canHardwareAccelerate .wrapcontainer:before{
	will-change: contents, scroll-position;
	
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	transform:translateZ(0);

	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;

	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	perspective:1000px;
}

.wrapcontainer:after{
content:'';
width: 100%;
clear: both;
display: block;
}


.group_btn{
	 float:left;
	 margin:0;
	 list-style:none;
}

.group_btn i:before{
	padding-top:.3em;
}

.group_btn > li{
	float:left;
	margin:0;
	padding:0;
	height:35px;
	min-width:35px;
}

.group_btn > li > a,
.group_btn > li > button{
	background:no-repeat;
	border:1px solid rgba(255,255,255,.2);
	border-right-color:transparent;
	color:rgba(255,255,255,.7);
	display:block;
	font-size:16px;
	height:35px;
	line-height:35px;
	margin-left:-1px;
	padding:0 5px;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	transition:all .2s ease-out;
	text-decoration:none;
}

.safariApp .group_btn > li > button,
.standaloneApp .group_btn > li > button{
	margin-left:-3px;
}

.group_btn > li:first-child > a,
.group_btn > li:first-child > button{
	padding-left:10px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-bottomleft:20px;
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
}
.group_btn > li:last-child > a,
.group_btn > li:last-child > button{
	padding-right:10px;
	border-right:1px solid rgba(255,255,255,.2);
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomright:20px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
}

.group_btn > li:only-child > a,
.group_btn > li:only-child > button{
	padding-right:6px;
	padding-left:6px;
	min-width:35px;
	outline:none;
	text-align:center;
}

.group_btn > li > a > i,
.group_btn > li > button > i{
	font-size:18px;
	float:left;
}

html:not(.nohover) .group_btn > li > a:hover,
html:not(.nohover) .group_btn > li > button:hover,
.group_btn > li > a:focus,
.group_btn > li > button:focus{
	border-color:rgba(255,255,255,.5);
	outline:none;
}

.group_btn > li > a:active,
.group_btn > li > button:active{
	border-color:#fff;
	background:#fff;
	color:#191a1c;
	outline:none;
}

/********** 6. =MENU SUSPENSO **********/

#menu_suspenso{
	background:#2e3034;
	height:100%;
	left:0;
	position:absolute;
	-webkit-overflow-scrolling:touch;
	overflow:auto;
	overflow-x:hidden;
	-webkit-transform:translate(-240px,0);
	-ms-transform:translate(-240px,0);
	transform:translate(-240px,0);
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
	top:0;
	width:240px;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	user-select:none;
	z-index:3;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}

@media (min-width:961px) {
	#menu_suspenso{
		-webkit-transition:all .15s ease-out;
		-moz-transition:all .15s ease-out;
		-ms-transition:all .15s ease-out;
		transition:all .15s ease-out;
		-ms-transform:translate(0,0);
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
	}
}

.toggle_menu #menu_suspenso{
	-ms-transform:translate(0,0);
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
}

@media (min-width:961px) {
	.toggle_menu #menu_suspenso{
		-ms-transform:translate(-240px,0);
		-webkit-transform:translate(-240px,0);
		transform:translate(-240px,0);
	}
}

#menu_suspenso:before{
	content:'';
	float:right;
	height:calc(100vh + 1px);
	width:1px;
	margin-right:-1px;
	will-change:transform;
}

.canHardwareAccelerate #menu_suspenso:before{
	will-change: transform, scroll-position;
	
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	transform:translateZ(0);

	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;

	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	perspective:1000px;
}

#menu_suspenso:after{
content:'';
width: 100%;
clear: both;
display: block;
}

#menu_suspenso .logo,
#menu_suspenso .navigation{
	opacity:0;
	-webkit-transform:translate(-80px,0);
	-ms-transform:translate(-80px,0);
	transform:translate(-80px,0);
	-webkit-transition:all .1s ease-out 0;
	-moz-transition:all .1s ease-out 0;
	-ms-transition:all .1s ease-out 0;
	transition:all .1s ease-out 0;
	width:100%;
}

@media (min-width:961px) {
	#menu_suspenso .logo,
	#menu_suspenso .navigation{
		opacity:1;
		-webkit-transform:translate(0,0);
		-ms-transform:translate(0,0);
		transform:translate(0,0);
		-webkit-transition:all .1s ease-out .15s;
		-moz-transition:all .1s ease-out .5s;
		-ms-transition:all .1s ease-out .15s;
		transition:all .1s ease-out .15s;
	}
}

.toggle_menu #menu_suspenso .logo,
.toggle_menu #menu_suspenso .navigation{
	opacity:1;
	-ms-transform:translate(0,0);
	-webkit-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:all .1s ease-out .1s;
	-moz-transition:all .1s ease-out .1s;
	-ms-transition:all .1s ease-out .1s;
	transition:all .1s ease-out .1s;
}

#menu_suspenso .topbt{
	color:#585858;
	float:left;
	font-size:18px;
	line-height:50px;
	margin-right:10px;
	text-align:center;
	text-decoration:none;
}

#menu_suspenso .opSupMenu{
	display:none;
	margin-left:10px;
}

#menu_suspenso .logo{
	color:#585858;
	float:left;
	width:100%;
	display:inline-block;
	font-size:18px;
	cursor:default;
	overflow:hidden;
	padding:15px 15px;
	margin:0;
	position:relative;
	-webkit-transition:all .3s ease-out 0s;
	-moz-transition:all .3s ease-out 0s;
	-ms-transition:all .3s ease-out 0s;
	transition:all .3s ease-out 0s;
	z-index:2;
}

#menu_suspenso .logoPartner{
	display: flex;
    justify-content: center;
    font-size: 38px;
}
#menu_suspenso .icon-luxcontrol{
	line-height:50px;
}

#menu_suspenso .logoPartner i {
	width: 88px;
	color: #c3c3c3;
}

#menu_suspenso .logoPartner i:before {
	padding-top:1px;
}

#menu_suspenso .logoPartner img {
    max-height:45px;
}

#menu_suspenso .navigation{
	float:left;
	position:relative;
	z-index:1;
}

#menu_suspenso .navigation > ul:before{
	border-top:rgba(255,255,255,.1) 1px solid;
	content:'';
	display:block;
	height:0;
	margin:0 15px 10px;
}

#menu_suspenso .navigation > ul{
	list-style:none;
	padding:0;
	margin:0 0 10px;
}

#menu_suspenso .navigation > ul:empty{
	display:none;
}

#menu_suspenso .navigation > ul > li > ul{
	margin:0;
	list-style:none;
}

#menu_suspenso .navigation > ul > li > ul ul{
	margin:0;
	list-style:none;
}


#menu_suspenso .navigation > ul > li{
	margin:0;
	overflow:hidden;
	position:relative;
}

#menu_suspenso .navigation > ul > .parent{
	max-height:initial;
}

#menu_suspenso .navigation > ul > .fechado{
	max-height:0;
}

#menu_suspenso .navigation > ul > li > ul > li > ul > li > ul > li > a,
#menu_suspenso .navigation > ul > li > ul > li > ul > li > a,
#menu_suspenso .navigation > ul > li > ul > li > a,
#menu_suspenso .navigation > ul > li > a{
	text-transform:uppercase;
	color:#d3d3d4;
	display:block;
	font-size:14px;
	font-weight:300;
	line-height:40px;
	max-height:40px;
	text-decoration:none;
	padding:0 15px 0 18px;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#menu_suspenso .navigation > ul > li > a{
	padding:0 15px 0 50px;
}

#menu_suspenso .navigation > ul > li > ul li{
	padding:1px 0 1px 15px;
	overflow:hidden;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
	margin:0;
}

#menu_suspenso .navigation > ul > li > ul > li {
	padding:1px 0 1px 27px;
}

#menu_suspenso .navigation > ul > li > ul li a{
	border-left:2px solid rgba(255,255,255,0.1);
}

#menu_suspenso .navigation > ul > li > a > i{
	float:left;
	margin-left:-30px;
}

#menu_suspenso .navigation > ul > li:active, > a,
#menu_suspenso .navigation > ul > li:focus, > a,
html:not(.nohover) #menu_suspenso .navigation > ul > li:hover > a{
	background:rgba(255,255,255,.1);
}

#menu_suspenso .navigation > ul > li > a:active,
#menu_suspenso .navigation > ul > li > ul > li > a:active,
#menu_suspenso .navigation > ul > li > ul > li > ul > li > a:active{
	-webkit-animation:gold_bg .4s 1 ease-out;
	-moz-animation:gold_bg .4s 1 ease-out;
	animation:gold_bg .4s 1 ease-out;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

html:not(.nohover) #menu_suspenso .navigation > ul > li > a:hover,
html:not(.nohover) #menu_suspenso .navigation > ul > li > ul > li > a:hover,
html:not(.nohover) #menu_suspenso .navigation > ul > li > ul > li > ul > li > a:hover{
	background:rgb(215, 192, 145);
	color:#5c4b1f;
}

#menu_suspenso .navigation .collapsed > a{
	max-height:0;
}
#menu_suspenso .navigation .collapsed{
	padding-top:0;
	padding-bottom:0;
}

#menu_suspenso .navigation .open .carret{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

#menu_helper{
	position:fixed;
	width:100%;
	max-width:0;
	height:100%;
	z-index:10;
	background:rgba(0,0,0,.5);
	left:0;
	top:0;
	z-index:1;
	-moz-animation:esconde .25s 1 ease-in;
	-webkit-animation:esconde .25s 1 ease-in;
	animation:esconde .25s 1 ease-in;
	-webkit-transition:max-width .25s step-end;
	-moz-transition:max-width .25s step-end;
	-ms-transition:max-width .25s step-end;
	transition:max-width .25s step-end;
}
.toggle_menu #menu_helper{
	-moz-animation:mostra .25s 1 ease-in;
	-webkit-animation:mostra .25s 1 ease-in;
	animation:mostra .25s 1 ease-in;
	max-width:999999px;
	-webkit-transition:max-width .25s step-start;
	-moz-transition:max-width .25s step-start;
	-ms-transition:max-width .25s step-start;
	transition:max-width .25s step-start;
}
@media (min-width:961px) {
	.toggle_menu #menu_helper{
		display:none;
	}
}

/********** 7. =CABEÇALHO **********/
#header{
	background:#191a1c;
	display:block;
	height:51px;
	font-size:1.6em;
	left:0;
	line-height:50px;
	margin-bottom:0;
	overflow-y:scroll;
	overflow-x:hidden;
	padding:0;
	position:absolute;
	top:0;
	width:100%;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	user-select:none;
	z-index:1;
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	-webkit-transition:all .2s ease-in!important;
	-moz-transition:all .2s ease-in!important;
	-ms-transition:all .2s ease-in!important;
	transition:all .2s ease-in!important;
}
.wrapheader{
	position:relative;
	display:block;
	padding:0 10px;
	margin-left:0;
	-webkit-transition:all .1s ease-out 0;
	-moz-transition:all .1s ease-out 0;
	-ms-transition:all .1s ease-out 0;
	transition:all .1s ease-out 0;
	/* -webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0); */
}
@media (min-width:961px) {
	.wrapheader{
		margin-left:240px;
		padding:0 10px;

		-webkit-transition:all .15s ease-out;
		-moz-transition:all .15s ease-out;
		-ms-transition:all .15s ease-out;
		transition:all .15s ease-out;
	}

	.toggle_menu .wrapheader{
		margin-left:0;
	}
}


#header > .wrapheader:after{
	background:rgba(255,255,255,.7);
	display:block;
	width:100%;
	float:left;
	margin:-1px 0 0;
	content:'';
	height:1px;
	opacity:0.1;
}

/* Voltar //:nth-last-child */
#left_nav{
	 margin:8px 10px 8px 0;
	 float:left;
	 z-index:1;
	position:relative;
}

/* titulo */
#header #sect{
	padding-left:56px;
	width:100%;
	cursor:default;
	font-size:18px;
}

/* Editar/ajuda */
#right_nav,
#edicao .group_btn{
	 float:right;
	 margin:8px 0;
}

/* BARRA DE EDIÇÃO */
#edicao{
	padding:0 20px;
	background:#191a1c;
	height:50px;
	position:absolute;
	text-align:right;
	top:-50px;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
	right:0;
	z-index:0;
}
.edit #edicao{
	 top:0;
}
/********** 8. =COMPONENTES **********/

/* BUSCA */
#busca,
.busca{
	width:100%;
	margin-bottom:15px;
	height:34px;
}

#busca input,
.busca input{
	padding:8px 12px;
	width:100%;
	background:rgba(255,255,255,.1);
	color:rgba(255,255,255,.7);
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	outline:none;
	float:left;
}

#busca .button,
.busca .button{
	float:right;
	background:transparent;
	border:none;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-topright:20px;
	-moz-border-radius-bottomright:20px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	cursor:text;
	font-size:17px;
	height:34px;
	line-height:34px;
	margin-top:-34px;
	outline:none;
	color:rgba(255,255,255,.7);
	opacity:0;
	padding:0 7px;
	-webkit-transition:opacity .3s ease-out;
	-moz-transition:opacity .3s ease-out;
	-ms-transition:opacity .3s ease-out;
	transition:opacity .3s ease-out;
}

#busca .button i,
.busca .button i{
	margin:0
}

#busca .button.ativo,
.busca .button.ativo{
	cursor:pointer;
	opacity:1;
	width:auto;
}


/* Botão */
.form .campo .input .bt,
.conteudo .btn,
.btn{
	background-color:transparent;
	background-image:none;
	border:1px solid rgba(255,255,255,1);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	color:rgba(255,255,255,.7);
	cursor:pointer;
	display:inline-block;
	font-size:14px;
	line-height:100%;
	margin-bottom:10px;
	margin-right:10px;
	outline:none;
	padding:8px 14px;
	position:relative;
	text-align:center;
	text-decoration:none;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
	top:0;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	vertical-align:middle;
	white-space:nowrap;
	z-index:0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.conteudo .btn-round,
.btn-round{
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}

.conteudo .btn-xl,
.btn-xl{
	padding:8px 15px;
	font-size:20px;
}

.conteudo .btn-sm,
.btn-sm{
	padding:5px 8px;
	font-size:13px;
}

.conteudo .btn-xs,
.btn-xs{
	padding:2px 3px;
	font-size:12px;
}

html:not(.nohover) .conteudo .btn:hover,
.conteudo .btn:focus,
.btn:focus,
html:not(.nohover) .btn:hover{
	border:1px solid rgba(255,255,255,.5);
	color:rgba(255,255,255,.7);
	-webkit-transform:scale(1.04);
	-moz-transform:scale(1.04);
	transform:scale(1.04);
	-webkit-box-shadow:0 4px 4px rgba(0,0,0,.1);
	-moz-box-shadow:0 4px 4px rgba(0,0,0,.1);
	box-shadow:0 4px 4px rgba(0,0,0,.1);
}

.conteudo .btn:active,
.btn:active{
	background:#fff;
	border-color:#fff;
	color:#191a1c!important;		
	-webkit-transform:scale(1)!important;
	-moz-transform:scale(1)!important;
	transform:scale(1)!important;
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
}

.lista_rede{
	font-size:16px;
	margin:0;
}

.lista_rede a{
	-moz-animation:mostra .25s 1 ease-in;
	-webkit-animation:mostra .25s 1 ease-in;
	animation:mostra .25s 1 ease-in;
	display:block;
	overflow:hidden;
	padding:10px 5px;
}


/* botões form */
ul.button{
	text-align:right;
	width:100%;
	margin:0;
}

ul.button li{
	display:inline-block;
	margin:0 0 0 10px;
}
ul.button li a,
ul.button li input,
ul.button li button{
	background:transparent;
	border:1px solid rgba(255,255,255,1);
	color:rgba(255,255,255,.7);
	display:inline-block;
	outline:none;
	padding:10px 15px;
	text-decoration:none;
	-ms-touch-action:manipulation;
	touch-action:manipulation;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

ul.button li a{
	padding:11px 15px;
}


html:not(.nohover) ul.button li a:hover,
ul.button li a:focus,
ul.button li input:focus,
html:not(.nohover) ul.button li input:hover{
	border:1px solid rgba(255,255,255,.5);
	-webkit-transform:scale(1.04);
	-moz-transform:scale(1.04);
	transform:scale(1.04);
	-webkit-box-shadow:0 4px 4px rgba(0,0,0,.1);
	-moz-box-shadow:0 4px 4px rgba(0,0,0,.1);
	box-shadow:0 4px 4px rgba(0,0,0,.1);
}

ul.button li button:active,
ul.button li input:active,
ul.button li a:active{
	border:1px solid rgba(255,255,255,1);
	background:rgba(255,255,255,.7);
	color:#191a1c;
	-webkit-transform:scale(1)!important;
	-moz-transform:scale(1)!important;
	transform:scale(1)!important;
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
}

/* Badge */
.badge{
	background-color:#585858;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	color:rgba(255,255,255,.8);
	display:inline-block;
	font-size:12px;
	font-weight:700;
	line-height:12px;
	line-height:1;
	min-width:10px;
	padding:3px 7px;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-webkit-transition:.1s all ease-out;
	-moz-transition:.1s all ease-out;
	-ms-transition:.1s all ease-out;
	-o-transition:.1s all ease-out;
	transition:.1s all ease-out;

}
#menu_suspenso .badge{
	float:right;
	margin:10px 10px 0;
	background-color:#ef4030;
}

.opSupMenu .badge{
	display:none;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
}

/* Formulários */
#main.formOut{
	min-width:959px;
	max-width:1300px;
	margin:0 auto;
}
#main .formtop{
	float:right;
}
#main .formtop li{
	float:left;
}

.form .legend{
	margin:0 0 15px;
}
.form .legend span{
	border:none;
	font-weight:normal;
	text-transform:uppercase;
	font-size:16px;
	display:block;
}

.form fieldset{
	background:rgba(255,255,255,.1);
	padding:20px;
	margin-bottom:10px;
	text-align:left;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1);
	box-shadow:0px 2px 2px 0px rgba(0,0,0,0.1);
}
@media (min-width:961px) {
	.form fieldset{
		margin-bottom:20px;
	}
}
.form fieldset:only-child,
.form fieldset:last-child{
	margin-bottom:0;
}



/* Campos */
.form .campo{
	margin-bottom:10px;
	position:relative;
}

@media (min-width:961px) {
	.form .campo{
		margin-bottom:20px;
	}
}

.form .campo:last-child{
	margin-bottom:0;
}


.form fieldset .campo{
	padding:5px 0;
	display:flex;
	justify-content:space-between;
	align-content:center;
	align-items:center;
	border-top:1px solid rgba(255,255,255,.1);
	margin-bottom:0;
}

.form fieldset .campo.duas-linhas{
	padding:0 0 15px;
	display:block;
}

.form fieldset .campo:first-child{
	padding-top:0;
	border-top:none;
}
.form fieldset .campo:first-child .label{
	padding-top:0;
}

.form fieldset .campo:only-child,
.form fieldset .campo:last-child{
	padding-bottom:0;
}

/* Coluna esquerda */
.form .campo .label{
	display:inline-block;
	padding:11px 10px 11px 0;
	margin:0;
}

.form .campo.duas-linhas .label{
	display:block;
}

.form .campo .label .nome{
	color:rgba(255,255,255,.7);
	font-size:14px;
}
.form .campo .label .nome .obrig{
	color:rgb(215, 192, 145);
	font-size:12px;
	font-weight:bold;
}
.form .campo .label .dica{
	font-size:12px;
	color:rgba(255,255,255,.5);
	margin:0;
}

/* coluna direita */
.form .campo .input{
	color:rgba(255,255,255,.4);
	display:inline-block;
	margin:0;
	width:auto;
	text-align:right;
}
.form .campo.duas-linhas .input{
	text-align:left;
	display:block;
}
.form .campo .input .texto-inp{
	color:rgba(255,255,255,.7);
	display:inline-block;
	padding:11px 0;
}
.form .campo .input .texto-ico{
	position:relative;
	bottom:-1px;
	z-index:0;
}
.form .campo .input .button{
	float:left;
	background:transparent;
	border:1px solid rgba(255,255,255,.7);
	padding:10px 15px;
	color:rgba(255,255,255,.7);
}
.form .campo .input .button:active{
	background:rgba(255,255,255,.9);
	color:#191a1c;
}

.form .campo .input .fright{
	float:right;
	margin-top:10px;
}
.txtfield-inline,
.form .lista_fav .txtfield,
.form .campo .input .txtfield{
	background:rgba(255,255,255,.9);
	border:none;
	color:#333;
	font-size:14px;
	line-height:auto;
	outline:none;
	padding:10px;
	width:100%;
	max-width:130px;
	min-width:37px;
	text-align:left;
	font-weight:400;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
	z-index:1;
}
.form .lista_fav .txtfield {
	width: 94%;
	max-width:none;
}
.form .campo .input .texto-inp + .txtfield{
	opacity:0;
	position:absolute;
	top:10px;
	right:0;
	width:100%;
	max-width:none;

}
.form .campo .input .texto-inp + .txtfield:focus{
	opacity:1;
	-webkit-animation:a-entra-esquerda .2s 1 ease-out;
	-moz-animation:a-entra-esquerda .2s 1 ease-out;
	animation:a-entra-esquerda .2s 1 ease-out;
}

.txtfield-inline{
	display:inline-block;
	width:100%;
	max-width:100px;
}

.txtfield-inline.txt-horas{
	max-width:52px;
	padding-right:0;
}


.form .campo.duas-linhas .txtfield{
	max-width:100%;
}

.txtfield-inline:focus,
.txtfield-inline:hover,
.form .lista_fav .txtfield:focus,
.form .lista_fav .txtfield:hover,
.form .lista_fav .txtfield:focus,
.form .campo .input .txtfield:hover,
.form .campo .input .txtfield:focus{
	/* rgb(215,192,145) */
	background:#fff;
	-webkit-box-shadow:0 4px 4px rgba(0,0,0,.1);
	-moz-box-shadow:0 4px 4px rgba(0,0,0,.1);
	box-shadow:0 4px 4px rgba(0,0,0,.1);
}

.form .campo .input .radio{
	display: flex;
}
.form .campo .input .radio-line{
	margin-left:15px;
}
.form .campo .input .radio-line:first-child{
	margin-left:0;
}

.txtfield-inline[disabled],
.txtfield-inline[disabled]:hover,
.txtfield-inline[disabled]:focus,
.txtfield-inline[disabled] option,
.form .campo .input .txtfield[disabled],
.form .campo .input .txtfield[disabled]:hover,
.form .campo .input .txtfield[disabled]:focus,
.form .campo .input .txtfield[disabled] option,
.form .campo .input .txtfield[readonly],
.form .campo .input .txtfield[readonly]:hover,
.form .campo .input .txtfield[readonly]:focus,
.form .campo .input .txtfield[readonly] option{
	background:rgb(81, 83, 87);
	color:rgba(255,255,255,.7);
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.form .campo .input .btn-swt {
	float:right;
	margin-right:0
}

.form .campo .input .tickbt{
	float:left;
	margin:0 2px 4px;
	cursor:pointer;
	text-align:center;
	color:rgb(171,171,171);
	width:35px;
	height:35px;
	line-height:35px;
	position:relative;
	z-index:1;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}
.form .campo .input .tickbt .tick{
	display:none;
	position:absolute;
	width:16px;
	height:13px;
	top:2px;
	left:22px;
	z-index:-1;
}
.form .campo .input .tickbt.ticked{
	line-height:33px;
	border:1px solid rgb(215, 192, 145);
	color:rgba(255,255,255,.7);
}
.form .campo .input .tickbt.ro{
	cursor:default;
}

.form .campo .input .tickbt.todos{
	width:auto;
	padding:0 10px;
}
.form .campo > .input .tickbt input{
	position:absolute;
	top:-20px;
	left:-20px;
	opacity:0;
	width:0;
	height:0;
	line-height:0;
	padding:0;
	margin:0;
}

.form .campo .input .fullbt{
	color:rgba(255,255,255,.4);
	height:100%;
	border:0;
	background:transparent;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	color:#fff;
	text-align:right;
	outline:none;
	border:none;
}

.form .campo .input .dica{
	padding-top:10px;
	font-size:12px;
	max-width:500px;
	margin-bottom:0;
}

.form .periodo{
	padding-left:80px;
}
.form  .periodo, .form .semana{
	margin-bottom:10px;
}
.form  .semana .chk{
	display:inline-block;
	padding:10px 0;
}
.form  .semana .entre, .form .periodo .entre{
	padding:10px;
	width:60px;
	text-align:center;
	display:inline-block;
}
.form .semana .limitar{
	width:auto;
	padding:11px 14px 11px 0;
}
.form .semana .txt,.form .periodo .txt{
	padding:10px;
	width:103px;
	text-align:center;
	display:inline-block;
}

.form .campo .input .btn-right{
	float:right;
	margin:5px 0 10px 0;
}

.form .campo .input .entre{
	display:inline;
	margin-right:10px;
	line-height:39px;
}

.form .campo .input .data{
	display:inline-block;
}
.form .campo .input .data .txtfield{
	display:inline;
	margin-right:5px;
	width:65px;
}
.form .campo .input .data .txtfield:last-child{
	width:80px;
	margin:0
}

#horasLista{
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
}

#horasLista .dSemana {
	float:left;
	line-height:37px;
	margin:0 0 10px;
	width:38px;
}

#horasLista .intervalos {
	clear:both;
	width:100%;
	margin:0;
	list-style:none;
	border-top:1px solid rgba(255,255,255,.1);
}

#horasLista .intervalos:empty{
	display:none;
}

#horasLista .intervalos li {
	padding:10px 0 0;
	margin:0;
}

#horasLista .intervalos .btn {
	margin:0;
	width:100%;
}

@media (min-width:641px) {
	#horasLista .dSemana {
		margin:0;
	}

	#horasLista .intervalos {
		clear:none;
		margin:0;
		padding-left:85px;
		list-style:none;
		line-height:37px;
		border-top:none;
	}

	#horasLista .intervalos li {
		padding:0;
		float:left;
		margin:0 0 5px 5px;
	}

	#horasLista .intervalos .btn {
		width:auto;
	}

}

.col-in-wrapper{
	background: rgba(255,255,255,.1);
	padding:20px;
	margin:0 0 10px;
	text-align: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
}

@media (min-width:961px) {
	.col-in-wrapper{
		margin:0 0 20px;
	}
}

.col-in-wrapper:last-of-type{
	margin:0;
}

.col-in-wrapper h3{
	font-size:16px;

}
.col-in-wrapper h3:first-child{
	border:none;
	font-weight:normal;
	text-transform:uppercase;
}

.col-in-wrapper ul{
	margin:0;
}

.col-in-wrapper ul li{
 margin:0;
 list-style:none;
 border-top: 1px solid rgba(255,255,255,.1);
}

.col-in-wrapper ul li a{
	display:block;
	text-decoration:none;
	font-size:14px;
	padding:12px 0;
	outline:none;
}

.col-in-wrapper ul li a:focus,
html:not(.nohover) .col-bloco ul li a:hover{
	color:#fff;
}

/* Loader */
#load{
	bottom:10px;
	font-size:20px;
	opacity:0;
	position:fixed;
	width:0;
	overflow:hidden;
	left:10px;
	z-index:999;
	-webkit-transition:opacity .2s ease-in-out, width .2s step-end;
	-moz-transition:opacity .2s ease-in-out, width .2s step-end;
	-ms-transition:opacity .2s ease-in-out, width .2s step-end;
	transition:opacity .2s ease-in-out, width .2s step-end;
}

.canHardwareAccelerate #load{
	will-change: transform, opacity;
	
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	transform:translateZ(0);

	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;

	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	perspective:1000px;
}

.toggle_menu #load{
	left:256px;
}


@media (min-width:961px) {	
	#load{
		left:256px;
	}

	.toggle_menu #load{
		left:10px;
	}
}

.hasAlerta #load{
	left:10px!important;
}

#load.fullscreen{
	background:#191a1c;
	width:100%;
	height:100%;
	bottom:0;
	left:0;
}

.preload #load.fullscreen{
	opacity:1;
}

#load img{
	-webkit-animation:clockwise 1s infinite linear;
	-moz-animation:clockwise 1s infinite linear;
	animation:clockwise 1s infinite linear;
	display:inline-block;
	width:30px;
}

#load.fullscreen img{
	width:60px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px 0 0 -30px;
}

#load.loading{
	bottom:10px;
	opacity:1;
	overflow:hidden;
	-webkit-transition:opacity .2s ease-in-out, width .2s step-start;
	-moz-transition:opacity .2s ease-in-out, width .2s step-start;
	-ms-transition:opacity .2s ease-in-out, width .2s step-start;
	transition:opacity .2s ease-in-out, width .2s step-start;
	width:30px;
}
#load.loading:focus,
html:not(.nohover) #load.loading:hover{
	opacity:.5;
}

#reload{
	top:0;
	left:0;
	padding:0 0 0 240px;
	position:absolute;
	text-align:center;
	line-height:50px;
	height:50px;
	opacity:0;
	-webkit-transform:translate(0,-60px);
	-ms-transform:translate(0,-60px);
	transform:translate(0,-60px);
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	transition:all .2s ease-out;
	width:100%;
	z-index:3;
}


/* Recarregar */
#reload.puxando,
#reload.espera{
	opacity:1;
}

#reload.puxando,
.wrapcontainer.puxando{
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	transition:none;
}
#reload.espera,
.wrapcontainer.espera{
	-webkit-transition-timing-function:ease-in;
	-moz-transition-timing-function:ease-in;
	-ms-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
}

#reload.espera{
	-ms-transform:translate(0,13px);
	-webkit-transform:translate(0,13px);
	transform:translate(0,13px);
}
.wrapcontainer.espera{
	-ms-transform:translate(0,100px);
	-webkit-transform:translate(0,100px);
	transform:translate(0,100px);
}

#reload .soltar{
	display:block;
	text-align:center;
	position:relative;
	top:0;
}

#reload .soltar:before{
	content:'';
	background:rgba(255,255,255,.7);
	height:50px;
	width:50px;
	margin-left:-25px;
	position:absolute;
	left:50%;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	z-index:-1;
}

#reload .soltar img{
	margin-left:-25px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-25px;
	padding:13px;
	height:50px;
	width:50px;
	opacity:.5
}
#reload.espera .soltar img{
	-webkit-animation:anticlockwise 1s infinite linear;
	-moz-animation:anticlockwise 1s infinite linear;
	animation:anticlockwise 1s infinite linear;
}

@media (min-width:961px) {
	.toggle_menu #reload{
		padding-left:0;
	}
}

/* Menu */
.menu{
	display:block;
	overflow:hidden;
	position:relative;
	height:auto;
	margin-bottom:16px;
}
.nohover .menu{
	height:33px;
}

.menu::-webkit-scrollbar{
	height:0px;
}
.nohover .menu::-webkit-scrollbar{
	height:20px;
}

.menu > ul{
	list-style:none;
	margin:0;
	-webkit-overflow-scrolling:touch;
	display:flex;
	overflow:hidden;
	flex-wrap:nowrap;
	overflow-y:hidden;
	overflow-x:scroll;
	white-space:nowrap;
	min-height:100%;
	height:60px;
}

.menu:after,
.menu:before{
	-webkit-box-shadow: inset -30px 0px 10px -17px #191a1c;
	-moz-box-shadow: inset -30px 0px 10px -17px #191a1c;
	box-shadow: inset -30px 0px 10px -17px #191a1c;
	content:"";
	height:200%;
	right:0;
	top:-25%;
	position:absolute;
	width:25px;
	display:none;
}
.menu:before{
	right:auto;
	left:0;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	transform:rotate(180deg);
}

.nohover .menu:after,
.nohover .menu:before{
	display:block;
}

.menu > ul > li{
	font-size:14px;
	height:31px;
	border-bottom:1px solid rgba(255,255,255,.1);
	width:100%;
	flex-shrink:1;
	margin-left:0;
}

.menu > ul > li a{
	background:transparent;
	outline:none;
	color:rgba(255,255,255,.7)
	display:block;
	width:100%;
	padding:8px 15px 11px;
	text-align:center;
	border:0 solid transparent;
	text-decoration:none;
	margin-bottom:-3px;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.menu > ul > .atual a{
	border-bottom:5px solid rgb(215, 192, 145);
}

/* Menu */
.menu_vertical{
	display:block;
	position:relative;
	margin-bottom:20px;
}

.menu_vertical > ul{
	white-space:nowrap;
	min-height:100%;
}
.menu_vertical > ul > li{
	font-size:14px;
	height:37px;
	border-right:1px solid rgba(255,255,255,.1);
	width:100%;
}
.menu_vertical > ul > li a{
	background:transparent;
	outline:none;
	color:rgba(255,255,255,.7);
	display:block;
	width:100%;
	padding:8px 15px 11px 0;
	text-align:right;
	border:0 solid transparent;
	text-decoration:none;
	margin-bottom:-3px;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.menu_vertical > ul > .atual a{
	border-right:5px solid rgb(215, 192, 145);
}


/********** 9. =ELEMENTOS **********/
#main{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
}

.controlgroup{
	position:relative;
	-webkit-transition:opacity .1s ease-out;
	-moz-transition:opacity .1s ease-out;
	-ms-transition:opacity .1s ease-out;
	transition:opacity .1s ease-out;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	list-style:none;
	margin:0;
}

.edit .controlgroup{
	-khtml-user-select:text;
	-ms-user-select:element;
	-webkit-user-select:text;
	-moz-user-select:text;
	user-select:text;
}

/* geral */
.controlgroup .toggle{
	-moz-animation:mostra .25s 1 ease-in;
	-webkit-animation:mostra .25s 1 ease-in;
	animation:mostra .25s 1 ease-in;
	background:rgb(46,48,52);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	display:block;
	float:left;
	font-size:18px;
	height:auto!important;
	margin:0 0 10px;
	opacity:1;
	position:relative;
	-webkit-transition:opacity .2s ease-out,visibility 0s ease-out .2s,box-shadow .1s ease-out,transform .3s ease-in-out;
	-moz-transition:opacity .2s ease-out,visibility 0s ease-out .2s,box-shadow .1s ease-out,transform .3s ease-in-out;
	-ms-transition:opacity .2s ease-out,visibility 0s ease-out .2s,box-shadow .1s ease-out,transform .3s ease-in-out;
	width:100%;
	z-index:0;
}
.controlgroup .toggle:after{
	clear:both;
	content:'';
	height:0;
	display:block;
}

.controlgroup .toggle.midstat{
	opacity:0.3;
}

.gridbuttons .gridbutton .wrapbt .pisca,
.macrogroup .macrofilho .pisca,
.controlgroup .toggle .pisca{
	background:rgba(255,255,255,.7);
	position:absolute;
	z-index:-1;
	display:none;
	opacity:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.gridbuttons .gridbutton .wrapbt .pisca.anim,
.macrogroup .macrofilho .pisca.anim,
.controlgroup .toggle .pisca.anim{
	-moz-animation:esconde .5s 1 ease-in;
	-webkit-animation:esconde .5s 1 ease-in;
	animation:esconde .5s 1 ease-in;
	display:block;
	z-index:3;
}

.controlgroup .toggle:focus{
	outline:none;
}
.manual .controlgroup .toggle:focus{
	outline:#0cc4dc 1px solid;
}
.controlgroup .access{
	width:100%!important;
	height:100%!important;
	position:absolute!important;
	top:0;
	left:0;
	z-index:10;
	background:#57647a;
	padding:0;
}

.controlgroup .toggle .info_ele{
	color:rgb(215,190,145);
	background-color:#434549;
	/* -webkit-box-shadow:0px 0px 8px 0px rgba(215, 192, 145, 0);
	-moz-box-shadow:0px 0px 8px 0px rgba(215, 192, 145, 0);
	box-shadow:0px 0px 8px 0px rgba(215, 192, 145, 0); */
	float:left;
	width:300px;
	height:52px;
	margin:0;
	text-align:left;
	position:relative;
	z-index:1;
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
	transition:all .4s ease-out;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.controlgroup .Ligado > .info_ele,
.controlgroup .Ligado > .info_ele > .content{
	color:#5c4b1f;
	background-color:rgb(215, 192, 145);
	/* -webkit-box-shadow:0px 0px 8px 0px rgba(215, 192, 145, .8);
	-moz-box-shadow:0px 0px 8px 0px rgba(215, 192, 145, .8);
	box-shadow:0px 0px 8px 0px rgba(215, 192, 145, .8); */
	/* -moz-animation:golden_glow 2s infinite ease-in-out;
	-webkit-animation:golden_glow 2s infinite ease-in-out;
	animation:golden_glow 2s infinite ease-in-out; */
}

.controlgroup .Ligado .info_ele .label:before{
	-webkit-box-shadow:inset -30px 0px 15px -15px rgba(215,192,145,1);
	-moz-box-shadow:inset -30px 0px 15px -15px rgba(215,192,145,1);
	box-shadow:inset -30px 0px 15px -15px rgba(215,192,145,1);
}

.controlgroup .info_ele .editar_bt{
	font-size:20px;
	height:40px;
	line-height:40px;
	position:absolute;
	right:0;
	text-align:center;
	top:10px;
	color:rgb(171,171,171);
	width:40px;
	cursor:pointer;
	z-index:3;
}

.edit .controlgroup .info_ele .editar_bt{
	display:none;
}

.controlgroup .info_ele .icon{
	float:left;
	margin:0 5px 0 10px;
	font-size:28px;
	height:52px;
	line-height:52px;
	position:relative;
}

.controlgroup .info_ele .icon .modo{
	position:absolute;
	bottom:-4px;
	left:-6px;
	font-size:16px;
	height:42px;
}


.controlgroup .info_ele .label{
	white-space:nowrap;
	font-weight:400;
	font-kerning:auto;
	font-size:16px;
	line-height:21px;
	margin-right:41px;
	padding:5px 0 0;
	overflow:hidden;
	position:relative;
}
.controlgroup .info_ele .label:before{
	-webkit-transition:all .4s ease-out;
	-moz-transition:all .4s ease-out;
	-ms-transition:all .4s ease-out;
	transition:all .4s ease-out;
	content:'';
	position:absolute;
	width:25px;
	height:25px;
	right:0; top:0;
	-webkit-box-shadow:inset -30px 0px 15px -15px rgba(67,69,73,1);
	-moz-box-shadow:inset -30px 0px 15px -15px rgba(67,69,73,1);
	box-shadow:inset -30px 0px 15px -15px rgba(67,69,73,1);
}

.controlgroup .info_ele .label_meio{
	padding-top:18px;
}

.controlgroup .info_ele > .content{
	color:rgb(171,171,171);
	font-size:14px;
}

.controlgroup > .Ligado > .info_ele > .editar_bt,
.controlgroup > .Ligado > .info_ele > .content{
	color:inherit;
}


.controlgroup .toggle .info_ele .tags{
	right:0;
	position:absolute;
	top:0;
}

.controlgroup .toggle .info_ele .tag{
	background:#303032;
	overflow:hidden;
	color:rgba(255,255,255,.7);
	display:inline-block;
	font-size:10px;
	line-height:13px;
	padding:0 5px 0 0;
	margin:5px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-bottomleft:10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}

.controlgroup .toggle .info_ele .tag:before{
	background:#585858;
	content:'';
	width:7px;
	height:7px;
	margin:3px 3px 3px 3px;
	float:left;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.controlgroup > .Ligado > .info_ele .tag:before{
	background:rgb(215, 192, 145);
}


.btn_group_elem{display:block; text-align:center; padding-top:10px;}
.btn_group_elem .btn:last-child{margin-right:0}

/* Botões de controle */
.controlgroup .toggle .control{
	float:right;
	list-style:none;
	margin:0 2px 0 7px;
	position:relative;
	z-index:2;
}
.controlgroup .toggle .control li{
	float:left;
	height:52px;
	margin:0 5px 0 0;
	outline:none;
	padding:8px 0 7px;
	text-align:center;
	position:relative;
	z-index:1;
}
.controlgroup .toggle  .control li:focus{
	outline:none;
}
.controlgroup .toggle .control li > span,
.controlgroup .toggle .control li > a{
	background:rgba(0,0,0,.1);
	border:1px solid rgba(255,255,255,.2);
	-webkit-border-radius:41px;
	border-radius:41px;
	color:rgba(255,255,255,.7);
	cursor:pointer;
	padding:0 6px;
	float:left;
	font-size:18px;
	height:37px;
	line-height:36px;
	min-width:37px;
	text-align:center;

	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	transition:all .3s ease-out;
}

.controlgroup .toggle .control .stLabel{
	font-size:14px;
	line-height:35px;
	padding-right:6px;
	float:left;
}

/* html:not(.nohover) .controlgroup .toggle .control li:hover > span,
.controlgroup .toggle .control li:focus > span,
html:not(.nohover) .controlgroup .toggle .control li:hover > a,
.controlgroup .toggle .control li:focus > a{
	border-color:rgb(255,255,255,.5);
}

html:not(.nohover) .controlgroup .Ligado .control li:hover > span,
.controlgroup .Ligado .control li:focus > span,
html:not(.nohover) .controlgroup .Ligado .control li:hover > a,
.controlgroup .Ligado .control li:focus > a{
	border-color:rgb(215, 192, 145);
} */

.controlgroup .toggle .control li:active > span,
.controlgroup .toggle .control li:active > a{
	-webkit-transition-duration:.1s;
	-moz-transition-duration:.1s;
	-ms-transition-duration:.1s;
	transition-duration:.1s;
	background:#fff;
	border-color:#fff;
	color:#191a1c;
}

.controlgroup .toggle .filter{
	float:right;
	width:52px;
	height:52px;
}

.controlgroup .toggle .entrar{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}

.controlgroup .toggle .control .stack > i:nth-child(2){
	position:absolute;
	top:9px;
	left:-6px;
	font-size:32px;
}

.controlgroup .toggle .control .stack > i:nth-child(1){
	font-size:18px;
	display:block;
}

.controlgroup .toggle .control .stack img{
	height:37px;
	left:0;
	position:absolute;
	top:7px;
	width:37px;
}

.mEditar .toggle .control .strobe,
.mEditar .toggle .control .cima,
.mEditar .toggle .control .baixo,
.mEditar .toggle .control .parar{
	display:none;
}

.controlgroup .toggle .control .abre span,
.controlgroup .toggle .control .fecha span{
	border:none;
}

.controlgroup .toggle .control .abre img{
	-webkit-animation:clockwise 1.5s infinite linear;
	-moz-animation:clockwise 1.5s infinite linear;
	animation:clockwise 1.5s infinite linear;
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	animation-play-state:paused;

}
.controlgroup .toggle .control .abre .rotato{
	-webkit-animation-play-state:running;
	-moz-animation-play-state:running;
	animation-play-state:running;
}

.controlgroup .toggle .control .fecha img{
	-webkit-animation:anticlockwise 1.5s infinite linear;
	-moz-animation:anticlockwise 1.5s infinite linear;
	animation:anticlockwise 1.5s infinite linear;
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	animation-play-state:paused;
}
.controlgroup .toggle .control .fecha .rotato{
	-webkit-animation-play-state:running;
	-moz-animation-play-state:running;
	animation-play-state:running;
}

.controlgroup .toggle .control .repeticao{
	z-index:2;
}

.controlgroup .toggle .control .repeticao.aberto{
	z-index:3;
}

.controlgroup .toggle .control .repeticao .wrapperBt{
	-webkit-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);
	left:0;
	overflow:hidden;
	position:absolute;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
	top:8px;
}
.controlgroup .toggle .control .repeticao.aberto .wrapperBt{
	width:142px;
	top:2px;
	left:-40px;
}

.controlgroup .toggle .control  .prev{
	margin:0 -21px 0 10px;
	width:50px;
}

.controlgroup .Random .control .prev span,
.controlgroup .RandomLooping .control .prev span{
	cursor:default;
	opacity:0.4;
}

.controlgroup .toggle .control .prev span{
	font-size:13px;
	padding:0 15px 0 0;
	width:50px;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

.controlgroup .toggle .control .next{
	margin:0 10px 0 -20px;
	width:50px;
}

.controlgroup .toggle .control .next span{
	font-size:13px;
	padding:0 0 0 15px;
	width:50px;
	-webkit-border-top-left-radius:0;
	-webkit-border-bottom-left-radius:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}

.controlgroup .Random .control .next span,
.controlgroup .RandomLooping .control .next span{
	cursor:default;
	opacity:0.4;
}

.controlgroup .toggle .control .playPause{
	z-index:2;
	padding:5px 0 0;
}
.controlgroup .toggle .control .playPause span{
	height:42px;
	width:42px;
	line-height:41px;
}

.controlgroup .Ligado > .control .playPause span{
	background-color:rgb(215, 192, 145);
	border-color:rgb(215, 192, 145);
}

.controlgroup .toggle .control .repeticao > span > span{
	width:0;
	float:left;
	height:35px;
	overflow:hidden;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
}
.controlgroup .toggle .control .repeticao.aberto > span > span{
	width:35px;
}

/* Botão de repetição normal */
.controlgroup .Normal .control .repeticao > span > .Normal,
.controlgroup .Random .control .repeticao > span > .Random,
.controlgroup .Looping .control .repeticao > span > .Looping,
.controlgroup .RandomLooping .control .repeticao > span > .RandomLooping{
	width:35px;
}


.controlgroup .Normal .control .repeticao.aberto > span > .Normal,
.controlgroup .Random .control .repeticao.aberto > span > .Random,
.controlgroup .Looping .control .repeticao.aberto > span > .Looping,
.controlgroup .RandomLooping .control .repeticao.aberto > span > .RandomLooping{
	background-color:rgb(215, 192, 145);
}

/* dimmer */
.controlgroup .rgb .range,
.controlgroup .grupos .range,
.controlgroup .dimmer .range,
.controlgroup .sar .range{
	position:relative;
	cursor:default;
	height:52px;
	padding:23px 58px 0 315px;
	z-index:0;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
}
.controlgroup .rgb .range,
.controlgroup .tipo4 .range{
	padding:25px 100px 0 315px;
}
.controlgroup .tipo6 .range{
	padding:25px 142px 0 315px;
}

.controlgroup .rgb .range .corbg,
.controlgroup .grupos .range .corbg,
.controlgroup .dimmer .range .corbg,
.controlgroup .sar .range .corbg{
	float:left;
	width:100%;
	height:7px;
	background:rgba(255,255,255,.1);
	-moz-appearance:none;
	-webkit-appearance:none;
	overflow:hidden;
	appearance:none;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
}
.controlgroup .rgb .range .cor,
.controlgroup .grupos .range .cor,
.controlgroup .dimmer .range .cor,
.controlgroup .sar .range .cor{
	float:left;
	height:7px;
}

.controlgroup .rgb .range .rail,
.controlgroup .grupos .range .rail,
.controlgroup .dimmer .range .rail,
.controlgroup .sar .range .rail{
	display:block;
	width:100%;
	height:7px;
	padding:0 10px;
	background:rgba(255,255,255,.1);
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
}
.controlgroup .rgb .range .rail{
	padding:0 10px;
}

.controlgroup .rgb .range .slidAnim,
.controlgroup .grupos .range .slidAnim,
.controlgroup .dimmer .range .slidAnim,
.controlgroup .sar .range .slidAnim{
	display:block;
	height:100%;
	margin:0 0 0 -5%;
	position:relative;
}
.controlgroup .tipo6 .range .slidAnim,
.controlgroup .rgb .range .slidAnim{
	margin:0;
}

.controlgroup .rgb .range .pointer,
.controlgroup .grupos .range .pointer,
.controlgroup .dimmer .range .pointer,
.controlgroup .sar .range .pointer{
	-webkit-appearance:none;
	width:38px;
	cursor:pointer;
	height:38px;
	position:absolute;
	top:0;
	left:0;
	margin:-15px 0 0 -19px;
	float:left;
	border:3px solid #47494c;
	text-align:center;
	background:rgba(0,0,0,.1);
	color:rgba(255,255,255,.7);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	z-index:1;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
}
.controlgroup .tipo6 .range .pointer,
.controlgroup .rgb .range .pointer{
	border-color:rgba(255,255,255,.9);
}

.controlgroup .dimmer .range .pointer.touch,
.controlgroup .tipo4 .range .pointer.touch,
.controlgroup .tipo6 .range .pointer.touch,
.controlgroup .rgb .range .pointer.touch{
	border-width:2px;
}

.controlgroup .dimmer .range .pointer .val,
.controlgroup .tipo4 .range .pointer .val,
.controlgroup .tipo6 .range .pointer .color,
.controlgroup .rgb .range .pointer .color{
	position:absolute;
	top:-1px;
	left:-1px;
	width:calc(100% + 2px);
	height:calc(100% + 2px);
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
}

.controlgroup .tipo4 .range .pointer .val,
.controlgroup .dimmer .range .pointer .val{
	background:#292b2f;
}

.controlgroup .dimmer .range .pointer.touch .val,
.controlgroup .tipo4 .range .pointer.touch .val,
.controlgroup .tipo6 .range .pointer.touch .color,
.controlgroup .rgb .range .pointer.touch .color{
	background:rgb(215, 192, 145);
	border:#9c864d 1px solid;
	color:#5c4b1f;
	top:-42px;
}

.controlgroup .tipo6 .range .pointer.touch .color,
.controlgroup .rgb .range .pointer.touch .color{
	background:#fff;
}

.controlgroup .dimmer .range .pointer .val:before,
.controlgroup .tipo4 .range .pointer .val:before,
.controlgroup .tipo6 .range .pointer .color:before,
.controlgroup .rgb .range .pointer .color:before{
	content:'';
	position:absolute;
	left:50%;
	margin-left:-12px;
	bottom:0;
	width:0;
	height:0;
	border-style:solid;
	border-width:0 12px 0;
	border-color:rgb(215,192,145) transparent transparent transparent;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
}
.controlgroup .tipo6 .range .pointer .color:before,
.controlgroup .rgb .range .pointer .color:before{
border-top:inherit;
-webkit-transition:all .4s ease-in-out, border-color 0s linear;
-moz-transition:all .4s ease-in-out, border-color 0s linear;
-ms-transition:all .4s ease-in-out, border-color 0s linear;
transition:all .4s ease-in-out, border-color 0s linear; 
}

.controlgroup .dimmer .range .pointer.touch .val:before,
.controlgroup .tipo4 .range .pointer.touch .val:before,
.controlgroup .tipo6 .range .pointer.touch .color:before,
.controlgroup .rgb .range .pointer.touch .color:before{
	bottom:-6px;
	border-width:10px 12px 0;
}

.controlgroup .perIcon .range .pointer{
	-webkit-transition:none;
	-moz-transition:none;
	-ms-transition:none;
	transition:none;
}

.controlgroup .Ligado:not(.rgb):not(.tipo6) .range .pointer{
	border-color:none;
}
.controlgroup .Ligado:not(.rgb):not(.tipo6) .range .pointer .val{
	background-color:rgb(215, 192, 145);
	color:#5c4b1f;
}

.controlgroup .rgb .range .pointer span,
.controlgroup .grupos .range .pointer span,
.controlgroup .dimmer .range .pointer span,
.controlgroup .sar .range .pointer span{
	display:block;
	line-height:36px;
	font-size:14px;
}

/* rgb */
.controlgroup .grupos .info_ele .content .samp_cor,
.controlgroup .rgb .info_ele .content .samp_cor{
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	color:#000;
	font-size:14px;
	padding:0 6px;
	text-shadow:-1px -1px rgba(255,255,255,.3);
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-ms-transition:all .2s ease-in;
	transition:all .2s ease-in;
}

/* inteligencia/macro */
.controlgroup .grupos,.controlgroup .macros{
	height:auto;
}

.controlgroup .grupos .label,.controlgroup .macros .label{
	margin-bottom:0;
}
.controlgroup .grupos .elementos,.controlgroup .macros .elementos{
	margin:0;
	display:none;
	padding:0;
	width:100%;
	background:#2c333d;
	border-bottom:0.1em solid #0cc4dc;
}
.controlgroup .grupos .toggle,.controlgroup .macros .toggle{
	margin:0;
	padding:0;
	border-top:0.1em solid #2c333d;
	background:#13161b;
	font-size:1em;
}
.controlgroup .grupos .toggle:last-child,.controlgroup .macros .toggle:last-child{
	border-bottom:none;
}

/* macro */

.macrogroup .macrofilho{
	cursor:pointer;
	position:relative;
	margin:0 0 10px;
	text-shadow:0px 0px 3px rgb(39, 37, 30);
	list-style:none;
}
.macrogroup .macrofilho .playbt{
	float:right;
	padding:5px;
}

.macrogroup .macrofilho .participa_elemento{
	white-space:nowrap;
	float:left;
	font-size:14px;
	width:100%;
	padding:7px 0;
	margin:-39px 0 0;
	position:relative;
	text-align:left;
}

.macrogroup .macrofilho .participa_elemento .icon,
.macrogroup .macrofilho .participa_elemento .label,
.macrogroup .macrofilho .participa_elemento .content{
	display:inline-block;
	padding-left:5px;
}

.macrogroup .macrofilho .tempoe{
	font-size:14px;
	overflow:hidden;
	padding:10px 5px 35px;
	position:relative;
	width:100%;
	z-index:0;
	color:rgba(255,255,255,.4);
	border-bottom:1px solid rgba(255,255,255,.1);
}
.macrogroup .macrofilho .tempoe .bar{
	height:100%;
	left:0;
	position:absolute;
	top:0;
	-webkit-transition:all .05s ease-out;
	-moz-transition:all .05s ease-out;
	-ms-transition:all .05s ease-out;
	transition:all .05s ease-out;
	z-index:0;
}
.macrogroup .macrofilho.Atual .tempoe .bar{
	background:rgb(215, 192, 145);
	-webkit-box-shadow:0px 0px 6px 0px rgba(215, 192, 145, .7);
	-moz-box-shadow:0px 0px 6px 0px rgba(215, 192, 145, .7);
	box-shadow:0px 0px 6px 0px rgba(215, 192, 145.7);
	-webkit-transition:all 1s ease-out;
	-moz-transition:all 1s ease-out;
	-ms-transition:all 1s ease-out;
	transition:all 1s ease-out;
}
.macrogroup .macrofilho.Ocorrido .tempoe .bar{
	background:#958868;
}

.macrogroup .macrofilho .tempoe .tempo_decorrido{
	float:left;
	position:relative;
	z-index:0;
}
.macrogroup .macrofilho .tempoe .tempo{
	float:right;
	position:relative;
	z-index:0;
}

.macrogroup .macrofilho.Atual{
	position:relative;
	z-index:0;
}

.macrogroup .macrofilho .selecao{
	border:rgb(215, 192, 145) 1px solid;
	-webkit-box-shadow:0px 0px 6px 0px rgba(215, 192, 145, .7);
	-moz-box-shadow:0px 0px 6px 0px rgba(215, 192, 145, .7);
	box-shadow:0px 0px 6px 0px rgba(215, 192, 145.7);
	height:100%;
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	transition:all .3s ease-out;
	width:100%;
	z-index:0;
}
.macrogroup .macrofilho.Atual .selecao{
	opacity:1;
}

/* cameras */

.controlgroup .cameras{
	-webkit-transition:height .3s ease-out;
	-moz-transition:height .3s ease-out;
	-ms-transition:height .3s ease-out;
	transition:height .3s ease-out;
}

.controlgroup .cameras .imagem{
	background:#303032 url(../images/load-cam1.gif) center -480px no-repeat;
	border:0px solid #303032;
	line-height:173px;
	max-height:0;
	overflow:hidden;
	padding:0;
	text-align:center;
	font-size:40px;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
.controlgroup .cameras .imagem img{
	display:inline-block;
	width:100%;
	opacity:0;
	-webkit-transition:all .3s 1s ease-out;
	-moz-transition:all .3s 1s ease-out;
	-ms-transition:all .3s 1s ease-out;
	transition:all .3s 1s ease-out;
}


.controlgroup .cameras.aberto .imagem{
	max-height:500px;
	max-width:700px;
	background:#070707 url(../images/load-cam1.gif) center center no-repeat;
	border:10px solid #303032;
	border-top-width:5px;
}
.controlgroup .cameras.aberto .imagem img{
	opacity:1;
	-webkit-transition:all .15s ease-out;
	-moz-transition:all .15s ease-out;
	-ms-transition:all .15s ease-out;
	transition:all .15s ease-out;
}
.controlgroup .cameras.aberto .imagem .loadcam{
	opacity:0;
}

#zoomCamera{
	align-items:center;
	background:#070707 url(../images/load-cam1.gif) center no-repeat;
	display:flex;
	font-size:40px;
	height:100%;
	justify-content:center;
	left:0;
	max-height:2160px;
	max-width:4096px;
	position:fixed;
	overflow:hidden;
	text-align:center;
	top:0;
	opacity:1;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	width:100%;
	z-index:3;
}

#zoomCameraBG{
	background:#070707;
	height:100%;
	position:fixed;
	top:0;
	width:100%;
	z-index:2;
}

#zoomCamera img{
	display:inline-block;
	opacity:1;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}

#zoomCamera .loadcam{
	opacity:0;
}



@media screen and (orientation:portrait){
	#zoomCamera img{width:100%}
}

@media screen and (orientation:landscape){
	#zoomCamera img{height:100%}
}

/* controleir */
.gridbuttons{
	background:#191a1c;
	cursor:default;
	padding:3px;
	margin:0;
	width:100%;
	max-width:360px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.gridbuttons .gridbutton,
.gridbuttons .gridbutton .wrapbt .descr,
.gridbuttons .gridbutton .wrapbt .iccont,
.gridbuttons .gridbutton .wrapbt .iccont img{
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	transition:all .2s ease-out;
}
.gridbuttons > .gridbutton{
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	text-align:center;
	height:67px;
	outline:none;
	padding:2px;
	position:relative;
	width:20%;
	margin:0;
	list-style:none;
}
.gridbuttons .gridbutton .wrapbt{
	background:#303032;
	border:1px solid #303032;
	overflow:hidden;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.gridbuttons .spaceGrd .wrapbt{
	background:rgba(48,48,50,.5);
	border:1px solid transparent;
}
.gridbuttons .gridbutton.layout{
	cursor:default;
}

.gridbuttons .gridbutton .wrapbt .pisca{
	height:67px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.gridbuttons .gridbutton .wrapbt .descr{
	display:table;
	font-size:12px;
	height:64px;
	-webkit-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto;
	left:0;
	opacity:0;
	position:absolute;
	top:0;
	-ms-word-break:break-all;
	word-break:break-all;
	z-index:1;
}

.gridbuttons .gridbutton .wrapbt .descr span{
	display:table-cell;
	height:100%;
	padding:5px;
	text-align:center;
	text-shadow:0 0 5px rgba(44, 51, 61, .9);
	vertical-align:middle;
	width:100%;
}
.gridbuttons .gridbutton .wrapbt .iccont img{
	margin:0 auto;
	display:block;
	height:auto;
	width:100%;
	max-width:66px;
}

.gridbuttons .gridbutton .wrapbt .iccont{
	display:table;
	height:64px;
	position:relative;
	width:100%;
	z-index:0;
}

.gridbuttons .gridbutton .wrapbt .iccont .txticon{
	display:table-cell;
	font-weight:700;
	font-size:13px;
	height:64px;
	line-height:auto;
	vertical-align:middle;
	text-align:center;
	width:100%;
}

.gridbuttons .gridbutton .wrapbt .iccont .icon1t{
	font-size:28px;
}
.gridbuttons .gridbutton .wrapbt .iccont .icon2t{
	font-size:24px;
}
.gridbuttons .gridbutton .wrapbt .iccont .icon3t{
	font-size:22px;
}
.gridbuttons .gridbutton .wrapbt .iccont .icon4t{
	font-size:20px;
}
.gridbuttons .gridbutton .wrapbt .iccont .icon5t{
	font-size:16px;
}

.gridbuttons .gridbutton.setpt .wrapbt{
	border:1px solid rgb(215, 192, 145);
	webkit-box-shadow:0px 0px 8px 0px rgba(215, 192, 145, .4);
	-moz-box-shadow:0px 0px 8px 0px rgba(215, 192, 145, .4);
	box-shadow:0px 0px 8px 0px rgba(215, 192, 145, .4);
	position:relative;
	z-index:4;
}

.gridbuttons > .gridbutton.separador{
	background:#48484a;
	height:auto;
	min-height:2px;
	text-align:center;
	position:relative;
	width:100%;
	z-index:3;
	margin:13px 2px 4px;
	cursor:pointer;
	-webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.gridbuttons > .gridbutton h5{
	padding:5px 10px;
	text-align:left;
	margin-bottom:0;
}

/* Diplay */
.gridbuttons .display{
	border-left:none;
	border-right:none;
	height:auto;
	min-height:35px;
	width:100%;
	cursor:auto;
}
.gridbuttons .display > ul{
	background:#585858;
	width:100%;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	cursor:auto;
	background:linear-gradient(
		to bottom,
		#585858,
		#585858 50%,
		#4a4a4a 50%,
		#4a4a4a
	);
	background-size:100% 10px;
}

.gridbuttons .display > ul > li{
	display:inline-block;
	font-size:12px;
	line-height:24px;
	text-align:center;
	min-width:100%;
	cursor:auto;
}
.gridbuttons .display > ul > li > .desc{
	padding:0 20px;
	display:block;
	text-align:center;
	text-transform:uppercase
}
.gridbuttons .display > ul > li > .conc{
	padding:0;
	text-align:center;
	display:block;
	text-transform:uppercase;
	font-size:150%;
	font-weight:bold;
	padding:0 20px;
}

.gridbuttons .display > ul > .title{
	padding-top:14px;
}

.gridbuttons .display > ul > .infoDp{
	min-width:0%;
	padding:10px 0;
}

.gridbuttons .display > ul > .infoDp0,
.gridbuttons .display > ul > .infoDp1{
	min-width:0%;
}

.gridbuttons .display > ul > .infoDp0 > .conc,
.gridbuttons .display > ul > .infoDp1 > .conc{
	font-size:250%;
}

.gridbuttons .display > ul > .septDp{
	display:block;
	width:100%;
}

/* estados do botões */
.controlgroup .nSim .control .simula span,
.controlgroup .rSim .control .simrapd span,
.controlgroup .Strobo .control .strobe span,
.controlgroup > .Ligado:not(.Strobo) .control > .turnon > span{
	border-color:rgb(215, 192, 145);
	color:#5c4b1f;
	background-color:rgb(215, 192, 145);
	background-position:center -13106px;
	/* -webkit-box-shadow:0px 0px 6px 0px rgba(215, 192, 145, .7);
	-moz-box-shadow:0px 0px 6px 0px rgba(215, 192, 145, .7);
	box-shadow:0px 0px 6px 0px rgba(215, 192, 145, .7); */
}

.edit .controlgroup > .Ligado > .info_ele{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.toggle .blocked{
	height:100%;
	width:100%;
	display:block;
	cursor:default;
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	opacity:0.7;
	background-color:rgba(25, 26, 28, .7);
	/* background-image:repeating-linear-gradient(45deg, transparent, transparent 25px, #191a1c 25px, #191a1c 50px);
	background-image:linear-gradient(45deg, transparent, transparent 25px, #191a1c 25px, #191a1c 50px); */
	background-image:linear-gradient(45deg,
		#191a1c 25%,
		transparent 25%,
		transparent 50%,
		#191a1c 50%,
		#191a1c 75%,
		transparent 75%,
		transparent);

	background-size:100px 100px;
	-webkit-transition:all .25s ease-in;
	-moz-transition:all .25s ease-in;
	-ms-transition:all .25s ease-in;
	transition:all .25s ease-in;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

.desabilitado .habilitado > .blocked,
.habilitado .blocked{
	display:none;
}

/* Edição de elementos */

.btn-rnd{
	background:transparent;
	border:1px solid rgba(255,255,255,1);
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
	color:rgba(255,255,255,.7);
	float:left;
	font-size:19px;
	line-height:37px;
	height:37px;
	line-height:36px;
	margin-right:10px;
	outline:none;
	padding:0;
	text-align:center;
	width:37px;
	z-index:2;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
}

.float-right .btn-rnd{
	margin-left:10px;
}

.float-left .btn-rnd:last-child,
.float-chld .btn-rnd:only-child,
.float-right .btn-rnd:only-child,
.flex-chld .btn-rnd:only-child{
	margin-right:0;
}

html:not(.nohover) .btn-rnd:hover,
.btn-rnd:focus{
	border:1px solid rgba(255,255,255,.5);
	color:rgba(255,255,255,.7);
	-webkit-transform:scale(1.04);
	-moz-transform:scale(1.04);
	transform:scale(1.04);
	-webkit-box-shadow:0 4px 4px rgba(0,0,0,.1);
	-moz-box-shadow:0 4px 4px rgba(0,0,0,.1);
	box-shadow:0 4px 4px rgba(0,0,0,.1);
}

.btn-rnd:active{
	background:#fff;
	border-color:#fff;
	color:#191a1c!important;		
	-webkit-transform:scale(1)!important;
	-moz-transform:scale(1)!important;
	transform:scale(1)!important;
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
}


.btn-swt{
	background:rgba(0,0,0,.1);
	border:1px solid rgba(255,255,255,.2);
	-webkit-border-radius:37px;
	-moz-border-radius:37px;
	border-radius:37px;
	cursor:pointer;
	float:left;
	height:37px;
	margin-right:10px;
	outline:none;
	padding:3px;
	position:relative;
	z-index:1;
	width:66px;
}

.btn-swt.hab,
.shab .btn-swt,
.habilitado .btn-swt{
	background:rgb(215, 192, 145);
	border-color:rgb(215, 192, 145);
}

.btn-swt.hab .true,
.btn-swt .false{
	display:block;
}

.btn-swt .true,
.btn-swt.hab .false{
	display:none;
}

.btn-swt .cicle{
	background:rgba(255,255,255,1);
	border:1px solid rgba(255,255,255,0);
	-webkit-border-radius:29px;
	-moz-border-radius:29px;
	border-radius:29px;
	height:29px;
	left:3px;
	position:absolute;
	top:3px;
	-webkit-transition:all .15s ease-out;
	-moz-transition:all .15s ease-out;
	-ms-transition:all .15s ease-out;
	transition:all .15s ease-out;
	width:29px;
}

.btn-swt.hab .cicle,
.habilitado .btn-swt .cicle{
	left:32px;
}

.btn-swt .cicle .ir{
	height:18px;
	width:18px;
	position:absolute;
	top:50%;
	left:50%;
	background:#57647a;
	margin:-9px 0 0 -9px;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
}
.btn-swt.hab .cicle .ir,
.habilitado .btn-swt .cicle .ir{
	background:#0cc4dc;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	border:none;
	height:18px;
	left:50%;
	margin:-9px 0 0 -2px;
	position:absolute;
	top:50%;
	width:4px;
}

.controlgroup .placeholder{
	border:1px rgba(255,255,255,.6) dashed!important;
	background:none!important;
	height:52px!important;
	-moz-animation:none;
	-webkit-animation:none;
	animation:none;
}

.controlgroup .dragging,
.controlgroup .toggle.ui-sortable-helper{
	cursor:n-resize;
	-moz-transition:-moz-box-shadow .1s ease-out,-moz-transform .2s ease-out;
	-webkit-transition:-webkit-box-shadow .1s ease-out,-webkit-transform .2s ease-out;
	-o-transition:-o-box-shadow .1s ease-out,-o-transform .1s ease-out;
	transition:box-shadow .1s ease-out,transform .1s ease-out;
	-webkit-transform:scale(1.03);
	-moz-transform:scale(1.03);
	transform:scale(1.03);
	overflow:hidden;
	-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,0.2),0 0 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,0.2),0 0 8px 0px rgba(0,0,0,0.5);
	box-shadow:0 5px 10px 0px rgba(0,0,0,0.2),0 0 8px 0px rgba(0,0,0,0.5);
}
.controlgroup .dragging .info_ele,
.controlgroup .dragging .control li > span,
.controlgroup .toggle.ui-sortable-helper .info_ele,
.controlgroup .toggle.ui-sortable-helper .control li > span{
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
}

/* Editar cenas */
.panelCenas{
	width:100%;
	padding:0;
	display:none;
	height:100%;
	font-size:1em;
	position:absolute;
	background:#2C333D;
	top:6.7em;
	left:0;
	z-index:8;
}
.panelCenas .controlgroup{
	padding-top:23px;
}

.lista_cena > li{
	padding:0 0 0 10px;
	min-height:auto;
	display:none;
}

.lista_cena > .visible:nth-child(2n+1){
	display:block;
	background:rgba(255,255,255,.1);
}

.lista_cena > .visible:nth-child(2n){
	display:block;
	background:rgba(255,255,255,.07);
}


/********** 10. =RELATÓRIOS **********/
#relatorio_palco{
	align-items:center;
	display:flex;
}

.centroChamada{
	padding:50px 0;
	text-align:center;
	width:100%;
}

#graficojs{
	display:block;
	width:100%;
}

/********** 11. =FAVORITO **********/

.lista_fav{
	counter-reset:favoritos-num;
	margin:0;
}

.favorito{
	cursor:n-resize;
	overflow:hidden;
	padding:10px 141px 10px 24px;
	margin:0;
	border-bottom:1px #444547 solid;
	-webkit-transition:opacity .2s ease-out,visibility 0s ease-out .2s,box-shadow .1s ease-out,transform .25s ease-in-out;
	-moz-transition:opacity .2s ease-out,visibility 0s ease-out .2s,box-shadow .1s ease-out,transform .25s ease-in-out;
	-ms-transition:opacity .2s ease-out,visibility 0s ease-out .2s,box-shadow .1s ease-out,transform .25s ease-in-out;
}

.favorito.dragging,
.favorito.ui-sortable-helper{
	-moz-transition:-moz-box-shadow .1s ease-out,-moz-transform .2s ease-out;
	-webkit-transition:-webkit-box-shadow .1s ease-out,-webkit-transform .2s ease-out;
	-o-transition:-o-box-shadow .1s ease-out,-o-transform .1s ease-out;
	transition:box-shadow .1s ease-out,transform .1s ease-out;
	-webkit-transform:scale(1.03);
	-moz-transform:scale(1.03);
	transform:scale(1.03);
	overflow:hidden;
	padding:10px 151px 10px 34px;
	border-color:#303032!important;
	background:#303032;
	-webkit-box-shadow:0 5px 10px 0px rgba(0,0,0,0.2),0 0 8px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 10px 0px rgba(0,0,0,0.2),0 0 8px 0px rgba(0,0,0,0.5);
	box-shadow:0 5px 10px 0px rgba(0,0,0,0.2),0 0 8px 0px rgba(0,0,0,0.5);
}

.favorito:last-child{
	border-bottom:none;
}

.favorito:not(.placeholder):before{
	cursor:n-resize;
	width:40px;
	text-align:center;
	cursor:n-resize;
	content:counter(favoritos-num, decimal);
	counter-increment:favoritos-num;
	float:left;
	font-size:14px;
	line-height:40px;
	margin-left:-40px;
}

.favorito .act_field{
	float:right;
	margin-right:-151px;
	width:141px;
}

.favorito.placeholder{
	background:#444547!important;
	height:61px!important;
	-moz-animation:none;
	-webkit-animation:none;
	animation:none;
	text-align:center;
}

/********** 12. =MODAL **********/

.novoalerta{
	align-items:center;
	-moz-animation:mostra .2s 1 ease-in;
	-webkit-animation:mostra .2s 1 ease-in;
	animation:mostra .2s 1 ease-in;
	display:flex;
	background:rgba(25,26,28,1);
	font-size:1em;
	height:100%;
	justify-content:center;
	left:0;
	padding:3px;
	position:fixed;
	opacity:1;
	text-align:center;
	top:0;
	-webkit-transition:all .1s ease-in;
	-moz-transition:all .1s ease-in;
	-ms-transition:all .1s ease-in;
	transition:all .1s ease-in;
	width:100%;
	z-index:11;
}
.standaloneApp .novoalerta{
	padding:25px 3px 3px;
}
.novoalerta.canfull{
	background:rgba(25,26,28,.8);
}

@media (min-width:641px) {
	.novoalerta{
		padding:20px;
		background:rgba(25,26,28,.8);
	}
	.standaloneApp .novoalerta{
		padding:45px 20px 20px;
	}
}

.novoalerta.esconder{
	background:rgba(0,0,0,0);
	-webkit-transition:all .2s ease-out .1s;
	-moz-transition:all .2s ease-out .1s;
	-ms-transition:all .2s ease-out .1s;
	transition:all .2s ease-out .1s;
}

.novoalerta > .bg{
display:inline-block;
height: 100%;
width: 0px;
}
.novoalerta > .bg:before{
	width:9999px;
	height:9999px;
	content:'';
	display:block;
	position:fixed;
	top:0; left:0;
	cursor:pointer;
}

.novoalerta > .center{
-moz-animation:mostra_desc .1s 1 ease-out .1s;
-webkit-animation:mostra_desc .1s 1 ease-out .1s;
animation:mostra_desc .1s 1 ease-out .1s;
-moz-animation-fill-mode:backwards;
-webkit-animation-fill-mode:backwards;
animation-fill-mode:backwards;
background:rgb(46,48,52);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
display:inline-block;
font-size:14px;
margin:10px auto;
max-width:100%;
max-height:100%;
padding:0 0 53px;
position: relative;
text-align:left;
-webkit-transition:opacity .1s ease-out, height .1s ease-out;
-moz-transition:opacity .1s ease-out, height .1s ease-out;
-ms-transition:opacity .1s ease-out, height .1s ease-out;
transition:opacity .1s ease-out, height .1s ease-out;
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
overflow:hidden;
}
.novoalerta > .center.entra-esquerda{
	-moz-animation:a-entra-esquerda .2s 1 ease-out .0s;
	-webkit-animation:a-entra-esquerda .2s 1 ease-out .0s;
	animation:a-entra-esquerda .2s 1 ease-out .0s;
	-moz-animation-fill-mode:backwards;
	-webkit-animation-fill-mode:backwards;
	animation-fill-mode:backwards;
}
.novoalerta > .center.entra-direita{
	-moz-animation:a-entra-direita .2s 1 ease-out .0s;
	-webkit-animation:a-entra-direita .2s 1 ease-out .0s;
	animation:a-entra-direita .2s 1 ease-out .0s;
	-moz-animation-fill-mode:backwards;
	-webkit-animation-fill-mode:backwards;
	animation-fill-mode:backwards;
}

.novoalerta.canfull > .center{
height:100%;
margin:0;
width:100%
}
@media (max-width:640px) {
	.novoalerta.canfull > .center{
		width:100%!important;
	}
}
@media (min-width:641px) {
	.novoalerta.canfull > .center{
		height:auto;
		width:auto;
		min-width:320px;
		/* -webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,.2);
		-moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,.2);
		box-shadow:0px 5px 5px 0px rgba(0,0,0,.2); */
	}
}

.standaloneApp .novoalerta > .center{
	margin-top:35px;
}

.novoalerta.esconder > .center,
.novoalerta.esconderc > .center{
	-moz-animation:esconde_desc .1s 1 ease-in;
	-webkit-animation:esconde_desc .1s 1 ease-in;
	animation:esconde_desc .1s 1 ease-in;
	-moz-animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

.novoalerta.esconder > .center.sai-esquerda,
.novoalerta.esconderc > .center.sai-esquerda{
	-moz-animation:a-sai-esquerda .2s 1 ease-in .0s;
	-webkit-animation:a-sai-esquerda .2s 1 ease-in .0s;
	animation:a-sai-esquerda .2s 1 ease-in .0s;
	-moz-animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

.novoalerta.esconder > .center.sai-direita,
.novoalerta.esconderc > .center.sai-direita{
	-moz-animation:a-sai-direita .2s 1 ease-in .0s;
	-webkit-animation:a-sai-direita .2s 1 ease-in .0s;
	animation:a-sai-direita .2s 1 ease-in .0s;
	-moz-animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}


.novoalerta > .center .titulo{
	border-bottom:none;
	border:1px solid rgb(46,48,52);
	border-bottom:none;
	background:#191a1c;
	color:rgba(255,255,255,.7);
	font-size:16px;
	font-weight:300;
	height:40px;
	line-height:40px;
	margin:0;
	padding:0 10px;
	font-weight:100;
	outline:none!important;
	position:relative;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.novoalerta > .center .titulo:before{
	content:"";
	position:absolute;
	width:calc(100% - 20px);
	left:50%;
	bottom:0px;
	height:0;
	border-bottom:1px solid rgb(46,48,52);
	-webkit-transform:translate(-50%,0);
	-ms-transform:translate(-50%,0);
	transform:translate(-50%,0);
}

@media (min-width:641px) {
	.novoalerta > .center .titulo{
		padding:0 20px;
	}

	.novoalerta > .center .titulo:before{
		width:calc(100% - 40px);
	}
}

.novoalerta > .center .titulo:only-child{
	background:none;
}
.novoalerta > .center .titulo:only-child:before{
	display:none;
}

.novoalerta.canfull > .center .ctd-wrapper{
	overflow:hidden;
	height:auto;
	width:100%;
}

.novoalerta.hasScroll > .center .ctd-wrapper,
.novoalerta.canfull > .center .ctd-wrapper{
	height:100%;
}
@media (min-width:641px) {
	.novoalerta.canfull:not(.hasScroll) > .center .ctd-wrapper{
		height:auto;
	}
}

.novoalerta > .center .conteudo{
	background:#191a1c;
	overflow-x:hidden;
	overflow-y:auto;
	height:calc(100% - 40px);
	width:100%;
	padding:10px;
	border:1px solid rgb(46,48,52);
	border-top:none;
	border-bottom:none;
}

.canHardwareAccelerate .novoalerta > .center .conteudo{
	will-change: transform, contents, scroll-position;
	
	-webkit-transform:translateZ(0);
	-moz-transform:translateZ(0);
	transform:translateZ(0);

	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;

	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	perspective:1000px;
}


@media (min-width:641px) {
	.novoalerta > .center .conteudo{
		padding:20px;
		max-height:calc(100vh - 133px);
	}
}

.novoalerta > .center .conteudo p{
	margin-bottom:15px;
}

.novoalerta > .center .botoes{
	width:100%;
	padding:10px 10px;
	margin:0;
	text-align:right;
	position:absolute;
	bottom:0;
	left:0;
	border-top:1px solid rgba(255,255,255,.1);
}

.novoalerta > .center .botoes:empty{
	display:none;
}

.novoalerta > .center .botoes li{
	font-size:14px;
	display:inline-block;
	margin:0 5px;
}
.novoalerta > .center .botoes li:last-child{
	margin-right:0;
}
.novoalerta > .center .botoes li:first-child{
	margin-left:0;
}

.novoalerta > .center .botoes li a{
	background:transparent;
	border:1px rgba(255,255,255,.7) solid;
	color:rgba(255,255,255,.7);
	cursor:pointer;
	display:block;
	line-height:30px;
	outline:none;
	padding:0 7px;
	text-decoration:none;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.novoalerta > .center .botoes li a:focus,
html:not(.nohover) .novoalerta > .center .botoes li a:hover{
	border-color:rgba(255,255,255,.5);
	-webkit-transform:scale(1.04);
	-moz-transform:scale(1.04);
	transform:scale(1.04);
	-webkit-box-shadow:0 4px 4px rgba(0,0,0,.1);
	-moz-box-shadow:0 4px 4px rgba(0,0,0,.1);
	box-shadow:0 4px 4px rgba(0,0,0,.1);
}

.novoalerta > .center .botoes li a:active{
	border-color:#fff;
	background:#fff;
	color:#191a1c;
	-webkit-transform:scale(1)!important;
	-moz-transform:scale(1)!important;
	transform:scale(1)!important;
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
}

.novoalerta > .center .conteudo .controlgroup{
	padding:0;
	margin:0;
	text-align:center;
	background:#191a1c;
}
.novoalerta > .center .conteudo .controlgroup:after{
	content:'';
	clear:both;
	display: block;
	height:0;
	width:100%;
}

.novoalerta > .center .conteudo .controlgroup li:last-child{
	margin-bottom:0;
}

*[data-direcao]{
	cursor:pointer;
}


/* galeria de imagens da notificação  */
#galeria{
	-moz-animation:mostra .25s 1 ease-in;
	-webkit-animation:mostra .25s 1 ease-in;
	animation:mostra .25s 1 ease-in;
	background:rgba(0,0,0,.80);
	font-size:1em;
	height:100%;
	left:0;
	opacity:1;
	overflow:hidden;
	position:fixed;
	text-align:center;
	top:0;
	-webkit-transition:all .25s ease-in;
	-moz-transition:all .25s ease-in;
	-ms-transition:all .25s ease-in;
	transition:all .25s ease-in;
	width:100%;
	z-index:11;
}
#galeria .trilho{
	left:0;
	height:100%;
	min-width:100%;
	position:absolute;
	top:0;
}
#galeria .trilho li{
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	display:flex;
	align-items:center;
	align-content:center;
	justify-content:center;
	position:absolute;
	top:0;
	left:100%;
	padding:15px 15px 115px;
	-webkit-transform:scale(.25);
	-moz-transform:scale(.25);
	transform:scale(.25);
	-webkit-transition:all .5s ease-out;
	-moz-transition:all .5s ease-out;
	-ms-transition:all .5s ease-out;
	transition:all .5s ease-out;
}
#galeria .trilho .atual{
	left:0;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}

#galeria .trilho .anterior{
	left:-100%;
	-webkit-transform:scale(.25);
	-moz-transform:scale(.25);
	transform:scale(.25);
}

#galeria .trilho .proxima{
	left:100%;
	-webkit-transform:scale(.25);
	-moz-transform:scale(.25);
	transform:scale(.25);
}

#galeria .trilho li .descricao{
	font-size:16px;
	left:0;
	line-height:30px;
	position:absolute;
	text-align:center;
	bottom:75px;
	width:100%;
	border:none;
}

#galeria .nav{
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-127px;
}

#galeria .sair{
	position:absolute;
	top:23px;
	right:23px;
	background:rgba(0,0,0,.75);
	-webkit-box-shadow:0px 0px 5px 11px rgba(0,0,0,.5);
	-moz-box-shadow:0px 0px 5px 11px rgba(0,0,0,.5);
	box-shadow:0px 0px 5px 11px rgba(0,0,0,.5);
}

#galeria .trilho li img{
	background:#070707 url(../images/load-cam1.gif) no-repeat center;
	display:inline-block;
	max-width:800px;
	width:100%;
	max-height:100%;
	min-width:70px;
	min-height:70px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-transition:all .3s ease-out;
	-moz-transition:all .3s ease-out;
	-ms-transition:all .3s ease-out;
	transition:all .3s ease-out;
}
#galeria .trilho li .loading{
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
	max-width:70px;
	max-height:70px;
	min-width:70px;
	min-height:70px;
}

/* Relatóro  */
.novoalerta .center .conteudo .linha-data{
	white-space:nowrap;
	text-align:right;
	width:100%;
}

.novoalerta .center .conteudo .inline-block-fw3{
	display:inline-block;
	line-height:100%;
	padding:10px 5px;
}

/* Seleção de elementos no favorito */
.novoalerta .center .busca_field{
	height:31px;
	position:relative;
	margin-bottom:20px;
}

.novoalerta .center .busca_field .input{
	padding:5px 10px;
	outline:none;
	display:block;
	width:100%;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}

#listaSelecaoEle{
	text-align:left;
	margin:0 auto;
	overflow:hidden;
	width:100%;
}

#listaSelecaoEle .menu_vertical{
	min-width:125px;
}

#listaSelecaoEle .elementos{
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:left;
	width:100%;
}

#listaSelecaoEle .elementos li{
	width:calc(33.3% - 5px);
	position:relative;
	display:inline-block;
	margin:0 5px 5px 0;
	text-align:left;
	margin-bottom:5px;
}
#listaSelecaoEle .elementos li .label{
	display:block;
}

#listaSelecaoEle .elementos li i{
	float:left;
	margin:0 0 0 -20px;
}

#listaSelecaoEle .elementos li input{
	cursor:pointer;
	left:11px;
	opacity:0;
	position:absolute;
	top:12px;
	-webkit-transform:scale(1.8);
	-moz-transform:scale(1.8);
	transform:scale(1.8);
	z-index:1;
}

#listaSelecaoEle .elementos li label{
	display:block;
	padding:10px 10px 10px 55px;
	background:rgba(255,255,255,.1);
	color:rgba(255,255,255,.7);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

#listaSelecaoEle .elementos li label:before{
	border:1px solid rgba(255,255,255,.7);
	color:rgba(255,255,255,.7);
	content:'\e803';
	font-family:"luxsysn";
	font-style:normal;
	font-weight:normal;
	height:14px;
	font-size:0;
	left:10px;
	line-height:14px;
	overflow:hidden;
	position:absolute;
	speak:none;
	text-align:center;
	top:10px;
	width:14px;
	-webkit-transition:all .05s ease-out;
	-moz-transition:all .05s ease-out;
	-ms-transition:all .05s ease-out;
	transition:all .05s ease-out;
	z-index:0;
}

#listaSelecaoEle .elementos li input:checked + label:before{
	font-size:80%;
	-webkit-transition:all .05s ease-in;
	-moz-transition:all .05s ease-in;
	-ms-transition:all .05s ease-in;
	transition:all .05s ease-in;
}


/* Novos elementos */
@media (min-width:961px) {
	#novosElementosM .center,
	#novosElementosM .center .ctd-wrapper{
		height:100%;
	}
}

/* Referencia cruzada */
#expandirReferenciaM table{
	display:table;
	width:100%;
	margin-bottom:15px;
	text-align:left;
}

#expandirReferenciaM th{
	background:#282d37;
	border-bottom:1px solid #2C333D;
	color:rgba(255,255,255,.7);
	font-size:14px;
	padding:10px;
}

#expandirReferenciaM td{
	padding:10px;
	color:rgb(171,171,171);
	font-size:14px;
	background:#262a34;
	border-bottom:1px solid #2C333D;
}

#expandirReferenciaM tr:nth-child(odd) td{
	background-color:#282d37;
}

#expandirReferenciaM .corb{
	float:left;
	margin-right:10px;
	width:14px;
	height:14px;
	margin-bottom:-3px;
	display:inline-block;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
}

/* detalhe da agenda */
.lista_detalhada{
	text-align:left;
	float:left;
	width:100%;
	margin-bottom:25px;
}

.lista_detalhada li{
	margin-left:0;
	list-style:none;
}

.lista_detalhada h4{
	font-size:16px;
	overflow:hidden;
	margin-bottom:5px;
	border-bottom:1px solid rgba(255,255,255,.1);
}

.lista_detalhada h4 .info{
	float:left;
	line-height:normal;
}

.lista_detalhada h4 .extra{
	float:right;
	font-size:12px;
	color:rgb(171,171,171);
	line-height:normal;
}

.lista_detalhada .elementos{
	overflow:hidden;
}

.lista_detalhada .elemento{
	float:left;
	width:100%;
	text-transform:capitalize;
	font-size:12px;
	line-height:normal;
}

.lista_detalhada .elemento .tip,
.lista_detalhada .elemento .sep,
.lista_detalhada .elemento .evt{
	color:rgb(171,171,171);
}

.lista_detalhada .elemento .cor{
	width:12px;
	height:12px;
	display:inline-block;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
}

/* Duplicar favorito */
#dupliFavM .conteudo ul{
	margin:0;
	list-style:none;
}

#dupliFavM .conteudo li{
	display:block;
	position:relative;
	border-bottom:1px #444547 solid;
	margin-left:0;
	margin-bottom:0;
}

#protetor{
	background:rgba(0,0,0,.5);
	font-size:1em;
	height:100%;
	left:0;
	overflow:hidden;
	padding:0;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:990;
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}
#protetor:before{
	content:'';
	position:absolute;
	z-index:1;
	width:100px;
	height:66px;
	background:url(../images/logo.svg) no-repeat center;
	background-size:contain;
	opacity:.5;
	bottom:50px;
	right:50px;
}

#protetor.rpLogo0:before{
	top:50px;
	right:50px;
}
#protetor.rpLogo1:before{
	bottom:50px;
	right:50px;
}
#protetor.rpLogo2:before{
	bottom:50px;
	left:50px;
}
#protetor.rpLogo3:before{
	top:50px;
	left:50px;
}

#protetor.escondido{
	top:-100%;
}

#protetor .conjuntoP{
	cursor:none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:0;
}

#protetor .slide{
	cursor:none;
	height:100%;
	left:0;
	position:absolute;
	top:0;
	background:center center no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	-webkit-transition:top 2s ease-in-out,box-shadow 2s ease-in-out;
	-moz-transition:top 2s ease-in-out,box-shadow 2s ease-in-out;
	-o-transition:top 2s ease-in-out,box-shadow 2s ease-in-out;
	transition:top 2s ease-in-out,box-shadow 2s ease-in-out;
	width:100%;
	z-index:0;
}

#notepopList{
	font-size:1em;
	left:10px;
	overflow:hidden;
	padding:0;
	position:fixed;
	top:10px;
	z-index:13;
	opacity:0;
}


/********** 13. =NOTIFICAÇÕES E ATIVIDADES **********/
.controlgroup > .note{
	min-height:80px;
}

.controlgroup > .novaNot{
	-moz-animation:cria_note .35s 1 ease-in;
	-webkit-animation:cria_note .35s 1 ease-in;
	animation:cria_note .35s 1 ease-in;
}

.controlgroup > .atividade .msg,
.controlgroup > .note .msg{
	float:left;
	padding:10px 184px 10px 25px;
	font-size:12px;
	line-height:normal;
	width:100%;
	margin:0;
	border:none;
	color:rgb(171,171,171);
	font-weight:normal;
}

.controlgroup > .note .timestamp{
	position:absolute;
	top:0;
	right:0;
	padding:9px 10px;
	text-align:right;
	font-size:11px;
	color:rgb(171,171,171);
}

.controlgroup > .note .mark{
	background:rgb(215, 192, 145);
	height:calc(100% - 10px);
	left:5px;
	position:absolute;
	top:5px;
	width:8px;
	-webkit-transition:all .2s ease-out;
	-moz-transition:all .2s ease-out;
	-ms-transition:all .2s ease-out;
	transition:all .2s ease-out;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.controlgroup > .lido .mark{
	background:#585858;
}

.controlgroup > .note .msg strong{
	display:block;
}


.controlgroup > .atividade .msg strong,
.controlgroup > .regra .msg strong{,
	display:block;
	line-height:normal;
	font-size:15px;
	font-weight:normal;
	color:rgb(215,190,145);
}

.controlgroup > .atividade .control,
.controlgroup > .note .control{
	position:absolute;
	top:0;
	right:5px;
}

.controlgroup > .atividade .control > li,
.controlgroup > .note .control > li{
	padding-top:35px;
	height:79px;
}

.controlgroup > .atividade .editarS,
.controlgroup > .regra .editarS{
	float:left;
	height:37px;
	margin:-18px 0 0;
	padding:0;
	position:absolute;
	right:5px;
	text-align:right;
	top:50%;
	z-index:3;
}

/* Agenda */
.atividade .msg strong{
	display:block;
	font-size:15px;
}

.atividade .mark{
	width:5px;
	height:58px;
	background:#57647a;
	position:absolute;
	top:4px;
	left:5px;
	font-weight:700;
}

.atividade.habilitado .mark{
	background:#0cc4dc;
}

.atividade .more{
	position:absolute;
	right:10px;
	top:50%;
	z-index:2;
	margin-top:-17px;
	height:34px;
	width:34px;
	float:left;
	background:#57647a url(../images/actions.png) no-repeat center -5998px;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
}

.atividade .editarS{
	float:left;
	height:70px;
	margin:-35px 0 0;
	padding:0;
	position:absolute;
	right:10px;
	text-align:right;
	top:50%;
	z-index:3;
}

.lista .nome_bloco{
	border-bottom:1px solid rgba(255,255,255,.1);
	padding:7px 0;
	margin-bottom:10px;
	color:#fff;
	font-size:14px;
	float:left;
	width:100%;
}

.lista .acoes_bloco{
	float:right;
	padding-bottom:12px;
}
.lista .elementos_bloco{
	clear:both;
}

.lista .elementos_bloco .elemento{
	list-style:none;
	margin:0;
	padding:10px 0;
	border-top:1px solid rgba(255,255,255,.1);
}

.lista .elementos_bloco .elemento .elem_nome{
	color:#fff;
}

.lista .hora{
	color:rgba(255,255,255,.5);
}

/********** 14. =TELA INTRO **********/
.intro_content{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:calc(100vh - 175px);
}

@media (min-width: 641px){
	.novoalerta  .intro_content {min-height:100%; height:100%}
}

.intro_block{
	-moz-animation:mostra .25s 1 ease-in;
	-webkit-animation:mostra .25s 1 ease-in;
	animation:mostra .25s 1 ease-in;
	text-align:center;
	max-width:299px;
	margin:0 auto;
}

@media (min-width: 641px){
	.intro_block{
		max-width:339px;
		padding:20px;
	}
}

.intro_block .icon_intro{
		font-size:75px;
		margin-bottom:25px;
}

.intro_block .title_intro{
	margin-bottom:10px;
	font-weight:bold;
	border:none;
  line-height: normal;
}

.intro_block .text_intro p{
	margin-bottom:15px;
}

/********** 14. =TELA DE lOGIN **********/

#wrap.wraplogin{
	background:#191a1c url('../images/bg16.jpg') no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}

.doLogin{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	display:block;
	left:0;
	position:fixed;
	top:0;
	overflow:auto;
}

.doLogin .logo{
	background:url('../images/logo.svg') no-repeat center center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	background-size:contain;
	display:block;
	height:50%;
	width:70%;
	max-width:170px;
	margin:0 auto;
	min-height:120px;
}

.doLogin .send,
.doLogin .field{
	padding:0;
	font-size:18px;
	line-height:38px;
	height:39px;
	display:block;
	overflow:hidden;
	margin:0 auto 20px;
	max-width:200px;
}

.doLogin .field label{
	color:rgba(255,255,255,.7);
	float:left;
	border-bottom:1px solid rgba(255,255,255,.7);
	position:relative;
	text-align:center;
	width:30px;
}

.doLogin .txtfield{
	background:transparent;
	border:none;
	border-bottom:1px solid rgba(255,255,255,.7);
	color:rgba(255,255,255,.7);
	font-size:15px;
	float:left;
	height:38px;
	line-height:38px;
	margin-left:35px;
	margin-top:-38px;
	outline:none;
	padding:0 10px 0;
	width:165px;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
}

html:not(.nohover) .doLogin .txtfield:hover,
.doLogin .txtfield:focus{
	border-bottom:1px solid rgba(255,255,255,.5)
}


.doLogin .send{
	padding-top:20px;
	height:auto;
	margin-bottom:40px;
}

.doLogin .button{
	width:100%;
	cursor:pointer;
	display:block;
	font-size:18px;
	line-height:38px;
	text-align:center;
	color:rgba(255,255,255,.7);
	background:transparent;
	border:1px solid rgba(255,255,255,.5);
	outline:none;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

html:not(.nohover) .doLogin .button:hover,
.doLogin .button:focus{
	border:1px solid rgba(255,255,255,.7);
}

.doLogin .button:active{
	border:1px solid #fff;
	background:#fff;
	color:#191a1c;
}

.doLogin .checkbox{
	color:rgba(255,255,255,.7);
	display:block;
	font-size:14px;
	margin:0 auto;
	padding:20px 0;
	position:relative;
	width:200px;
}

.doLogin .checkbox input{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	margin:3px 1px 0;
	z-index:1;
	cursor:pointer;
}

.doLogin .checkbox .label{
	position:relative;
	margin-left:28px;
	z-index:0;
}

.doLogin .checkbox .label:before{
	border:1px solid rgba(255,255,255,.7);
	content:'\e803';
	font-family:"luxsysn";
	font-style:normal;
	font-weight:normal;
	height:14px;
	font-size:0;
	left:-28px;
	line-height:14px;
	overflow:hidden;
	position:absolute;
	speak:none;
	text-align:center;
	top:3px;
	width:14px;
	-webkit-transition:all .09s ease-out;
	-moz-transition:all .09s ease-out;
	-ms-transition:all .09s ease-out;
	transition:all .09s ease-out;
}

.doLogin .checkbox input:checked + .label:before{
	font-size:80%;
	-webkit-transition:all .09s ease-in;
	-moz-transition:all .09s ease-in;
	-ms-transition:all .09s ease-in;
	transition:all .09s ease-in;
}

/********** 15. =CRONOGRAMA **********/

#dataget{
	width:100%;
	margin:-20px 0 20px;
	padding:15px 0;
	position:relative;
	z-index:0;
	border-bottom:1px solid rgba(255,255,255,.1);
}

#dataget .meses{
	display:block;
	margin:0 auto;
	padding:5px 0;
	text-align:center;
	width:100%;
}

#dataget .meses li{
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	color:rgb(171,171,171);
	cursor:pointer;
	display:inline-block;
	font-size:20px;
	height:40px;
	line-height:40px;
	margin:0 5px;
	text-align:center;
	width:40px;
}

#dataget .meses .selec{
	border:1px solid rgba(255,255,255,.7);
	color:rgba(255,255,255,.7);
	font-size:14px;
	line-height:38px;
}

#dataget .meses .ano{
	width:auto;
	color:rgb(215, 192, 145);
	cursor:pointer;
}

#dataget .dias{
	display:block;
	margin:0 auto;
	max-width:640px;
	padding:5px 0;
	text-align:center;
	width:100%;
}

#dataget .dias li{
	text-align:center;
	cursor:pointer;
	display:inline-block;
	width:34px;
	color:rgb(171,171,171);
	height:34px;
	line-height:34px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
}

#dataget .dias .selec{
	border:1px solid rgba(255,255,255,.7);
	line-height:32px;
	color:rgba(255,255,255,.7);
}

#dataget.hoje .dias .atual,
#dataget .meses .atual{
	color:rgb(215, 192, 145);
	border-color:rgb(215, 192, 145);
}

#main > .cronogramgroup li {
	list-style:none;
	margin-left:0;
}

#main > .cronogramgroup > .hora{
	margin-bottom:10px;
}

#main > .cronogramgroup > .hora h3{
	font-size:29px;
	cursor:pointer;
	line-height:34px;
	padding:10px;
	position:relative;
	background:#303032;
	color:rgba(255,255,255,.7);
	border:none;
	font-weight:normal;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#main > .cronogramgroup > .horaatualatividade > h3{
	background:rgb(215, 192, 145);
	color:#5c4b1f;
}

#main > .cronogramgroup > .hora > h3 > .open{
	background:#303032;
	border:1px solid rgba(255,255,255,.7);
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
	color:rgba(255,255,255,.7);
	cursor:pointer;
	float:right;
	font-size:20px;
	height:34px;
	line-height:34px;
	text-align:center;
	width:34px;
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	transition:all .1s ease-out;
}

#main > .cronogramgroup > .aberto > h3 > .open{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

#main > .cronogramgroup > .hora > h3 > .open:focus,
html:not(.nohover) #main > .cronogramgroup > .hora > h3 > .open:hover{
	border-color:rgba(255,255,255,.5)
}

#main .cronogramgroup .horaatualatividade .open{
	background:rgb(215, 192, 145);
	border-color:#5c4b1f;
	color:#5c4b1f;
}

#main .cronogramgroup .horaatual{
	margin-bottom:10px;
}

#main .cronogramgroup .horaatual h4{
	font-size:14px;
	line-height:20px;
	padding:10px;
	color:#5c4b1f;
	background:rgb(215, 192, 145);
	font-weight:normal;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#main .cronogramgroup .agendas{
	display:none;
	border:1px solid #303032;
}

#main .cronogramgroup .agenda{
	font-size:16px;
	padding:10px 10px 0;
	text-transform:uppercase;
}

#main .cronogramgroup .agenda h4{
	padding:0 0 10px;
	border-bottom:1px solid rgba(255,255,255,.1);
	font-weight:normal;
	line-height: normal;
}

#main .cronogramgroup .atividades{
	padding:0 10px 0 120px;
	overflow:hidden;
	position:relative;
	line-height:normal;
}

#main .cronogramgroup .atividades h5{
	float:left;
	margin-left:-120px;
	width:100px;
	width: 120px;
  padding: 10px;
  font-weight: normal;
}

#main .cronogramgroup .atividade{
	display:block;
	font-size:12px;
	padding:10px;
}

#main .cronogramgroup .elemento{
	display:block;
	font-size:12px;
	padding:10px;
	border-top:1px rgba(255,255,255,.1) solid;
}

#main .cronogramgroup .elemento:first-child{
	border-top:none;
}

#main .cronogramgroup .nome{
	display:block;
}

#main .cronogramgroup .nome .tip,
#main .cronogramgroup .nome .evt,
#main .cronogramgroup .nome .sep{
	color:rgb(171,171,171);
}

#main .cronogramgroup .nome .evt .cor{
	width:12px;
	height:12px;
	display:inline-block;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
}

/********** 16. =PLUGIN **********/

/** initial setup **/
.nano{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.has-scrollbar{
	padding-right:17px;
}
.nano.has-scrollbar{
	padding-right:0;
}

.nano > .nano-content{
	padding:0 12px 0 0;
	position:absolute;
	overflow:scroll;
	overflow-x:hidden;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
.nano > .nano-content:focus{
	outline:thin dotted;
}
.nano > .nano-content::-webkit-scrollbar{
	display:none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar{
	display:block;
}
.nano > .nano-pane{
	background:rgba(88, 88, 88,.3);
	position:absolute;
	width:10px;
	right:0;
	top:0;
	bottom:0;
	visibility:hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity:.01;
	-webkit-transition:.2s;
	-moz-transition:.2s;
	-o-transition:.2s;
	transition:.2s;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.nano > .nano-pane > .nano-slider{
	background:#444;
	background:rgb(88, 88, 88);
	position              :relative;
	margin:0 1px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.nano:focus > .nano-pane, .nano-pane.active, .nano-pane.flashed,
html:not(.nohover) .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed{
	visibility:visible\9; /* Target only IE7 and IE8 with this hack */
	opacity:.99;
}


/* ==========================================================================
	$SELECT2
========================================================================== */

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

.select2-container{
	width: 100%;
}
.select2-container .select2-selection--single{
	height:41px;
}
.select2-container .select2-selection--multiple{
	min-height:41px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single{
	background: rgba(255,255,255,.9);
	border:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.select2-container .select2-search--inline .select2-search__field{
	margin-top:10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
	margin-left:0;
	margin-bottom:0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	color: #333;
	border: 1px solid #aaa;
	margin-left:0;
	margin-bottom:0;
	padding:6px 9px;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{
	background: #fff;
	border:none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 39px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-width: 7px 4px 0 4px;
	border-color: #333 transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
	border-width: 0 4px 7px 4px;
	border-color: transparent transparent #333 transparent;
}
.select2-container .select2-selection--single .select2-selection__rendered{
	padding-left:15px;
	line-height:41px;
}
.select2-results__option{
	color:rgba(0,0,0,.8);
	margin:0 0 0 13px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.select2-search--dropdown{
	margin: 0 10px;
}

.select2-search--dropdown .select2-search__field{
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.select2-dropdown{
	border:none;
	border-bottom: 1px solid #333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* ==========================================================================
 $BASE-PICKER
========================================================================== */
/**
 * Note:the root picker element should *NOT* be styled more than what’s here.
 */
 .picker{
	font-size:16px;
	text-align:left;
	line-height:1.2;
	color:#000000;
	position:absolute;
	z-index:10000;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
/**
* The picker input element.
*/
.picker__input{
	cursor:default;
}
/**
* When the picker is opened, the input element is “activated”.
*/
.picker__input.picker__input--active{
	border-color:#0089ec;
}
/**
 * The holder is the only “scrollable” top-level container element.
 */
 .picker__holder{
	width:100%;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo:http://amsul.github.io/pickadate.js
 */
/**
 * Note:the root picker element should *NOT* be styled more than what’s here.
 */
/**
 * Make the holder and frame fullscreen.
 */
 .picker__holder,
 .picker__frame{
	top:0;
	bottom:0;
	left:0;
	right:0;
	-webkit-transform:translateY(100%);
	-ms-transform:translateY(100%);
	transform:translateY(100%);
}
/**
 * The holder should overlay the entire screen.
 */
 .picker__holder{
	position:fixed;
	transition:background .15s ease-out, -webkit-transform 0s .15s;
	transition:background .15s ease-out, transform 0s .15s;
	-webkit-backface-visibility:hidden;
}
/**
 * The frame that bounds the box contents of the picker.
 */
 .picker__frame{
	position:absolute;
	margin:0 auto;
	min-width:256px;
	max-width:666px;
	width:100%;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition:all .15s ease-out;
}
@media (min-height:33.875em){
	.picker__frame{
		overflow:visible;
		top:auto;
		bottom:-100%;
		max-height:80%;
	}
}
@media (min-height:40.125em){
	.picker__frame{
		margin-bottom:7.5%;
	}
}
/**
 * The wrapper sets the stage to vertically align the box contents.
 */
 .picker__wrap{
	display:table;
	width:100%;
	height:100%;
}
@media (min-height:33.875em){
	.picker__wrap{
		display:block;
	}
}
/**
 * The box contains all the picker contents.
 */
.picker__box{
	background:#fff;
	display:table-cell;
	vertical-align:middle;
}
@media (min-height:26.5em){
	.picker__box{
		font-size:1.25em;
	}
}
@media (min-height:33.875em){
	.picker__box{
		display:block;
		font-size:1.33em;
		border:1px solid #777777;
		border-top-color:#898989;
		border-bottom-width:0;
		border-radius:5px 5px 0 0;
	}
}
@media (min-height:40.125em){
	.picker__box{
		font-size:1.5em;
		border-bottom-width:1px;
		border-radius:5px;
	}
}

/**
 * When the picker opens...
 */
 .picker--opened .picker__holder{
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	background:transparent;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
	zoom:1;
	background:rgba(0, 0, 0, .32);
	transition:background .15s ease-out;
}

.picker--opened .picker__frame{
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

@media (min-height:33.875em){
	.picker--opened .picker__frame{
		top:auto;
		bottom:0;
	}
}


/* ==========================================================================
	 $BASE-DATE-PICKER
	 ========================================================================== */
/**
 * The picker box.
 */
 .picker__box{
	padding:0 1em;
}
/**
 * The header containing the month and year stuff.
 */
 .picker__header{
	text-align:center;
	position:relative;
	margin-top:.75em;
}
/**
 * The month and year labels.
 */
 .picker__month,
 .picker__year{
	font-weight:500;
	display:inline-block;
	margin-left:.25em;
	margin-right:.25em;
}
.picker__year{
	color:#999999;
	font-size:.8em;
	font-style:italic;
}
/**
 * The month and year selectors.
 */
 .picker__select--month,
 .picker__select--year{
	border:1px solid #b7b7b7;
	height:2em;
	padding:.5em;
	margin-left:.25em;
	margin-right:.25em;
}
@media (min-width:24.5em){
	.picker__select--month,
	.picker__select--year{
		margin-top:-0.5em;
	}
}
.picker__select--month{
	width:35%;
}
.picker__select--year{
	width:22.5%;
}
.picker__select--month:focus,
.picker__select--year:focus{
	border-color:#0089ec;
}
/**
 * The month navigation buttons.
 */
 .picker__nav--prev,
 .picker__nav--next{
	position:absolute;
	padding:.5em 1.25em;
	width:1em;
	height:1em;
	box-sizing:content-box;
	top:-0.25em;
}
@media (min-width:24.5em){
	.picker__nav--prev,
	.picker__nav--next{
		top:-0.33em;
	}
}
.picker__nav--prev{
	left:-1em;
	padding-right:1.25em;
}
@media (min-width:24.5em){
	.picker__nav--prev{
		padding-right:1.5em;
	}
}
.picker__nav--next{
	right:-1em;
	padding-left:1.25em;
}
@media (min-width:24.5em){
	.picker__nav--next{
		padding-left:1.5em;
	}
}
.picker__nav--prev:before,
.picker__nav--next:before{
	content:" ";
	border-top:.5em solid transparent;
	border-bottom:.5em solid transparent;
	border-right:.75em solid #000000;
	width:0;
	height:0;
	display:block;
	margin:0 auto;
}
.picker__nav--next:before{
	border-right:0;
	border-left:.75em solid #000000;
}
html:not(.nohover) .picker__nav--prev:hover,
.picker__nav--next:hover{
	cursor:pointer;
	color:#000000;
	background:#b1dcfb;
}
.picker__nav--disabled,
html:not(.nohover) .picker__nav--disabled:hover,
.picker__nav--disabled:before,
html:not(.nohover) .picker__nav--disabled:before:hover{
	cursor:default;
	background:none;
	border-right-color:#f5f5f5;
	border-left-color:#f5f5f5;
}
/**
 * The calendar table of dates
 */
 .picker__table{
	text-align:center;
	border-collapse:collapse;
	border-spacing:0;
	table-layout:fixed;
	font-size:inherit;
	width:100%;
	margin-top:.75em;
	margin-bottom:.5em;
}
@media (min-height:33.875em){
	.picker__table{
		margin-bottom:.75em;
	}
}
.picker__table td{
	margin:0;
	padding:0;
}
/**
 * The weekday labels
 */
 .picker__weekday{
	width:14.285714286%;
	font-size:.75em;
	padding-bottom:.25em;
	color:#999999;
	font-weight:500;
	/* Increase the spacing a tad */
}
@media (min-height:33.875em){
	.picker__weekday{
		padding-bottom:.5em;
	}
}
/**
 * The days on the calendar
 */
 .picker__day{
	padding:.3125em 0;
	font-weight:200;
	border:1px solid transparent;
}
.picker__day--today{
	position:relative;
}
.picker__day--today:before{
	content:" ";
	position:absolute;
	top:2px;
	right:2px;
	width:0;
	height:0;
	border-top:.5em solid #0059bc;
	border-left:.5em solid transparent;
}
.picker__day--disabled:before{
	border-top-color:#aaaaaa;
}
.picker__day--outfocus{
	color:#dddddd;
}
html:not(.nohover) .picker__day--infocus:hover,
.picker__day--outfocus:hover{
	cursor:pointer;
	color:#000000;
	background:#b1dcfb;
}
.picker__day--highlighted{
	border-color:#0089ec;
}
html:not(.nohover) .picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted{
	cursor:pointer;
	color:#000000;
	background:#b1dcfb;
}
.picker__day--selected,
html:not(.nohover) .picker__day--selected:hover,
.picker--focused .picker__day--selected{
	background:#0089ec;
	color:rgba(255,255,255,.7);
}
.picker__day--disabled,
html:not(.nohover) .picker__day--disabled:hover,
.picker--focused .picker__day--disabled{
	background:#f5f5f5;
	border-color:#f5f5f5;
	color:#dddddd;
	cursor:default;
}
.picker__day--highlighted.picker__day--disabled,
html:not(.nohover) .picker__day--highlighted.picker__day--disabled:hover{
	background:#bbbbbb;
}
/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
 .picker__footer{
	text-align:center;
}
.picker__button--today,
.picker__button--clear,
.picker__button--close{
	border:1px solid rgba(255,255,255,.7);
	background:rgba(255,255,255,.7);
	font-size:.8em;
	padding:.66em 0;
	font-weight:bold;
	width:33%;
	display:inline-block;
	vertical-align:bottom;
}
html:not(.nohover) .picker__button--today:hover,
html:not(.nohover) .picker__button--clear:hover,
html:not(.nohover) .picker__button--close:hover{
	cursor:pointer;
	color:#000000;
	background:#b1dcfb;
	border-bottom-color:#b1dcfb;
}
.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus{
	background:#b1dcfb;
	border-color:#0089ec;
	outline:none;
}
.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before{
	position:relative;
	display:inline-block;
	height:0;
}
.picker__button--today:before,
.picker__button--clear:before{
	content:" ";
	margin-right:.45em;
}
.picker__button--today:before{
	top:-0.05em;
	width:0;
	border-top:.66em solid #0059bc;
	border-left:.66em solid transparent;
}
.picker__button--clear:before{
	top:-0.25em;
	width:.66em;
	border-top:3px solid #ee2200;
}
.picker__button--close:before{
	content:"\D7";
	top:-0.1em;
	vertical-align:top;
	font-size:1.1em;
	margin-right:.35em;
	color:#777777;
}
.picker__button--today[disabled],
html:not(.nohover) .picker__button--today[disabled]:hover{
	background:#f5f5f5;
	border-color:#f5f5f5;
	color:#dddddd;
	cursor:default;
}
.picker__button--today[disabled]:before{
	border-top-color:#aaaaaa;
}

/* ==========================================================================
	$DEFAULT-DATE-PICKER
	========================================================================== */


/********** 17. =RESPONSIVO **********/

/* 17.1 Tablet */
@media only screen and (max-width:1024px){
	#listaSelecaoEle .elementos li{
		width:calc(50% - 5px);
	}

	.relatCaixa .totalAtiv{
		padding:10px 0 10px;
	}
	.relatCaixa .number{
		font-size:106px;
		line-height:106px;
	}
	.relatCaixa .ultimosAcionados{
		margin:0 20px;
	}
	.relatCaixa .ultimosAcionados li{
		float:left;
		width:50%;
		line-height:20px;
	};
}

@media only screen and (min-width:737px){
	.gridbuttons .gridbutton.no-touch:focus .wrapbt .descr,
	html:not(.nohover) .gridbuttons .gridbutton.no-touch:hover .wrapbt .descr{
		opacity:1;
	}

	.gridbuttons .gridbutton.no-touch:focus .wrapbt .iccont img,
	html:not(.nohover) .gridbuttons .gridbutton.no-touch:hover .wrapbt .iccont img{
		opacity:.1;
	}
	.gridbuttons .gridbutton.no-desc:focus .wrapbt .iccont img,
	html:not(.nohover) .gridbuttons .gridbutton.no-desc:hover .wrapbt .iccont img{
		opacit1y:1;
	}
}

@media only screen and (max-width:736px){

	#reload{
		padding-left:0;
	}

	#edicao{
		width:100%;
	}

	.opSupMenu .badge{
		display:block;
		background-color:#ef4030;
		position:absolute;
		top:22px;
		left:9px;
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		transform:scale(1);
	}

	.conteudo p.intro{padding-top:20px}
	.conteudo li img{display:block}
}

@media only screen and (max-width:768px){
	.controlgroup .placeholder{
		height:104px!important;
	}
	.controlgroup .toggle .info_ele{float:none; width:100%}
	.controlgroup .cena .toggle{width:auto}
	.controlgroup .rgb .range,
	.controlgroup .dimmer .range,
	.controlgroup .grupos .range,
	.controlgroup .sar .range{
		padding-left:15px;
		z-index:1;
	}
}


/* 17.2 Mobile */
@media only screen and (max-height:480px){
	.doLogin .checkbox{
		padding:0;
	}
}

@media only screen and (max-width:580px){
	html:not(.nohover) .controlgroup .controle .gridbutton:hover img,
	.controlgroup .controle .gridbutton:focus img,
	html:not(.nohover) .controlgroup .controle .gridbutton:hover .txticon,
	.controlgroup .controle .gridbutton:focus .txticon{opacity:1}
	html:not(.nohover) .controlgroup .controle .gridbutton:hover img,
	.controlgroup .controle .gridbutton:focus .txticon,
	html:not(.nohover) .controlgroup .controle .gridbutton:hover img,
	.controlgroup .controle .gridbutton:focus .txticon{opacity:1}
	html:not(.nohover) .controlgroup .controle .gridbutton:hover .descr,
	.controlgroup .controle .gridbutton:focus .descr{opacity:0}
}

/********** 18. =ANIMAÇÕES **********/
/* Animation example, for spinners */

.animate-spin{
	-webkit-animation:clockwise 1s infinite linear;
	-moz-animation:clockwise 1s infinite linear;
	animation:clockwise 1s infinite linear;
	display:inline-block;
}

.animate-slow-spin{
	-webkit-animation:clockwise 4s infinite linear;
	-moz-animation:clockwise 4s infinite linear;
	animation:clockwise 4s infinite linear;
}

/* clockwise */
@-webkit-keyframes clockwise{
	0%{ -webkit-transform:rotate(0deg); }
	100%{ -webkit-transform:rotate(359deg); }
}

@-moz-keyframes clockwise{
	0%{ -moz-transform:rotate(0deg); }
	100%{ -moz-transform:rotate(359deg); }
}

@keyframes clockwise{
	0%{ transform:rotate(0deg); }
	100%{ transform:rotate(359deg); }
}

/* anti-clockwise */
@-webkit-keyframes anticlockwise{
	0%{ -webkit-transform:rotate(359deg); }
	100%{ -webkit-transform:rotate(0deg); }
}

@-moz-keyframes anticlockwise{
	0%{ -moz-transform:rotate(359deg); }
	100%{ -moz-transform:rotate(0deg); }
}

@keyframes anticlockwise{
	0%{ transform:rotate(359deg); }
	100%{ transform:rotate(0); }
}

/* Esconde */
@-webkit-keyframes esconde{
	from{ opacity:1; }
	to{ opacity:0; }
}

@-moz-keyframes esconde{
	from{ opacity:1; }
	to{ opacity:0; }
}

@keyframes esconde{
	from{ opacity:1; }
	to{ opacity:0; }
}

/* Mosta */
@-webkit-keyframes mostra{
	from{ opacity:0; }
	to{ opacity:1; }
}

@-moz-keyframes mostra{
	from{ opacity:0; }
	to{ opacity:1; }
}

@keyframes mostra{
	from{ opacity:0; }
	to{ opacity:1; }
}

/* Mosta descendo */
@-webkit-keyframes mostra_desc{
	from{
		-webkit-transform:scale(0.7);
		opacity:0;
	}
	to{
		-webkit-transform:scale(1);
		opacity:1;
	}
}

@-moz-keyframes mostra_desc{
	from{
		-moz-transform:scale(0.7);
		opacity:0;
	}
	to{
		-moz-transform:scale(1);
		opacity:1;
	}
}

@keyframes mostra_desc{
	from{
		transform:scale(0.7);
		opacity:0;
	}
	to{
		transform:scale(1);
		opacity:1;
	}
}

/* Esconde descendo */
@-webkit-keyframes esconde_desc{
	from{
		-webkit-transform:scale(1);
		opacity:1;
	}
	to{
		-webkit-transform:scale(1.2);
		opacity:0;
	}
}

@-moz-keyframes esconde_desc{
	from{
		-moz-transform:scale(1);
		opacity:1;
	}
	to{
		-moz-transform:scale(1.2);
		opacity:0;
	}
}

@keyframes esconde_desc{
	from{
		transform:scale(1);
		opacity:1;
	}
	to{
		transform:scale(1.2);
		opacity:0;
	}
}


/* Cria notificação */
@-webkit-keyframes cria_note{
	from{
		margin:0 10px 0;
		max-height:0;
	}
	to{
		margin:0 10px 10px;
		max-height:250px;
	}
}

@-moz-keyframes cria_note{
	from{
		margin:0 10px 0;
		max-height:0;
	}
	to{
		margin:0 10px 10px;
		max-height:250px;
	}
}

@keyframes cria_note{
	from{
		margin:0 10px 0;
		max-height:0;
	}
	to{
		margin:0 10px 10px;
		max-height:250px;
	}
}

/* mover_bg */
@-webkit-keyframes mover_bg{
	from{
		background-position:0 0;
	}
	to{
		background-position:100% 0;
	}
}

@-moz-keyframes mover_bg{
	from{
		background-position:0 0;
	}
	to{
		background-position:100% 0;
	}
}

@keyframes mover_bg{
	from{
		background-position:0 0;
	}
	to{
		background-position:100% 0;
	}
}

/* mover_bg_v */
@-webkit-keyframes mover_bg_v{
	from{
		background-position:0 0;
	}
	to{
		background-position:0 100%;
	}
}

@-moz-keyframes mover_bg_v{
	from{
		background-position:0 0;
	}
	to{
		background-position:0 100%;
	}
}

@keyframes mover_bg_v{
	from{
		background-position:0 0;
	}
	to{
		background-position:0 100%;
	}
}

/* bg_transparence */
@-webkit-keyframes bg_transparence{
	0%{
		background:rgba(255,255,255,0);
	}
	100%{
		background:rgba(255,255,255,.5);
	}
}

@-moz-keyframes bg_transparence{
	0%{
		background:rgba(255,255,255,0);
	}
	100%{
		background:rgba(255,255,255,.5);
	}
}

@keyframes bg_transparence{
	0%{
		background:rgba(255,255,255,0);
	}
	100%{
		background:rgba(255,255,255,.5);
	}
}

/* gold_bg_transparence */
@-webkit-keyframes gold_bg{
	0%{
		background:rgba(255, 255, 255, 0);
		color:#d3d3d4;
	}
	33%{
		background:rgba(215, 192, 145, 1);
		color:#5c4b1f;
	}
	66%{
		background:rgba(215, 192, 145, 1);
		color:#5c4b1f;
	}
	100%{
		background:rgba(255, 255, 255, 0);
		color:#d3d3d4;
	}
}

@-moz-keyframes gold_bg{
	0%{
		background:rgba(255, 255, 255, 0);
		color:#d3d3d4;
	}
	33%{
		background:rgba(215, 192, 145, 1);
		color:#5c4b1f;
	}
	66%{
		background:rgba(215, 192, 145, 1);
		color:#5c4b1f;
	}
	100%{
		background:rgba(255, 255, 255, 0);
		color:#d3d3d4;
	}
}

@keyframes gold_bg{
	0%{
		background:rgba(255, 255, 255, 0);
		color:#d3d3d4;
	}
	33%{
		background:rgba(215, 192, 145, 1);
		color:#5c4b1f;
	}
	66%{
		background:rgba(215, 192, 145, 1);
		color:#5c4b1f;
	}
	100%{
		background:rgba(255, 255, 255, 0);
		color:#d3d3d4;
	}
}

/* rotate-y */
@-webkit-keyframes rotatey{
	0%{ -webkit-transform:rotateY(0deg); }
	100%{ -webkit-transform:rotateY(359deg); }
}

@-moz-keyframes rotatey{
	0%{ -moz-transform:rotateY(0deg); }
	100%{ -moz-transform:rotateY(359deg); }
}

@keyframes rotatey{
	0%{ transform:rotateY(0deg); }
	100%{ transform:rotateY(359deg); }
}

/* entra para a esquerda */
@-webkit-keyframes a-entra-esquerda{
	0%{ -webkit-transform:translateX(100%); opacity:0; }
	100%{ -webkit-transform:translateX(0%); opacity:1; }
}

@-moz-keyframes a-entra-esquerda{
	0%{ -moz-transform:translateX(100%); opacity:0; }
	100%{ -moz-transform:translateX(0%); opacity:1; }
}

@keyframes a-entra-esquerda{
	0%{ transform:translateX(100%); opacity:0; }
	100%{ transform:translateX(0%); opacity:1; }
}

/* sair para a esquerda */
@-webkit-keyframes a-sai-esquerda{
	0%{ -webkit-transform:translateX(0%); opacity:1; }
	100%{ -webkit-transform:translateX(-100%); opacity:0; }
}

@-moz-keyframes a-sai-esquerda{
	0%{ -moz-transform:translateX(0%); opacity:1; }
	100%{ -moz-transform:translateX(-100%); opacity:0; }
}

@keyframes a-sai-esquerda{
	0%{ transform:translateX(0%); opacity:1; }
	100%{ transform:translateX(-100%); opacity:0; }
}

/* entra para a direita */
@-webkit-keyframes a-entra-direita{
	0%{ -webkit-transform:translateX(-100%); opacity:0; }
	100%{ -webkit-transform:translateX(0%); opacity:1; }
}

@-moz-keyframes a-entra-direita{
	0%{ -moz-transform:translateX(-100%); opacity:0; }
	100%{ -moz-transform:translateX(0%); opacity:1; }
}

@keyframes a-entra-direita{
	0%{ transform:translateX(-100%); opacity:0; }
	100%{ transform:translateX(0%); opacity:1; }
}

/* sair para a esquerda */
@-webkit-keyframes a-sai-direita{
	0%{ -webkit-transform:translateX(0%); opacity:1; }
	100%{ -webkit-transform:translateX(100%); opacity:0; }
}

@-moz-keyframes a-sai-direita{
	0%{ -moz-transform:translateX(0%); opacity:1; }
	100%{ -moz-transform:translateX(100%); opacity:0; }
}

@keyframes a-sai-direita{
	0%{ transform:translateX(0%); opacity:1; }
	100%{ transform:translateX(100%); opacity:0; }
}


/* cresce */
@-webkit-keyframes cresce{
	0%{ width:0%; opacity:0; }
	100%{ width:100%; opacity:1; }
}

@-moz-keyframes cresce{
	0%{ width:0%; opacity:0; }
	100%{ width:100%; opacity:1; }
}

@keyframes cresce{
	0%{ width:0%; opacity:0; }
	100%{ width:1000%; opacity:1; }
}