body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family:'Microsoft YaHei',SimSun, Arial, sans-serif;
}

ul{padding:0; list-style:none;}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input.max-width,
select.max-width,
textarea.max-width {
    max-width: 280px;
}

.navbar-header .navbar-brand{
    margin-left:6px;
    padding-left:40px;
    background:url('./Images/logo-title.png') left no-repeat;
    font-weight:bold;
    color:#fff;
}

.navbar-nav .selected a{
    font-weight:bold;
    color:#fff !important;
}

.gray{
    color:gray;
}

.red{
    color:red;
}

.b{font-weight:bold;}

.ar{text-align:right}
.ac{text-align:center}

.toolbar{
    margin:6px 0;
}

.inline{
    display:inline-block;
}

.word-break{
    word-break:break-all;
    white-space:normal;
}

.table th{
    background-color:#f5f5f5;
}

/*Hotel Detail*/
.rooms {
    border: solid 1px gray;
}

.rooms .rooms-floor{
    position:relative;
}

.rooms .rooms-floor-title{
    position:absolute;
    top:50%;
    width:50px;
    word-break:break-all;
    text-align:center;
}

.rooms .rooms-floor-detail{
    float:left;
    padding-left:50px;
    width:100%;
}

.rooms .rooms-block{
    display:inline-block;
    float:left;
    width:100px;
    height:100px;
    margin:3px;
    border:solid 1px gray;
    position:relative;
    padding-left:12px;
}

.rooms .rooms-block .flag{
    position:absolute;
    top:0;
    left:0;
    width:8px;
    height:72px;
}

.rooms .rooms-block p{
    margin:0;
}

.rooms .rooms-block .title{
    font-weight:bold;
    font-size:1.8em;
    margin-bottom:4px;
}

.rooms .rooms-block.rooms-block-status-0 .flag{
    background-color:green;
}

.rooms .rooms-block.rooms-block-status-1 .flag{
    background-color:red;
}

.rooms .rooms-block.rooms-block-status-2{
    cursor:pointer;
}

.rooms .rooms-block.rooms-block-status-2 .flag{
    background-color:gray;
}

.rooms .rooms-block.rooms-block-status-1, .rooms .rooms-block.rooms-block-status-2{
    color:gray;
}


.order-detail .order-detail-rooms{
    max-height:300px;
    overflow-y:auto;
}

.order-detail .block{
    float:left;
    width:300px;
    border: solid 2px #1ba1db;
    margin:3px;
}

.order-detail .block .title{
    background-color: #89def6;
    padding:6px;
}

.order-detail .block .code{
    font-weight:bold;
    font-size:1.8em;
    vertical-align:middle;
    height:40px;
    line-height:40px;
    width:100px;
    float:left;
}

.order-detail .block .info{
    float:left;
    color:gray;
}

.order-detail .block .content{
    padding: 6px;
}

.order-detail .order-detail-user .row{
    margin-bottom:3px;
}

.order-detail .order-detail-user .form-control{
    margin-bottom:3px;
}