::-webkit-scrollbar{width: 10px; height: 10px;}
::-webkit-scrollbar-track-piece{background-color: #EEE;}
::-webkit-scrollbar-thumb:vertical{ height: 5px; background-color: #222;}
::-webkit-scrollbar-thumb:horizontal{ width: 5px; background-color: #222;}
::-ms-clear {width: 0; height: 0;}
::-ms-reveal {width: 0; height: 0;}

[draggable]{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	-khtml-user-drag: element;
	-webkit-user-drag: element;
}

*{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
}
html{
	width: 100%;
	font-size: 10vw;
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

body{
	width: 100%;
	font-size: 14px;
	color: #363636;
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	background-color: #f4f4f4;
	word-wrap: normal;
	overflow-scrolling: auto;
	-webkit-overflow-scrolling: auto;
	-moz-overflow-scrolling: auto;
	-o-overflow-scrolling: auto;
	-ms-overflow-scrolling: auto;
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}
.body_dialog{
	overflow-x: hidden;
	overflow-y: auto;
	width: 100vw;
	height: 100vh;
	background-color: #f5f5f5;
	padding: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.body_dialog::-webkit-scrollbar{width: 8px; height: 8px;}
.body_dialog::-webkit-scrollbar-track-piece{background-color: #FFF;}
.body_dialog::-webkit-scrollbar-thumb:vertical{height: 5px; background-color: #999;}
.body_dialog::-webkit-scrollbar-thumb:horizontal{width: 5px; background-color: #999;}

.body_view{
	display: block;
	margin: auto;
	max-width: 1024px;
	background-color: #FFFFFF;
	padding: 20px 20px 150px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.body_view::-webkit-scrollbar{width: 8px; height: 8px;}
.body_view::-webkit-scrollbar-track-piece{background-color: #FFF;}
.body_view::-webkit-scrollbar-thumb:vertical{height: 5px; background-color: #999;}
.body_view::-webkit-scrollbar-thumb:horizontal{width: 5px; background-color: #999;}

@media print{
	.body_view{
		padding: 20px;
	}
	.body_view h2{
		font-size: 8pt !important;
	}
	.no_print{
		display: none !important;
	}
}

h1{
	font-size: 1.4em;
	font-weight: 400;
	margin: 10px 0px 10px 0px;
	color: #454545;
}
h2{
	font-size: 1.1em;
	font-weight: 600;
	margin: 10px 0px 10px 0px;
	color: #363636; 
}
.h2-margin{
	margin: 5px 0;
}
h3{
	font-size: 1em;
	font-weight: normal;
	margin: 10px 0px 10px 0px;
	color: #646464;
}
h4{
	font-size: 1.05em;
	font-weight: 600;
	margin: 10px 0px 10px 0px;
	color: #fa6900;
}
h5{

}
h6{

}
a, a:visited{
	color: #0069FA; text-decoration: none;
}
a:active, a:hover, a:focus{
	color: #0049DA;
}
p{
	text-align: left;
	line-height: 1.4em;
	-ms-word-break: normal; 
	word-break: normal;
}
img{
	border: 0px;
}
table{
	border-collapse: collapse;
}
code{
	display: block;
	width: 100%;
	font-family: 'monospace';
	color: #FFF;
	background-color: #272822;
	padding: 20px;
	font-size: 10px;
	line-height: 15px;
	overflow: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
/* SCROLL CODE */
code::-webkit-scrollbar{width: 10px; height: 10px;}
code::-webkit-scrollbar-track-piece{background-color: #272822;}
code::-webkit-scrollbar-thumb:vertical{height: 5px; background-color: #757575;}
code::-webkit-scrollbar-thumb:horizontal{ width: 5px; background-color: #757575;}

.monospace{
	font-family: 'Roboto Mono';
}
.font16{
	font-size: 16px !important;
}
.break-all{
	word-wrap: break-all !important;
}
.ux_table_simple{
	position: relative;
	margin-left: -3px;
	margin-right: -3px;
	width: calc(100% + 6px);
}
.ux_table_simple tr{
	border-bottom: 1px solid #F4F4F4;
}
.ux_table_simple tr:last-child{
	border-bottom: none;
}
.ux_table_simple tr:hover{
	background-color: #F4F4F4;
}

/* VÍDEO */
.ux_video_pd{
	display: inline-block;
	padding: 10px;
}
.ux_video_adj{
	margin-left: -10px;
	margin-right: -10px;
}
.ux_video{
	width: 100%;
	border: 1px solid #CCC;
	background-color: #FFF;
	position: relative;
}
.ux_video a{
	color:  #555;
	font-weight: 600;
	font-size: 0.9em;
}
.ux_video_overlay{
	background-color: rgba(0,0,0,0.1);
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.ux_video_overlay img{
	width: 50px;
	height: 50px;
	position: absolute;
	left: 50%;
	top: 120%;
	margin-top: -25px;
	margin-left: -25px;
	-webkit-animation: all 0.15s ease-in-out;
	-moz-animation: all 0.15s ease-in-out;
	-o-animation: all 0.15s ease-in-out;
	-ms-animation: all 0.15s ease-in-out;
	animation: all 0.15s alternate;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.ux_video_overlay:hover{
	background-color: rgba(0,0,0,0.5);
}
.ux_video_overlay:hover img{
	top: 50%;
	-webkit-animation: all 0.15s ease-in-out;
	-moz-animation: all 0.15s ease-in-out;
	-o-animation: all 0.15s ease-in-out;
	-ms-animation: all 0.15s ease-in-out;
	animation: all 0.15s alternate;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.ux_video_area{
	display: block;
	background-color: red;
	position: relative;
	padding-bottom: 56.25% !important;
	height: 0 !important;
	overflow: hidden;
}
.ux_video_title{
	text-transform: uppercase;
	font-size: 14px;
	overflow: hidden;
	width: 100%;
	height: 45px;
	display: block;
	border-top: 1px solid #CCC;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ux_video_desc{
	display: block;
	width: 100%;
	text-align: right;
	font-size: 0.9em;
	font-weight: 300;
	padding: 4px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ux_video video{
	background-color: #F4F4F4;
}
table td{
	vertical-align: top;
	padding: 5px;
	-ms-word-break: normal;
	word-break: normal;
}
select{
	background-image: none;
	background-color: #FFF;
	outline: none;
	border: 1px solid #CCC;
	height: 30px;
	padding: 0px 0px 0px 5px;
	font-size: 0.9em;
	color: #666;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-shadow: none;
}
input, button, textarea{
	border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-shadow: none;
	background-image: none;
	outline: none;
}
blockquote{
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 1.5em 10px;
	quotes: "\201C""\201D";
}
blockquote:before{
	color: #CCC;
	content: open-quote;
	font-size: 5em;
	line-height: .1em;
	margin-right: .25em;
	vertical-align: -.4em;
}
blockquote p{
	display:inline; line-height: 30px !important; font-size: 1.5em;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
	color: #AAA;
}
input:-moz-placeholder,
textarea:-moz-placeholder{
	color: #AAA;
}
input:-ms-input-placeholder,
textarea:-ms-placeholder{
	color: #AAA;
}
input:-o-input-placeholder,
textarea:-o-placeholder{
	color: #AAA;
}
fieldset{
	border: 1px solid #AAA;
	margin: 0px;
}
.app-zoom{

}
.big{
	font-size: 1.6em;
}
.medium{
	font-size: 1.2em;
}
.small{
	font-size: 0.9em;
}
.tiny{
	font-size: 0.9em;
}
.tiny2{
	font-size: 0.8em !important;
}
.micro{
	font-size: 0.7em !important;
}
.normal-medio{
	font-size: 1.1em; line-height: 30px;
}
.strong, strong{
	font-weight: 600;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
.text-justify{
	text-align: justify;
}
.videoResponsivo{
	position: relative;
	padding-bottom: 56.25% !important; /* 16:9 */
	padding-top: 25px !important;
	height: 0 !important;
	z-index: 5;
}
.videoResponsivo iframe{
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 5;
	border: 0px !important;
}
.width-10{
	width: 10%;
}
.width-15{
	width: 15%;
}
.width-20{
	width: 20%;
}
.width-25{
	width: 25%;
}
.width-30{
	width: 30%;
}
.width-33{
	width: 33%;
}
.width-34{
	width: 34%;
}
.width-35{
	width: 35%;
}
.width-40{
	width: 40%;
}
.width-50{
	width: 50%;
}
.width-60{
	width: 60%;
}
.width-70{
	width: 70%;
}
.width-75{
	width: 75%;
}
.width-80{
	width: 80%;
}
.width-85{
	width: 85%;
}
.width-90{
	width: 90%;
}
.width-100-p, .width-100{
	width: 100%;
}
.bloco{
	display: inline-block;
	vertical-align: top;
	position: relative;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.padding-0-5{
	padding: 0px 5px; 
}
.max-width-300, .max300{
	max-width: 300px !important;
}
.max-width-310, .max310{
	max-width: 310px !important;
}
.max-width-400, .max400{
	max-width: 400px !important;
}
.max-width-500, .max500{
	max-width: 500px !important;
}
.max-width-800, .max800{
	max-width: 800px !important;
}
.max-width-900, .max900{
	max-width: 900px !important;
}
.max-width-1000, .max1000{
	max-width: 1000 !important;
}
.content_m{};
.height-24{
	line-height: 24px;
}
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.img-ajax{
	border: 0px !important; box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important; height: 11px !important; width: 16px !important;
}
.align-middle{
	vertical-align: middle;
}
.align-top{
	vertical-align: top !important;
}
.img-meio{
	vertical-align: middle;
}
.display-none{
	display: none;
}
.false-display-none{
	position: absolute;
	margin-left: -9999px;
}
.display-table{
	display: table;
}
.display-inline-block{
	display: inline-block;
	vertical-align: top;
}
.display-inline-table{
	display: inline-table;
}
.inline-block{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.margin-auto{
	margin: auto;
}
.margin-right-10{
	margin-right: 10px;
}
.clear-both{
	clear: both;
}
.border-box{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.no-select{
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.opacity{
	opacity: 0;
	filter: alpha(opacity=0);
}
.red{
	color: #ed254f;
}
.blue{
	color: #43769e;
}
.app-menu-superior{
	top: 0px;
	left: 0px;
	background-color: #43769e;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 50px;
	z-index: 101;
	position: fixed;
	padding: 10px 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.app-menu-superior-img{
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	background-image: url(/jnh/app-icones/menu.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

.app-icone-sino{
	background-image: url(/jnh/app-icones/app-notificacao.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}
.app-icone-upload{
	background-image: url(/jnh/app-icones/app-upload-notificacao.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
}

.app-mostrar-ocultar{
	margin-top: 5px;
	border-radius: 50px;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.app-mostrar-ocultar span{
	display: block;
	margin: 12px 0px 0px 10px;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #AAA;
}
.app-mostrar-ocultar:hover span{
	border-top: 5px solid #545454;
}

/* NOTIFICAÇÕES */
.app-notify{
	position: relative;
	display: block;
	cursor: pointer;
}
.app-notify-bell{
	height: 24px;
	width: auto;
	margin: 3px 10px;
	opacity: 0.1;
}
.app-notify-counter{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 10px;
	color: #FFF;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background-color: #ed254f;
	border-radius: 50%;
}
.app-notify-area{
	background-color: #FFF;
	outline: none;
	display: block;
	position: absolute;
	box-shadow: 0px 3px 2px 2px rgba(0,0,0,0.3);
	border: 4px solid #3a3a3a;
	top: 40px;
	right: 10px;
	z-index: 999;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.app-notify-toggle{
	display: block;
	width: 100%;
	width: 320px;
	background-color: #3a3a3a;
}
.app-notify-toggle button{
	cursor: pointer;
	border: none;
	color: #FFF;
	font-size: 14px;
	background-color: #3a3a3a;
	height: 40px;
	width: 49%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.app-notify-toggle button:hover{
	background-color: #545454;
}
.app-notify-toggle-ativo{
	background-color: #FFF !important;
	color: #3a3a3a !important;
	font-weight: 600;
}
.app-notify-list{
	background-color: #FFF;
	display: block;
	outline: none;
	width: 100%;
	width: 320px;
	max-height: 90vh;
	overflow-y: auto;
}
.app-notify-list::-webkit-scrollbar{width: 10px; height: 10px;}
.app-notify-list::-webkit-scrollbar-track-piece{background-color: #FFF;}
.app-notify-list::-webkit-scrollbar-thumb:vertical{height: 5px; background-color: #BBB;}
.app-notify-list::-webkit-scrollbar-thumb:horizontal{width: 5px; background-color: #BBB;}
.app-notify-ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.app-notify-li{
	position: relative;
	list-style: none;
	padding: 5px;
	border-top: 1px solid #e0e0e0;
	padding: 8px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.app-notify-li img{
	border-radius: 50%;
}
.app-notify-close{
	cursor: pointer;
	color: #FFF;
	display: block;
	position: absolute;
	font-size: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	background-color: #666;
	top: 2px;
	right: 2px;
	z-index: 2;
}
.app-notify-close:hover{
	background-color: #333;
}
.app-notify-title{
	font-size: 13px;
	color: #3a3a3a;
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.app-notify-body{
	font-size: 12px;
	font-weight: 500;
	color: #444;
	max-height: 100px;
	overflow: hidden;
	margin-bottom: 5px;
}
.app-notify-link a{
	font-size: 15px;
}
.app-notify-data{
	color: #0069fa;
	font-size: 10px;
	float: left;
}
.app-notify-li:first-child{
	border: none;
}
.app-notify-li:hover{
	color: #333;
	background-color: #e0e0e0;
}

/* TELA CHEIA */
.app-menu-fullscreen{
	margin-left: 10px;
	background-size: 20px 20px;
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.app-menu-fullscreen-ir{
	background-image: url(/jnh/app-icones/ir-tela-cheia.png);
}
.app-menu-fullscreen-sair{
	background-image: url(/jnh/app-icones/sair-tela-cheia.png);
}

.app-rotation-comp{
	max-width: 800px;
}
.app-rotation-comp img{
	box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.2);
}
.app-rotation-area{
	background-color: #F4F4F4;
	padding: 5px 0px;
}
.app-rotation{
	width: 40px;
	height: 40px;
	margin: 0px 5px 5px 0px;
	cursor: pointer;
	background-image: url(/jnh/splits/rotations.png);
	background-position: -160px -160px;
	background-size: 160px 80px;
	background-repeat: no-repeat;
}
.app-rotation-90left{
	background-position: 0px 0px;
}
.app-rotation-90left:hover{
	background-position: -80px 0px !important;
}
.app-rotation-90right{
	background-position: -40px 0px;
}
.app-rotation-90right:hover{
	background-position: -120px 0px !important;
}
.app-rotation-180{
	background-position: 0px -40px;
}
.app-rotation-180:hover{
	background-position: -80px -40px !important;
}

.app-touch:before{
	display: inline-block;
	vertical-align: top;
	content: "";
	margin: 15px 0px 0px 15px;
	width: 1px;
	height: 1px;
	opacity: 0;
	background-color: rgba(255,255,255,0.25);
	position: absolute;
	z-index: 1;
	border-radius: 50%;
  	-webkit-animation: all 0.15s ease-in-out;
  	-moz-animation: all 0.15s ease-in-out;
  	-o-animation: all 0.15s ease-in-out;
  	-ms-animation: all 0.15s ease-in-out;
    animation: all 0.15s alternate;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.app-touch:hover:before{
	margin: 0px;
	width: 30px;
	height: 30px;
	opacity: 1;
  	-webkit-animation: all 0.15s ease-in-out;
  	-moz-animation: all 0.15s ease-in-out;
  	-o-animation: all 0.15s ease-in-out;
  	-ms-animation: all 0.15s ease-in-out;
    animation: all 0.15s alternate;
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -ms-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.app-menu-superior-busca{
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	padding: 0px 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.app-menu-superior-busca input{
	border-radius: 2px;
	border: none;
	background-color: #545454;
	color: #AAA;
	padding: 5px;
	width: 200px;
	height: inherit;
}

.app-relorio{
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	height: inherit;
	font-size: 0.8em;
	text-align: center;
	color: #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.app-financeiro{
	cursor: pointer;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	line-height: 30px;
	height: inherit;
	font-size: 0.8em;
	text-align: center;
	color: #FFF;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.app-menu-esquerdo{
	position: fixed;
	top: 50px;
	left: -260px;
	bottom: 0px;
	max-width: 250px;
	width: 100%;
	z-index: 100;
	background-color: #FFF;
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.15);
	overflow: auto;
}
.app-menu-esquerdo-ativo{
	background-color: #2e2e2e;
	left: 0px;
}
.app-menu-esquerdo ul{
	list-style: none;
	margin: 0px;
	margin-bottom: 60px;
	padding: 0px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.app-menu-esquerdo li{
  	-webkit-animation: all 0.25s ease-in-out;
  	-moz-animation: all 0.25s ease-in-out;
  	-o-animation: all 0.25s ease-in-out;
  	-ms-animation: all 0.25s ease-in-out;
    animation: all 0.25s alternate;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.app-menu-esquerdo li:target{
	background-color: #444 !important;
}

.app-menu-esquerdo li a{
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	color: #FFF;
	padding: 15px 20px 15px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.app-menu-esquerdo li img{
	width: 20px;
	height: auto;
	vertical-align: middle;
}
.app-menu-esquerdo li:hover{
	background-color: rgba(0,0,0,0.1);
  	-webkit-animation: all 0.1s ease-in-out;
  	-moz-animation: all 0.1s ease-in-out;
  	-o-animation: all 0.1s ease-in-out;
  	-ms-animation: all 0.1s ease-in-out;
    animation: all 0.1s alternate;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.app-ajuda{
	display: block;
	position: fixed;
	z-index: 88;
	background-color: rgba(0,0,0,0.5);
	top: 30px;
	left: 0px;
	right: 0px;
	bottom: 0px;
  	-webkit-animation: all 0.35s ease-in-out;
  	-moz-animation: all 0.35s ease-in-out;
  	-o-animation: all 0.35s ease-in-out;
  	-ms-animation: all 0.35s ease-in-out;
    animation: all 0.35s alternate;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.app-ajuda-sumir{
	opacity: 0;
	margin-left: -9999px;
	width: 50px;
	height: 50px;
  	-webkit-animation: all 0.35s ease-in-out;
  	-moz-animation: all 0.35s ease-in-out;
  	-o-animation: all 0.35s ease-in-out;
  	-ms-animation: all 0.35s ease-in-out;
    animation: all 0.35s alternate;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.app-ajuda-fechar span{
	display: block;
	cursor: pointer;
	width: 30px;
	height: 30px;
	position: absolute;
	font-size: 40px;
	color: #333;
	text-align: center;
	line-height: 30px;
	top: 5px;
	right: 10px;
	z-index: 90;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.app-ajuda-conteudo{
	display: block;
	margin: auto;
	width: 90vw;
	max-width: 1000px;
	border: 4px solid #3a3a3a;
	background-color: #FFF;
	position: absolute;
	z-index: 89;
	padding: 20px;
	top: 30px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	overflow-y: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.app-ajuda-conteudo img{
	max-width: 100%;
	height: auto;
}

.app-video-responsivo{
	position: relative;
	padding-bottom: 56.25% !important; /* 16:9 */
	padding-top: 25px !important;
	height: 0 !important;
	z-index: 5;
}
.app-video-responsivo iframe{
	border: 1px solid #676767;
	position: absolute;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 5;
}



/* COMPONENTE DE ÁRVORE */
.app-arvore{
	list-style: none;
	margin: 0px;
	padding: 0px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.app-arvore li{
	margin: 1px 0px 0px 0px;
	padding: 0px;
}
.app-arvore li label{
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: block;
	padding: 5px;
	list-style: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.app-arvore li label:hover{
	background-color: #5681AF !important;
	color: #FFF;
}
.app-arvore ul li{
	margin: 5px 0px 0px 0px;
}
.app-arvore ul li label{
	background-color: #FFF;
}
.app-arvore li input[type="checkbox"]{
	position: absolute;
	margin-left: -9999px;
}
.app-arvore li input[type="checkbox"] + ul{
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.app-arvore li input[type="checkbox"] + ul > li {
	display: none;
}
.app-arvore li input[type="checkbox"]:checked + ul{
	list-style: none;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}
.app-arvore li input[type="checkbox"]:checked + ul > li {
	display: block;
}

.app-lista{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.app-lista li{
	margin-bottom: 5px;
}

.simple-list-overflow{
	display: block;
	width: 100%;
	overflow: auto;
	min-height: 250px;
	max-height: 45vh;
	padding-right: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.simple-list-overflow::-webkit-scrollbar{width: 10px;}
.simple-list-overflow::-webkit-scrollbar-track-piece{background-color: #f1f1f1;}
.simple-list-overflow::-webkit-scrollbar-thumb:vertical{ height: 10px; background-color: #AAA;}

.simple-list{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.simple-list li{
	padding: 15px 0;
	border-bottom: 1px solid #eee;
	font-size: 14px;
}
.simple-list li:last-child{
	border-bottom: none;
}
.simple-list li a{
	color: #333;
}
.simple-list li a:hover, .simple-list li:hover a *{
	color: #0069FA;
}

.estrutura-dashboard{
	margin-top: 50px;
	padding: 20px 40px;
	padding-bottom: 100px;
	position: relative;
	min-height: calc(77vh - 50px);
}

/* FIM RESET */
#loader-cube{
	display: table;
	z-index: 9999;
	position: fixed;
	height: 100%;
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #FFF;
}
#ui-all{
	width: 100%;
	height: 100% !important;
}
.td-padding-0 td{
	padding: 0px;
}
.notificacao{
	position: fixed;
	top: 10px;
	left: 50%;
	display: table;
	min-width: 320px;
	margin-left: -160px;
	padding: 0px 5px 0px 5px;
	background-color: #FFF;
	border: 1px solid #CCC;
}
.alerta{
	background-color: rgba(0,0,0,0.95);
	width: 100% !important;
	height: 100% !important;
	min-height: 100%;
	position: fixed;
	touch-action: none;
	-moz-touch-action: none;
	-o-touch-action: none;
	-webkit-touch-action: none;
	-ms-touch-action: none;
	z-index: 9999;
}
.alerta-box{
	position: fixed;
	left: 50%;
	top: 50px;
	width: 100%;
	max-width: 320px;
	background: #FFF;
	margin-left: -160px;
	padding: 10px;
	touch-action: none;
	-moz-touch-action: none;
	-o-touch-action: none;
	-webkit-touch-action: none;
	-ms-touch-action: none;
}
.alerta-botao{
	width: 148px !important;
	height: 50px !important;
	color: #FFF !important;
	font-size: 1.2em;
}
#alerta-detalhe{
	font-size: 1.2em;
}

.grid-rateio{
	background-color: #FFF;
	width: 100%;
	border-collapse: collapse;
}
.grid-rateio thead{
	background-color: #43769e;
}
.grid-rateio thead tr{
	border: 1px solid #0C4F7E;
}
.grid-rateio thead th{
	font-size: 0.7em;
	font-weight: normal;
	color: #FFF;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	border-top: 1px solid #8B8B8B;
	border-bottom: 1px solid #8B8B8B;
}
.grid-rateio tbody{
	font-family: 'Roboto Mono';
}
.grid-rateio tbody td{
	font-size: 9.5px;
	vertical-align: middle;
	padding: 2px 4px;
	border: 1px solid #ECECED;
	color: #111;
}
.grid-rateio tbody tr:hover{
	background-color: #DDD;
	color: #333;
}
.grid-rateio-false-cabecalho{
	background-color: #363636 !important;
	color: #FFF;
}
.grid-rateio-false-cabecalho td{
	color: #FFF !important;
	border: 1px solid #363636 !important;
}
.grid-rateio-false-cabecalho:hover, .grid-rateio-false-cabecalho td:hover{
	background-color: #313131 !important;
}
#render-colunas-linhas-selecao{
	display: inline-block;
	line-height: 30px;
	vertical-align: bottom;
}

.ui-paginacao-botoes{
	width: 100%;
	padding: 10px;
	background-color: #E0E0E0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ui-paginacao-lista{
	line-height: 30px;
	display: inline-table;
	vertical-align: middle;
	margin: 0px 10px;
}


.ui-paginacao-botoes-left{
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 220px);

}
.ui-paginacao-botoes-right{
	display: inline-block;
	vertical-align: top;
	width: 220px;
	text-align: right;
}

/* GRID */
.grid{
	background-color: #FFF;
	width: 100%;
}
.grid-titulo, .grid-rodape{
	border: none;
	background-color: #E0E0E0;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.grid thead{
	background: #E0E0E0;
}
.grid thead th{
	vertical-align: bottom;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 10px;
	text-align: left;
	padding: 10px 5px;
	color: #363636;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	border: none;
}
.grid tbody{
	font-family: 'Roboto Mono';
}
.grid tbody td{
	font-size: 12px;
	vertical-align: middle;
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}
.grid tbody tr:hover{
	background-color: #F4F4F4;
	color: #333;
}
.grid-tbody-tr-selecionado{
	background-color: #F0F0F0 !important;
	color: #111;
}
.grid-tbody-tr-selecionado td{
	border-top: 1px solid #FFFFFF !important;
	border-bottom: 1px solid #FFFFFF !important;
}

.grid select{
	background-color: #FFF;
	outline: none;
	border: 1px solid #CCC;
	height: 30px;
	border-radius: 0px;
}
.grid input[type="text"], .grid input[type="password"], .grid input[type="email"], .grid input[type="tel"]{
	margin-top: 5px;
	background-color: #FFF;
	outline: none;
	border: 0px solid #FFF;
	height: 30px;
	padding-left: 5px;
	border-radius: 0px;
	color: #333;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.grid-pesquisar input[type="text"]{
	background-color: #FFF;
	height: 25px;
	font-size: 12px;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU2Ljk2NiA1Ni45NjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2Ljk2NiA1Ni45NjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPHBhdGggZD0iTTU1LjE0Niw1MS44ODdMNDEuNTg4LDM3Ljc4NmMzLjQ4Ni00LjE0NCw1LjM5Ni05LjM1OCw1LjM5Ni0xNC43ODZjMC0xMi42ODItMTAuMzE4LTIzLTIzLTIzcy0yMywxMC4zMTgtMjMsMjMgIHMxMC4zMTgsMjMsMjMsMjNjNC43NjEsMCw5LjI5OC0xLjQzNiwxMy4xNzctNC4xNjJsMTMuNjYxLDE0LjIwOGMwLjU3MSwwLjU5MywxLjMzOSwwLjkyLDIuMTYyLDAuOTIgIGMwLjc3OSwwLDEuNTE4LTAuMjk3LDIuMDc5LTAuODM3QzU2LjI1NSw1NC45ODIsNTYuMjkzLDUzLjA4LDU1LjE0Niw1MS44ODd6IE0yMy45ODQsNmM5LjM3NCwwLDE3LDcuNjI2LDE3LDE3cy03LjYyNiwxNy0xNywxNyAgcy0xNy03LjYyNi0xNy0xN1MxNC42MSw2LDIzLjk4NCw2eiIgZmlsbD0iIzg3ODc4NyIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 12px;
}
.grid-pesquisar input[type="text"]:focus{
	color: #43769e !important;
	font-weight: 500;
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDU2Ljk2NiA1Ni45NjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU2Ljk2NiA1Ni45NjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPHBhdGggZD0iTTU1LjE0Niw1MS44ODdMNDEuNTg4LDM3Ljc4NmMzLjQ4Ni00LjE0NCw1LjM5Ni05LjM1OCw1LjM5Ni0xNC43ODZjMC0xMi42ODItMTAuMzE4LTIzLTIzLTIzcy0yMywxMC4zMTgtMjMsMjMgIHMxMC4zMTgsMjMsMjMsMjNjNC43NjEsMCw5LjI5OC0xLjQzNiwxMy4xNzctNC4xNjJsMTMuNjYxLDE0LjIwOGMwLjU3MSwwLjU5MywxLjMzOSwwLjkyLDIuMTYyLDAuOTIgIGMwLjc3OSwwLDEuNTE4LTAuMjk3LDIuMDc5LTAuODM3QzU2LjI1NSw1NC45ODIsNTYuMjkzLDUzLjA4LDU1LjE0Niw1MS44ODd6IE0yMy45ODQsNmM5LjM3NCwwLDE3LDcuNjI2LDE3LDE3cy03LjYyNiwxNy0xNywxNyAgcy0xNy03LjYyNi0xNy0xN1MxNC42MSw2LDIzLjk4NCw2eiIgZmlsbD0iIzAwNTI3ZCIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.grid input[type="radio"], .comp-radio{
	display:none;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.grid input[type="radio"] + label, .comp-radio + label{
	cursor: pointer;
}
.comp-radio + label:hover{
	font-weight: 600;
	cursor: pointer;
}
.grid input[type="radio"] + label span, .comp-radio + label span{
	display:inline-block;
	width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	background: url(/jnh/icones/check-radio.png) -38px top no-repeat;
	background-size: 76px 19px;
	cursor:pointer;
}
.grid input[type="radio"]:checked + label, .comp-radio:checked + label{
	font-weight: 600;
}
.grid input[type="radio"]:checked + label span, .comp-radio:checked + label span{
	background: url(/jnh/icones/check-radio.png) -57px top no-repeat;
	background-size: 76px 19px;
}
.grid-cortar{
	overflow: hidden; height: 31px; line-height: 31px;
}
.grid-destaque-vermelho{
	background-color: #F55 !important;
	color: #FFF !important;
}
.grid-destaque-vermelho:hover, .grid-destaque-vermelho td:hover{
	background-color: #E44 !important;
}
.grid-destaque-verde{
	background-color: #439e39 !important;
	color: #FFF !important;
}
.grid-destaque-verde:hover, .grid-destaque-verde td:hover{
	background-color: #338e29 !important;
}
.grid-destaque-laranja{
	background-color: #ec3a01 !important;
	color: #FFF !important;
}
.grid-destaque-laranja:hover, .grid-destaque-laranja td:hover{
	background-color: #dc2a01 !important;
}
.grid-destaque-roxo{
	background-color: #7d299b !important;
	color: #FFF !important;
}
.grid-destaque-roxo:hover, .grid-destaque-roxo td:hover{
	background-color: #6d198b !important;
}
.grid-destaque-cinza-claro{
	background-color: #747474 !important;
	color: #FFF;
}
.grid-destaque-cinza-claro:hover, .grid-destaque-cinza-claro td:hover{
	background-color: #747474 !important;
}
.grid-destaque-amarelo{
	background-color: #fff8af !important;
}

.grid-rateio-clique{
	background-color: #414141 !important;
	color: #FFF !important;
}/*
.grid-rateio-clique, .grid-rateio-clique td{
	border: 1px solid  #121212 !important;
}*/
.grid-rateio-clique td{
	color: #FFF !important;
}
.grid-destaque-amarelo:hover, .grid-destaque-amarelo td:hover{
	background-color: #EFE89F !important;
}
.grid-destaque-amarelo:hover *, .grid-destaque-amarelo td:hover *{
	color: inherit !important;
}

.grid-tabela-vazia{
	margin: 20px 0px 20px 0px;
	font-size: 1.4em;
	color: #f4404f;
	text-align: center;
}
.grid-ordem{
	display: table;
	width: 150px !important;
	height: 30px !important;
	padding: 0px !important;
}
.grid-ordem img{
	margin-right: 5px;
	cursor: pointer;
}
.grid-formato-icone{
	cursor: pointer;
}
.grid-formato-icone + img{
	margin-left: 35px;
	margin-top: -210px;
	position: absolute;
	display: none;
	opacity: 0;
}
.grid-formato-icone:hover + img{
	display: table;
	position: absolute;
	box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.6);
	height: auto;
	width: auto;
	opacity: 1;
	z-index: 2000;
}

/* NOVO GRID */
.ux_grid{
	background-color: #FFF;
	width: 100%;
	border-collapse: collapse;
}
.ux_grid thead{
	background: #41a1ff;
	border: 1px solid #3191EF
}
.ux_grid thead th{
	color: #FFF;
	font-weight: 600;
	font-size: 12px;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #3191EF;
	vertical-align: bottom;
}
.ux_grid thead th{
	border-left: none !important;
}
.ux_grid tbody{
	background: #FFF;
	font-family: 'Roboto Mono';
}
.ux_grid tbody tr{
	background: #FFF;
}
.ux_grid tbody tr:nth-child(even){
	background: #FAFAFA;
}
.ux_grid tbody td{
	padding: 5px;
	font-size: 12px;
	border: 1px solid #abd5ff;
}
.ux_grid tbody tr:hover{
	background: #F4F4F4;
}

/* GRID DASHBOARD */
.grid_dash{
	background-color: #FFF;
	width: 100%;
	border-collapse: collapse;
}
.grid_dash thead{
	background: #EEE;
}
.grid_dash thead tr{
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
}
.grid_dash thead th{
	color: #505050;
	font-weight: 600;
	font-size: 12px;
	padding: 10px 12px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	vertical-align: bottom;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.grid_dash thead th{
	border-left: none !important;
}
.grid_dash tbody{
	background: #FFF;
}
.grid_dash tbody tr{
	background: #FFF;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
}
.grid_dash tbody td{
	padding: 6px 12px;
	font-size: 12px;
	border-bottom: 1px solid #EEE;
	color: #585858;
	vertical-align: middle;
}
.grid_dash tbody td .fa{
	font-size: 20px;
}
.grid_dash tbody tr:hover{
	background: #F4F4F4;
}

.filtro{
	display: table;
	height: 30px; line-height: 30px;
	border-right: 1px solid #CCC;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.filtro-texto{
	display: table; float: left;
	height: 30px; line-height: 30px;
	margin: 0px 5px 0px 5px;
}
.filtro-texto span{
	margin: 0px 5px 0px 5px;
}
.filtro-texto select{
	display: table; float: left;
	border: 0 !important;
	height: 30px !important;
	line-height: 30px !important;
	cursor: pointer;
}
.filtro-lupa{
	display: table; float: left;
	height: 30px;
	width: 30px;
	background-color: #EEE;
	background-image: url(/jnh/icones/filtro-lupa.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.filtro-lupa input{
	margin: -15px 0px 0px 0px;
	display: none;
	position: absolute;
	cursor: pointer;
	z-index: 90;
}
.filtro-lupa:hover *{
	display: block;
}
.filtro-composto{
	display: table;
	float: left;
	height: 30px;
	width: 30px;
	background-color: #EEE;
	background-image: url(/jnh/icones/filtro-funil.png);
	background-repeat: no-repeat;
	background-position: center center;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.filtro-composto select{
	width: 300px;
	margin: -15px 0px 0px 0px;
	display: none;
	position: absolute;
	cursor: pointer;
}
.filtro-composto:hover *, .filtro-composto select:hover{
	display: table;
}
.inconsistencia-area-div{
	overflow: auto;
	height: inherit;
	max-height: inherit;
}
.inconsistencia-area-div ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.inconsistencia-area-div ul li{
	background-color: #f4404f;
	padding: 5px 10px;
	border-bottom: 1px solid #911313;
	border-top: 1px solid #FF3A3A;
}
.inconsistencia-area-div p{
	font-size: 0.9em;
	margin: 5px 0px;
	text-align: left;
	color: #FFF;
}

.formulario{}
.formulario-div{
	background-color: #F4F4F4;
	border: 1px solid #E4E4E4;
	display: table;
	max-width: 960px;
}
.formulario-div-div{
	margin: 10px;
}
.formulario p{
	margin: 5px 0px 5px 0px;
	font-weight: 600;
	font-size: 0.9em;
}
.formulario-area-campo{
	margin-right: 10px;
}
.formulario input{
	width: 100%;
	height: 30px;
	padding-left: 5px;
	outline: none;
	border-radius: 2px;
	color: #666;
	border: 1px solid #DDD;
	background-color: #FFF;
	background-image: none;
	margin-right: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.formulario select{
	width: 100%;
	height: 30px;
	padding-left: 5px;
	outline: none;
	border-radius: 2px;
	color: #666;
	border: 1px solid #DDD;
	background-color: #FFF;
	background-image: none;
	margin-right: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.formulario textarea{
	width: 100%;
	min-height: 80px;
	padding-left: 5px;
	outline: none;
	border-radius: 2px;
	color: #666;
	border: 1px solid #DDD;
	background-color: #FFF;
	background-image: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	resize: none;
}
.formulario-editor{
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #CCC;
	width: 100%;
	height: 100%;
	outlie: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.formulario-titulo{
	padding: 5px 0px;
	color: #757575;
	font-weight: 600;
	position: relative;
	font-size: 13px;
	word-spacing: -1px;
}
.formulario-titulo-ajudas{
	cursor: pointer;
	position: absolute;
	top: 4px;
	right: 0px;
	display: block;
}
.formulario-titulo-ajudas span{
	margin-left: 4px;
}
.formulario-titulo-informacao{
	color: #888;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.formulario-titulo-informacao:hover{
	color: #333;
}
.formulario-titulo-ajuda{
	padding-left: 5px;
	color: #888;
	display: inline-block;
	text-align: center;
	font-size: 18px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.formulario-titulo-ajuda:hover{
	color: #333;
}
.submit_fixed{
	position: fixed;
	display: block;
	width: 100%;
	background-color: #ECECED;
	border-top: 2px solid #AAA;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 5px 40px 20px 40px;
	z-index: 10;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.box{
	display: inline-block;
	vertical-align: top;
	height: 110px;
	width: 110px;
	background-color: #888;
	text-align: center;
	cursor: pointer;
	margin: 0px 4px 4px 0px;
	border-radius: 3px;
}
.box:hover{
	transform: scale(1.01);
}
.box img{
	width: 35px;
	height: 35px;
	margin-top: 10px;
}
.box p{
	text-align: center;
	color: #FFF;
	font-size: 12px;
	padding: 0px 10px 0px 10px;
	margin: 10px 0px;
	line-height: 13px;
	font-weight: 400;
}
/* AZUL */
.box-azul-cinza{
	background-color: #657688 !important;
	color: #FFF !important;
}
.box-azul-cinza:hover{
	background-color: #556678 !important;
}
.box-azul-escuro{
	background-color: #0050ef !important;
	color: #FFF !important;
}
.box-azul-escuro:hover{
	background-color: #0040Df !important;
}
.box-azul-claro{
	background-color: #43769e !important;
	color: #FFF !important;
}
.box-azul-claro:hover{
	background-color: #0b90d1 !important;
}

.box-azul{
	background-color: #5681AF !important;
	color: #FFF !important;
}
.box-azul:hover{
	background-color: #8B8B8B !important;
}
.box-azul-texto{
	color: #43769e !important;
}
.box-azul-texto:hover{
	color: #0c4f7e !important;
}
.box-azul-legenda{
	display: inline-block;
	height: 14px;
	width: 14px;
	background-color: #43769e;
	vertical-align: middle;
	margin-right: 5px;
}

.box-purple{
	background-color: #af05e6 !important;
	color: #FFF !important;
}
.box-purple:hover{
	background-color: #8B8B8B !important;
}
.box-purple-texto{
	color: #af05e6 !important;
}
.box-purple-texto:hover{
	color: #9F05D6 !important;
}
.box-purple-legenda{
	display: inline-block;
	height: 14px;
	width: 14px;
	background-color: #af05e6;
	vertical-align: middle;
	margin-right: 5px;
}

/* VERDE */
.box-verde-cinza{
	background-color: #6d8764 !important;
	color: #FFF !important;
}
.box-verde-cinza:hover{
	background-color: #5d7754 !important;
}
.box-verde-claro{
	background-color: #a4c400 !important;
	color: #FFF !important;
}
.box-verde-claro:hover{
	background-color: #94B400 !important;
}
.box-verde{
	background-color: #60aa17 !important;
	color: #FFF !important;
}
.box-verde:hover{
	background-color: #509a07 !important;
}
.box-verde-texto{
	color: #3e7d00 !important;
}
.box-verde-texto:hover{
	color: #2e6d00 !important;
}
.box-verde-legenda{
	display: inline-block;
	height: 14px;
	width: 14px;
	background-color: #3e7d00;
	vertical-align: middle;
	margin-right: 5px;
}

.box-verde-escuro{
	background-color: #008a00 !important;
	color: #FFF !important;
}
.box-verde-escuro:hover{
	background-color: #007900 !important;
}
.box-verde-agua{
	background-color: #01abaa;
	color: #FFF !important;
}
.box-verde-agua:hover{
	background-color: #019B9A;
}
/* ROXO */
.box-roxo-cinza{
	background-color: #765f89 !important;
	color: #FFF !important;
}
.box-roxo-cinza:hover{
	background-color: #564f79 !important;
}
.box-roxo{
	background-color: #aa00ff !important;
	color: #FFF !important;
}
.box-roxo:hover{
	background-color: #9a00ef !important;
}
/* LARANJA */
.box-laranja-claro{
	background-color: #fa6900 !important;
	color: #FFF !important;
}
.box-laranja-claro:hover{
	background-color: #da5900 !important;
}
.box-laranja-claro div.ui-mlt-btn{
	background-image: url(/jnh/icones/ppp_branco.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 35px;
}
.box-laranja{
	background-color: #e51400 !important;
	color: #FFF !important;
}
.box-laranja:hover{
	background-color: #d50400 !important;
}
/* VERMELHO CLARO */
.box-laranja-texto{
	color: #ff5600 !important;
}
.box-laranja-texto:hover{
	color: #ce4600 !important;
}
.box-laranja-legenda{
	display: inline-block;
	height: 14px;
	width: 14px;
	background-color: #ff5600;
	vertical-align: middle;
	margin-right: 5px;
}

/* CINZA */
.box-cinza{
	background-color: #444 !important;
	color: #FFF !important;
}
.box-cinza:hover{
	background-color: #343434 !important;
}
.box-cinza-claro{
	background-color: #F4F4F4 !important;
	color: #545454 !important;
	border: 1px solid #AAA !important;
}
.box-cinza-claro:hover{
	background-color: #E4E4E4 !important;
}
.box-cinza-legenda{
	display: inline-block;
	height: 14px;
	width: 14px;
	background-color: #343434;
	vertical-align: middle;
	margin-right: 5px;
}

.box-preto{
	background-color: #222 !important;
	color: #FFF !important;
}
.box-preto:hover{
	background-color: #121212 !important;
}
/* VERMELHO */
.box-vermelho{
	background-color: #a20025 !important;
	color: #FFF !important;
}
.box-vermelho:hover{
	background-color: #920015 !important;
}
.box-vermelho div.ui-mlt-btn{
	background-image: url(/jnh/icones/ppp_branco.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 35px;
}
/* VERMELHO CLARO */
.box-vermelho-texto{
	color: #ED254F !important;
}
.box-vermelho-texto:hover{
	color: #AA0000 !important;
}
.box-vermelho-legenda{
	display: inline-block;
	height: 14px;
	width: 14px;
	background-color: #ED254F;
	vertical-align: middle;
	margin-right: 5px;
}

/* ROSA */
.box-rosa-claro{
	background-color: #f473d0 !important;
	color: #FFF !important;
}
.box-rosa-claro:hover{
	background-color: #e463c0 !important;
}
.box-rosa{
	background-color: #d90073 !important;
	color: #FFF !important;
}
.box-rosa:hover{
	background-color: #c90063 !important;
}
/* AMARELO */
.box-amarelo-cinza{
	background-color: #86794d !important;
	color: #FFF !important;
}
.box-amarelo-cinza:hover{
	background-color: #76693d !important;
}
.box-amarelo-claro{
	background-color: #e3c800 !important;
	color: #FFF !important;
}
.box-amarelo-claro:hover{
	background-color: #d3b800 !important;
}
.box-amarelo{
	background-color: #f1a30b !important;
	color: #FFF !important;
}
.box-amarelo:hover{
	background-color: #d1930b !important;
}
/* MARROM */
.box-marrom{
	background-color: #835a2c !important;
	color: #FFF !important;
}
.box-marrom:hover{
	background-color: #734a1c !important;
}
.botao{
	vertical-align: top;
	border: none;
	background-color: #AAA;
	cursor: pointer;
	outline: none;
	height: 30px;
	min-width: 30px;
	color: #FFF;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	border-radius: 2px;
	font-size: 0.9em;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-ms-word-break: normal !important; 
	word-break: normal !important; 
	word-break: normal !important; /* old webkit */ 
  	-webkit-animation: all 0.25s ease-in-out;
  	-moz-animation: all 0.25s ease-in-out;
  	-o-animation: all 0.25s ease-in-out;
  	-ms-animation: all 0.25s ease-in-out;
    animation: all 0.25s alternate;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.botao:hover{
	background-color: #9A9A9A;
	box-shadow: 0px 4px 24px 0px rgba(0,0,0,0.3);
  	-webkit-animation: all 0.25s ease-in-out;
  	-moz-animation: all 0.25s ease-in-out;
  	-o-animation: all 0.25s ease-in-out;
  	-ms-animation: all 0.25s ease-in-out;
    animation: all 0.25s alternate;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.botao:disabled{
	background-color: #D4D4D4 !important;
	border: 1px solid #D4D4D4;
	color: #EEE;
	cursor: default;
	box-shadow: none;
}
.botao-medio{
	height: 40px !important;
	min-width: 80px !important;
	font-size: 0.8em !important;
}
.botao-grande{
	height: 40px !important;
	min-width: 90px !important;
	font-size: 1em !important;
}
.botao-medio-vertical{
	height: 40px !important;
	min-width: 40px !important;
	font-size: 0.8em !important;
}
.ui-topo-botoes{
	margin-left: 10px;
}
.ui-box-notificacao{
	background-color: #F8F8F8;
	padding: 20px;
	border: 1px solid #57B1C2;
	text-align: center !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ui-box-notificacao p{
	text-align: center !important;
	color: #000 !important;
}
.ui-box-notificacao h1, .ui-box-notificacao h2, .ui-box-notificacao h3, .ui-box-notificacao h4{
	text-align: center !important;
	padding-bottom: 10px;
	color: #000 !important;
	border-bottom: 1px solid #57B1C2 !important;
}
.ui-mlt-btn{
	display: table;
	margin-top: 5px;
	float: right;
	width: 20px;
	height: 35px;
	line-height: 35px;
	background-image: url(/jnh/icones/ppp.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 35px;
}
.ui-mlt-btn-branco{
	display: table;
	margin-top: 0px;
	float: right;
	width: 20px;
	height: 35px;
	line-height: 35px;
	background-image: url(/jnh/icones/ppp_branco.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: auto 35px;
}
.ui-mlt-btn-medio{
	height: 40px;
}
.ui-mlt-btn:hover > select.ui-mlt-btn-lst{
	opacity: 0;
	filter: alpha(opacity=0);
}
.ui-mlt-btn-lst{
	cursor: pointer;
	width: 24px !important;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
}
.ui-login{
	display: table;
	margin: auto;
	width: 300px;
}
.ui-login input[type="email"], .ui-login input[type="password"]{
	outline: none;
	height: 40px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding-left: 10px;
	border: 1px solid #AAA;
	font-size: 1.2em;
	color: #2372c3;
}
.ui-login input[type="button"], .ui-login input[type="submit"]{
	outline: none;
	height: 40px;
	width: 100%;
	margin-top: 10px;
	color: #FFF;
	background-color: #2372c3;
	border: 0px solid rgba(0,0,0,0);
	cursor: pointer;
	font-size: 1.2em;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-o-appearance:none;
	-ms-appearance:none;
}
.ui-login input[type="button"]:hover, .ui-login input[type="submit"]:hover{
	background-color: #444;
}
.ui-login-erro{
	color: #f4404f;
}
.ui-input-text{
	height: 35px;
	padding: 0px 25px 0px 10px !important;
	width: 100%;
	border: 1px solid #AAA;
	color: inherit;
	border-radius: 2px;
}
.ui-input-select{
	height: 35px;
	padding: 0px 0px 0px 10px !important;
	border: 1px solid #AAA;
	color: inherit;
	background-color: #FFF;
}
.ui-input-textarea{
	height: 100px;
	padding: 10px !important;
	width: 100%;
	border: 1px solid #AAA;
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	resize: none;
	border-radius: 2px;
	font-size: 0.8em;
}
.ui-submit{
	outline: none;
	height: 30px;
	color: #FFF;
	background-color: #509a07;
	border: 0px solid rgba(0,0,0,0);
	cursor: pointer;
	font-size: 1em;
	border-radius: 2px;
}
.ui-input-text:focus, .ui-input-textarea:focus, .ui-input-select:focus{
	border-style: dashed !important;
}
.ui-submit:hover, .ui-submit:active, .ui-submit:focus{
	background-color: #408A07;
}
.app-editor-arrastavel{
	border: 1px solid #AAA;
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 600px;
	outline: none;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.app-editor-arrastavel img{
	width: 100%;
	max-width: 100%;
}
.ui-drop{
	display: table;
	width: 100%;
	border-bottom: 1px solid #F8F8F8;
	padding-left: 5px;
	padding-right: 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ui-drop-botao{
	display: table;
	cursor: pointer;
	width: 35px !important;
	height: 35px !important;
	background-color: rgba(0,0,0,0) !important;
	outline: none !important;
	background-image: url(/jnh/icones/ui-drop.png);
	background-size: auto 35px;
	background-repeat: no-repeat;
	background-position: center center !important;
	border: 0px solid #FFF !important;
	float: right;
}
.ui-drop-botao-rotate{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.ui-drop-botao-rotate-45{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ui-drop-botao:hover, .ui-drop-botao:active, .ui-drop-botao:focus{
	background-position: center center !important;
	background-size: auto 30px;
	background-image: url(/jnh/icones/ui-drop-over.png);
}
.ui-porcento{
	font-size: 3.8em;
	margin-right: 10px;
	min-width: 140px;
	font-family: 'Roboto';
}
.ui-porcento-comp{
	font-size: 12px;
	margin-right: 10px;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background-color: #EEE;
	font-family: 'Roboto';
	position: relative;
}
.ui-porcento-comp div{
	position: absolute;
	height: inherit;
	display: table;
	background-color: #AAA;
	z-index: 1;
}
.ui-porcento-comp span{
	width: inherit;
	height: inherit;
	line-height: inherit;
	text-align: center;
	display: table;
	z-index: 2;
	position: absolute;
	font-weight: 600;
	color: #000;
	text-shadow: 0px 0px 1px rgba(255,255,255,1);
}
.ui-porcento-comp-0{
	width: 0px !important;
}
.ui-porcento-comp-10{
	width: 10% !important;
	background-color: #ed254f !important;
}
.ui-porcento-comp-20{
	width: 20% !important;
	background-color: #56638a !important;
}
.ui-porcento-comp-30{
	width: 30% !important;
	background-color: #56638a !important;
}
.ui-porcento-comp-40{
	width: 40% !important;
	background-color: #56638a !important;
}
.ui-porcento-comp-50{
	width: 50% !important;
	background-color: #56638a !important;
}
.ui-porcento-comp-60{
	width: 60% !important;
	background-color: #56638a !important;
}
.ui-porcento-comp-70{
	width: 70% !important;
	background-color: #56638a !important;
}
.ui-porcento-comp-80{
	width: 80% !important;
	background-color: #56638a !important;
}
.ui-porcento-comp-90{
	width: 90% !important;
	background-color: #56638a !important;
}
.ui-porcento-comp-100{
	width: 100% !important;
	background-color: #56638a !important;
}
.ui-tabs{
	list-style: none;
	margin: 0px;
	padding: 0px;
	line-height: 0px;
	background-color: #D3D3D3;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.ui-tabs-div{
	border-top: 5px solid #43769e !important;
	padding: 10px;
	border: 1px solid #D3D3D3;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;s
}
.ui-tabs li{
	display: inline-table;
	height: 40px;
	line-height: 38px;
	min-width: 75px;
	background-color: #555;
	cursor: pointer;
	text-align: center;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}
.ui-tabs li:hover{
	background-color: #43769e;
}
.ui-tabs-ativa{
	background-color: #43769e !important;
}
.ui-tabs li div{
	color: #FFF;
	height: inherit;
	padding: 0px 8px;
	line-height: inherit;
	text-align: center;
}
.ui-assunto{
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	display: table;
	width: 100%;
	background-color: #E8E8E8;
}
.ui-assunto:hover{
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #FFF;
}
.ui-assunto .false-h4{
	padding: 6px;
}
.ui-assunto .ui-porcento-comp{
	margin-top: 6px;
}
.ui-links, .ui-links a{
	color: #FFF;
	text-align: left;
	font-size: 1em;
}
.ui-tabela-calendario th{
	background-color: #565d64;
	border: 1px solid #464d54;
	color: #FFF;
	padding: 5px 0px;
}
.ui-tabela-calendario tr:nth-child(odd){
	background-color: #F4F4F4;
}
.ui-tabela-calendario tr:nth-child(even){
	background-color: #FFF;
}
.ui-tabela-calendario td{
	border: 1px solid #C3C3C3;
}
.ui-tabela-calendario-reuniao{
	background-color: #43769e;
	padding: 5px;
	color: #FFF;
	margin-top: 5px;
}
.ui-tabela-calendario-compromisso{
	background-color: #439e39;
	padding: 5px;
	color: #FFF;
	margin-top: 5px;
}
.ui-tabela-calendario-compromisso:hover{
	background-color: #338e29;
}
.ui-tabela-calendario-compartilhado{
	background-color: #666;
	padding: 5px;
	color: #FFF;
	margin-top: 5px;
}
.ui-tabela-calendario-compartilhado:hover{
	background-color: #777;
}
.ui-tabela-calendario-aniversario{
	background-color: #765f89;
	padding: 5px;
	color: #FFF;
	margin-top: 5px;
}
.ui-tabela-calendario-hoje{
	background-color: #D4D4D4;
}
.ui-tabela-calendario-item{
	background-color: #e51400;
	padding: 5px;
	color: #FFF;
	margin-top: 5px;
}
.ui-tabela-calendario-item:hover{
	background-color: #D50400;
}
.ui-explicacao{
	position: relative;
	margin-top: 5px;
	background-color: #FFFEE6;
	border: 1px solid #EDE425;
	color: #363636;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 500;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ui-explicacao p{
	margin: 5px 0px;
}
.ui-explicacao-close{
	padding: 0;
	cursor: pointer;
	display: block;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 20px;
	height: 20px;
	background-color: #555;
	color: #FFF !important;
	text-align: center;
	font-size: 9px;
	line-height: 20px;
}
.ui-explicacao-close:hover{
	background-color: #333;
}
.ui-assinalar{
	font-size: 16px !important;
	color: #DB1F1F !important;
}
.ui-alert{
	display: block;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #ed254f;
	color: #FFF;
	border: 1px solid #ed153f;
	border-radius: 3px;
	font-size: 12px;
	padding: 5px 10px;
	font-weight: 500;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ui-process{
	display: block;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #41a1ff;
	color: #FFF;
	border: 1px solid #3191ef;
	border-radius: 3px;
	font-size: 12px;
	padding: 5px 10px;
	font-weight: 600;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ui-medicao{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
.ui-medicao-li{
	display: inline-block;
	vertical-align: top;
	padding: 20px 8px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #DDD;
	color: #111;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ui-medicao-inicio{
	background-color: #4F90B6;
	color: #FFF;
}
.ui-medicao-editando{
	background-color: #DA5700;
	color: #FFF;
	transform: scale(1.1);
}
.ui-medicao-troca-antes{
	margin-right: -1px !important;
	background-color: #999;
	color: #FFF;
}
.ui-medicao-troca-depois{
	margin-left: -11px !important;
	background-color: #999;
	color: #FFF;
}
.ui-medicao-data{
	font-size: 1em;
}
.ui-medicao-consumo{
	font-size: 1.1em;
	font-weight: 600;
}
.ui-medicao-legenda{
	font-size: 0.8em;
}
.ui-botao{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	border-radius: 4px;
}
.ui-botao-on{
	border: 1px solid #727272;
	background-color: #929292;
	color: #FFF;
}
.ui-botao-on .ui-botao-on-off-icone{
	background-image: url(/jnh/icones/checkmark-branco.png);
}
.ui-botao-off{
	border: 1px solid #DDD;
	background-color: #EEE;
	color: #AAA;
}
.ui-botao-off .ui-botao-on-off-icone{
	background-image: url(/jnh/icones/checkmark-no-branco.png);
	border-right: 1px solid #DDD; 
	background-color: rgba(0,0,0,0.1);
}
.ui-botao-on-off-icone{
	display: inline-block;
	border-radius: 4px 0px 0px 4px;
	width: 30px; 
	height: 30px; 
	vertical-align: top; 
	background-position: center center; 
	background-repeat: no-repeat; 
	background-size: 20px;
}
.ui-botao-on-off-texto{
	display: inline-block;
	line-height: 28px;
	padding: 0px 10px 0px 5px;
	vertical-align: top;
}
.ui-tabela-responsiva td:nth-child(1){
	padding-left: 0px !important;
}
.ui-tabela-responsiva td:last-child{
	padding-right: 0px !important;
}

.app-grid-mobile{
	
}
.app-grid-mobile-margin-right{
	padding: 0px 10px 0px 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.app-grid-mobile ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.app-grid-mobile li{
	list-style: none;
	padding: 10px;
	border: 1px solid #F4F4F4;
	position: relative;
	margin-bottom: 5px;
	border-radius: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.app-grid-mobile li p{
	margin: 2px 0px;
}
.app-grid-mobile li:nth-child(odd){
	border: 1px solid #E8E8E8;
	background-color: #F2F2F2;
}
.app-formato-valor{
	font-size: 1.4em;
	color: #BD3647;
}
.app-formato-titulo{
	font-size: 1.1em;
	color: #FF4B00;
}
.app-formato-text{
	font-size: 0.9em;
}
.app-imginput{
	position: relative;
	display: inline-block;
	border: 1px solid #3a3a3a;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.app-imginput-input{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px 0px 0px 10px;
}
.app-imginput-img img{
	width: 100%;
	height: auto;
	cursor: pointer;
	display: block;
}
.app-imginput-img label:hover{
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.5);
	display: block;
}

#financeiro-boletos-tela-alterar, #financeiro-boletos-tela-reemitir{
	display: none;
	position: fixed;
	background-color: rgba(0,0,0,0.95);
	z-index: 5;
	top: 40px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.financeiro-boletos-tela-alterar-status, .financeiro-boletos-tela-reemitir-status{
	display: inline-block;
	position: fixed;
	width: 300px;
	margin-left: -140px;
	background-color: #FFF;
	top: 80px;
	left: 50%;
	padding: 10px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}

#crg-cont{
	text-align: center;
	display: table;
	margin-left: -50px;
	position: fixed;
	left: 50%;
	bottom: 50px;
	color: #000;
	z-index: 999;
}
.transicao{
  	-webkit-animation: all 0.25s ease-in-out;
  	-moz-animation: all 0.25s ease-in-out;
  	-o-animation: all 0.25s ease-in-out;
  	-ms-animation: all 0.25s ease-in-out;
    animation: all 0.25s alternate;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.transicao:hover{
  	-webkit-animation: all 0.25s ease-in-out;
  	-moz-animation: all 0.25s ease-in-out;
  	-o-animation: all 0.25s ease-in-out;
  	-ms-animation: all 0.25s ease-in-out;
    animation: all 0.25s alternate;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}
.tooltip{
	position: relative;
}
.tooltip:hover:after{
	background: #333;
	border-radius: 5px;
	bottom: 40px;
	color: #fff;
	content: attr(data-title);
	left: -200px;
	padding: 5px 10px;
	line-height: 20px;
	position: absolute;
	z-index: 99998;
	width: auto;
	width: 220px;
	font-size: 14px;
	font-weight: 600;
}

.tooltip:hover:before{
	border: solid;
	border-color: #333 transparent;
	border-width: 6px 6px 0 6px;
	bottom: 34px;
	content: "";
	left: 10%;
	position: absolute;
	z-index: 99999;
	font-size: 14px;
	font-weight: 600;
}
.cards{
	position: relative;
	display: inline-block;
	vertical-align: top;
	background-color: #FFF;
	border-radius: 4px;
	border-top: 1px solid #DDD;
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.4);
	padding: 10px; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.cardstitle{
	border-radius: 4px 4px 0px 0px;
	background-color: rgba(0,0,0,0.57);
	position: relative;
	left: -10px;
	right: -10px;
	top: -16px;
	width: 100%;
	display: inline-block;
	padding: 10px;
	color: #FFF;
}
.cardstitle .boss-js-date-label *{
	color: #FFF !important;
}
.cardstitlelow{
	border-radius: 4px 4px 0px 0px;
	background-color: rgba(0,0,0,0.1);
	position: relative;
	left: -10px;
	right: -10px;
	top: -16px;
	width: 100%;
	display: inline-block;
	padding: 10px;
	color: #FFF;
}
.cardstitle-circle-area{
	display: inline-block;
	position: absolute;
	top: -10px;
	right: 20px;
}
.cardstitle-circle{
	box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.2);
	border-radius: 50%;
	display: inline-block;
	color: #FFF;
	height: 40px;
	width: 40px;
	text-align: center;
	vertical-align: middle;
	font-size: 0.8em;
	line-height: 40px;
	font-weight: bold;
}
.cards-destaque{
	position: relative;
	border: 1px solid #F4F4F4;
	margin-bottom: 5px !important;
}
.cards-destaque:hover{
	border-color: #2196F3;
	background-color: rgba(33, 166, 243, 0.05);
	box-shadow: 0px 0px 1px 1px rgba(33, 166, 243, 0.7);
}

/* UX BOX */
.ux_bx{
	position: relative;
	display: inline-block;
	vertical-align: top;
	background-color: #FFF;
	border-radius: 3px;
	padding: 20px; 
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.13);
}
.ux_bx_noshadow{
	box-shadow: none;
}
.ux_bx_ovflw{
	overflow: auto;
	min-height: 250px;
	position: relative;
}
.ux_bx_ovflw::-webkit-scrollbar{width: 10px; height: 10px;}
.ux_bx_ovflw::-webkit-scrollbar-track-piece{background-color: #EEE;}
.ux_bx_ovflw::-webkit-scrollbar-thumb:vertical{height: 5px; background-color: #757575;}
.ux_bx_ovflw::-webkit-scrollbar-thumb:horizontal{width: 5px; background-color: #757575;}
.ux_bx_nopd{
	margin-top: 20px;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -20px;
}
.ux_bx_header{
	border-radius: 3px 3px 0px 0px;
	background-color: #E4E4E4;
	margin: -20px;
	display: block;
	position: relative;
	padding: 10px 20px;
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ux_bx_header_pd1{
	padding-right: 40px;
}
.ux_bx_header_pd2{
	padding-right: 70px;
}
.ux_bx_header_pd3{
	padding-right: 100px;
}
.ux_bx_header_bg{
	padding: 0px 20px;
	display: block;
	width: 100%;
	background-color: #E4E4E4;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ux_bx h2{
	font-size: 15px;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ux_bx h2[data-toggle]{
	cursor: pointer;
}
.ux_bx_toggle{
	display: block;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
}
.ux_bx_toggle .txt{
	font-size: 10px;
	font-weight: 600;
	display: inline-block;
	vertical-align: middle;
	line-height: 12px;
	margin-left: 5px;
}
.ux_bx hr{
	margin: 4px 0px 10px 0px;
	height: 1px;
	width: 100%;
	background-color: #DDD;
}
.ux_bx_icon{
	background-color: #e5e5e5;
	background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(229,229,229,1)), color-stop(50%, rgba(229,229,229,1)), color-stop(50%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(229,229,229,1) 0%, rgba(229,229,229,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36343e', endColorstr='#ffffff', GradientType=0 );
	margin: -20px -20px 0px -20px;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ux_bx_icon_danger{
	background-color: #e5e5e5;
	background: -moz-linear-gradient(top, rgba(237,37,80,1) 0%, rgba(237,37,80,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,37,80,1)), color-stop(50%, rgba(237,37,80,1)), color-stop(50%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(237,37,80,1) 0%, rgba(237,37,80,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(237,37,80,1) 0%, rgba(237,37,80,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(237,37,80,1) 0%, rgba(237,37,80,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(237,37,80,1) 0%, rgba(237,37,80,1) 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36343e', endColorstr='#ffffff', GradientType=0 );
	margin: -20px -20px 0px -20px;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.ux_bx_header_danger *{
	color: #FFF !important;
}
.ux_bx_header_white{
	background-color: #FFF;
}
.ux_bx_icon img{
	height: 85px;
	width: auto;
	display: block;
	margin: auto;
	border-radius: 50%;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.13), 0 1px 5px 0 rgba(0,0,0,0.2);
}
.ux_bx_icon .square{
	height: 100px;
	width: auto;
	display: block;
	margin: auto;
	border-radius: 0;
	box-shadow: none;
	background-color: #FFF;
	border: 1px solid #e5e5e5;
}
.ux_bx_itemicon{
	display: inline-block;
	width: 35px;
	vertical-align: middle;
}
.ux_bx_itemtext{
	display: inline-block;
	width: calc(100% - 35px);
	vertical-align: middle;
	padding: 0px 0 10px 0;
}
.ux_bx_header_danger{
	background: rgba(237,37,80,1);
	background: -moz-linear-gradient(left, rgba(237,37,80,1) 0%, rgba(237,66,50,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237,37,80,1)), color-stop(100%, rgba(237,66,50,1)));
	background: -webkit-linear-gradient(left, rgba(237,37,80,1) 0%, rgba(237,66,50,1) 100%);
	background: -o-linear-gradient(left, rgba(237,37,80,1) 0%, rgba(237,66,50,1) 100%);
	background: -ms-linear-gradient(left, rgba(237,37,80,1) 0%, rgba(237,66,50,1) 100%);
	background: linear-gradient(to right, rgba(237,37,80,1) 0%, rgba(237,66,50,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed2550', endColorstr='#ed4232', GradientType=1);
}
.ux_bx_header_danger h2{
	color: #FFF;
}

.rel-number-principal{
	font-size: 80px;
	text-align: center;
}
#script_debug{
	display: block;
	position: fixed;
	right: 5px;
	bottom: 5px;
}
#script_debug_t{
	color: #FFF;
	font-size: 11px;
	font-weight: 600;
	display: block;
	padding: 5px 20px;
	border-radius: 0 15px 0 0;
	background-color: #656565;
	text-align: right;
}
#script_debug_m{
	border-top: 1px solid rgba(255,255,255,0.1);
	color: #FFF;
	font-size: 10px;
	font-weight: 600;
	display: block;
	padding: 5px 20px;
	border-radius: 0 0 0 11px;
	background-color: #5681AF;
	text-align: right;
}

.ux_seo_ti{
	box-sizing: content-box;
	margin-top: 0px;
	margin-bottom: 2px;
	line-height: 18px;
	overflow: hidden;
	clear: both;
	font-family: helvetica, arial, sans-serif;
	color: rgb(0, 0, 238);
	font-size: 16px;
	padding: 0px;
	text-decoration: underline;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ux_seo_link{
	box-sizing: content-box;
	margin-top: 0px;
	margin-bottom: 3px;
	line-height: 18px; overflow: hidden; clear: both;
	font-family: helvetica, arial, sans-serif;
	color: rgb(0, 128, 42);
	font-size: 14px;
	padding: 0px;
	background-color: rgb(255, 255, 255);
	font-weight: 600;
}
.ux_seo_desc{
	box-sizing: content-box;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 18px;
	overflow: hidden;
	clear: both;
	font-family: helvetica, arial, sans-serif;
	color: rgb(68, 68, 68);
	padding: 0px;
	height: 38px;
}
.content{
	width: 100%;
	max-width: 1240px;
	margin: auto;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.content_h{
	padding-left: 0;
	padding-right: 0;
}
.content_v{
	padding-top: 50px;
	padding-bottom: 50px;
}
.content_l{
	max-width: 500px;
}
.max800{
	max-width: 800px;
}
.max600{
	max-width: 600px;
}
.max480{
	max-width: 480px;
}
.content_m{}

@media all and (min-width: 1281px){

}
@media all and (min-width: 1024px) and (max-width: 1280px){

}
@media all and (min-width: 961px) and (max-width: 1023px){
	.content_m{
		max-width: 500px;
	}
}
@media all and (min-width: 801px) and (max-width: 960px){
	h1{
		font-size: 20px;
	}
	h2{
		font-size: 19px;
	}
	.bloco{
		width: 100% !important;
		padding: 5px 0px !important;
	}
	.ui-tabela-responsiva-ext td{
		clear: both !important; float: left !important; display: table !important; width: 100% !important;
	}
	.content_m{
		max-width: 500px;
	}

	.ui-paginacao-botoes-left{
		width: calc(100%);

	}
	.ui-paginacao-botoes-right{
		width: 100%;
	}
}
@media all and (min-width: 321px) and (max-width: 800px){
	body{
		font-size: 16px;
	}
	h1{
		font-size: 19px !important;
	}
	h2{
		font-size: 18px;
	}
	.bloco{
		width: 100% !important;
		padding: 5px 0px !important;
	}
	.estrutura-dashboard{
		margin-top: 50px;
		padding: 20px 20px;
		padding-bottom: 100px;
	}
	.box p{
		font-size: 0.8em;
	}
	.ui-ver-p{
		max-width: 630px !important;
	}
	.ui-tabela-responsiva td, .ui-tabela-responsiva-ext td{
		clear: both !important; float: left !important; display: table !important; width: 100% !important;
	}
	.no-mobile{
		display: none !important;
		position: absolute;
		margin-left: -99999px;
	}
	.mobile-text-center{
		text-align: center;
	}

	.formulario-titulo{
		margin: 5px 0px 0px 0px;
	}
	.content_m{
		max-width: 500px;
	}
	.ux_bx h2{
		font-size: 14px;
	}

	.ui-paginacao-botoes-left{
		width: calc(100%);

	}
	.ui-paginacao-botoes-right{
		width: 100%;
	}
	.ui-paginacao-botoes-right button{
		width: 100%;
	}
}

@media all and (max-width: 320px){
	body{
		font-size: 16px;
	}
	h1{
		font-size: 18px !important;
	}
	h2{
		font-size: 17px;
	}
	.bloco{
		width: 100% !important;
		padding: 5px 0px !important;
	}
	.estrutura-dashboard{
		margin-top: 50px;
		padding: 20px 20px;
		padding-bottom: 100px;
	}
	.ui-ver-p{
		max-width: 310px !important;
	}
	.ui-tabela-responsiva td, .ui-tabela-responsiva-ext td{
		clear: both !important; float: left !important; display: table !important; width: 100% !important;
	}
	.no-mobile{
		display: none !important;
		position: absolute;
		margin-left: -99999px;
	}
	.mobile-text-center{
		text-align: center;
	}
	.formulario-titulo{
		margin: 5px 0px 0px 0px;
	}
	.content_m{
		max-width: 500px;
	}
	.render_dolar{
		height: 42px !important;
		width: auto !important;
		margin: 9px 10px 3px 20px !important;
		font-size: 10px !important;
	}
	.ux_bx h2{
		font-size: 14px;
	}

	.ui-paginacao-botoes-left{
		width: calc(100%);

	}
	.ui-paginacao-botoes-right{
		width: 100%;
	}
	.ui-paginacao-botoes-right button{
		width: 100%;
	}
}