div.card {
border: 0;
margin-bottom: 30px;
margin-top: 30px;
border-radius: 6px;
color: rgba(0, 0, 0, 0.87);
background: #fff;
width: 100%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
  0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

div.card.card-plain {
background: transparent;
box-shadow: none;
}
div.card .card-header {
border-radius: 3px;
padding: 1rem 15px;
margin-left: 15px;
margin-right: 15px;
margin-top: -30px;
border: 0;
background: linear-gradient(60deg, #eee, #bdbdbd);
}

.card-plain .card-header:not(.card-avatar) {
margin-left: 0;
margin-right: 0;
}

.div.card .card-body {
padding: 15px 30px;
}

div.card .card-header-primary {
background: linear-gradient(60deg, #ab47bc, #7b1fa2);
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2),
  0 13px 24px -11px rgba(156, 39, 176, 0.6);
}

div.card .card-header-prepas {
background: linear-gradient(60deg, #9c8b1e, #9c8b1e);
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2),
  0 13px 24px -11px rgb(156, 139, 30);
}

.card-nav-tabs .card-header {
margin-top: -30px !important;
}

.card .card-header .nav-tabs {
padding: 0;
}
.nav-tabs {
border: 0;
border-radius: 3px;
padding: 0 15px;
}

.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}

.nav-tabs .nav-item {
margin-bottom: -1px;
}

.nav-tabs .nav-item .nav-link.active {
background-color: hsla(0, 0%, 100%, 0.2);
transition: background-color 0.3s 0.2s;
}

.nav-tabs .nav-item .nav-link {
border: 0 !important;
color: #fff !important;
font-weight: 500;
}

.nav-tabs .nav-item .nav-link {
color: #fff;
border: 0;
margin: 0;
border-radius: 3px;
line-height: 24px;
text-transform: uppercase;
font-size: 12px;
padding: 10px 15px;
background-color: transparent;
transition: background-color 0.3s 0s;
}

.nav-link {
display: block;
}

.nav-tabs .nav-item .material-icons {
margin: -1px 5px 0 0;
vertical-align: middle;
}

.nav .nav-item {
position: relative;
}
.tab-pane p {
text-align: justify;
margin-top: 20px;
}