/* 
	======================================================
	Buttons 
	======================================================
*/
.btn {
	appearance: button;
	border-radius: var(--border-radius);
	border-style: solid;
	border-width: 1px;
	box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
	cursor: pointer;
	display: inline-block;
	margin: 0;
	outline: 0;
	padding: 8px 12px 8px;
	text-align: center;
	transition: box-shadow .05s ease-in-out,opacity .05s ease-in-out;
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	text-shadow: 0 1px 1px rgba(0,0,0,.25),	0 0 1px rgba(0,0,0,.15);	
}
.btn-lg {
	padding: 10px 14px 10px;
	font-size: 110%;
}
.btn-sm {
	padding: 6px 10px 6px;
	font-size: 90%;
}
.btn-xs {
	padding: 4px 8px 4px;
	font-size: 80%;
}
.btn:hover {
	transform: translateY(-1px);
	box-shadow: rgba(0, 0, 0, 0.25) 0 3px 3px;
}
.btn:active {
	transform: translateY(0);
	box-shadow: rgba(0, 0, 0, 0.12) 0 1px 1px;
}

.btn-default {
	background-color: var(--grey-300);
	background-image: linear-gradient(var(--grey-200), var(--grey-500));
	color: var(--dark);
	border-color: var(--grey-700);
}

.btn-default:hover {
	box-shadow: var(--grey-400) 0 3px 3px;
}

.btn-primary {
	background-color: var(--primary);
	background-image: linear-gradient(var(--primary--200), var(--primary-200));
	color: var(--light);
	border-color: var(--primary-200);
	box-shadow: var(--primary-rgba-10) 0 3px 3px;
}
.btn-primary:hover {
	box-shadow: var(--primary-rgba-20) 0 3px 3px;
}

.btn-secondary {
	background-color: var(--secondary);
	background-image: linear-gradient(var(--secondary--200), var(--secondary-200));
	color: var(--light);
	border-color: var(--secondary-200);
	box-shadow: var(--secondary-rgba-10) 0 3px 3px;
}
.btn-secondary:hover {
	box-shadow: var(--secondary-rgba-20) 0 3px 3px;
}

.btn-tertiary {
	background-color: var(--tertiary);
	background-image: linear-gradient(var(--tertiary--200), var(--tertiary-200));
	color: var(--light);
	border-color: var(--tertiary-200);
	box-shadow: var(--tertiary-rgba-10) 0 3px 3px;
}
.btn-tertiary:hover {
	box-shadow: var(--tertiary-rgba-20) 0 3px 3px;
}

.btn-quaternary {
	background-color: var(--quaternary);
	background-image: linear-gradient(var(--quaternary--200), var(--quaternary-200));
	color: var(--light);
	border-color: var(--quaternary-200);
	box-shadow: var(--quaternary-rgba-10) 0 3px 3px;
}
.btn-quaternary:hover {
	box-shadow: var(--quaternary-rgba-20) 0 3px 3px;
}

.btn-success {
	background-color: var(--success);
	background-image: linear-gradient(var(--success--200), var(--success-200));
	color: var(--light);
	border-color: var(--success-200);
	box-shadow: var(--success-rgba-10) 0 3px 3px;
}
a.btn-success, .btn-success > a,
a.btn-danger, .btn-danger > a,
a.btn-warning, .btn-warning > a,
a.btn-info, .btn-info > a,
a.btn-dark, .btn-dark > a,
a.btn-primary, .btn-primary > a,
a.btn-secondary, .btn-secondary > a,
a.btn-tertiary, .btn-tertiary >a,
a.btn-quaternary, .btn-quaternary > a {
	color: var(--light) !important;
	text-decoration: none !important;
}
a.btn-light, .btn-light > a,
a.btn-default, .btn-default > a {
	color: var(--dark) !important;
	text-decoration: none !important;
}
.btn-success:hover {
	box-shadow: var(--success-rgba-20) 0 3px 3px;
}

.btn-info {
	background-color: var(--info);
	background-image: linear-gradient(var(--info--200), var(--info-200));
	color: var(--light);
	border-color: var(--info-200);
	box-shadow: var(--info-rgba-10) 0 3px 3px;
}
.btn-info:hover {
	box-shadow: var(--info-rgba-20) 0 3px 3px;
}

.btn-warning {
	background-color: var(--warning);
	background-image: linear-gradient(var(--warning--200), var(--warning-200));
	color: var(--light);
	border-color: var(--warning-200);
	box-shadow: var(--warning-rgba-10) 0 3px 3px;
}
.btn-warning:hover {
	box-shadow: var(--warning-rgba-20) 0 3px 3px;
}

.btn-danger {
	background-color: var(--danger);
	background-image: linear-gradient(var(--danger--200), var(--danger-200));
	color: var(--light);
	border-color: var(--danger-200);
	box-shadow: var(--danger-rgba-10) 0 3px 3px;
}
.btn-danger:hover {
	box-shadow: var(--danger-rgba-20) 0 3px 3px;
}

.btn-light {
	background-color: var(--light);
	background-image: linear-gradient(var(--light--200), var(--light-200));
	color: var(--dark);
	border-color: var(--light-200);
	box-shadow: var(--dark-rgba-10) 0 3px 3px;
}
.btn-light:hover {
	box-shadow: var(--dark-rgba-20) 0 3px 3px;
}

.btn-dark {
	background-color: var(--dark);
	background-image: linear-gradient(var(--dark--200), var(--dark-200));
	color: var(--light);
	border-color: var(--dark-200);
	box-shadow: var(--dark-rgba-10) 0 3px 3px;
}
.btn-dark:hover {
	box-shadow: var(--dark-rgba-20) 0 3px 3px;
}
/* 
	======================================================
	Form Headers 
	======================================================
*/
.form-header {
	font-size: 14px;
	padding: 8px 16px;
	margin-top: 10px;
}
.form-header-embed {
	margin-top: 0 !important;
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-top-width: 0 !important;
}
.form-header-primary, .FormHeader {
    color: var(--light) !important;
    background-color: var(--primary);
    border: 1px solid var(--primary-300);	
	border-radius: var(--border-radius);
}
.form-subheader-primary {
    color: var(--primary) !important;
	background-color: transparent;
    border-bottom: 2px solid var(--primary-300);
	border-radius: 0;
}
.form-header-secondary, .FormSubHeader {
	color: var(--light) !important;
	background-color: var(--secondary);
	border: 1px solid var(--secondary-300);
	border-radius: var(--border-radius);
}
.form-subheader-secondary {
	color: var(--secondary) !important;
	background-color: transparent;
	border-bottom: 2px solid var(--secondary-300);
	border-radius: 0;
}

.form-header-tertiary {
	color: var(--light) !important;
	background-color: var(--tertiary);
	border: 1px solid var(--tertiary-300);
	border-radius: var(--border-radius);
}
.form-subheader-tertiary {
	color: var(--tertiary) !important;
	background-color: transparent;
	border-bottom: 2px solid var(--tertiary-300);
	border-radius: 0;
}

.form-header-quaternary {
	color: var(--light) !important;
	background-color: var(--quaternary);
	border: 1px solid var(--quaternary-300);
	border-radius: var(--border-radius);
}
.form-subheader-quaternary {
	color: var(--quaternary) !important;
	background-color: transparent;
	border-bottom: 2px solid var(--quaternary-300);
	border-radius: 0;
}

.form-header-success {
	color: var(--light) !important;
	background-color: var(--success);
	border: 1px solid var(--success-300);
	border-radius: var(--border-radius);
}
.form-subheader-success {
	color: var(--success) !important;
	background-color: transparent;
	border-bottom: 2px solid var(--success-300);
	border-radius: 0;
}

.form-header-danger {
	color: var(--light) !important;
	background-color: var(--danger);
	border: 1px solid var(--danger-300);
	border-radius: var(--border-radius);
}
.form-subheader-danger {
	color: var(--danger) !important;
	background-color: transparent;
	border-bottom: 2px solid var(--danger-300);
	border-radius: 0;
}

.form-header-warning {
	color: var(--dark) !important;
	background-color: var(--warning);
	border: 1px solid var(--warning-300);
	border-radius: var(--border-radius);
}
.form-subheader-warning {
	color: var(--warning) !important;
	background-color: transparent;
	border-bottom: 2px solid var(--warning-300);
	border-radius: 0;
}

.form-header-info {
	color: var(--dark) !important;
	background-color: var(--info);
	border: 1px solid var(--info-300);
	border-radius: var(--border-radius);
}
.form-subheader-info {
	color: var(--info) !important;
	background-color: transparent;
	border-bottom: 2px solid var(--info-300);
	border-radius: 0;
}

.form-header-light {
	color: var(--dark) !important;
	background-color: var(--light);
	border: 1px solid var(--light-300);
	border-radius: var(--border-radius);
}
.form-subheader-light {
	color: var(--dark) !important;
	background-color: transparent;
	border-bottom: 2px solid var(--light-300);
	border-radius: 0;
}

.form-header-dark {
	color: var(--light) !important;
	background-color: var(--dark);
	border: 1px solid var(--dark-300);
	border-radius: var(--border-radius);
}
.form-subheader-dark {
	color: var(--dark) !important;
	background-color: transparent;
	border-bottom: 2px solid var(--dark-300);
	border-radius: 0;
}

.form-hint {
	color: var(--primary-rgba-80) !important;
	font-size: 0.85em !important;
}
/* 
	======================================================
	Fieldset
	======================================================
*/
.fieldset {
    background-color: var(--grey-100);
	border: 1px solid var(--grey-300);
	padding: 10px 24px;
	border-radius: var(--border-radius2x);
}
.fieldset legend {
	font-size: 1.05em;
    font-weight: bold;
}
.fieldset-primary {
    background-color: var(--primary-rgba-10);
	border: 1px solid var(--primary--300);
}
.fieldset-primary legend {
	color: var(--primary-300);
}
.fieldset-secondary {
	background-color: var(--secondary-rgba-10);
	border: 1px solid var(--secondary--300);
}
.fieldset-secondary legend {
	color: var(--secondary-300);
}

.fieldset-tertiary {
	background-color: var(--tertiary-rgba-10);
	border: 1px solid var(--tertiary--300);
}
.fieldset-tertiary legend {
	color: var(--tertiary-300);
}

.fieldset-quaternary {
	background-color: var(--quaternary-rgba-10);
	border: 1px solid var(--quaternary--300);
}
.fieldset-quaternary legend {
	color: var(--quaternary-300);
}

.fieldset-success {
	background-color: var(--success-rgba-10);
	border: 1px solid var(--success--300);
}
.fieldset-success legend {
	color: var(--success-300);
}

.fieldset-danger {
	background-color: var(--danger-rgba-10);
	border: 1px solid var(--danger--300);
}
.fieldset-danger legend {
	color: var(--danger-300);
}

.fieldset-warning {
	background-color: var(--warning-rgba-10);
	border: 1px solid var(--warning--300);
}
.fieldset-warning legend {
	color: var(--warning-300);
}

.fieldset-info {
	background-color: var(--info-rgba-10);
	border: 1px solid var(--info--300);
}
.fieldset-info legend {
	color: var(--info-300);
}

.fieldset-dark {
	background-color: var(--dark-rgba-10);
	border: 1px solid var(--dark--300);
}
.fieldset-dark legend {
	color: var(--dark-300);
}

.fieldset-light {
	background-color: var(--light-rgba-10);
	border: 1px solid var(--light--300);
}
.fieldset-light legend {
	color: var(--light-300);
}

/* 
	======================================================
	Tables
	======================================================
*/
.table{
	font-size: 0.80rem;
	width: 100%;
	max-width: 100%;
}
.table-rounded {
	border-radius: var(--border-radius2x);
	overflow: hidden;
	border-collapse: separate;
	border-spacing: 0;	
}
.table th,
.table td {
	border-top: none; /* evita linha dupla no thead */
	padding: 6px 12px !important;
}
.table tbody td a {
	color: var(--dark--100) !important;
}
.table tbody td a:hover {
	color: var(--dark--300) !important;
}
.table th {
	font-size: 0.9em;
	font-weight: 600;
}
.table-condensed {
	font-size: 0.85em;
}
.table-condensed td,
.table-condensed th {
	padding: 4px 8px !important;
}

.table tfoot td.sum {
	font-weight: bold;
}
.table td.value {
    text-align: right;
}
.table tbody th.group {
	text-align: left;
}
.table-striped tbody tr:last-child td {
    border-bottom: 0
}

/* Theme primary */
.table-primary {
	border: 1px solid var(--primary-200)
}
.table-primary thead {
    color: var(--light);
    background-color: var(--primary);
}
.table-primary thead th a {
    color: var(--light) !important;
}
.table-primary tfoot {
    color: var(--light);
    background-color: var(--primary--100);
}
.table-primary tfoot td.sum,
.table-primary thead th.ord,
.table-primary tbody th.group {
	background-color: var(--primary--200);
}
.table-primary tbody th.group a {
	color:var(--primary-300) !important;
}
.table-primary tbody th.group {
	color:var(--light);
	border-top: 1px solid var(--primary)
}
.table-striped {
	background: #fff;
}
.table-striped.table-primary tbody tr:nth-child(odd) {
	background-color: var(--primary-rgba-10);
}
.table-striped.table-primary tbody tr:nth-child(even) {
	background-color: var(--primary-rgba-20);
}
.table-striped.table-primary tbody tr:hover {
	background-color: var(--primary-rgba-30);
}
.table-striped.table-primary tbody tr.row-selected {
	background-color: var(--primary-rgba-40);
}
.table-striped.table-primary tbody tr td {
	border-bottom: 1px solid var(--primary-rgba-30);
}
.table-primary tbody td a {
	color: var(--primary--100) !important;
	text-decoration: none !important;
}
.table-primary tbody td a:hover {
	color: var(--primary--300) !important;
	text-decoration: underline;
}

/* Theme secondary */
.table-secondary {
	border: 1px solid var(--secondary-200);
}
.table-secondary thead {
	color: var(--light);
	background-color: var(--secondary);
}
.table-secondary thead th a {
	color: var(--light) !important;
}
.table-secondary tfoot {
	color: var(--light);
	background-color: var(--secondary--100);
}
.table-secondary tfoot td.sum,
.table-secondary thead th.ord,
.table-secondary tbody th.group {
	background-color: var(--secondary--200);
}
.table-secondary tbody th.group a {
	color: var(--secondary-300) !important;
}
.table-secondary tbody th.group {
	color: var(--light);
	border-top: 1px solid var(--secondary);
}
.table-striped.table-secondary tbody tr:nth-child(odd) {
	background-color: var(--secondary-rgba-10);
}
.table-striped.table-secondary tbody tr:nth-child(even) {
	background-color: var(--secondary-rgba-20);
}
.table-striped.table-secondary tbody tr:hover {
	background-color: var(--secondary-rgba-30);
}
.table-striped.table-secondary tbody tr.row-selected {
	background-color: var(--secondary-rgba-40);
}
.table-striped.table-secondary tbody tr td {
	border-bottom: 1px solid var(--secondary-rgba-30);
}
.table-secondary tbody td a {
	color: var(--secondary--100) !important;
	text-decoration: none !important;
}
.table-secondary tbody td a:hover {
	color: var(--secondary--300) !important;
	text-decoration: underline;
}
/* Theme tertiary */
.table-tertiary {
	border: 1px solid var(--tertiary-200);
}
.table-tertiary thead {
	color: var(--light);
	background-color: var(--tertiary);
}
.table-tertiary thead th a {
	color: var(--light) !important;
}
.table-tertiary tfoot {
	color: var(--light);
	background-color: var(--tertiary--100);
}
.table-tertiary tfoot td.sum,
.table-tertiary thead th.ord,
.table-tertiary tbody th.group {
	background-color: var(--tertiary--200);
}
.table-tertiary tbody th.group a {
	color: var(--tertiary-300) !important;
}
.table-tertiary tbody th.group {
	color: var(--light);
	border-top: 1px solid var(--tertiary);
}
.table-striped.table-tertiary tbody tr:nth-child(odd) {
	background-color: var(--tertiary-rgba-10);
}
.table-striped.table-tertiary tbody tr:nth-child(even) {
	background-color: var(--tertiary-rgba-20);
}
.table-striped.table-tertiary tbody tr:hover {
	background-color: var(--tertiary-rgba-30);
}
.table-striped.table-tertiary tbody tr.row-selected {
	background-color: var(--tertiary-rgba-40);
}
.table-striped.table-tertiary tbody tr td {
	border-bottom: 1px solid var(--tertiary-rgba-30);
}
.table-tertiary tbody td a {
	color: var(--tertiary--100) !important;
	text-decoration: none !important;
}
.table-tertiary tbody td a:hover {
	color: var(--tertiary--300) !important;
	text-decoration: underline;
}
/* Theme quaternary */
.table-quaternary {
	border: 1px solid var(--quaternary-200);
}
.table-quaternary thead {
	color: var(--light);
	background-color: var(--quaternary);
}
.table-quaternary thead th a {
	color: var(--light) !important;
}
.table-quaternary tfoot {
	color: var(--light);
	background-color: var(--quaternary--100);
}
.table-quaternary tfoot td.sum,
.table-quaternary thead th.ord,
.table-quaternary tbody th.group {
	background-color: var(--quaternary--200);
}
.table-quaternary tbody th.group a {
	color: var(--quaternary-300) !important;
}
.table-quaternary tbody th.group {
	color: var(--light);
	border-top: 1px solid var(--quaternary);
}
.table-striped.table-quaternary tbody tr:nth-child(odd) {
	background-color: var(--quaternary-rgba-10);
}
.table-striped.table-quaternary tbody tr:nth-child(even) {
	background-color: var(--quaternary-rgba-20);
}
.table-striped.table-quaternary tbody tr:hover {
	background-color: var(--quaternary-rgba-30);
}
.table-striped.table-quaternary tbody tr.row-selected {
	background-color: var(--quaternary-rgba-40);
}
.table-striped.table-quaternary tbody tr td {
	border-bottom: 1px solid var(--quaternary-rgba-30);
}
.table-quaternary tbody td a {
	color: var(--quaternary--100) !important;
	text-decoration: none !important;
}
.table-quaternary tbody td a:hover {
	color: var(--quaternary--300) !important;
	text-decoration: underline;
}
/* Theme info */
.table-info {
	border: 1px solid var(--info-200);
}
.table-info thead {
	color: var(--light);
	background-color: var(--info);
}
.table-info thead th a {
	color: var(--light) !important;
}
.table-info tfoot {
	color: var(--light);
	background-color: var(--info--100);
}
.table-info tfoot td.sum,
.table-info thead th.ord,
.table-info tbody th.group {
	background-color: var(--info--200);
}
.table-info tbody th.group a {
	color: var(--info-300) !important;
}
.table-info tbody th.group {
	color: var(--light);
	border-top: 1px solid var(--info);
}
.table-striped.table-info tbody tr:nth-child(odd) {
	background-color: var(--info-rgba-10);
}
.table-striped.table-info tbody tr:nth-child(even) {
	background-color: var(--info-rgba-20);
}
.table-striped.table-info tbody tr:hover {
	background-color: var(--info-rgba-30);
}
.table-striped.table-info tbody tr.row-selected {
	background-color: var(--info-rgba-40);
}
.table-striped.table-info tbody tr td {
	border-bottom: 1px solid var(--info-rgba-30);
}
.table-info tbody td a {
	color: var(--info-200) !important;
	text-decoration: none !important;
}
.table-info tbody td a:hover {
	color: var(--info-100) !important;
	text-decoration: underline;
}

/* Theme success */
.table-success {
	border: 1px solid var(--success-200);
}
.table-success thead {
	color: var(--light);
	background-color: var(--success);
}
.table-success thead th a {
	color: var(--light) !important;
}
.table-success tfoot {
	color: var(--light);
	background-color: var(--success--100);
}
.table-success tfoot td.sum,
.table-success thead th.ord,
.table-success tbody th.group {
	background-color: var(--success--200);
}
.table-success tbody th.group a {
	color: var(--success-300) !important;
}
.table-success tbody th.group {
	color: var(--light);
	border-top: 1px solid var(--success);
}
.table-striped.table-success tbody tr:nth-child(odd) {
	background-color: var(--success-rgba-10);
}
.table-striped.table-success tbody tr:nth-child(even) {
	background-color: var(--success-rgba-20);
}
.table-striped.table-success tbody tr:hover {
	background-color: var(--success-rgba-30);
}
.table-striped.table-success tbody tr.row-selected {
	background-color: var(--success-rgba-40);
}
.table-striped.table-success tbody tr td {
	border-bottom: 1px solid var(--success-rgba-30);
}
.table-success tbody td a {
	color: var(--success--100) !important;
	text-decoration: none !important;
}
.table-success tbody td a:hover {
	color: var(--success--300) !important;
	text-decoration: underline;
}

/* Theme danger */
.table-danger {
	border: 1px solid var(--danger-200);
}
.table-danger thead {
	color: var(--light);
	background-color: var(--danger);
}
.table-danger thead th a {
	color: var(--light) !important;
}
.table-danger tfoot {
	color: var(--light);
	background-color: var(--danger--100);
}
.table-danger tfoot td.sum,
.table-danger thead th.ord,
.table-danger tbody th.group {
	background-color: var(--danger--200);
}
.table-danger tbody th.group a {
	color: var(--danger-300) !important;
}
.table-danger tbody th.group {
	color: var(--light);
	border-top: 1px solid var(--danger);
}
.table-striped.table-danger tbody tr:nth-child(odd) {
	background-color: var(--danger-rgba-10);
}
.table-striped.table-danger tbody tr:nth-child(even) {
	background-color: var(--danger-rgba-20);
}
.table-striped.table-danger tbody tr:hover {
	background-color: var(--danger-rgba-30);
}
.table-striped.table-danger tbody tr.row-selected {
	background-color: var(--danger-rgba-40);
}
.table-striped.table-danger tbody tr td {
	border-bottom: 1px solid var(--danger-rgba-30);
}
.table-danger tbody td a {
	color: var(--danger--100) !important;
	text-decoration: none !important;
}
.table-danger tbody td a:hover {
	color: var(--danger--300) !important;
	text-decoration: underline;
}

/* Theme warning */
.table-warning {
	border: 1px solid var(--warning-200);
}
.table-warning thead {
	color: var(--dark);
	background-color: var(--warning);
}
.table-warning thead th a {
	color: var(--dark) !important;
}
.table-warning tfoot {
	color: var(--dark);
	background-color: var(--warning--100);
}
.table-warning tfoot td.sum,
.table-warning thead th.ord,
.table-warning tbody th.group {
	background-color: var(--warning--200);
}
.table-warning tbody th.group a {
	color: var(--warning-300) !important;
}
.table-warning tbody th.group {
	color: var(--dark);
	border-top: 1px solid var(--warning);
}
.table-striped.table-warning tbody tr:nth-child(odd) {
	background-color: var(--warning-rgba-10);
}
.table-striped.table-warning tbody tr:nth-child(even) {
	background-color: var(--warning-rgba-20);
}
.table-striped.table-warning tbody tr:hover {
	background-color: var(--warning-rgba-30);
}
.table-striped.table-warning tbody tr.row-selected {
	background-color: var(--warning-rgba-40);
}
.table-striped.table-warning tbody tr td {
	border-bottom: 1px solid var(--warning-rgba-30);
}
.table-warning tbody td a {
	color: var(--warning-200) !important;
	text-decoration: none !important;
}
.table-warning tbody td a:hover {
	color: var(--warning-100) !important;
	text-decoration: underline;
}

/* Theme light */
.table-light {
	border: 1px solid var(--light-200);
}
.table-light thead {
	color: var(--dark);
	background-color: var(--light);
}
.table-light thead th a {
	color: var(--dark) !important;
}
.table-light tfoot {
	color: var(--dark);
	background-color: var(--light--100);
}
.table-light tfoot td.sum,
.table-light thead th.ord,
.table-light tbody th.group {
	background-color: var(--light--200);
}
.table-light tbody th.group a {
	color: var(--grey-700) !important;
}
.table-light tbody th.group {
	color: var(--dark);
	border-top: 1px solid var(--light);
}
.table-striped.table-light tbody tr:nth-child(odd) {
	background-color: var(--light-rgba-10);
}
.table-striped.table-light tbody tr:nth-child(even) {
	background-color: var(--light-rgba-20);
}
.table-striped.table-light tbody tr:hover {
	background-color: var(--light-rgba-30);
}
.table-striped.table-light tbody tr.row-selected {
	background-color: var(--light-rgba-40);
}
.table-striped.table-light tbody tr td {
	border-bottom: 1px solid var(--light-rgba-30);
}
.table-light tbody td a {
	color: var(--dark) !important;
	text-decoration: none !important;
}
.table-light tbody td a:hover {
	color: var(--grey-900) !important;
	text-decoration: underline;
}

/* Theme dark */
.table-dark {
	border: 1px solid var(--dark-200);
}
.table-dark thead {
	color: var(--light);
	background-color: var(--dark);
}
.table-dark thead th a {
	color: var(--light) !important;
}
.table-dark tfoot {
	color: var(--light);
	background-color: var(--dark--100);
}
.table-dark tfoot td.sum,
.table-dark thead th.ord,
.table-dark tbody th.group {
	background-color: var(--dark--200);
}
.table-dark tbody th.group a {
	color: var(--dark-300) !important;
}
.table-dark tbody th.group {
	color: var(--light);
	border-top: 1px solid var(--dark);
}
.table-striped.table-dark tbody tr:nth-child(odd) {
	background-color: var(--dark-rgba-10);
}
.table-striped.table-dark tbody tr:nth-child(even) {
	background-color: var(--dark-rgba-20);
}
.table-striped.table-dark tbody tr:hover {
	background-color: var(--dark-rgba-30);
}
.table-striped.table-dark tbody tr.row-selected {
	background-color: var(--dark-rgba-40);
}
.table-striped.table-dark tbody tr td {
	border-bottom: 1px solid var(--dark-rgba-30);
}
.table-dark tbody td a {
	color: var(--dark--100) !important;
	text-decoration: none !important;
}
.table-dark tbody td a:hover {
	color: var(--dark--300) !important;
	text-decoration: underline;
}


/*
	======================================================
	Pagination
	======================================================
*/
/* Pagination — layout only */
.pagination {
	display: inline-flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}

/* item */
.pagination > li {
	margin: 0;
}

/* link / botão */
.pagination > li > a,
.pagination > li > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-width: 32px;
	height: 32px;
	padding: 0 10px;

	border-radius: 8px;
	text-decoration: none;
	line-height: 1;
	font-size: 0.9em;
	white-space: nowrap;

	border: 1px solid transparent;

	transition: transform .1s ease, box-shadow .1s ease;
}

/* hover — apenas microinteração (sem cor) */
.pagination > li > a:hover {
	transform: translateY(-1px);
}

/* active */
.pagination > li.active > a,
.pagination > li.active > span {
	font-weight: 600;
	cursor: default;
	pointer-events: none;
}

/* disabled (se existir) */
.pagination > li.disabled > a,
.pagination > li.disabled > span {
	opacity: .5;
	cursor: not-allowed;
	pointer-events: none;
}

/* tamanhos opcionais */
.pagination.pagination-sm > li > a,
.pagination.pagination-sm > li > span {
	min-width: 28px;
	height: 28px;
	font-size: 0.85em;
	border-radius: 6px;
}

.pagination.pagination-lg > li > a,
.pagination.pagination-lg > li > span {
	min-width: 38px;
	height: 38px;
	font-size: 1em;
	border-radius: 10px;
}

/* alinhamentos opcionais */
nav .pagination {
	justify-content: flex-end; /* right */
}

/* centralizado (se precisar)
nav .pagination {
	justify-content: center;
}
*/

.table-pagination .pagination > li > a,
.table-pagination .pagination > li > span {
	background-color: transparent;
	border-color: transparent;
	text-decoration: none !important;
}

.table-pagination .pagination > li > a:hover {
	text-decoration: none;
}

.table-pagination .pagination > li.active > a,
.table-pagination .pagination > li.active > span {
	cursor: default;
}

.table-pagination-default .pagination > li > a {
	background-color: var(--grey-100);
	border-color: var(--grey-300);
	color: var(--dark);
}

.table-pagination-default .pagination > li > a:hover {
	background-color: var(--grey-200);
	border-color: var(--grey-400);
}

.table-pagination-default .pagination > li.active > a {
	background-color: var(--grey-900);
	border-color: var(--grey-900);
	color: var(--light);
}

.table-pagination-primary .pagination > li > a {
	background-color: var(--primary-rgba-10);
	border-color: var(--primary-200);
	color: var(--primary);
}

.table-pagination-primary .pagination > li > a:hover {
	background-color: var(--primary-rgba-20);
	border-color: var(--primary-300);
}

.table-pagination-primary .pagination > li.active > a {
	background-color: var(--primary);
	border-color: var(--primary);
	color: var(--light) !important;
}

.table-pagination-secondary .pagination > li > a {
	background-color: var(--secondary-rgba-10);
	border-color: var(--secondary-200);
	color: var(--secondary);
}

.table-pagination-secondary .pagination > li > a:hover {
	background-color: var(--secondary-rgba-20);
	border-color: var(--secondary-300);
}

.table-pagination-secondary .pagination > li.active > a {
	background-color: var(--secondary);
	border-color: var(--secondary);
	color: var(--light) !important;
}

.table-pagination-tertiary .pagination > li > a {
	background-color: var(--tertiary-rgba-10);
	border-color: var(--tertiary-200);
	color: var(--tertiary);
}

.table-pagination-tertiary .pagination > li > a:hover {
	background-color: var(--tertiary-rgba-20);
	border-color: var(--tertiary-300);
}

.table-pagination-tertiary .pagination > li.active > a {
	background-color: var(--tertiary);
	border-color: var(--tertiary);
	color: var(--light) !important;
}

.table-pagination-quaternary .pagination > li > a {
	background-color: var(--quaternary-rgba-10);
	border-color: var(--quaternary-200);
	color: var(--quaternary);
}

.table-pagination-quaternary .pagination > li > a:hover {
	background-color: var(--quaternary-rgba-20);
	border-color: var(--quaternary-300);
}

.table-pagination-quaternary .pagination > li.active > a {
	background-color: var(--quaternary);
	border-color: var(--quaternary);
	color: var(--dark) !important;
}

.table-pagination-success .pagination > li > a {
	background-color: var(--success-rgba-10);
	border-color: var(--success-200);
	color: var(--success) !important;
}

.table-pagination-success .pagination > li > a:hover {
	background-color: var(--success-rgba-20);
	border-color: var(--success-300);
}

.table-pagination-success .pagination > li.active > a {
	background-color: var(--success);
	border-color: var(--success);
	color: var(--light) !important;
}

.table-pagination-danger .pagination > li > a {
	background-color: var(--danger-rgba-10);
	border-color: var(--danger-200);
	color: var(--danger) !important;
}

.table-pagination-danger .pagination > li > a:hover {
	background-color: var(--danger-rgba-20);
	border-color: var(--danger-300);
}

.table-pagination-danger .pagination > li.active > a {
	background-color: var(--danger);
	border-color: var(--danger);
	color: var(--light) !important;
}

.table-pagination-warning .pagination > li > a {
	background-color: var(--warning-rgba-10);
	border-color: var(--warning-200);
	color: var(--warning-300) !important;
}

.table-pagination-warning .pagination > li > a:hover {
	background-color: var(--warning-rgba-20);
	border-color: var(--warning-300);
}

.table-pagination-warning .pagination > li.active > a {
	background-color: var(--warning);
	border-color: var(--warning);
	color: var(--dark) !important;
}

.table-pagination-info .pagination > li > a {
	background-color: var(--info-rgba-10);
	border-color: var(--info-200);
	color: var(--info-300) !important;
}

.table-pagination-info .pagination > li > a:hover {
	background-color: var(--info-rgba-20);
	border-color: var(--info-300);
}

.table-pagination-info .pagination > li.active > a {
	background-color: var(--info);
	border-color: var(--info);
	color: var(--dark) !important;
}

.table-pagination-light .pagination > li > a {
	background-color: var(--light);
	border-color: var(--light-200);
	color: var(--dark) !important;
}

.table-pagination-light .pagination > li > a:hover {
	background-color: var(--grey-200);
	border-color: var(--grey-400);
}

.table-pagination-light .pagination > li.active > a {
	background-color: var(--grey-400);
	border-color: var(--grey-400);
	color: var(--dark) !important;
}

.table-pagination-dark .pagination > li > a {
	background-color: var(--dark-rgba-10);
	border-color: var(--dark-300);
	color: var(--dark) !important;
}

.table-pagination-dark .pagination > li > a:hover {
	background-color: var(--dark-rgba-20);
	border-color: var(--dark-200);
}

.table-pagination-dark .pagination > li.active > a {
	background-color: var(--dark);
	border-color: var(--dark);
	color: var(--light) !important;
}


/* 
	======================================================
	Steps 
	======================================================
*/
.evtz-steps {
	--color-active: var(--secondary-300, #003366);
	--color-completed: var(--secondary-200, #0077cc);
	--color-inactive: var(--secondary--300, #c0c6cc);
	--color-text: #333333;
	--color-step-bg: transparent;
	--color-bg-active: var(--secondary-rgba-30, #e6eef5);
	--color-bg-completed: var(--secondary-rgba-10, #d9edf7);
	--color-bg: var(--color-border-menu, #ffffff);

	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 20px 0 30px 0;
	padding: 10px;
	background: var(--primary-rgba-10);
	border-radius: 10px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.evtz-steps .step {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	text-align: left;
	padding: 10px 8px;
	color: var(--color-inactive);
	font-weight: 600;
	cursor: default;
	user-select: none;
	border-radius: 8px;
	transition:
		background 0.2s ease,
		color 0.2s ease,
		box-shadow 0.2s ease,
		transform 0.1s ease;
}

.evtz-steps .step-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid var(--color-inactive);
	color: var(--color-inactive);
	font-size: 14px;
	font-weight: 700;
	background: var(--color-step-bg);
	flex-shrink: 0;
}

.evtz-steps .step-label {
	display: block;
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* passos anteriores (concluídos) */
.evtz-steps .step.is-completed {
	color: var(--color-active);
	background: var(--color-bg-active);
}

.evtz-steps .step.is-completed .step-number {
	border-color: var(--color-active);
	color: var(--color-active);
}

/* passo atual */
.evtz-steps .step.is-active {
	color: var(--color-completed);
	background: var(--color-bg-completed);
}

.evtz-steps .step.is-active .step-number {
	border-color: var(--color-completed);
	background: var(--color-completed);
	color: #ffffff;
}

/* futuros */
.evtz-steps .step:not(.is-active):not(.is-completed) {
	color: var(--color-active);
	background: var(--color-bg-active);
	opacity: 0.25;
}

/* --- RESPONSIVO: label passa pra baixo --- */
@media (max-width: 768px) {

	.evtz-steps .step {
		flex-direction: column;	/* bolinha em cima, label embaixo */
		text-align: center;
		gap: 6px;
	}

	.evtz-steps .step-label {
		white-space: normal;
		font-size: 14px;
	}
}

/* ================================
   NAV TABS — LAYOUT (SEM TEMA)
   ================================ */

.nav-tabs {
	display: flex;
	gap: 2px;
	list-style: none;
	padding-left: 0;
	margin: 0;
	border-bottom: 1px solid var(--tabs-border);
	margin-bottom: 10px !important;
}
.nav-tabs-embed{
	margin-bottom: 0 !important;
}
.nav-tabs > li.active {
	font-weight: bold;
}
.nav-tabs > li {
	margin-bottom: -1px !important;
}

.nav-tabs > li > a {
	display: block;
	padding: 8px 14px;
	text-decoration: none;
	background-color: transparent;
	border: 1px solid var(--tabs-border-inactive);
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
	transition: background-color .2s ease,
				color .2s ease,
				border-color .2s ease;
	text-decoration: none !important;
}
.nav-tabs.nav-tabs-modern > li > a {
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: calc(var(--border-radius2x)*1.5);
}
/* Hover (genérico) */
.nav-tabs > li > a:hover {
	background-color: var(--tabs-bg-hover);
	border-color: var(--tabs-border-hover);
	color: var(--tabs-text-hover);
}

/* Active */
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	background-color: var(--tabs-bg-active);
	border-color: var(--tabs-border-active);
	border-bottom-color: transparent;
	color: var(--tabs-text-active) !important;
	cursor: default;
}

.nav-tabs.nav-tabs-modern > li.active > a,
.nav-tabs.nav-tabs-modern > li.active > a:hover,
.nav-tabs.nav-tabs-modern > li.active > a:focus {
	padding-top: 11px;
    margin-top: -3px;	
}

/* ================================
   NAV TABS — THEME: DEFAULT
   ================================ */

.nav-tabs {
	--tabs-border: var(--border-color, #dddddd);

	--tabs-text: var(--color-text);
	--tabs-text-hover: var(--color-text);
	--tabs-text-active: var(--color-text);

	--tabs-bg-hover: var(--color-bg-hover, transparent);
	--tabs-bg-active: var(--color-surface, transparent);

	--tabs-border-hover: var(--border-color, #dddddd);
	--tabs-border-active: var(--border-color, #dddddd);
	--tabs-border-inactive: var(--border-color, #dddddd);
}

.nav-tabs-primary {
	--tabs-border: var(--primary-200);

	--tabs-text: var(--primary);
	--tabs-text-hover: var(--primary);
	--tabs-text-active: var(--light);

	--tabs-bg-hover: var(--primary-rgba-10);
	--tabs-bg-active: var(--primary);

	--tabs-border-hover: var(--primary-200);
	--tabs-border-active: var(--primary-300);
	--tabs-border-inactive: var(--primary-200);
}

.nav-tabs-secondary {
	--tabs-border: var(--secondary-200);

	--tabs-text: var(--secondary);
	--tabs-text-hover: var(--secondary);
	--tabs-text-active: var(--light);

	--tabs-bg-hover: var(--secondary-rgba-10);
	--tabs-bg-active: var(--secondary);

	--tabs-border-hover: var(--secondary-200);
	--tabs-border-active: var(--secondary-300);
	--tabs-border-inactive: var(--secondary-200);
}

.nav-tabs-tertiary {
	--tabs-border: var(--tertiary-200);

	--tabs-text: var(--tertiary);
	--tabs-text-hover: var(--tertiary);
	--tabs-text-active: var(--light);

	--tabs-bg-hover: var(--tertiary-rgba-10);
	--tabs-bg-active: var(--tertiary);

	--tabs-border-hover: var(--tertiary-200);
	--tabs-border-active: var(--tertiary-300);
	--tabs-border-inactive: var(--tertiary-200);
}

.nav-tabs-quaternary {
	--tabs-border: var(--quaternary-200);

	--tabs-text: var(--quaternary);
	--tabs-text-hover: var(--quaternary);
	--tabs-text-active: var(--light);

	--tabs-bg-hover: var(--quaternary-rgba-10);
	--tabs-bg-active: var(--quaternary);

	--tabs-border-hover: var(--quaternary-200);
	--tabs-border-active: var(--quaternary-300);
	--tabs-border-inactive: var(--quaternary-200);
}

.nav-tabs-success {
	--tabs-border: var(--success-200);

	--tabs-text: var(--success);
	--tabs-text-hover: var(--success);
	--tabs-text-active: var(--light);

	--tabs-bg-hover: var(--success-rgba-10);
	--tabs-bg-active: var(--success);

	--tabs-border-hover: var(--success-200);
	--tabs-border-active: var(--success-300);
	--tabs-border-inactive: var(--success-200);
}

.nav-tabs-warning {
	--tabs-border: var(--warning-200);

	--tabs-text: var(--warning);
	--tabs-text-hover: var(--warning);
	--tabs-text-active: var(--dark);

	--tabs-bg-hover: var(--warning-rgba-10);
	--tabs-bg-active: var(--warning);

	--tabs-border-hover: var(--warning-200);
	--tabs-border-active: var(--warning-300);
	--tabs-border-inactive: var(--warning-200);
}

.nav-tabs-danger {
	--tabs-border: var(--danger-200);

	--tabs-text: var(--danger);
	--tabs-text-hover: var(--danger);
	--tabs-text-active: var(--light);

	--tabs-bg-hover: var(--danger-rgba-10);
	--tabs-bg-active: var(--danger);

	--tabs-border-hover: var(--danger-200);
	--tabs-border-active: var(--danger-300);
	--tabs-border-inactive: var(--danger-200);
}

.nav-tabs-light {
	--tabs-border: var(--light-300);

	--tabs-text: var(--dark);
	--tabs-text-hover: var(--dark);
	--tabs-text-active: var(--dark);

	--tabs-bg-hover: var(--light-rgba-30);
	--tabs-bg-active: var(--light);

	--tabs-border-hover: var(--light-300);
	--tabs-border-active: var(--light-400);
	--tabs-border-inactive: var(--light-300);
}

.nav-tabs-dark {
	--tabs-border: var(--dark-200);

	--tabs-text: var(--dark);
	--tabs-text-hover: var(--dark);
	--tabs-text-active: var(--light);

	--tabs-bg-hover: var(--dark-rgba-10);
	--tabs-bg-active: var(--dark);

	--tabs-border-hover: var(--dark-200);
	--tabs-border-active: var(--dark-300);
	--tabs-border-inactive: var(--dark-200);
}


/*
	======================================================
	Form
	======================================================
*/
.form-control:focus {
	background: var(--light) !important;
    border-color: var(--primary--300);
    outline: 0;
    box-shadow: 0 0 0 .2rem var(--primary-rgba-10);
	cursor: default;	
}

/*.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
*/