.nopadding{padding: 0}

.pb30 {
    padding-bottom: 30px;
}

.mt30 {
    margin-top: 30px;
}

.mt20 {
    margin-top: 20px;
}

.ma10{
    margin:10px;
}

.height100{
    height: 100%!important;
}

/*Main*/
.vertical-center {
    height: 100%;
}

.vertical-center .row {
    height: 100%;
    display: flex;
    align-items: center;
}

#header {
    height: 85px;
}

#header .logo {
    top: 30px;
}

h2.title {
    color: #ed258f;
    font-weight: bold;
}

/*Menu*/
.nav-menu-portal {
    background-color: #ed258f;
}

#portal-menu {
    margin: 20px 0;
    padding: 0;
}

#portal-menu li {
    list-style: none;
    display: inline-block;
    font-weight: 500;
    padding: 0 10px;
    font-size: 1.8rem;
}

#portal-menu li a {
    color: white;
}

#portal-menu li a:hover {
    font-weight: 600;
}

/*Courses*/
.portal-courses .mc-item .content-item {
    padding: 0;
}

.portal-courses .mc-item h4 {
    padding: 15px 10px;
}

.portal-courses .mc-item button {
    border-radius: 0;
}

/*Financial*/
.portal-financial #requests thead tr {
    background: #ed258f;
    color: white;
    font-size: 1.8rem;
}

.portal-financial #requests thead tr th {
    font-weight: 400;
}

.portal-financial #requests tbody tr {
    background: white;
    color: #ed258f;
}

.portal-financial #requests tbody tr td {
    font-size: 1.8rem;
    font-weight: 400;
}

/*Faq*/
.portal-faq #accordion .card {
    margin-bottom: 20px;
    background: white;
}

.portal-faq .link-accordion {
    width: 100%;
    display: inline-block;
}

.portal-faq #accordion .card .card-header, .portal-faq #accordion .card .collapse {
    padding: 10px 20px;
}

.portal-faq #accordion .card .collapse {
    border-top: 1px solid #eee;
}

/* Portal aluno*/
.height {
    height: 70px;
    background-color: #7c0946;
}

.height h2 {
    height: 40px;
    color: yellow;
    margin: 16px 0 0 0px;
    padding-top: 5px;
}

.bar-id {
    min-height: 110px;
    background-color: #ae1768;
    padding: 20px 0;
    margin: 0;
}

.profile-teacher {
}

.profile-teacher p {
    color: white;
    font-size: 120%;
    margin-bottom: 0;
    /*margin-left: 85px;*/
    /*width: 135px;
    height: 25px;*/
}

.banner-combo {
    margin-top: 1.5rem;
}

#student-portal .enrollment {
    margin-top: 3rem;
}

#student-portal .percent {
    margin-top: 2rem;
}

#student-portal .percent h2 {
    padding: 10px;
    margin-top: 10px;
    font-size: 20px;
    text-align: center;
    background-color: #eb268f;
}

#student-portal .new-course {
    margin-top: 0;
    background: none;
}

#student-portal .course-code {
    width: 100%;
}

#student-portal #fotos .img-thumbnail, #student-portal #ecard .img-thumbnail {
    width: 100%;
    margin-bottom: 10px;
    object-fit: cover;
    height: 160px;
}

#student-portal #ecard .box-social-networks {
    display: inline-block;
    width: 100%;
    float: left;
}

#student-portal #ecard .col-md-4{
    min-height: 190px;
}

#student-portal .owl-theme .owl-controls .owl-page span {
    background: #eb268f;
}

#student-portal .preview-featured-image {
    width: 250px;
    /* height: 160px; */
    margin-top: 10px;
    margin-bottom: 10px;
    object-fit: cover;
}

.btn-remove {
    position: absolute;
    top: 1rem;
    right: 3rem;
    background-color: rgba(255, 255, 255, .5);
    border: none;

}

.btn-remove-wrapper {
    position: relative;
    text-align: center;
    margin-bottom: 2rem;
}

.box-shadow-bottom {
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75);
}

.img-thumbnail {
    object-fit: cover;
    object-position: 50% 50%;
    height: 200px;
}

.btn-facebook {
    background-color: #3b5998;
}

.btn-twitter {
    background-color: #2aa9e0;
}

.btn-gplus {
    background-color: #db4437;
}

.btn-share {
    border: none;

}

.btn-share i {
    color: white;
}

#form-timeline-portal #submit-btn-home{width: 150px;}

.timeline-item{
    margin: 10px 0 20px;
    box-shadow: 0px 0px 1px #888888;
    border: 1px solid #dcdcdc;
}

.timeline-item header{
    background: #dcdcdc;
    min-height: 15px;
    border-bottom: 1px solid #dcdcdc;
}

.timeline-item article{
    width: 100%;
    padding: 10px;
    display: inline-block;
}

.timeline-item footer{
    padding: 10px 20px;
    background: #f5f5f5;
    min-height: 20px;
    border-top: 1px solid #dcdcdc;
}

.timeline-item footer .fa-comment{color: #98b16a;}
.timeline-item footer .fa-heart{color: #FFDD00;}

.timeline-item.comment{
    border: 1px solid #dcdcdc;
    box-shadow: none;
}

#submit-btn-home{
    color: white;
    background: #ed258f;
    border: 1px solid #D4257C;
}

#submit-btn-home:hover{
    opacity: 0.8;
}

#attachment-timeline{
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

#attachment-icons{
    padding: 10px 0;
}

#attachment-icons i {
    cursor: pointer;
    margin-right: 10px;
    color: #666;
}

#attachment-icons i:hover {
    color: #333;
}

.send-material-portal, .send-indicacoes-portal, .send-video-portal {
    margin-top: 10px;
}

.massa td {padding: 10px}
.massa span {
    margin: 10px;
    padding-left: 10px;
}

#profile{
    padding: 10px;
    margin-bottom: 20px;
    background: #D4D2D4;
}
#profile h3{
    padding: 0; margin: 0;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
#profile h4{
    padding: 0; margin: 0;
    font-size: 18px;
    color: #333;
}
#photo-profile{
    position: relative;
    display: inline-block;
}
#photo-profile::before{
    width: 100%;
    height: 15px;
    background: rgba(237, 37, 143, 0.5);
    content: "Alterar imagem";
    position: absolute;
    bottom: 0;
    color: white;
    font-size: 10px;
    text-align: center;
    line-height: 15px;
    display: none;
}

#photo-profile:hover::before{
    content: "Clique para editar";
    display: block;
}

a.link-ebam{
    color: #D4257C;
}

a.link-ebam:hover{
    text-decoration: none;
    color: rgba(237, 37, 143, 1);
}

#owl-teachers .owl-item .img-item{
    padding: 0;
}

#owl-teachers .owl-item .img-item img{
    width: 130px; height: 100px;
    object-fit: cover;
}

.tabs-page {
    padding-left: 0;
}

#cursos .nav-tabs li a {
    padding-top: 5px;
}

.top_video {
    margin-top:10px;
}