/**************************************************************
 COLOR VARIABLES
 **************************************************************/
:root {
	/* GENERAL */
	--gutter: .5rem;
	/** Cores Base Sistema */
	--basecolor: #ffdf8e;
	/* CORES GERAIS */
	--background: #f1f1f1;

	/* PAINEL */
	--background-panel: #ffffff;
	--background-jconfirm: #ffffff;
	--background-panel-title: #dddfe1;
	--border-color: #d1d4d9;
	--text-color-title: #1b1f23;
	--text-color: #111111;
	--border-color-panel-content: #f2f3f3;

	/* WIDGET */
	--widget-background: #f1f1f1;
	--widget-border-color: #e3e3e3;
	--widget-input-text: #15181c;
	--widget-input-border: #e1e1e1;
	--widget-input-label: #f1f1f1;
	--widget-input-label-text: #a6a6a6;

	--widget-background-hover: #e7e7e7;
	--widget-input-label-hover: #e7e7e7;

	--widget-grid-background: #ffffff;
	--widget-grid-border-color: #e3e3e3;
	--widget-grid-input-text: #15181c;
	--widget-grid-input-border: #f1f1f1;
	--widget-grid-input-label: #ffffff;
	--widget-grid-input-label-text: #cbccce;

	--widget-grid-background-hover: #fafafa;
	--widget-grid-input-label-hover: #fafafa;

	/* BUSS LAYOUT */
	--background-buss: #dddfe1;

	/* FORMULÁRIOS */
	--text-color-input: #15181c;
	--text-color-input-readonly: #3c434b;
	--background-input: #ffffff;
	--background-input-readonly: #d9e0e1;
	--border-color-input: #d8e0e1;
	--background-input-focus: rgba(208, 205, 167, 0.2);
	--border-color-input-empty: #b60e0e;
	--background-input-check-colored: rgba(72, 255, 0, 0.2);
	--background-input-uncheck-colored: rgba(255, 0, 0, 0.2);

	/* BOTOES */
	--background-button: #ecf0f1;

	/* LABEL FORMULÁRIOS */
	--text-color-label: #ABAFB7;
	--text-color-label-disabled: #bac0c9;
	--text-color-required-label: #852929;
	--text-color-input-empty: #ff1c1c;
	--background-label: #ffffff;
	--border-color-label: transparent;

	/* TOOLBAR PAINEL */
	--text-color-tool: #151411;
	--background-tool: #aaafb0;

	/* LEGENDA */
	--text-color-legend: #151411;
	--background-legend: #f1f1f1;

	/* PAGINADOR */
	--text-color-pager: #ffffff;
	--background-pager: #7b7e7e;

	/* NAVBAR */
	--text-color-navbar: #2A3038;
	--background-navbar: #dddfe1;
	--background-sidebar: #191c24;
	--background-navbar-button-over: #cccfd0;

	/* MORE MENU */
	--background-menu: #FFFFFF;
	--border-color-menu: #ccd8e0;
	--background-menu-item-hover: #434c57;
	--menu-btn: #66757f;
	--menu-btn-hover: #ccd8e0;

	/* CARD */
	--text-color-card-title: var(--text-color-tool);

	/* ICONES */
	--rounded-circle: #c3beb8;

	/** Cores base bootstrap */
	--blue: #0c4fff;
	--indigo: #6610f2;
	--purple: #6a008a;
	--pink: #E91E63;
	--red: #f96868;
	--orange: #f2a654;
	--yellow: #f6e84e;
	--green: #46c35f;
	--teal: #58d8a3;
	--cyan: #57c7d4;
	--white: #ffffff;
	--gray: #6c757d;
	--gray-dark: #12151e;
	--gray-medium: #434a54;
	--gray-light: #aab2bd;
	--gray-lighter: #e8eff4;
	--gray-lightest: #e6e9ed;
	--black: #000000;
	--primary: #0090e7;
	--secondary: #e4eaec;
	--success: #00d25b;
	--info: #8f5fe8;
	--warning: #ffab00;
	--danger: #fc424a;
	--light: #ffffff;
	--dark: #0d0d0d;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

	/* TEXT COLORS */
	--text-white: #ffffff;
	--text-primary: #0090e7;
	--text-primary-hover: #00609b;
	--text-secondary: #e4eaec;
	--text-secondary-hover: #b7c7cc;
	--text-success: #00d25b;
	--text-success-hover: #00863a;
	--text-info: #8f5fe8;
	--text-info-hover: #611fdb;
	--text-warning: #ffab00;
	--text-warning-hover: #b37800;
	--text-danger: #fc424a;
	--text-danger-hover: #ee040e;
	--text-light: #ffffff;
	--text-light-hover: #d9d9d9;
	--text-dark: #0d0d0d;
	--text-dark-hover: black;
	--text-darkness: #124556;
	--text-darkness-hover: #052a36;
	--text-body: #ffffff;
	--text-muted: #6c7293;
	--text-grid: #6c7293;
	--text-grid-striped: #6c9392;
	--text-black-50: rgba(0, 0, 0, 0.5);
	--text-white-50: rgba(255, 255, 255, 0.5);
}

* {
	box-sizing: border-box;
}

body, *, html{
	padding: 0;
	margin: 0;
	border: 0;

}
body{
	position: relative;
	min-height: 100%;
	color: var(--text-color);
}
html{
	height: 100%;
}

ul, ol {
	list-style: none;
}

a {
	text-decoration: none;
}

ph-legend {
	cursor: default;
}

pre {
	font-size: 0.750rem;
}
pre.pre-url {
	word-wrap:break-word;
	white-space:pre-wrap;
	background:var(--background-panel-title);
	color:var(--text-color-title);
	/*border-radius:5px;*/
	/*margin-bottom:5px;*/
	padding-left:5px;
	/*margin-top:-6px*/
}

pre.modal-url {
	white-space: pre-wrap;      /* mantém quebras originais */
	overflow-wrap: anywhere;    /* quebra dentro de palavras se necessário */
	word-break: break-word;     /* compatibilidade extra */
	border-radius: 5px;
	margin-bottom: 5px;
	margin-top: 0;
	color: var(--gray-light);
}
.clear{
	clear: both;
	width: 100%;
}

.nowrap{
	overflow: hidden;
	text-overflow: ellipsis !important;
	white-space: nowrap !important;
}

/*#loader, .loader{
	background: rgba(0,0,0,.5);
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


#load{
	background: #FFF url(../images/loader.gif) center no-repeat;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius: 50%;
}*/

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(208,208,208,1.00);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(208,208,208,1.00);
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: rgba(208,208,208,1.00);
}

.row-flex {
	display: flex;
	flex-wrap: wrap;
}

.justify-content-center {
	justify-content: center !important;
}
.justify-content-between {
	justify-content: space-between !important;
}
.justify-content-start {
	justify-content: flex-start !important;
}
.justify-content-end {
	justify-content: flex-end !important;
}

/*****************************************************************
 CONTENT PANELS
 *****************************************************************/
#header, #poster, #footer {
	position: relative;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	z-index: 5;
	display: flex;
	justify-content: center;
	align-items: center;
}

#head, #foot {
	position: relative;
	margin: 0 auto;
	padding: 0;
	border: 0;
	z-index: 6;
	display: flex;
	justify-content: center;
	align-items: center;
}

#post {
	position: relative;
	margin: 0 auto;
	padding: 0;
	border: 0;
	z-index: 7;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*****************************************************************
 GRIDS DE CONTEÚDO
 *****************************************************************/
.grid-01, .grid-02, .grid-03, .grid-04, .grid-06, .grid-08, .grid-09, .grid-12, .grid-99 {
	position: relative;
	display: block;
	padding: 0;
	margin: 0;
	border: 0;
	min-height: 1px;
}
.grid-01, .grid-02, .grid-03, .grid-04, .grid-06, .grid-08, .grid-09, .grid-99 {
	float: left;
}

.max-size { max-width: 1000px; }

/*****************************************************************
PAGINADOR
******************************************************************/
#paginador{
	background: none;
	position: relative;
	padding: 1px;
	font-size: 15px;
	overflow: hidden;
}
#limitador{
	background: none;
	position: relative;
	float: right;
	padding: 1px;
	font-size: 15px;
}

#paginador li,
#limitador li{
	display: inline-block;
	margin-left: 1px;
	vertical-align: top;
}

#paginador a,
#limitador a{
	padding: 2px;
	height: 24px;
	min-width: 24px;
	display: block;
	position: relative;
	/*border: 3px solid transparent;*/
	user-select: none;
	text-align: center;
}

#paginador ul{
	margin-bottom: 0;
}

#paginador li:first-child a,
#limitador li:first-child a {
	border-radius: 8px 0 0 8px;
}

#paginador li:last-child a,
#limitador li:last-child a {
	border-radius: 0 8px 8px 0;
}

#paginador li:first-child a:after, #paginador li:last-child a:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	top: 4px;
}

#paginador li:first-child a:after {
	left: 0;
	border-right-color: #ffffff;
}

#paginador li:last-child a:after {
	right: 0;
	border-left-color: #ffffff;
}