body {
    font-size: 80% !important;
}

button {
    border: 0 !important;
}

div.tbl {
    margin: 2% 0;
}

div.alert {
    margin: 2%;
    padding-right: 34px;
}

div.header {
    background-repeat: no-repeat;
    background-position: center center;
    height: 203px;
}

div.container-fluid {
    margin-bottom: 200px;
}

div.footer {
    background: url('../../imgs/template/oriflame-logo.png') no-repeat center;
    background-size: 200px;
    height: 120px;
}

.hdr {
    background-size: 452px 52px !important;
}

.n21 {
    background-size: 460px 100px !important;
    height: 95px !important;
}

.nivel {
    background-position: center center;
    background-size: 460px 78px;
    height: 68px;
    background-repeat: no-repeat;
}
.niveles {
    background-position: center center;
    background-size: contain;
    height: 115px;
    background-repeat: no-repeat;
}

.card-deck {
    margin-bottom: 15px;
}

.card-header {
    font-size: 80%;
}

.card-header.h1 {
    font-size: 110%;
    font-weight: bolder;
}

.card-body {
    padding: 0.5rem;
}

div.badge {
	word-wrap: normal;
}

.table-socio th {
	width: 20%;
	font-size: 12px;
	text-align: right;
}

.table-socio td {
	text-align: left;
}

.table-results .cero,
.table-results .cero th {
	border: none;
	height: 5px;
}

.table-results .cero svg {
	height: 20px;
}

.table-results th {
	font-size: large;
	font-weight: bolder;
	text-transform: uppercase;
	color: #e8a667;

/*
	background: #e8a667;
	background: -moz-linear-gradient(-45deg, #e8a667 0%, #e8a667 12%, #e8a667 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #e8a667), color-stop(12%, #e8a667), color-stop(100%, #e8a667));
	background: -webkit-linear-gradient(-45deg, #e8a667 0%, #e8a667 12%, #e8a667 100%);
	background: -o-linear-gradient(-45deg, #e8a667 0%, #e8a667 12%, #e8a667 100%);
	background: -ms-linear-gradient(-45deg, #e8a667 0%, #e8a667 12%, #e8a667 100%);
	background: linear-gradient(135deg, #e8a667 0%, #e8a667 12%, #e8a667 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51476d', endColorstr='#e04375', GradientType=1 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
*/
}

.table-results .cactivo {
	background-image: url('../../imgs/flecha.svg');
	background-repeat: no-repeat;
	background-size: contain;
}


.p-2 {
    margin: 2% 0;
}

@media all and (orientation:portrait) {
	.table-results td {
		font-size: 8px;
		padding: 0rem;
	}
	.table-results th {
		font-size: 10px;
	    padding: 0rem;
	}
}