﻿#header { min-height: 55px !important; }
#header > ul { padding: 10px 0 !important; }
#header > ul > li > a { padding: 6px 10px !important; }
.h-inner>li.hi-logo { max-width: calc(100% - 52px); }
.h-inner>li.hi-logo>a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#main { padding-top: 55px !important; padding-bottom: 0px !important; }
.container { padding-top: 15px; padding-bottom: 15px; }
#sidebar { top:50px; height:calc(100% - 50px); }
#chat { top:50px; height:calc(100% - 50px); padding-top:0px; }
.checkbox label, .radio label { padding-left:0px; }
.checkbox-inline, .radio-inline { min-width:65px; }
.radio-table { min-width:auto; width:20px; margin:auto; }
.input-group-addon { font-size:13px!important; padding-bottom:0px; color:#5e5e5e; }
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #ddd; padding:5px!important; text-align:center; }
.div-crf-error { border-bottom:1px solid #F6665D; margin-bottom:0px!important; }
.div-error-info { margin-bottom:25px; color:#F6665D; font-size:92%; }
.page-loader { position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000; background:rgba(255,255,255,0.5); }
.page-loader .preloader { width:50px; position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-55px; }
.page-loader .preloader p { white-space:nowrap; position:relative; left:-9px; top:22px; }

.color-red{ color: #F6665D!important; }
.color-yellow { color:#FFC107!important; }
.color-orange { color:#FF9800!important; }
.color-green { color:#4CAF50!important; }
.color-blue { color:#51B5F3!important; }

.health-bg-blue
{
    background-color: #99d0f3;
}
.white-color
{
    color: white;
}
.gray-color
{
    color: #333;
}
.light-gray-color
{
    color: #999;
}
.f-16
{
    font-size: 16px !important;
}
.health-login-button
{
    background-color: #51b5f3;
    color: white !important;
    border-radius: 3px;
    font-size: 16px;
    line-height: 1.8;
}
    .health-login-button :hover
    {
        background-color: #2d612f !important;
        color: white !important;
    }
.login-text
{
    font-size: 35px;
    text-align: center;
}
.health-btn
{
    background-color: #51b5f3;
    color: white;
    line-height: 1.8;
    font-size: 16px;
}

.health-btn :hover
{
    color: white !important;
}


.modal-dialog
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;    
}
   
.modal-content
{
    position:absolute;
    top:0;
    bottom:0;
    width:100%;   
}

.modal-body
{
    overflow-y:scroll;
    position:absolute;
    top:30px;
    bottom:20px;
    width:100%;    
}

.modal-header .close
{
        margin-right:15px;
}

.modal-footer
{
    position:absolute;
    width:100px;
    bottom:0;
 
}

.w-75 { width: 75%; }
.pe-lb { font-size: 15px; margin-bottom: 0 }
.pe-sched-text { font-size: 18px; text-align: center; }

/*健康生活方式问卷表单*/
.srvy-descr
{
     text-indent: 2em; 
     line-height: 1.5em;
}
.quest-descr-box
{
    display: flex;
    align-items: center;
}
.quest-descr
{
    white-space: nowrap;
}