.modal-lg {
    width: 1120px !important;
}
.b-t-g{
    border-top:1px solid grey;
}.b-l-g{
     border-left:1px solid grey;
 }.b-b-g{
      border-bottom:1px solid grey;
  }.b-r-g{
       border-right:1px solid grey;
   }
.btn-bottom{
    /*width: 97%;*/
    position: absolute;
    /*position: fixed;*/
    background-color: #ebebeb;
    margin-left: -20px;
    padding-left: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 20px;
    bottom:1px;
}
.w15{
    line-height:30px;
    height:30px;
    width:15%;
    float: left;
    display: inline-block;
    vertical-align: middle;
}
.w85{
    height:30px;
    width:85%;
    float: left;
    display: inline-block;
    vertical-align: middle;
}
.w35{
    height:30px;
    width: 35%;
    float: left;

}
.w30{
    height:30px;
    width: 30%;
    float: left;

}
.w50{
    width:50%;
    float: left;
}

.roomInTable{
    width:20%;
    float: left;
    text-align: center;
}
.p-l-5{
    padding-left:5px;
}
.p-10{
    padding:10px;
}
.p-5{
    padding:5px !important;
}
/*
 roomStatus start
*/
.div-left {
    min-width: 100px;
    max-width: 180px;
    background-color: #dbdbdb;
}

.div-top {
    min-height: 50px;
    max-height: 100px;
    background-color: #ffffff;
    width:100% !important;
    /*padding-left: 240px !important;*/

    margin-top: 35px;
}

input,select,button,textarea{
    width: 140px !important;
    padding: 5px;
}
input[type="date"]{
    width: 125px !important;
}
button{
    margin:5px 0px;
}
.statusCha{
    /*background-color: #00aa00;*/
    padding: 10px 15px;
    /*border-bottom: 2px solid #00aa00;*/
    margin-left: 20px;

}

.singleRoom {
    width: 160px;
    height: 100px;
    color: #fff;
    border-radius: 5px;
}
.singleRoomDiv{
    margin: 5px;
    float: left;
    position: relative;
}
.singleRoomTitle,.singleRoomBottom{
    height:20px;
    padding:5px;
}
.roomNumber{
    float: left;
    width: 30%;
    text-align: center;
}
.roomType{
    float: left;
    width: 70%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}
.singleRoomMain{
    height: 40px;
    line-height:40px;
    overflow: hidden;
}
.roomSource,.roomUser{
    width: 32%;
    text-align: center;
    float: left;
}
.w-35{
    width:35% !important;
}
.inSingleRoom{
    background-color: #ec4a26;
    /*background-color: #22b3e4;*/
}

.cleanSingleRoom{
    background-color: #3e922f;
}
.redBg,.red-bg{
    background-color: red !important;
    color: white !important;
}
.dirtySingleRoom{
    background-color: #b80800;
}
.orderSingleRoom{
    background-color: #0b4d63;
}
.overTimeSingleRoom{
    background-color: #df2c4b;
}
.lockSingleRoom{
    background-color: grey;
}
.singleRoomBottom{
    background-color: #fff;
    opacity:0.3;
    color: #3d56ba;
    font-weight: 600;
}
.orderBtn{
    padding: 2px !important;
    width: auto !important;
    margin: auto;
    line-height: 15px;
    border: 1px solid blue;
    color: blue;
    margin-left: 5px;
}
.filterDiv{
    position: absolute;
    left:0;
    top:0;
    /*border:1px solid red;*/
    display:none;
    z-index:9999;

}
.filterTitle{
    width: 160px;
    height: 100px;
    filter:alpha(opacity=50); /*IE滤镜，透明度50%* ie89 支持*/
    -moz-opacity:0.5; /*Firefox私有，透明度50%*/
    opacity:0.9;/*其他，透明度50%*/
    z-index:99;
    background-color: #a8aaa7;
    border-radius: 5px;
    text-align: center;
}
.filterContainer{
    width:340px;
    margin-top: 10px;
    background-color: #a8aaa7;
    border-radius: 5px;
    padding:5px 10px;
    background-color: #FFFFFF;
    box-shadow: 2px 2px 1px #888888;
}
.btn {
    width: 100px !important;  cursor: pointer;
    /*margin-left:10px !important;*/
}
.fitlerBtn1{
    height: 50%;
    padding-top: 10px;
}
.fitlerBtn2{
    height: 50%;
    margin-top: -8px !important;
}
.filterRoomUserName {
    float: left;
    width: 40%;
}
.filterRoomUserPhone{
    float: left;
    width: 60%;
}
.filterOrderContainer{
    float: left;
    width: 50%;
}
.payProductName{
    float: left;
    width: 25%;
}
.payTime{
    float: left;
    width: 25%;
}
.payPrice{
    float: left;
    width: 25%;
}
.payTotalPrice{
    width: 25%;
    float: left;
}
.inTime {
    float: left;
    width: 50%;
}
.outTime {
    float: left;
    width: 50%;
}
.tabUserName{
    width: 15%;
    float: left;
}
.tabUserNameInput{
    width: 25%;
    float: left;
}
.tabUserPhone{
    width: 15%;
    float: left;
}
.tabUserPhoneInput{
    min-width:35%;
    width: 35%;
    float: left;
}
#myTabContent{
    margin:5px 10px;
}
.tabContent{
    /*background-color: #e5e5e5;*/
    margin:5px 0px;
    line-height: 25px;
    min-height: 25px;
    padding: 5px 0px 5px 10px;
    border-radius: 8px;
}
.timesTag{
    width: 16%;
    float: left;
}
.timesInput{
    width:25%;
    float: left;
}
.times{
    width:15%;
    float: left;
}
.roomMoneyDiv{
    text-align: right;
}
.dayNumber{
    width:30px !important;
}
.pointerCursor{
    cursor: pointer;
}
.timesDiv,.payMessage{
    line-height: 30px;
    height: 30px;
}
.tabUsers {
    min-height: 30px;
    margin:5px 0px;
    padding-left: 5px;
}
.layerDiv{
    margin: 10px;
}
.payType,.payTypeSelect,.customerSource,.customerSourceSelect {
    width: 16%;
    height: 25px;
    line-height: 25px;
    float: left;
}
.context {
    clear:both;
    width: 16%;
    height: 25px;
    line-height: 25px;
    float: left;
    /*padding-top: 35px;*/
}
.contextInput {
    width: 75%;
    float: left;
}
/*
 roomStatus end
*/



.mainDataTableDiv{
    margin-top: 35px;
}
.green{
    color:green;
}
.grey{
    color: grey;
}
.cursorPoint{
    cursor: pointer;
}
.autoWidth{
    width: auto !important;
}
.blue-bg{
    background-image: -webkit-linear-gradient(top, blue, blue);
    background-color: blue;
}


.w-5{
    width: 5%;
}
.w-15{
    width: 15%;
}
.w-20{
    width: 20%;
}
.w-25{
    width: 25%;
}
.h-25{
    height: 25px;
}
.h-35{
    height: 35px;
}
.floatRight{
    float: right;
}
.floatLeft{
    float: left;
}
.clearStyle{
    clear: both;
}
input, select{
    margin-bottom: auto !important;
}
.white-bg{
    background-color: #fff !important;
}
.halfDiv {
    width: 50%;
    float: left;
}
.gates, .orderDetail{
    margin:10px 0px;
    /*border:1px solid #fff;*/
    min-height: 30px;
    line-height: 30px;
}
.gate{
    /*width: 30px;*/
    float: left;
    margin:10px;
}
.margin-l-5{
    margin-left: 5px;
}
.margin-r-5{
    margin-right: 5px;
}
.margin-t-5{
    margin-top: 5px !important;
}
.margin-b-5{
    margin-bottom: 5px ;
}
.padding-l-5{
    padding-left: 5px;
}
.padding-r-5{
    padding-right: 5px;
}
.padding-t-5{
    padding-top: 5px;
}
.padding-b-5{
    padding-bottom: 5px;
}

.modal select {
    width: 195px;}
.modal {
    width: 600px;}
.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.menu-nav > ul {
    background-color: #0a7c8c;
    color: white !important;
}

.menu-nav {
    background-color: #0a7c8c !important;
}

.showUserName {
    color: white;
}

.showUserName:hover {
    color: #0a7c8c;
}

.menu-nav .mainMenu > .active > a {
    background-color: white !important;
    color: #0A7C8C !important;
}

.menu-nav .mainMenu > li > a {
    color: white !important;
}

.person {
    color: #0d7b8c !important;
}

.person:hover {
    color: white !important;
}

.title-active-color {
    color: #0A7C8C;
}

.collapse-left {
    /*background-color: #041256;*/
    color: white;
}

.collapse-left > ul > li > a {
    color: white;
}

.white-color {
    color: white;
}

.nav-list > .active > a, .nav-list > .active > a:hover {
    background-color: #3f50b5;
}

.container-fluid {
    padding: 0px;

}

.child-active > a {
    color: #0088cd;
}

.dataTables_info {
    margin-left: 20px;
    float: left;
}

.dataTables_paginate {
    float: right;
    margin-right: 20px;
    margin-bottom: 10px;
}

.dataTables_paginate a {
    padding-right: 5px;
    margin-bottom: 10px;
}

.dataTables_paginate a:hover {
    cursor: pointer;
}

a {
    cursor: pointer;
}

.modal-body input {
    width: 85%;
}

.red {
    color: red;
}

.uploadImg, .uploadImg img {
    height: 120px;
    line-height: 120px;
    width: 100%;
    max-height: 120px;
}

.authorityEntDiv {
    border: 1px solid #8D8D8D;
    height: 200px;
    max-height: 200px;
    overflow: auto
}
.authorityEntDiv>div{
    cursor: pointer;
}
/*
=============map========
*/
.map-label {
    margin: 3px;
    color: #0A7C8C;
}

.anchorBL {
    display: none;
}

.BMapLabel {
    border: 1px solid #8D8D8D !important;
    border-radius: 5px;
}

.map-title:hover {
    color: orange;
}

.map-label-con > span:hover {
    color: red;
}

.BMap_noprint {
    display: none;
}