.content__competences{
        /* padding: 1px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; */
    }

    .content__general{
        margin-left: 100px;
        margin-right: 100px;
    }

    .content__title__page{
        display: flex;
        margin: 20px;
        justify-content: center;
        text-align: center;
    }

    .title__page{
        font-family: Staatliches;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
    }

    .content__cards__competences{
        margin-top: 82px;
        padding: 1px;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap; 
        width: auto;
        height: auto;
        text-align: center;
        justify-content: center;      
    }

    .content__competence__info{
        display: flex;
        flex-direction: column;
        text-align: center; 
        border: 1px solid #00fff0;  
        width: 462px; 
        height: 386px; 
        background-color : rgba(0, 0, 0, 0.75);
        margin: 25px 60px 35px 60px;
        box-shadow: 0 4px 10px 0 var(#000);
    }

    .tag__competence__cat{
        background-color: black;
        justify-content: center; 
        -webkit-transform: skew(20deg);
        -moz-transform: skew(20deg);
        -ms-transform: skew(20deg);
        -o-transform: skew(20deg);
        transform: skew(340deg);
        
        width: 150px;
        height: 36px;
        max-height: 38px;
        color: white;
    }
     
    .line__tag{
        transform: rotate(200deg);
        width: 5px;
        height: 52px;
        background-color: blue;
        position: absolute;
       
    }
    .content__tag__title__competence{
        display: flex;
        flex-direction: row;
        justify-content: center;
    }
    .content__liston{
        background-color: transparent;
        width: 158px;
        height: 38px;
        position: absolute;
    }

    .conten__title__icon{
        transform: skew(20deg);
    }
    .icon__tag__competence{
        margin-right: 5px;
    }

    .content__tag__infodetail__competence{
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        margin-top: 40px;
        width: auto;
        max-width: 450px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .text__title__info__competence{
        color: white;
        font-family: Staatliches;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
    }

    .title__compertence__diciplina{
        font-family: Staatliches;
        font-size: 14.4px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: right;
    }

    .text__date__location__competence{
        margin-top: 15px;
        font-family: Ubuntu;
        font-size: 14.4px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: white;
    }
    .info__cat__dep__or{
        color: white;
        margin-top: 35px;
    }
    .title__info__second{
        font-family: Ubuntu;
        font-size: 14.4px;
        font-weight: bold; 
        letter-spacing: normal;
        text-align: center;
    }
    .text__info__second{
        font-family: Ubuntu;
        font-size: 14.4px;
        font-weight: 300;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
    }

    .content__buttons{
        justify-content: center;
        display: flex;
        margin-top: 320px;
        position: absolute;
        align-content: center;
        width: 413px;
        margin-left: 23px;

        align-items: center;
    }

    .buttons__actions{
        /* top: 300px; */
        display: flex;
        flex-direction: row;
        justify-content: center;
        position: absolute;
    }

    .button__details{
        width: 124px;
        height: 38px;
        background: #000;
        border: none;
        color: white;
        margin-right: 11px;
    }

    .button__shared {
        width: 110px;
        height: 38px;
        background: #00fff0;
        font-family: Staatliches;
        font-size: 14.4px;
        border: none;
        color: #000;
        border: solid 1px #00fff0;
        margin-left: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
    }

    .button__shared:hover{
        background: #006d68;
        color: #fff;
        transition: transform .5s,background-color .5s,box-shadow .5s;
    }

    .button_third_party_inscription {
        width: 110px;
        height: 38px;
        background: #ff007a;
        font-family: Staatliches;
        font-size: 14.4px;
        border: none;
        color: #fff;
        border: solid 1px #ff007a;
        margin-left: 22px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
    }

    .button_third_party_inscription:hover{
        background: #d40065;
        color: #000;
        transition: transform .5s,background-color .5s,box-shadow .5s;
    }

    .button__detail {
        width: 110px;
        height: 38px;
        background: #000;
        font-family: Staatliches;
        font-size: 14.4px;
        border: none;
        color: white !important;
        border: solid 1px #000
        margin-left: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
        text-decoration:none;
    }

    .button__detail:hover{
        background: #3b3639;
        color: white;
        transition: transform .5s,background-color .5s,box-shadow .5s;
    }


    .modal-backdrop{
        z-index: auto!important;
    }










    /* MULTISELECT-INPUT MODIFICADO */


    .content__search{
        margin-left: 200px;
        margin-right: 200px;
        margin-top: 70px;
    }




/* .background_black{
    background: #fff;
} */

    #txtSearch{
        background: rgba(0, 109, 104, 0.6);
        color: white;
        height: 72px;
        border: 2px solid #00fff0;
        border-radius: 0px;
        left: -95px;
    }

    .input_placeholder_color::placeholder {
        color:#fff;
    }

    #typeFilter{
        background: #666666;
        color: #fff;
        border-color: #000;
        height: 72px; 
        max-width: 100%;
    }

    .input::placeholder{
        color: rgba(255, 255, 255, 0.6);
    }


    .input-icon {
        color: #fffafa;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 95%;
        top: 50%;
        transform: translateY(-50%); 
    }

    .input-wrapper {
        position: relative;
        width: 100%;
    }

    .input {
        box-sizing: border-box;
        color: #191919;
        padding: 10px 39px 10px 15px;
        width: 100%;
    }

    input#txtSearch:focus { box-shadow: none; }



.header_color_modal, .body_color_modal {
    background: #000;
    border-color:rgb(0, 0, 0)
}

.btn-close{
   
}
.btn-close:hover{
    
}

.share_text_color{
    color: #f46666;
    font-family: Staatliches;
}

.input_link_share_modal{
    box-sizing: border-box;
    color: #fff;
    padding: 10px 10px 10px 10px;
    width: 80%;
    background: #76767673;
    border: none;
}
.button_color_copy_modal{
    box-sizing: border-box;
    color: rgb(0, 0, 0);
    padding: 10px 10px 10px 10px;
    width: 20%;
    background: #f46666;
    border: none;
    
}


.filter__select {
    margin: 0;
    display: flex;
    position: relative;
}
.line_filter { display: none; }


.input_content{
    padding: 0px;
}

.content_button_view_plus{
    width: 100%; 
    height: 200px;
    margin-top: 50px;
}
.content_button_view_plus .content_button{
    /* margin-bottom: 55px; */
    background-color: #000;
    border-color: #fff;
    width: 260px;
    height: 40px;
    font-family: 'Staatliches';
    font-size: 14px;
    color: #fff;
}

.content_button:hover{
    margin-bottom: 20px;
}

.select_filter_content{
    background: #323131;
    border: #000;
    height: 72px;
}

.select_content {
    padding: 0;
    max-width: 100%;
}
.select_content .btn-group {
    width: 100%;
    height:72px;
    color: #fff;
    background: rgba(0, 109, 104, 0.6);
    border: 2px solid #00fff0;
    
}
.select_content .btn-group button.btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.select_content .btn-group button.dropdown-toggle::after {
    border-top: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
}

.select_content .btn-group .multiselect-selected-text{
    color: #000000;
    font-family: 'Staatliches';
}
.btn-group .multiselect-container{
    background: #323131;
    color: rgb(221, 221, 221);
    width: 100%;
}

.multiselect-container li{
    margin-left: 10px;
}
.multiselect-container .multiselect-group{
    font-style: italic;
    font-size: 20px;
    font-weight: bold;
}

.modal_backdrop{
    z-index: auto;
}

.swal2-styled.swal2-confirm {
    width: 8.5rem;
    background-color: #000;
    color: white;
    font-family: Staatliches;
    font-size: 14.4px;
}
.swal2-styled.swal2-confirm:focus { box-shadow: none; }

@media only screen and (max-width: 1370px) and (min-width: 1025px)  {
    .content__general {
        margin-left: 20px;
        margin-right: 20px;
      }

    .content__competence__info {
        display: flex;
        flex-direction: column;
        text-align: center;
        border: 1px solid #00fff0;
        width: 462px;
        min-height: 386px;
        height: auto;
        background-color: rgba(0, 0, 0, 0.75);
        margin: 25px 60px 35px 60px;
        box-shadow: 0 4px 10px 0 var(#000);
    }
    .content__buttons{
        justify-content: center;
        display: flex;
        margin-top: 320px;
        position: absolute;
        align-content: center;
        width: 462px;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 1024px) {
    .content__general {
        margin-left: 10px;
        margin-right: 10px;
    }
    
    .content__search {
        margin-left: 100px;
        margin-right: 100px;
        margin-top: 40px;
       
    }

    .input-icon {
        color: #fffafa;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 88%;
        top: 50%;
        transform: translateY(-50%);
    }

    .content__competence__info {
        display: flex;
        flex-direction: column;
        text-align: center;
        border: 1px solid #00fff0;
        width: 392px;
        min-height: 386px;
        height: auto;
        background-color: rgba(0, 0, 0, 0.75);
        margin: 25px 60px 35px 60px;
        box-shadow: 0 4px 10px 0 var(#000);
    }

    .content__buttons {
        margin-top: 63px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        text-align: center;
        position: absolute;
        width: 392px;
        margin-left: 0px;
    }

    .button__details{
        width: 124px;
        height: 38px;
        background: #000;
        border: none;
        color: white;
        margin-top: 1px;
    }

    .button__shared {
        width: 110px;
        height: 38px;
        background: #00fff0;
        font-family: Staatliches;
        font-size: 14.4px;
        border: none;
        color: #000;
        border: solid 1px #006d68;
        /* margin-top: 10px; */
        /* margin-left: 5px; */
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.5);
    }

    .button__detail {
        margin-bottom: 20px;
    }

    .button_third_party_inscription{
        margin-bottom: 20px;
    }


    .content__buttons{
        justify-content: center;
        display: flex;
        margin-top: 320px;
        position: absolute;
        align-content: center;
        width: 392px;
    }
}


@media (max-width: 768px) {
    #typeFilter{
        background: #666666;
        color: #fff;
        border-color: #000;
        height: 72px;
        position: absolute;
        max-width: 25%;
    }
  }
 
@media screen and (min-width: 660px ) {
    .select_content {
        max-width: 13rem;
    }
    .line_filter {
        display: block;
        width: 1px;
        margin: 5px;
        padding: 0;
        height: 45px;
        background: #000000;
        position: absolute;
        left: 13rem;
        z-index: 1;
        top: 8px;
    }
    .input_content{
        max-width: calc(100% - 13rem);
    }
    .select_content .btn-group { border-right-color: transparent; }
    #txtSearch{
        border-left-color: transparent;
        padding: 15px 45px 15px 35px;
    }


    
}

@media screen and (max-width: 660px ) {
    

    .content__buttons{
        margin: 30px;
        justify-content: center;
        display: flex;
        flex-direction: column; 
        position: inherit;
        align-content: center;
        width: auto;
    }

    .button__shared{
        /*width: 100%;*/
        margin-top: 20px;
        margin-left: 0px;
    }

    .button__detail {
        /*width: 100%;*/
        margin-top: 20px;
    }

    .button_third_party_inscription {
        /*width: 100%;*/
        margin-top: 20px;
        margin-left: 0px;
    }


    #btnViewPlusCompetences{
       width: 70%!important;
    }
}


@media screen and (max-width: 560px ) {
    .content__search {
        margin-left: 50px;
        margin-right: 50px;
      }
}



@media only screen and (max-width: 768px) and (min-width: 426px)  {
    .input-icon {
        color: #fffafa;
        position: absolute;
        width: 20px;
        height: 20px;
        left: 91%;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media only screen and (max-width: 425px)  {
    .input-icon {
        left: 91%;
    }
}


@media only screen and (max-width: 560px)  {
    .content__general {
        margin-left: 9px;
        margin-right: 9px;
    }
}










/*--------------------------------MODAL INSCRIPCIONES-------------------------------------------------------- */

.modal_ins_content .modal_title{
    margin-bottom: 25px;
}

.modal_ins_content .content_subtitle{
    margin-bottom: 46px;
    text-align: center;
}

.modal_ins_content .content_form{
    max-width: 360px;
    margin:auto;
}

.modal_ins_content .content_type1 {
    border-top: 1px solid #000000;
    padding-top: 35px;
    padding-bottom: 33px;
    /*text-align: center;*/
    display: flex;
    flex-direction: column;
    gap: .2rem;
    align-items: center;
}
.modal_ins_content .content_type1.inbg {
    /*background-color: #3df5ec;*/
    /*background-color: var(--color_pq_secondary);*/
    background-color: var(--color_pq_button);
}
.modal_ins_content .content_type1 .btn {
    display: block;
    font-family: 'Staatliches', cursive;
    font-size: 14.4px;
    width: 240px;
    height: 38px;
    background-color: #000;
    color: #fff;
    border: none;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
    margin-right: 0;
    margin-top: .8rem;
}

.modal_ins_content .content_field{
    margin-bottom: 20px;
}

.modal_ins_content .content_field input, .modal_ins_content .k2LoginBlock fieldset .inputbox.form-control{
    border-radius: 4px;
    height: 38px;
}


.modal_ins_content .content_final_button{
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: center;
}

.modal_ins_content .k2LoginBlock fieldset{
   position: static;
   max-width: 360px;
   width: unset !important;
}

.modal_ins_content .k2LoginBlock fieldset p{
   position: static;
   max-width: 360px;
   width: unset;
}

.btn_custom_v2.btnCustomLogin{
    margin-left: 17%;
    margin-top: 30px;
    margin-bottom: 40px;
}

@media only screen and (max-width: 380px)  {
    .btn_custom_v2.btnCustomLogin{
        margin-left: 10%;
    }
}


@media only screen and (max-width: 330px)  {
    .btn_custom_v2.btnCustomLogin{
        margin-left: 5%;
    }
}



.modal_ins_content .bold_normal_text, 
.modal_ins_content .underline_normal_text,
.modal_ins_content .title_text,
.modal_ins_content .subtitle_text,
.modal_ins_content .bold_small_text,
.modal_ins_content .normal_text{
    font-family: Ubuntu;
    
}

.modal_ins_content .title_text{
    font-size: 20px;
    font-weight: bold;
}

.modal_ins_content .subtitle_text{
    font-size: 14.4px;
    font-weight: bold;
    color: #008ae7;
}

.modal_ins_content .bold_normal_text{
    font-size: 14.4px;
    font-weight: bold;
    
}

.modal_ins_content .bold_small_text{
    font-size: 12px;
    font-weight: bold;
    
}

.modal_ins_content .underline_normal_text{
    font-size: 14.4px;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;

}

.modal_ins_content .normal_text{
    font-size: 14.4px;
    font-weight: normal;
}


.modal_ins_content .btn_custom_v2 {
  font-family: 'Staatliches', cursive;
  font-size: 14.4px;
  width: 240px;
  height: 38px;
  background-color: #000;
  color: #fff;
  border: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}