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 top;
    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;
}
.legal {
	font-size: 9px;
	text-align: justify;
}
.p-2 {
    margin: 2% 0;
}