/*Vertical Tabs*/

.v-tabs .my-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
	align-content: flex-start;
    width:100%;
    background-color:white;
}

.v-tabs .nav-tabs {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-items: baseline;
    align-items: stretch;
	align-content: stretch;
    margin-right:40px;    
    }

.v-tabs .tab-pane p.h6 {
    margin-top:12px;
}

.v-tabs .tab-pane p.h6 svg {
    margin-right:16px;
    margin-bottom:-5px;
    width:24px !important; 
    height:24px !important;
    fill: #0b7ad0;
    }
.v-tabs .nav-tabs li {
    margin:0;
    width:320px;
}

.v-tabs .nav-tabs li a {
    display: flex !important;
    flex-direction: row;
    justify-items: baseline;
    align-items: center;
    border-radius: 0px;
    font-weight: 500;
    color:black !important;
    background-color:transparent !important;
    border:none;
    border-bottom :1px solid #e3e3e3;
   }
.v-tabs .nav-tabs {
  border-bottom: 0px solid #ddd;
}

.v-tabs .nav-tabs li a svg.svg-xs {
    margin-right:16px;
    margin-bottom:-2px;
    width:24px !important; 
    height:24px !important;
   }

.v-tabs .nav-tabs li.active a {
    display: flex !important;
    flex-direction: row;
    justify-items: baseline;
    align-items: center;
    border-radius: 0px;
    font-weight: 500;
    color: #0b7ad0 !important;
    background-color:transparent !important;
    border:none;
    border-bottom :1px solid #e3e3e3;
    }

.v-tabs .nav-tabs li.active a svg path,
.v-tabs .nav-tabs li.active a svg g,
.v-tabs .nav-tabs li.active a svg rect,
.v-tabs .nav-tabs li.active a svg polygon,
.v-tabs .nav-tabs li.active a svg circle {
  fill: #0b7ad0;
}

ul.star {
  list-style-type: none;
    padding-left:0px;
}

ul.star ul.star {
  list-style-type: none;
    padding-left:32px;
}

ul.star li.star-b {
    background: url('/public/img/empresas/expertologia/star-b.svg') no-repeat top left;
}
ul.star li.star-c {
    background: url('/public/img/empresas/expertologia/star-c.svg') no-repeat top left;
}
ul.star li.star-p {
    background: url('/public/img/empresas/expertologia/star-p.svg') no-repeat top left;
}

ul.star li span.star-b {
    width: 24px !important;
    height: 24px !important;
    position: absolute;
    margin-left: 4px;
    background: url('/public/img/empresas/expertologia/star-b.svg') no-repeat top left;
}
ul.star li span.star-c {
    width: 24px !important;
    height: 24px !important;
    position: absolute;
    margin-left: 4px;
    background: url('/public/img/empresas/expertologia/star-c.svg') no-repeat top left;
}
ul.star li span.star-p {
    width: 24px !important;
    height: 24px !important;
    position: absolute;
    margin-left: 4px;
    background: url('/public/img/empresas/expertologia/star-p.svg') no-repeat top left;
}

ul.star li {
  padding: 0px 0 0 32px;
    margin:8px ;
}

ul.star li .svg-star {
    width: 14px !important;
    height: 14px !important;
    position: relative;
    margin-bottom:8px;
    margin-left:0px;
}

ul.star.h-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
	align-content: flex-end;
    justify-content: flex-end;
    width:100%; 
}

ul.star.h-list li {
margin: 24px 0 24px 40px;
}

#expertologia h5.card-title {
    margin-bottom:8px;
    font-weight:900;
}

#expertologia h5.card-title svg.svg-xs {
    margin-bottom:-1px;
    margin-right:8px;
    width:24px !important; 
    height:24px !important;
}

#undefined-accordion .panel-title svg {
    margin-right:16px;
    margin-bottom:-5px;
    width:24px !important; 
    height:24px !important;
    fill: #0b7ad0;
    }

#undefined-accordion {   
    min-width:100%;
   }

#undefined-accordion .panel {
    border:none;
    box-shadow: none;
    border-radius: none;
}

#undefined-accordion .panel-default > .panel-heading {
    color: #333;
    background-color: transparent;
    border-color: none !important;
    border: none !important;
    border-bottom: 1px solid #e3e3e3 !important;
}

@media screen and (max-width: 991px) {
    .v-tabs .nav-tabs li {
        margin:0;
        width:auto;
    }

}


@media screen and (max-width: 767px) {
    
        
    #undefined-accordion p.h6.azul {display:none;}
        
    ul.star.h-list li {
        margin: 8px 0 8px 16px;
        font-size:11px;
    }
    
    .v-tabs .row.white-bg {
    margin:0px;
    }
    
    ul.star li {
    margin: 8px 0 ;
    }
    
}