.user-image-section {
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
}

.account-link-container {
    color: black;
    margin-top: 4px;
}

/* Handle in responsive way - divide image from details */
@media (max-width: 768px) {
    .user-image-section {
        width: 100%;
    }
    .user-details-container {
        width: 100%;
    }
    .responsive-clearer {
        clear: both;
    }
    .user-image-container {
        margin: 0 auto;
    }
    .button-responsive-container {
        display: block;
        width: 100%;
    }
}
/* Align image vertically and horizontally */
.user-image-container {
    border: 1px solid black;
    width: 203px; 
    height: 303px;
    text-align:center;
    font: 0/0 a;
}
/* Pseudo full-height element */
.user-image-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

/* Fit the container */
#user-image {
    max-width: 200px;
    max-height: 300px;
    display: inline-block;
    vertical-align: middle;
}

.user-details-container {
    overflow: hidden;
}

.user-book-panel .panel-body {
	font-size: 16px;
}

.user-book-panel .subtitle {
	float: left;
	width: 100px;
}

.user-panel-info-row {
	clear: both;
	position: relative;
	width: 100%;
    margin-bottom: 2px;
}

/* Feedback statistics */
.feedback-mini-circle-container {
    font-size: 18px;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    border: 2px solid black;
    margin: 0 auto;
}

.feedback-mini-circle-container-positive {
    background-color: rgb(35, 255, 8);
}

.feedback-mini-circle-container-negative {
    background-color: red;
}

.feedback-mini-circle-container .glyphicon {
    margin: 0 auto;
    display: block;
    width: 18px;
    line-height: 36px;
}

.feedback-mini-row-container-inline {
    line-height: 36px;
}

.feedback-stat-label {
    float: left;
}
@media (max-width: 578px) {
    .feedback-stat-label {
        display: none;
    }
}

.feedback-stat-count {
    float: left;
}

.feedback-stat-percentage {
    float: left;
    width: 80px;
    text-align: right;
}

/* Modify icon */
.modify-icon {
    margin-top: -2px;
    width: 20px;
}

/* Panel modify */
.modify-row {
    margin: 4px 0;
}
.modify-label {
    float: left;
    width: 140px;
}
.modify-label-pw {
    float: left;
    width: 180px;
}
.modify-label-input-group {
    line-height: 34px;
}

/* Email input text */
@media (min-width: 768px) {
    #new-email {
        width: 300px;
    }
}

/* Residence input text */
@media (min-width: 768px) {
    #residence-municipality-bar {
        width: 400px;
    }
}


/* Password progress bar */
.progress {
	background-color: #DDD;
}

div.checkbox {
    margin-top: 0;
    margin-bottom: 0;
    /* Unselectable */
    -webkit-user-select: none;
    moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

/* Residence search bar */
.residence-municipality-bar {
    width: 100%;
}

/* Search state toggle */
#residence-municipality-state {
	color: red;
	position: absolute;
	margin-top: 11px;
	margin-left: -20px;
	z-index: 1051; 
}

/* Automatically update color */
#residence-municipality-state.glyphicon-remove {
   color: red;
}

#residence-municipality-state.glyphicon-ok {
   color: green;
}
@media (min-width: 768px) {
    .residence-municipality-bar {
        width: auto;
        display: table-cell !important;
    }

    .modify-residence-row {
        display: table;
        width: 100%;
    }
    
    .modify-residence-label {
        display: table-cell;
        float: none;
    }
}

/* Over #modifi-field-panel */
.autocomplete-suggestions {
    z-index: 1051; 
}