/*
# 01 RESET
# 02 HEADER
# 03 FOOTER
# 04 HOME
# 04 ACCESSIBILITY
*/

/************** 01 RESET **************/

@charset "utf-8";
/* reset */
html, body,input, button, textarea, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;outline:0}
ul, ol{list-style:none}
img,section, article, aside, header, footer, nav, dialog, figure {display:block}
address{font-style:normal}
textarea{resize:none;font:12px arial}
h1,h2,h3{font-weight:400}
em{font-style:normal}
a{text-decoration:none}
button{background:none}
label{cursor:pointer}
input{background:none}
table{border-collapse:collapse;border-spacing:0}

/* mobile */
input, textarea {-webkit-appearance:none;border-radius: 0px;box-shadow: none;-webkit-appearance: none;box-sizing: border-box;}
a, input[type='submit']{cursor: pointer;}
select {outline: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none; background-color: transparent; border-radius: 0;cursor: pointer;}
select::-ms-expand {display: none;/* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Good browsers :) */ opacity:0;}

body{-webkit-text-size-adjust:100%;-webkit-text-size-adjust: none;-webkit-font-smoothing: antialiased;-moz-osx-text-size-adjust: none;-moz-osx-font-smoothing: antialiased;-moz-text-size-adjust: none;-moz-font-smoothing: antialiased;text-size-adjust: none;font-smoothing: antialiased;overflow-y: scroll;-webkit-overflow-scrolling: touch;}

/* end reset */
button, a {-webkit-user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

.disabled {pointer-events: none;cursor: default;opacity: .5;}





/*




*/

body {
	background-color: #edeff3;
	font-family: 'Open Sans', sans-serif;
}

p {
	font-size: 16px;
	color: #939aa4;
	margin: 15px 0;
}


/*títulos das páginas*/
.page-header {}
.page-header h1, .page-header h2, .page-header h3 {
	font-weight: 600;
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #d7d8da;


	font-size: 18px;
	padding-bottom: 26px;
	margin-top: 25px;
	margin-bottom: 16px;
}

.page-header h2 {
	font-size: 16px;
	padding-bottom: 34px;
	margin-top: 52px;
	margin-bottom: 36px;
}

@media (min-width: 768px) {
	.container {
		width: 750px;
	}
}
@media (min-width: 992px) {
	.page-header h1, .page-header h2, .page-header h3 {
		font-size: 28px;
		padding-bottom: 40px;
		margin-top: 55px;
		margin-bottom: 36px;
	}

	.page-header h2 {
		font-size: 24px;
	}
}

/*helpers*/
.help-block {
	display: inline-block;
	width: 100%;
	font-size: 16px;
	color: #939aa4;
	background-color: #fff;
	background-image: none;
	border: 1px solid #dfdfdf;
	padding: 15px 22px;
}


.highlight {
	background-color: #e3e3e3;
	padding: 10px 14px;
	box-sizing: border-box;
	border: 1px solid #dfdfdf;
	border-top: none;
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.highlight {
		padding: 23px 38px;
	}
}
@media (min-width: 992px) {
	.highlight {

	}
}

.box-collapse
{
	font-family: "Open Sans";
}

.panel-red
{
	background-color: rgb(251, 117, 103);
	color: white;
}

.subtitle-red
{
	background-color: rgb(206, 98, 98) !important;
	color: white;
}

.subtitle-red span, .panel-red span
{
	color: white !important; 
}

.panel-blue
{
	background-color: rgb(41, 128, 185);
	color: white;
}

.subtitle-blue
{
	background-color: rgb(36, 111, 160) !important;
	color: white;
}
.subtitle-blue span, .panel-blue span
{
	color: white !important;
}

.panel-green
{
	background-color: rgb(71, 199, 125);
	color: white;
}

.subtitle-green
{
	background-color: rgb(64, 177, 112) !important;
	color: white;
}
.subtitle-green span, .panel-green span
{
	color: white !important;
}

/*body span
{
	color: black !important;
}*/

.fooicon {
	color: black !important;
}

.fakeTipsyTarget
{
	color: white !important;
}

.box-collapse div
{
	color: black;
}

.collapse-fixed-content.panel-red,
.collapse-fixed-content.panel-green,
.collapse-fixed-content.panel-blue {
    font-weight: bold;
    box-sizing: border-box;
    color: #fff;
    text-transform: uppercase;
}

.panel-red div, .panel-green div, .panel-blue div
{
	color: #fff;
}

.collapse-fixed-content.panel-red span,
.collapse-fixed-content.panel-green span,
.collapse-fixed-content.panel-blue span {
    font-size: 12px;
}

.collapse-fixed-content .panel-theme-title {
    font-weight: bold;
    text-transform: uppercase;  
}

.collapse-subtitle.subtitle-red,
.collapse-subtitle.subtitle-blue,
.collapse-subtitle.subtitle-green {
    color: #fff;
}
.box-collapse .collapse-subtitle{
	padding-bottom: 13px;
}

.btnMais  {
	font-size: 16px;
	background-color: #a6a6a6;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	padding: 12px 20px;
	margin-top: 15px;
}


.btnMais.btn-secondary {
	background: #fff;
	color: #666;
	border: 1px solid #dfdfdf;
}
.btnMais.btn-secondary:hover {
	background: #ddd;
}


/*select personalizado*/


.form-control2 {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #273549;
    background-color: #fcfcfc;
    background-image: none;
    border: 1px solid #dfdfdf;
    padding: 0 22px;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-position: calc(100% - 20px) center;
}

select.form-control2 {
	padding-top: 0;
	padding-bottom: 0;
	color: #273549;
}


.select-menu {
	position: relative;
	width: 100%;
	display: inline-block;
	height: 40px;
	margin-bottom: -4px;
}

.select-menu .custom-dropdown {
	position: relative;
	width: 100%;
	margin:0;
	position: absolute;
	right: 0;
	top: 0;
}


.select-menu .custom-dropdown select {
	  -webkit-appearance: button;
	  outline: none;
	  margin-bottom: 0;
}

.select-menu .custom-dropdown2::before, .select-menu .custom-dropdown::after {
	content: "";
	position: absolute;
	pointer-events: none;
}
.select-menu .custom-dropdown::after {
	content: " ";
	background: url(/pentaho/api/repos/%3Apublic%3AOpenReports%3AResources%3Anew_layout%3Aassets%3Aimages%3Aselect.png/content) no-repeat center #fff;
	width: 30px;
	height: 100%;
	border: 1px solid #dfdfdf;
	background-color: #fcfcfc;
	border-left: none;
	box-sizing: border-box;
	top: 0;
	right: 0;
	margin-top: 0;

}
.select-menu .custom-dropdown select[disabled] {color: #519ed2;}
.select-menu .custom-dropdown select[disabled]::after {color: #519ed2;}


select.form-control.error, select.form-control.valid {
	background-image: none;
}

/* 05 ACCESSBILITY */

body.class-acess
{
	background-color: rgb(37, 38, 38);
	color: white;
}

body.class-acess span
{
	color: white !important;
}

body.class-acess table span
{
	color: white !important;
}

body.class-acess .panel-red
{
	background-color: rgb(157, 157, 157);
}

body.class-acess .subtitle-red
{
	background-color: rgb(102, 102, 102) !important;
}

body.class-acess .panel-blue
{
	background-color: rgb(157, 157, 157);
}

body.class-acess .subtitle-blue
{
	background-color: rgb(102, 102, 102) !important;
}

body.class-acess .panel-green
{
	background-color: rgb(157, 157, 157);
}

body.class-acess .subtitle-green
{
	background-color: rgb(102, 102, 102) !important;
}

body.class-acess .box-collapse
{
	background-color: black;
	color: white;
}

body.class-acess .box-collapse div
{
	color: white;
}

body.class-acess .box-collapse a span
{
	color: black !important;
}

body.class-acess  .collapse-subtitle
{
	background-color: black;
}

body.class-acess .fa
{
	color: white;
}

body.class-acess select
{
	color: black;
}

body.class-acess label
{
	color: white;
}

body.class-acess .form-control2
{
	color: white !important;
	background-color: black !important;
	border: : 1px solid #4F4F4F  !important;
}
body.class-acess .form-control2::after
{	
	background-color: #4f4f4f;
	border: none;
}

body.class-acess .paginate_button span {
    background: #26FF5C !important;
}

body.class-acess .current {
    background-color: #909090 !important;
}

body.class-acess .dataTables_wrapper .dataTables_paginate span a
{
	background-color: #656565 !important;
}

body.class-acess .dataTables_wrapper .dataTables_paginate span .current
{
	background-color: #909090 !important;
}

body.class-acess .dataTables_wrapper .dataTables_paginate span a:hover,
body.class-acess .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
{
    background-color: #909090 !important;
}


body.class-acess .dataTables_wrapper .dataTables_paginate .paginate_button.next, 
body.class-acess .dataTables_wrapper .dataTables_paginate .paginate_button.previous
{
	color: #999999 !important;
}

body.class-acess .dataTables_wrapper .dataTables_paginate .paginate_button .next:hover, 
body.class-acess .dataTables_wrapper .dataTables_paginate .paginate_button .previous:hover
{
	color: #D900D9 !important;
}

body.class-acess .dataTables_wrapper .dataTables_paginate .paginate_button.next .disabled,
body.class-acess .dataTables_wrapper .dataTables_paginate .paginate_button.previous .disabled
{
	color: #313140 !important;
}

body.class-acess .back-to-top
{
	color: #999999 !important;
}

body.class-acess .dataTables_wrapper table.dataTable thead th
{
	background-color: #1b1b1b;
	color: #fff;
}

body.class-acess .dataTables_wrapper table.dataTable,
body.class-acess .dataTables_wrapper table.dataTable th, 
body.class-acess .dataTables_wrapper table.dataTable td,
body.class-acess .odd td
{
	background-color: #1b1b1b;
	color: #fff;
}

body.class-acess .dataTables_wrapper tr:nth-child(2n) td,
body.class-acess .even td
{
	background-color: #3f3f3f;
}

.dataTables_wrapper .treetable tr:nth-child(2) th
{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.dataTables_wrapper .treetable tr:nth-child(1) th:nth-child(1)
{
	text-align: left !important;
}

.dataTables_wrapper .treetable tr:nth-child(2) th:nth-child(1)
{
	text-align: left !important;
}

.dataTables_wrapper th
{
	padding-left: 12px !important;
	padding-right: 12px !important;
}

.odd td{
	background: #edeff3; 
}

.even td{
	background: #fff;
}

.font-aumentar{
	font-size: 16px;
}

.custom-input, input
{
	background-color: #fcfcfc !important;
	border: 1px solid #dfdfdf !important;
	padding: 8px 20px !important;
	font-size: 14px !important;
	font-size: 16px !important;
	color: #273549 !important;
}


body.class-acess .custom-input,body.class-acess input
{
	color: white !important;
	background-color: black !important;
	border: 1px solid #4F4F4F !important;
}

.container
{
	background-color: #fff;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .12);	
}

body.class-acess .container
{
	background-color: #252626;
}

body.class-acess .fakeTipsyTarget span{
	color: white !important;
}


.panel-header
{
	background: none !important;
	border: none !important;
	box-shadow: none !important;
}


.chosen-container.chosen-container-single, .chzn-select
{
    width: 100% !important;
}

.chosen-container.chosen-container-single a, .chzn-select
{
    height: 38px !important;
    background: #fcfcfc !important;
    border: #dfdfdf 1px solid !important;
    border-radius: 0 !important;
}

@media only screen and (min-width: 501px){
	.chosen-container.chosen-container-single div b
	{
		content: " " !important;
		background: url(/pentaho/api/repos/%3Apublic%3AOpenReports%3AResources%3Anew_layout%3Aassets%3Aimages%3Aselect.png/content) no-repeat center #fff  !important;
		width: 10px !important;
		height: 100% !important;
		background-color: #fcfcfc !important;
		box-sizing: border-box !important;
		top: 0 !important;
		right: 0 !important;
		margin-top: 0 !important;
	}
}

@media only screen and (max-width: 500px){
	.dropdown::after{
		content: url(/pentaho/api/repos/%3Apublic%3AOpenReports%3AResources%3Anew_layout%3Aassets%3Aimages%3Aselect.png/content);
		width: 10px !important;
		height: 100% !important;
		background-color: #fcfcfc !important;
		box-sizing: border-box !important;
		top: 2px !important;
		right: 1px !important;
		margin-top: 0 !important;
		position: absolute;
	}
}

.select2-container
{
	max-width: 100% !important;
	width: 100% !important;
}