@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:700');

body, html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

html {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

img {
	border: none;
	display: block;
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

form {
	margin: 0;
	padding: 0;
	display: block;
}

label {
	cursor: pointer;
}

label:hover {
	text-decoration: underline;
}

input[type=text], input[type=email], input[type=password], input[type=submit], input[type=file], input[type=button] {
	appearance: none;
	-webkit-appearance: none;
}

input[type="password"]::-ms-reveal {
	display: none; /* remove o icone exibir/ocultar senha no edge */
}

	.panel-content {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		padding: 10px;
		background-color: #FAFAFA;
		outline: 1px solid #b8d6fb;
		outline-offset: -1px;
		position: relative;
		margin-top: 10px;
	}

	.panel-content:first-child {
		margin-top: 0;
	}

	.panel-content .title, .panel-content .btn-back {
		font-family: 'Oswald', sans-serif;
		font-size: 18px;
		line-height: 18px;
		text-transform: uppercase;
	}

	.panel-content .title {
		width: 100%;
		color: #336799;
		border-bottom: 1px solid #e9eaed;
		padding-bottom: 7px;
	}

	.panel-content .btn-back {
		position: absolute;
		top: 10px;
		right: 10px;
	}

	.panel-content .title span, .panel-content .btn-back span {
		margin-right: 7px;
	}

	.panel-content .btn-back a {
		color:#666;
	}

	.panel-content .subtitle {
		width: 100%;
		font-family: 'PT Sans Narrow', sans-serif;
		color: #666;
		font-size: 20px;
		background-color: #ffffff;
		border: 1px solid #e9eaed;
		border-radius: 5px;
		padding: 10px;
		line-height: 1;
	}

/* TABELAS ➡️ INÍCIO SIMULADO / QUESTÕES FAVORITAS / STATUS DO PACOTE */

	.table-content {
		width: 100%;
		text-align: center;
		background-color: #ffffff;
		border: 1px #ccc solid;
		table-layout: fixed;
	}

	.table-content a {
		color: blue;
	}

	.table-content a:hover {
		text-decoration: underline;
	}

	.table-content a:active {
		color: red;
	}

	.table-content tr {
		height: 35px;
	}

	.table-content tr:nth-child(1) {
		background-color: #ccc;
		color: #000000;
		height: 25px;
	}

/* MENU VERTICAL ➡️ BOTÕES PRÓXIMA / ANTERIOR / SALVAR / FINALIZAR / ALTERAR SENHA / STATUS DO PACOTE ... */

	.menu-v-content {
		display: flex;
		flex-direction: column;
		row-gap: 5px;
		width: 170px;
	}

	.menu-v-content .labels {
		display: flex;
		flex-direction: column;
		gap: 3px;
	}

	.menu-v-content label {
		color: #666;
		margin-left: auto;
	}

	.menu-v-content label:last-child {
		margin-bottom: 5px;
	}

	.menu-v-content label input {
		margin: 0;
		margin-left: 7px;
		cursor: pointer;
	}

	.menu-v-content a {
		display: flex;
		align-items: center;
		font-size: 14px;
		color: #666;
		height: 40px;
		background-color: #ffffff;
		border: 1px solid;
		border-color: #e9eaed;
		padding: 10px;
		border-radius: 5px;
		outline: none;
		user-select: none;
	}

	.menu-v-content a:hover {
		background-color: #F1F5F9;
		border-color: #007aff;
		transition: all 0.1s ease;
	}

	.menu-v-content a span {
		width: 22px;
		font-size: 16px;
		flex-shrink: 0;
	}

	.menu-v-content a span.icon-pause2 {
		font-size: 15px;
	}

	.menu-v-content a.off {
		pointer-events: none;
		color: #ccc;
		cursor: default;
	}