





.contact_type:hover{

    cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}


@media screen and (max-width:992px) {

    .apply_main_content{

        height:90dvh;
    }

    .contact_type {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 130px;
        
        gap: 10px;
    }

    .contact_type img {
        width: 90px;
        height: 90px;
        object-fit: contain;
    }

}



@media only screen and (min-width : 991px) {

    .settings_contacs{

        height: 650px;
    }

     .apply_main_content{

        height:82dvh;
    }

   .contact_type {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 150px;
        gap: 10px; 
    }

    .contact_type img {
        width: 120px;
        height: 120px;
        object-fit: contain;
    }

    
    .ctnd_img_group_contacts{

        height: 450px;

    }

    .ctnd_img_group_contacts img{

        width: 100%;
        height: 100%;
        object-fit: contain;
    }


    .content_onpefilpic_contact{
        
        height: 95px;
        width: 85px;
        border-radius: 50%;
       
        border: 2px solid rgb(123, 150, 240);
        overflow: hidden;
        box-shadow: 0px  4px 8px  rgba(0, 0, 0, 0.4); 
    }

    .content_onpefilpic_contact img{
        
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cards_contacs::-webkit-scrollbar {
    display: none; 
    }


    .content_onpefilpic_contact_card{

        
        height: 65px;
        width: 55px;
        border-radius: 50%;
        
        border: 2px solid rgb(123, 150, 240);
        overflow: hidden;
        box-shadow: 0px  4px 8px  rgba(0, 0, 0, 0.4); 

    }

    .content_onpefilpic_contact_card img{

        width: 100%;
        height: 100%;
        object-fit: cover;

    }

    .result_show_contact{
        overflow-y: auto;
        max-height: 400px;
        box-shadow: 0px  4px 8px  rgba(0, 0, 0, 0.4); 
    }


    .content_onpefilpic_contact_search{

       
        height: 65px;
        width: 55px;
        border-radius: 50%;
        
        border: 2px solid rgb(123, 150, 240);
        overflow: hidden;
        box-shadow: 0px  4px 8px  rgba(0, 0, 0, 0.4); 

    }

    .content_onpefilpic_contact_search img{

        width: 100%;
        height: 100%;
        object-fit: cover;

    }

    .show_list_contact_search:hover{

    background: #dee2e6;
    cursor:pointer;
    }

    .content_result_show_contact{
        z-index: 1000;
        display: none;
    }

    .result_show_contact{

        min-height: 130px;
        
    }


    .no_picture_contact{
    position: relative;
    height: 65px;
    width: 55px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid rgb(123, 150, 240);
    
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:  #dee2e6;
    
    }

    .no_onpic_contact{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    }




    .insert_contact_no_pict{
    position: relative;
    height: 91px;
    width: 81px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid rgb(123, 150, 240);
    
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:  #dee2e6;
    
    }

    .no_insert_contact_no_pict{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%);
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 500;
    }




    .no_picture_contact_card{
    position: relative;
    height: 65px;
    width: 55px;
    border-radius: 50%;
    cursor: pointer;
    border: 2px solid rgb(123, 150, 240);
    
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:  #f5f5f5;
    
    }

    .no_onpic_contact_card{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -25%);
    text-transform: uppercase;
    font-size: 1em;
    font-weight: 500;
    }

    .aling_settings_contacs_friends{

        display: none;
    }

    .aling_settings_contacs_provider{

        display: none;
    }

    .aling_settings_contacs_person-third{

        display: none;
    }


    }



