@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
	/*background-image: url(../images/banner_fabio_bk.jpeg);*/
	background-image: url(../images/fabio/fabiosttevam1.jpg); 
    background-size: cover;
	font-family: "Montserrat", sans-serif;
	min-height: 100vh;
}

.container {
	margin: auto;
	width: 100%;
	text-align: center;
	/*background-image: url(../images/banner_fabio4.jpeg); 
    background-size: cover;*/
}

label,
select,
button {
	display: block;
	margin: 10px auto;
}

.titlepage {
	font-size: 74px;
	line-height: 1.0625;
	font-weight: 600;
	letter-spacing: -.009em;
	font-family: "Montserrat", sans-serif;
	color: #fff;
}

select {
    font-size: 40px;
    line-height: 1.21053;
    font-weight: 600;
    letter-spacing: .012em;
    font-family: "Montserrat", sans-serif;
    width: 100%;
    margin: 0;
    padding: 17px 14px;
    color: #fff;
    overflow: hidden !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: black;
    border: 1px solid #000;
    border-radius: 5px;
    transition: border-color 200ms ease;
    text-align: center;
}

select:hover, select:active {
	border: 1px solid #242424;
}
select:focus {
	/*border: 1px solid #04b8f946;*/
	outline: none;
}

.selector-icon {
	display: block;
	position: absolute;
	top: 50%;
	right: 14px;
	margin-top: -11px;
	font-size: 20px;
	line-height: 1;
	color: #242424;
	pointer-events: none;
}

.icon-chevrondown::before {}

.icon-chevrondown::after {
	content: ">";
}

button.btnvideo {
	padding: 10px 20px;
    border: none;
    background-color: #3272FB;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

button.btndestaq {
	padding: 10px 20px;
    border: none;
    background-color: red;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}

button.btnlimpadestaq {
	padding: 10px 20px;
    border: none;
    background-color: green;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
}

#btndestacar {position: fixed; right: -107px; top: 45%;transform: rotate(90deg);width: 250px;}


table {
	margin: 0px auto;
	border-collapse: separate;
}

th.coluna1,
th.coluna2 {
	width: 450px;
}

th.coluna0 {
	width: 118px;
}

#tabela .rowtitle {
	/*position: fixed;*/
	background-color: #fff;
}
#tabela {
margin-bottom: 40px;
}
#tabela th {
	display: none;
}
#tabela td {
background-color: #fff;
}
.tabelaseleciona th {
	padding: 0;
}

th,
td {
	padding: 10px;
	border: 1px solid #eaeaea3b;
	border-radius: 3px;
}

.tabelaseleciona th, .tabelaseleciona td {
    border: 0px solid #ccc !important;
}

/*#tabela .imagem td:nth-child(2):before {content:"X"}*/

#tabela td:nth-child(2), #tabela td:nth-child(3) {
width: 450px;
}
#tabela td:nth-child(1) {
	width: 118px;
	}

.teclados {
	display: flex;
	justify-content: space-evenly;
}

#seleteclado1 {
	position: relative;
	width: 470px;
	margin-left: 20px;
}

#seleteclado2 {
	position: relative;
	width: 470px;
}

.css-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: -1px;
    z-index: 10;
}


li {
	text-align: left;
}

img {
	max-width: 400px;
}

#iframevideo {
	border: none;
	width: 100%;
    height: 300px;
}


.playerjanela{
	position: fixed;
		background: #141414;
		right: 40px;
		bottom: 15px;
		box-shadow: 0px 4px 14px -1px #fff;
		min-width: 400px;
		min-height: 300px;
		z-index: 10;
	}

	.fecharplayer {
		position: absolute;
		top: -45px;
		right: 0px;
		cursor: pointer;
		background-color: #000;
		border: none;
		color: #fff;
		font-weight: 600;
		padding: 10px 15px;
		
		}

		.diferente {
			color: red;
			font-weight: 600;
		  }


	
	#tabelaresumo {
    padding: 10px;
    /*border: 1px solid #ccc;
    background-color: #fff;*/
    margin: 0px auto 40px auto;
    width: 1065px;
	border-radius: 3px;
        margin-bottom: 800px;
	}
	
	#tabelaresumo .divtitle {
	font-size: 30px;
    padding: 20px 0;
    font-weight: 600;
	}
	#tabelaresumo .divconclusao {
	font-size: 16px;
    text-align: left;
    padding: 0 10% 30px 10%;
	}
	
	.btnmanual, .btnsite {
	padding: 6px 30px;
    background-color: #3272FB;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
	}
	
	#tabela tr {
    background-color: transparent;
}

#tabela tr.selected {
    box-shadow: 0px 0px 18px 8px #eff802;
    z-index: 3;
}

#tabelaresumo.selected {
    box-shadow: 0px 0px 18px 8px #eff802;
    z-index: 3;
}


#tabela tr.selected td:nth-child(1),#tabela tr.selected td:nth-child(3)  {
background-color: #efef03 !important;
}

  #tabela td:nth-child(2) {
        width: 118px !important;
        background-color: #000000fa;
        font-weight: 600;
        /* box-shadow: 0px 16px 32px 2px #000; */
        z-index: 2;
        position: relative;
        color: #fff;
        }
    #tabela td:nth-child(1), #tabela td:nth-child(3) {
        width: 450px !important;
        }
        
        
.glow-on-hover:before {
    content: '';
    background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
    position: absolute;
    top: -2px;
    left:-2px;
    background-size: 400%;
    z-index: -1;
    filter: blur(5px);
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    animation: glowing 20s linear infinite;
    opacity: 1;
    transition: opacity .3s ease-in-out;
    border-radius: 10px;
}

.glow-on-hover:active {
    color: #000
}

.glow-on-hover:active:after {
    background: transparent;
}

.glow-on-hover:hover:before {
    opacity: 1;
}

.glow-on-hover:after {
    z-index: -1;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #111;
    left: 0;
    top: 0;
    border-radius: 10px;
}

@keyframes glowing {
    0% { background-position: 0 0; }
    50% { background-position: 400% 0; }
    100% { background-position: 0 0; }
}
        
        tr{position: relative; cursor: pointer;}