﻿.input-group-text {
    min-width: 54px;
}

#contact_img {
    height: 200px;
    width:200px;
    position: relative;
    overflow: hidden;
    margin: 25px auto;    
    border-radius: 50%;
    border: 1px black solid;
    transform: scale(1); 
    transition: .5s ease-in-out;
}

    #contact_img:hover {
        transition: .8s ease-in-out;
        transform: scale(1.15);
    }

    #contact_img img{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

        #contact_img img:hover {
            opacity: 0.94;
            cursor: pointer;
        }


/*EditUser*/


#img_thumb {
    height: 200px;
    width: 200px;
    border: 1px #808080 solid;
    border-radius: 50%;
    margin: 10px auto;
    position: relative;
    overflow: hidden;
}

    #img_thumb img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .addImg{
        position: absolute;
        bottom:0;
        top:200px;
        width:200px;
        height:200px;
        transition: all 0.8s ease-out;
        border-radius:50%;
    }

    #img_thumb:hover .addImg{
        bottom:0;     
        top:0; 
        transition: all 0.8s ease-in;        
        background: #5cb85c;
        cursor:pointer;
    }

        .addImg i{
        position:absolute;
        top:50%;
        left:50%;
        margin: -12px 0 0 -12px;
    }


        
