html,
body {
    height: 100%;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -63px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding: 20px 0 10px;
    position: relative;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.navbar-brand{padding-left: 51px;background: url(../img/life/logo.png) no-repeat 10px 10px;background-size:34px;}
.navbar-inverse{border:none;background-color: rgba(34, 34, 34, 0.9);}
.navbar-nav > li > a{padding:0 15px;height:50px;line-height:50px;}
.navbar-fixed-top .navbar-collapse{max-height:650px;}
.carousel{position: absolute;bottom:60px;left:0;right:0;top:0;}
.carousel-inner,.carousel-inner > .item{height:100%;background-size:cover;background-position:50% bottom;}

.icon{width:32px;height:32px;vertical-align: middle;}
.icon.i_next{width:16px;height:16px;}
.btn .icon{width:24px;height:24px;margin-top:-3px;}
.uploadPhoto.icon{width:100px;height:100px;}
.qrcode.icon{width:100px;height:100px;}
img.qrcode{border:1px solid #eee;width:250px;height:273px;}
.wechat{border:1px solid #ccc;position: absolute;margin:-54px 0 0 88px;width:100px;}
.register a{background: #e61a38!important;color:#fff!important;}
.register a:hover{background: #df0222!important;}
#clientinfoform-file{position:absolute;width:70px;height:16px;margin:-59px 0 0 104px;font-size:0;font-size:50px\0;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);cursor:pointer;}
.uploadPhotoImg{width:100px;height:100px;position:absolute;border:none;display:none;}
.btn{border:none!important;}
.btn-danger,.btn-primary,.list-group-item.active{background: #e61a38;border-color:#e61a38;}
.btn-danger:hover,.btn-primary:hover,.btn-danger:active,.btn-primary:active,.btn-danger:focus,.btn-primary:focus,.list-group-item.active:hover,.list-group-item.active:focus{background: #df0222!important;border-color:#df0222!important;-webkit-appearance:none;}
a{color: #e61a38;}
a:hover{color: #df0222;}
.footer .pull-right{margin: -4px 0 5px;}

@media (min-width: 768px){
    .navbar-right {
        margin-right: -75px;
    }
}