.profile{
    width: 100%;
    height:calc(100% - 85px);
    background-image: url("assets/img/profile_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-color: #eee;
    overflow: hidden;
    overflow-y: scroll;
    .profile_bg{
        width: 950px;
        margin:auto;
        position: absolute;
        top:20px;
        left:0;
        right:0;
        background-color: #fff;
        height: calc(100% - 40px);
        .pro_head {
            background-color: #28a8e0;
            padding: 10px;
            color:#fff;
            .pro{
                .pro_img{
                    width:100px;
                    border-radius: 50%;
                    // border: 1px solid #fff;
                    box-shadow: 0 0 6px 6px #333;
                }
            }
            .edit{
                cursor: pointer;
                img{
                    width: 30px;
                }
            }
            h2{
                font-size: 24px;
            }
            h4{
                font-size: 20px;
            }
            p{
                margin: 0 !important;
            }
        }
        .form_bg{
            background-color: #fff;
            padding: 30px;
        }
        .box_check{
            height: 70px;
            margin-bottom: 30px
        }
        .view_eye, .hide_eye{
            top:40%;
        }
        .view_eye img, .hide_eye img{
            width: 20px;
        }
        .view_eye{
            right: 50px;
        }
        .form_2 .form-group{
            max-width: 375px !important;
            margin: 0 auto 30px;
            .form-control{
                width:100%;
            }
        }
        .pull-left{
            float: left;
            margin: 0 20px 30px !important;
        }
        .disable .form-control, .disable label{
            opacity: 0.5;
            cursor: not-allowed;
        }
        .disable .form-control-placeholder{
            font-size: 75%;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            opacity: 1;
            top: 25px;
            opacity: 0.5;
        }
        .over .form-control-placeholder{
            font-size: 75%;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            opacity: 1;
            top: 25px;
            opacity: 1;
        }

    }
}
.profile_cam {
    position: absolute;
    width: 40px !important;
    height: 40px;
    bottom: 0;
    right: 25px;
    cursor: pointer;
  }
  .browser_disble{
    display: none;
}

  .input-group-btn{
      img{
        width:25px;
      }
  }
  .form-group.disable{
    opacity: 0.4;
  }
  .color_error{
    top: 72px;
  }

// .profile:before{
//     position: absolute;
//     width:100%;
//     content:"";
//     height:100%;
//     background-color: rgba(255, 255, 255, 0.5);
//     top:0;
//     left:0;
// }


.col-sm-2.pro.text-center {
    padding-right: 0px;
    /* padding-left: 0px; */
}
.nopadding{
    padding:0px;
}
