.emp-profile_container{
  background: -webkit-linear-gradient(left, #3931af, #00c6ff);
  padding:3rem;
}

.emp-profile{
    padding: 3%;
    /*margin-top: 3%;
    margin-bottom: 3%;*/
    border-radius: 0.5rem;
    background: #fff;
}
.profile-img{
    /*text-align: center;
    max-width: 250px;*/
}
.profile-img img {
    width: 60%;
    height: 100%;
    border-radius: 100%;
    background: -webkit-linear-gradient(left, #3931af, #00c6ff);
    padding: 0.2rem;
    box-shadow: 0px 0px 3px #0000006e;
}
.profile-img .file {
    position: relative;
    overflow: hidden;
    margin-top: -20%;
    width: 70%;
    border: none;
    border-radius: 0;
    font-size: 15px;
    background: #212529b8;
}
.profile-img .file input {
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
}

.profile_head_lateral {
    margin-top: 1rem;
}

.profile_head_lateral h5{
    color: #333;
}
.profile_head_lateral h6{
    color: #0062cc;
}
.profile-edit-btn{
    border: none;
    border-radius: 1.5rem;
    width: 70%;
    padding: 2%;
    font-weight: 600;
    color: #6c757d;
    cursor: pointer;
}
.profile_datos_usuario_lateral_el {
    font-size: 12px;
    color: #818182;
    margin: 0.5rem 0rem;
}
.profile_datos_usuario_lateral_el span{
    color: #495057;
    font-size: 15px;
    font-weight: 600;
}
.profile_datos_usuario_lateral_el_alert {
    text-align: center;
    cursor: pointer;
    font-size: 0.8rem;
    background: #077e11;
    color: #ffffff;
    font-weight: 600;
    padding: 0.3rem 0.6rem!important;
    margin: auto!important;
    margin-top: 1.5rem!important;
    border: 2px solid #077e11;
    transition: 0.3s;
    margin-bottom: 0.5rem!important;
    display: block;
    width: 100%;
}
.profile_datos_usuario_lateral_el_alert:hover {
    background: #ffffff;
    color: #077e11;
}

#myTab.nav-tabs{
    margin-bottom:5%;
}
#myTab.nav-tabs .nav-link{
    font-weight:600;
    border: none;
}
#myTab.nav-tabs .nav-link.active{
    border: none;
    border-bottom:2px solid #0062cc;
}
.profile_detalles_lateral_el {
    margin-top: 2rem;
}
.profile_detalles_lateral h3 {
    font-size: 1.1rem;
    border-bottom: 2px solid #0062cc;
    padding-bottom: 0.7rem;
    color: #495057;
    text-align: center;
    margin-bottom: 1rem;
}

.profile_detalles_lateral ul{
    list-style: none;
}
.profile-tab label{
    font-weight: 400;
}
.profile-tab p{
    font-weight: 400;
    color: #0062cc;
}

#container_medallas_empty {
    text-align: center;
    font-size: 0.9rem;
}
.medallas_el_container {
    padding: 0.3rem;
}
.medallas_el_img {
    width: 100%;
}

.profile_detalles_lateral_ver_medallas_disponibles {
    text-align: center;
    cursor: pointer;
    font-size: 0.8rem;
    background: #156bbb;
    color: #ffffff;
    font-weight: 600;
    padding: 0.3rem 0.6rem;
    width: fit-content;
    margin: auto;
    margin-top: 2rem;
    border: 2px solid #156bbb;
    transition: 0.3s;
    margin-bottom: 0.5rem;
    display: block;
    width: 100%;
}
.profile_detalles_lateral_ver_medallas_disponibles:hover {
    background: #ffffff;
    color: #156bbb;
}

#boton_ver_perfil_publico_container {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

a#boton_ver_perfil_publico {
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 1rem;
    background: #156bbb;
    color: #ffffff;
    font-weight: 600;
    padding: 0.6rem 0.8rem;
    border: 1px solid #156bbb;
    transition: 0.3s;
}

a#boton_ver_perfil_publico:hover{
  background: #ffffff;
  color: #156bbb;
}

#boton_ver_perfil_publico_desc {
    display: block;
    font-size: 0.8rem;
    margin-top: 0.5rem;
    color: #8c8c8c;
}

.perfil_tab_title {
    font-size: 1.2rem;
    border-bottom: 2px solid #0062cc;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    color: #495057;
    margin-top: 1.5rem;
}

.profile-img {
    text-align: center;
}
.profile_head_lateral {
    text-align: center;
}

@media (max-width: 720px){



}


/*CURSOS TAB*/

div#cursos_adquiridos_container ul {
    list-style: none;
    padding: 0rem;
}
div#cursos_adquiridos_container ul li {
    padding: 0.5rem;
    background: #e6f3ff;
    margin: 0.5rem 0rem;
    box-shadow: 0px 0px 3px #c7c7c7;
    font-weight: 600;
}

span.cursos_adquiridos_el_estado {
    float: right;
    font-size: 0.8rem;
    font-weight: 400;
    vertical-align: middle;
}

span.cursos_adquiridos_el_estado_completo {
    background: #3d9444;
    color: white;
    padding: 0.2rem;
    border-radius: 3px;
    min-width: 100px;
    display: block;
    text-align: center;
}

span.cursos_adquiridos_el_estado_incompleto {
    background: #156bbb;
    color: white;
    padding: 0.2rem;
    border-radius: 3px;
    min-width: 100px;
    display: block;
    text-align: center;
}

span.cursos_adquiridos_el_timeago {
    display: block;
    font-size: 0.7rem;
    font-weight: 400;
}





/*CONSULTAS TAB*/
.myacc_tickets_container {
  background: #f1f1f1;
  padding: 1rem;
  box-shadow: 0px 0px 3px black;
}


.myacc_tickets_head_el {
    font-weight: 600;
}

.myacc_tickets_el_estado {
    font-size: 0.8rem;
    color: #007abe;
}























/*EDITAR TAB*/

.myacc_datos {
  text-align: left;
}

label.label_campo_myacc_datos {
  display: block;
  padding: 0.3rem;
  color: #007abe;
  margin: 0.5rem 0rem;
  font-size: 1rem;
  border-bottom: 1px solid #007abe45;
  padding-bottom: 0.9rem;
  margin-bottom: 1.5rem;
}

.title_sec_myacc_edit_datos{
  margin-bottom: 1rem;
  margin-top: 1rem;
}
a#myacc_edit_datos_pass_btn {
  display: block;
}


/*SERVICIOS QUE PRESTA*/
div#myacc_edit_datos_perfil_servicios_presta_agregar {
  font-size: 1.1rem;
  background: #efefef;
  padding: 0.5rem;
  cursor: pointer;
  text-align: center;
  color: #007abe;
  border: 1px solid #bfbfbf;
  transition: 0.3s;
}
div#myacc_edit_datos_perfil_servicios_presta_agregar:hover {
  background: #007abe;
  color: white;
}
.myacc_edit_datos_perfil_servicios_presta_el {
  background: #f6fcff;
  padding: 0.9rem;
  /* border-radius: 10px; */
  border: 1px solid #c5c5c5;
  font-size: 0.9rem;
  margin: 0.5rem 0rem;
  position: relative;
}
.myacc_edit_datos_perfil_servicios_presta_el input {
  font-size: 0.9rem;
  padding: 0.4rem;
  height: 1.8rem;
}
.myacc_edit_datos_perfil_servicios_presta_el textarea {
  font-size: 0.9rem;
  padding: 0.4rem;
}
label.myacc_edit_datos_perfil_servicios_presta_el_label {
  margin: 0.2rem;
  color: #007abe;
}
span.myacc_edit_datos_perfil_servicios_presta_el_eliminar {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #e20000;
  line-height: 0.5rem;
  font-size: 1rem;
  padding: 0.5rem 0.5rem 0.8rem 0.8rem;
  border-bottom-left-radius: 100%;
  color: white;
  border: 2px solid #880000;
  cursor: pointer;
  font-weight: 100;
  transition: 0.3s;
}
span.myacc_edit_datos_perfil_servicios_presta_el_eliminar:hover {
  background: red;
}


/*APTITUDES*/
div#myacc_edit_datos_perfil_aptitudes_agregar {
  font-size: 1.1rem;
  background: #efefef;
  padding: 0.5rem;
  cursor: pointer;
  text-align: center;
  color: #007abe;
  border: 1px solid #bfbfbf;
  transition: 0.3s;
}
div#myacc_edit_datos_perfil_aptitudes_agregar:hover {
  background: #007abe;
  color: white;
}
.myacc_edit_datos_perfil_aptitudes_el {
  background: #f6fcff;
  padding: 0.9rem;
  /* border-radius: 10px; */
  border: 1px solid #c5c5c5;
  font-size: 0.9rem;
  margin: 0.5rem 0rem;
  position: relative;
}
.myacc_edit_datos_perfil_aptitudes_el input {
  font-size: 0.9rem;
  padding: 0.4rem;
  height: 1.8rem;
}

label.myacc_edit_datos_perfil_aptitudes_el_label {
  margin: 0.2rem;
  color: #007abe;
}
span.myacc_edit_datos_perfil_aptitudes_el_eliminar {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #e20000;
  line-height: 0.5rem;
  font-size: 1rem;
  padding: 0.5rem 0.5rem 0.8rem 0.8rem;
  border-bottom-left-radius: 100%;
  color: white;
  border: 2px solid #880000;
  cursor: pointer;
  font-weight: 100;
  transition: 0.3s;
}
.myacc_edit_datos_perfil_aptitudes_el_eliminar:hover {
  background: red;
}

.myacc_edit_datos_perfil_aptitudes_el_eliminar_check{
  position: absolute;
  right: 0px;
  top: 0px;
  background: #e20000;
  line-height: 0.5rem;
  font-size: 1rem;
  padding: 0.5rem 0.5rem 0.8rem 0.8rem;
  border-bottom-left-radius: 100%;
  color: white;
  border: 2px solid #880000;
  cursor: pointer;
  font-weight: 100;
  transition: 0.3s;
}
.myacc_edit_datos_perfil_aptitudes_el_eliminar_check:hover {
  background: red;
}

span.myacc_edit_datos_perfil_aptitudes_el_valoraciones_cant {
  background: #007abe;
  width: fit-content;
  display: block;
  text-align: center;
  padding: 0.1rem 0.5rem;
  border-radius: 30px;
  font-size: 0.7rem;
  color: white;
  margin: 0.5rem 0rem;
}
span.myacc_edit_datos_perfil_aptitudes_el_valoraciones_users {
  display: block;
  font-size: 0.8rem;
  color: #6d6d6d;
}



/*EXPERIENCIA*/
div#myacc_edit_datos_perfil_experiencia_agregar {
  font-size: 1.1rem;
  background: #efefef;
  padding: 0.5rem;
  cursor: pointer;
  text-align: center;
  color: #007abe;
  border: 1px solid #bfbfbf;
  transition: 0.3s;
}
div#myacc_edit_datos_perfil_experiencia_agregar:hover {
  background: #007abe;
  color: white;
}
.myacc_edit_datos_perfil_experiencia_el {
  background: #f6fcff;
  padding: 0.9rem;
  /* border-radius: 10px; */
  border: 1px solid #c5c5c5;
  font-size: 0.9rem;
  margin: 0.5rem 0rem;
  position: relative;
}
.myacc_edit_datos_perfil_experiencia_el input {
  font-size: 0.9rem;
  padding: 0.4rem;
  height: 1.8rem;
}
.myacc_edit_datos_perfil_experiencia_el textarea {
  font-size: 0.9rem;
  padding: 0.4rem;
}
label.myacc_edit_datos_perfil_experiencia_el_label {
  margin: 0.2rem;
  color: #007abe;
}
span.myacc_edit_datos_perfil_experiencia_el_eliminar {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #e20000;
  line-height: 0.5rem;
  font-size: 1rem;
  padding: 0.5rem 0.5rem 0.8rem 0.8rem;
  border-bottom-left-radius: 100%;
  color: white;
  border: 2px solid #880000;
  cursor: pointer;
  font-weight: 100;
  transition: 0.3s;
}
span.myacc_edit_datos_perfil_experiencia_el_eliminar:hover {
  background: red;
}
.myacc_edit_datos_perfil_experiencia_el_actualmente {
  height: inherit!important;
  padding: inherit!important;
  font-size: inherit!important;
}
.myacc_edit_datos_perfil_experiencia_el_actualmente_container{
  margin: 0.5rem;
}





button#myacc_datos_guardar_cambios {
  margin: 1rem auto;
  display: block;
  font-size: 1.1rem;
}



/*imagen perfil*/

div#image_preview_myacc_edit_datos_imagen_perfil {
  position: relative;
  width: 120px;
}
span#preview_text_myacc_edit_datos_imagen_perfil {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  background: #28a745cc;
  font-size: 0.7rem;
  color: white;
  font-weight: 100;
  border-radius: 30px;
}
img#previewing_myacc_edit_datos_imagen_perfil {
  max-width: 120px;
  border-radius: 100%;
  height: 120px;
  width: 120px;
}

div#selectImage_myacc_edit_datos_imagen_perfil label {
  color: #007abe;
}
input.submit_myacc_edit_datos_imagen_perfil {
    background: #156bbb;
    width: 100%;
    color: #ffffff;
    padding: 0.5rem;
    margin-top: 0.5rem;
    border: 1px solid #156bbb;
    transition: 0.3s;
    cursor: pointer;
}
input.submit_myacc_edit_datos_imagen_perfil:hover {
  color: #156bbb;
  background: white;
}
div#message_myacc_edit_datos_imagen_perfil {
    background: #f7f7f7;
    width: 100%;
    padding: 1rem;
    border: 1px solid #b9b9b9;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
div#message_myacc_edit_datos_imagen_perfil {
  font-size: 0.9rem;
  color: #444444;
}
div#message_myacc_edit_datos_imagen_perfil h4 {
  font-size: 1.2rem;
}
span#success_myacc_edit_datos_imagen_perfil {
  color: green;
}




/*RANKING USUARIO LATERAL BOX*/

.ranking_usuario_lateral_box {
    background: #fbfbfb;
    padding: 1rem;
    border: 1px solid gainsboro;
    text-align: center;
}
h4.ranking_usuario_lateral_box_title {
    font-size: 1.1rem;
    color: green;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #00000024;
}
.ranking_usuario_lateral_box_desc_1 {
    font-size: 0.9rem;
}
.ranking_usuario_lateral_box_desc_2 {
    font-size: 0.9rem;
    font-weight: 600;
}


span.obligatorio_perfil {
  color: red;
}
span.opcional_perfil {
    font-size: 0.7rem;
    vertical-align: top;
    color: darkgrey;
}
span.exclusivo_full_perfil {
    font-size: 0.7rem;
    vertical-align: top;
    color: #077e11;
}








.cuenta_section {
    box-shadow: 0px 0px 3px #00000069;
    margin: 1rem 0rem;
}

.cuenta_section_title {
    /* padding: 0.5rem; */
    background: #3099d4;
    color: white;
    margin: 0px;
    box-shadow: 0px 0px 3px #0000007a;
}

.cuenta_section_title_icon {
    font-size: 1.5rem;
    margin-right: 1rem;
    padding: 0.5rem;
    display: inline-block;
    background: white;
    color: #3099d4;
}

.cuenta_section_title_text {
    font-size: 1rem;
    font-weight: 600;
    padding: 0.5rem;
    display: inline-block;
}

.cuenta_section_content {
    padding: 1rem;
}

.cuenta_section_content .container-fluid{
  padding: 0rem;
}



  .cuenta_charset_container_3_col canvas{
    /*max-height: 200px;*/
  }

  .cuenta_sub_box_container {
      box-shadow: 0px 0px 3px #00000038;
      border-radius: 5px;
      margin: 0.5rem;
  }
  .cuenta_sub_box_title {
      background: #fbf9f9;
      color: #156bbb;
      padding: 0.5rem;
      text-align: center;
      font-weight: 600;
      /* border: 1px solid #00000038; */
      font-size: 0.9rem;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
  }
.cuenta_sub_box_content {
    padding: 0.5rem;
}


.cuenta_tabla_datos_row {
    margin: 0.5rem;
    box-shadow: 0px 0px 3px #00000042;
}
.cuenta_tabla_datos_desc {
    background: #fbf9f9;
    padding: 0.5rem;
    color: #156bbe;
    /* box-shadow: 0px 0px 3px #00000042; */
}
.cuenta_tabla_datos_valor {
    padding: 0.5rem;
    box-shadow: 0px 0px 3px #00000042;
}


.cuenta_tabla_datos_row_especial {
    margin: 0.5rem;
}
.cuenta_tabla_datos_col_especial {
    padding: 0rem;
}
.ranking_usuario_mensaje {
    background: #fcffed;
    padding: 0.5rem;
    box-shadow: 0px 0px 3px #0000003b;
    text-align: center;
}
h4.ranking_usuario_mensaje_title {
    font-size: 1.2rem;
    color: #006f00;
    margin: 0.3rem;
}
.ranking_usuario_mensaje_desc_1 {
    font-size: 0.9rem;
    color: black;
    margin: 0.3rem;
}
.ranking_usuario_mensaje_desc_2 {
    font-size: 0.9rem;
    color: black;
    font-weight: 600;
    margin: 0.3rem;
}



.cuenta_tabla_datos_extender_membresia {
    background: green;
    color: white;
    padding: 0.3rem 0.5rem;
    font-size: 0.7rem;
    margin-left: 1rem;
    float: right;
}

.cuenta_insignias_el {
    margin: 0.3rem;
}

.cuenta_insignias_el_img{
  width: 100%;
}

.cuenta_insignias_empty {
    text-align: center;
}

.cuenta_section_title_text_info {
    font-size: 0.8rem;
    color: white;
    vertical-align: text-top;
    margin-left: 0.2rem;
}


div#datos_secundarios_desc {
    margin-bottom: 1rem;
    color: #156bbb;
    font-size: 1rem;
    font-weight: 600;
    padding-bottom: 1rem;
    border-bottom: 1px solid black;
}