/*
		--- Versionamento ---
		09/03/2021 - Andrey - Primeira Versão
		--- Fim Versionamento ---
	*/

	.listbox{
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 2%;
		margin-top: 2%;
	}
	
	.listbox > tbody > th{
		text-align: left;
	}
	
	.listbox tr{
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		padding: 10px;
		margin-bottom: 1%;
		margin-top: 1%;
		background-color: #FFF;    	
	}
	
	
	@media(min-width: 1000px){
		.listbox{
		}
		
		.listbox td, .listbox th{
			font-size: .9em;
		}

		
	}	
	
	
@media(max-width: 999px) {

	.listbox td::before {
		content: attr(data-label);
		display: block;
		font-size: .5em;
		font-weight: bold;
		text-transform: uppercase;
	}

    .listbox thead {
        display: none;
    }
    
    .listbox tr {		
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    
    .listbox td {
        margin: 0 -1px -1px 0;
        position: relative;
        width: 100%;
    }
    
    /* Show the heading span */
    .listbox td span {
        display: block;
    }
}