body{
background: #efefef;
overflow-x: hidden;
}

.main-section{
border:1px solid #273e68;
border-top: solid 5px #e28927;
background-color: #f6fcff;
}
.profile-header{
background-color: #273e68;
height:150px;
border-top: solid 5px #e28927;
background: url(img_bk.jpg) center center;
background-size: cover;
opacity: 0.7;
}
.user-detail{
margin:-80px 0px 30px 0px;
}
.user-detail h5{
margin:15px 0px 5px 0px;
}
.user-social-detail{
padding:15px 0px;
background-color: #273e68;
}
.user-social-detail a i{
color:#fff;
font-size:23px;
padding: 0px 5px;
}

.body-image {
	border-radius:50%;
	width:40% !important;
	-webkit-box-shadow: 5px 5px 15px 0px #777; 
	box-shadow: 5px 5px 15px 0px #777;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="number"] {
    -moz-appearance:textfield; /* Firefox */
}

#app_info {
    width: 125px;
    height: 115px;
    background: #fff;
    position: absolute;
    right: -350px;
    top: 85px;
    padding: 5px;
    border-right: solid 1px #000 !important;
    -webkit-box-shadow: 5px 5px 15px 0px #777; 
	box-shadow: 5px 5px 15px 0px #777;
	border: solid 1px #ddd;
}