/* 重置栅格系统 */
/*.row{margin-left:-10px;margin-right:-10px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10{position:relative;min-height:1px;padding-left:10px;padding-right:10px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10{float:left}.col-xs-10{width:100%}.col-xs-9{width:90%}.col-xs-8{width:80%}.col-xs-7{width:70%}.col-xs-6{width:60%}.col-xs-5{width:50%}.col-xs-4{width:40%}.col-xs-3{width:30%}.col-xs-2{width:20%}.col-xs-1{width:10%}.col-xs-pull-10{right:100%}.col-xs-pull-9{right:90%}.col-xs-pull-8{right:80%}.col-xs-pull-7{right:70%}.col-xs-pull-6{right:60%}.col-xs-pull-5{right:50%}.col-xs-pull-4{right:40%}.col-xs-pull-3{right:30%}.col-xs-pull-2{right:20%}.col-xs-pull-1{right:10%}.col-xs-pull-0{right:auto}.col-xs-push-10{left:100%}.col-xs-push-9{left:90%}.col-xs-push-8{left:80%}.col-xs-push-7{left:70%}.col-xs-push-6{left:60%}.col-xs-push-5{left:50%}.col-xs-push-4{left:40%}.col-xs-push-3{left:30%}.col-xs-push-2{left:20%}.col-xs-push-1{left:10%}.col-xs-push-0{left:auto}.col-xs-offset-10{margin-left:100%}.col-xs-offset-9{margin-left:90%}.col-xs-offset-8{margin-left:80%}.col-xs-offset-7{margin-left:70%}.col-xs-offset-6{margin-left:60%}.col-xs-offset-5{margin-left:50%}.col-xs-offset-4{margin-left:40%}.col-xs-offset-3{margin-left:30%}.col-xs-offset-2{margin-left:20%}.col-xs-offset-1{margin-left:10%}.col-xs-offset-0{margin-left:0}@media (min-width: 768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10{float:left}.col-sm-10{width:100%}.col-sm-9{width:90%}.col-sm-8{width:80%}.col-sm-7{width:70%}.col-sm-6{width:60%}.col-sm-5{width:50%}.col-sm-4{width:40%}.col-sm-3{width:30%}.col-sm-2{width:20%}.col-sm-1{width:10%}.col-sm-pull-10{right:100%}.col-sm-pull-9{right:90%}.col-sm-pull-8{right:80%}.col-sm-pull-7{right:70%}.col-sm-pull-6{right:60%}.col-sm-pull-5{right:50%}.col-sm-pull-4{right:40%}.col-sm-pull-3{right:30%}.col-sm-pull-2{right:20%}.col-sm-pull-1{right:10%}.col-sm-pull-0{right:auto}.col-sm-push-10{left:100%}.col-sm-push-9{left:90%}.col-sm-push-8{left:80%}.col-sm-push-7{left:70%}.col-sm-push-6{left:60%}.col-sm-push-5{left:50%}.col-sm-push-4{left:40%}.col-sm-push-3{left:30%}.col-sm-push-2{left:20%}.col-sm-push-1{left:10%}.col-sm-push-0{left:auto}.col-sm-offset-10{margin-left:100%}.col-sm-offset-9{margin-left:90%}.col-sm-offset-8{margin-left:80%}.col-sm-offset-7{margin-left:70%}.col-sm-offset-6{margin-left:60%}.col-sm-offset-5{margin-left:50%}.col-sm-offset-4{margin-left:40%}.col-sm-offset-3{margin-left:30%}.col-sm-offset-2{margin-left:20%}.col-sm-offset-1{margin-left:10%}.col-sm-offset-0{margin-left:0}}@media (min-width: 992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10{float:left}.col-md-10{width:100%}.col-md-9{width:90%}.col-md-8{width:80%}.col-md-7{width:70%}.col-md-6{width:60%}.col-md-5{width:50%}.col-md-4{width:40%}.col-md-3{width:30%}.col-md-2{width:20%}.col-md-1{width:10%}.col-md-pull-10{right:100%}.col-md-pull-9{right:90%}.col-md-pull-8{right:80%}.col-md-pull-7{right:70%}.col-md-pull-6{right:60%}.col-md-pull-5{right:50%}.col-md-pull-4{right:40%}.col-md-pull-3{right:30%}.col-md-pull-2{right:20%}.col-md-pull-1{right:10%}.col-md-pull-0{right:auto}.col-md-push-10{left:100%}.col-md-push-9{left:90%}.col-md-push-8{left:80%}.col-md-push-7{left:70%}.col-md-push-6{left:60%}.col-md-push-5{left:50%}.col-md-push-4{left:40%}.col-md-push-3{left:30%}.col-md-push-2{left:20%}.col-md-push-1{left:10%}.col-md-push-0{left:auto}.col-md-offset-10{margin-left:100%}.col-md-offset-9{margin-left:90%}.col-md-offset-8{margin-left:80%}.col-md-offset-7{margin-left:70%}.col-md-offset-6{margin-left:60%}.col-md-offset-5{margin-left:50%}.col-md-offset-4{margin-left:40%}.col-md-offset-3{margin-left:30%}.col-md-offset-2{margin-left:20%}.col-md-offset-1{margin-left:10%}.col-md-offset-0{margin-left:0}}@media (min-width: 1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10{float:left}.col-lg-10{width:100%}.col-lg-9{width:90%}.col-lg-8{width:80%}.col-lg-7{width:70%}.col-lg-6{width:60%}.col-lg-5{width:50%}.col-lg-4{width:40%}.col-lg-3{width:30%}.col-lg-2{width:20%}.col-lg-1{width:10%}.col-lg-pull-10{right:100%}.col-lg-pull-9{right:90%}.col-lg-pull-8{right:80%}.col-lg-pull-7{right:70%}.col-lg-pull-6{right:60%}.col-lg-pull-5{right:50%}.col-lg-pull-4{right:40%}.col-lg-pull-3{right:30%}.col-lg-pull-2{right:20%}.col-lg-pull-1{right:10%}.col-lg-pull-0{right:auto}.col-lg-push-10{left:100%}.col-lg-push-9{left:90%}.col-lg-push-8{left:80%}.col-lg-push-7{left:70%}.col-lg-push-6{left:60%}.col-lg-push-5{left:50%}.col-lg-push-4{left:40%}.col-lg-push-3{left:30%}.col-lg-push-2{left:20%}.col-lg-push-1{left:10%}.col-lg-push-0{left:auto}.col-lg-offset-10{margin-left:100%}.col-lg-offset-9{margin-left:90%}.col-lg-offset-8{margin-left:80%}.col-lg-offset-7{margin-left:70%}.col-lg-offset-6{margin-left:60%}.col-lg-offset-5{margin-left:50%}.col-lg-offset-4{margin-left:40%}.col-lg-offset-3{margin-left:30%}.col-lg-offset-2{margin-left:20%}.col-lg-offset-1{margin-left:10%}.col-lg-offset-0{margin-left:0}}*/

body{color: #333;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
/* 影厅状态弹出层 */
 .pos-status-layer{ width: 440px; font-size: 15px; color: #000; }
 .pos-status-content{ overflow : hidden; border-radius: 4px; }
 .pos-status-header{ padding:0; border-bottom: none; background-color: #e5e5e5;
    height: 40px;
    line-height: 40px;
    text-align: center;
     position : relative;
 }
 .pos-status-header > .label{color: #000; font-size: 15px;}
 .pos-status-body{ padding: 22px 40px; }
 .pos-status-body table{ width: 100%; }
.pos-status-body table caption{ padding-top: 0; padding-bottom: 20px;
    text-align: center;
    color: #000;
}
.pos-status-body table tbody tr > td{ padding-bottom: 20px; color: #000; }
.pos-status-body table tbody > tr > td:first-child{ text-align: right; }
.pos-status-body table tbody > tr > td + td{ padding-left: 10px; }
.stop-reason{ width : 100%; resize: none; padding:5px; font-size : 16px; }
.pos-status-ul{ padding-top: 90px; } .pos-status-ul li + li{float: right;}

/* 电影开始时间文本框 */
.film-start-input{
    border: none;
    border-bottom: 1px solid #848484;
    width: 40px;
    color: #333;
    text-align: center;
    outline: none;
    font-size: 16px;
}




 /* 观影步骤弹出层 */
 .modal-pos-layer{width : 650px; background-color : #f8f8f8; border-radius: 4px; overflow: hidden; box-shadow:0 0 30px 4px rgba(51,51,51,.6); }
 .modal-pos-layer .modal-content{border-radius: 0;}
 .modal-pos-header-bg{
     background-color : #e5e5e5; padding : 0; 
     height: 40px;
     line-height: 40px;
     text-align: center;
 }
 .modal-pos-header > .icon{  position : absolute; right : 5px; top : 5px;}
 .modal-pos-header-bg > .label{color: #000; font-weight: bold;
     font-size: 15px; 
     padding: 0;
 } 
 .modal-pos-header-bg > .label + .label{margin-left: 5px;}
 .modal-pos-header-bg > .label + .label{}
 .modal-pos-layer .modal-title .pull-left{margin-left : 18px; margin-bottom : 0; }
 .modal-pos-layer .modal-title .pull-right{margin-right : 18px; }
 .modal-pos-body{padding:20px 30px;}
 .modal-pos-body caption{color : #000; padding-top : 0; padding-bottom : 20px; }
 .modal-pos-body .table>tbody>tr>td,
 .modal-pos-body .table>tbody>tr>th,
 .modal-pos-body .table>tfoot>tr>td,
 .modal-pos-body .table>tfoot>tr>th,
 .modal-pos-body .table>thead>tr>td,
 .modal-pos-body .table>thead>tr>th{border-top : none; padding : 0; padding-bottom : 20px; }

 .modal-pos-body > h4{ margin-bottom : 20px; text-align : center; margin-top : 0; font-size : 15px;}
 .times-or-hour{ text-align : center; padding-bottom : 220px;}
 .times-or-hour > span{
     display : inline-block;
     width : 216px;
     height : 110px;
     line-height : 110px;
     background-color : #e5e5e5;
     text-align : center;
     cursor : pointer;
     font-size : 22px;
     color: #333;
     transition: background-color .2s,color .2s,box-shadow .1s;
 }
 .times-or-hour > span:first-child{
     margin-right : 50px;
 }
 .times-or-hour > span:hover,
 .times-or-hour > span.active{
     background-color : #37afdd;
     color:#fff;
     box-shadow: 0 4px 15px rgba(0,0,0,.8);
 }

 .input-group-reset{

 }
 .input-group-reset .search-icon:first-child{
     border-right : none;
     padding-left : 20px;
 }
 .input-group-reset .form-control{
     border-left : none;
     box-shadow: none;
     width : 550px;
     padding-left : 5px;
 }


 .order-result{
     font-weight : bold;
 }
 .order-result table{
 }
 .order-result table tr >td{
     padding-bottom : 20px;
 }
 .order-result table tr > td:first-child{
     text-align : right;
 }
 .order-result table tr > td + td{
     padding-left : 10px;
 }
 .new-films-recommend{
     margin-bottom : 50px;
 }
 .new-films-recommend dt{
     margin-top : 10px;
     margin-bottom : 15px;
     font-weight : normal;
 }
 .new-films-recommend dd{
     position : relative;
 }
 .new-films-recommend .carousel-control-btn{
     position : absolute;
     top : 0;
     right : -15px;
     width : 20px;
     height : 203px;
    background:url(../images/right_arrow_icon.png) no-repeat right center;
     display : none;
 }
 .new-films-recommend .carousel-control-btn:nth-of-type(1){
     left : -15px;
     background:url(../images/left_arrow_icon.png) no-repeat left center;
 }
 .films-carousel{ width : 572px;
     height : 225px;
     overflow : hidden;
     position : relative;
     margin: 0 auto;
 }
 .films-carousel .item{
     width : 143px;
     /*height : 100%;*/
     height: 228px;
     float : left;
     display : block;
     text-align : center;
     position : relative;
     border-left: 2px solid #fff;
 }
  .films-carousel .item:first-child{
    border-left: none;
  }
 .films-carousel .item > p{
     margin-bottom : 0;
     margin-top : 5px;
     width: 100%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow:ellipsis;
 }
 .films-carousel .item > span{
    overflow: hidden;
     width : 27px;
     height : 27px;
     position : absolute;
     right : 6px;
     z-index : 100;
     bottom : 35px;
     background: url(../images/right_icon.png) no-repeat -100px;
 }
 .films-carousel .item.active > span{
    background-position: center;     
 }

 .films-carousel .item > img{width: 143px;height: 203px;}

 .css_movieThumbnail {width: 143px;height: 203px;}
 /* 限时观影 */
 .btn-group-define{
     margin-top : 30px;
     margin-bottom : 200px;
 }
 .btn-group-define > .btn{
     width : 100px;
     height : 40px;
     padding : 0;
     line-height : 40px;
     text-align : center;
     border-radius: 0;
     margin-right : 15px;
     margin-bottom : 20px;
     border : none;
     transition: background-color .24s,color,.2s;
 }
 .btn-group-define > .btn:active,
 .btn-group-define > .btn:focus{
    background-color: #ddd;
    color: #000;
    outline: none;
 }

 .btn-group-define > .btn.ml-lg{
     margin-left : 30px;
     margin-right : 0;
 }
 .btn-group-define > .btn.ml-lg.disabled{
    background-color: #ddd;
    color: #000;
 }
 .btn-group-define >.btn:hover,
 .btn-group-define >.btn.active{
     background-color : #39b6e4;
     color: #fff;
 }

 /* 取消订单弹出层 */
 .cancel-order > p:first-child{
     margin-top : 60px;
     padding-bottom : 230px;
 }


 .modal-pos-footer{padding: 0 0 20px 20px; border-top: none; }
 .modal-pos-footer .alert{padding: 0; padding-top: 10px;text-align: left;font-weight: bold; margin-bottom: 0;}
 .price{text-decoration: underline; padding-left : 10px; padding-right : 10px; }



 .table>tbody>tr>td, 
 .table>tbody>tr>th,
 .table>tfoot>tr>td, 
 .table>tfoot>tr>th,
 .table>thead>tr>td, 
 .table>thead>tr>th,.table caption{line-height: 1; vertical-align: middle; padding-top: 0; font-weight: bold;}


 .modal-show-status > p{padding-bottom: 40px; margin-bottom: 0; font-weight: bold; }
 .modal-show-status .cleaning-btn,
 .modal-show-status .cleaning-btn > a{float: none;display: inline-block;margin-right: 0;min-width: 140px;}
 .modal-show-status .cleaning-btn{margin-top: 20px;margin-bottom: 90px;}

 /* 当班  or 交班 */
 .btn-group-pos{ margin-bottom : 0; text-align : left;}
 .btn-group-pos > a{
     background-color: #39b6e4;border-radius: 5px;transition: background-color .4s;
     display : inline-block;
     text-decoration:none;text-align: center;
     height:46px;
     min-width:118px; padding-left: 9px;
     padding-right: 9px;
     line-height:46px;
     color: #fff;
     font-weight: bold;
 }
 .btn-group-pos > a:hover,
 .btn-group-pos > a:active,
 .btn-group-pos > a:focus{
     background-color: #2e85af;
 }


.modal-pos-btn-container >a{
    height : 40px;
    line-height : 40px;
    min-width : 140px;
}





 /* 单选框 */
 .input-radio,
 .input-radio-inner{display: inline-block; border-radius: 50%; cursor: pointer; }
 .input-radio{width: 14px; height: 14px; border: 1px solid #535353; text-align:center; }
 .input-radio-inner{width: 10px; height: 10px; border: 1px solid transparent; vertical-align: top; margin-top: 1px; transition: all .3s; }
 .input-radio-inner.active,
 .input-radio-inner:hover{background-color: #535353; border: 1px solid #535353; }
 .noallow{color: #7e7e7e;}









 /* 重置container */
 .container {
     padding-right: 0;
     padding-left: 0;
 }
 @media (min-width: 1200px) {
     .container {
         width: 1200px;
     }
 }

 
 
 .page-header-wrap{background-color: #33373b; }
 .page-pos-header{border-bottom: none; padding:0; height: 60px; line-height: 60px; font-size: 20px; margin-top: 0; margin-bottom: 35px; }
 .page-pos-header > a{color: #fff; text-decoration: none;}

 .ul-reset{margin-bottom: 20px;}
 
 .ul-reset  .label{color: #000; padding:0; font-size: 15px;}
 .ul-reset  .label:first-child{padding-right: 5px; }

 .nav-pos-pills-wrap{position: relative;}
 .nav-pos-pills{}
 .nav-pos-pills>li>a>.badge{
     background-color: inherit;
     font-size: inherit;
     color: inherit;
     margin-left: 0;
     margin-top: -4px;
 }
 .nav-pos-pills>.active>a>.badge{
     background-color: inherit;
     color: #fff;
 }
 .nav-pos-pills > li{
     min-width: 170px;
     margin-bottom: 16px;
 }
 
 .nav-pos-pills > li > a{
     border-radius: 0;
     padding: 0 10px;
     height: 37px;
     line-height: 37px;
     background-color: #e5e5e5;
     color: #000;
     font-weight: bold;
     transition: background-color .3s;
 }
.nav-pos-pills > li > a:hover,
.nav-pos-pills > li > a:active{
     background: #44b5df;;
      outline: none;
    color: #fff;
}
 .nav-pos-pills  > li.active > a, 
 .nav-pos-pills  > li.active > a:hover, 
 .nav-pos-pills  > li.active > a:focus{
     background-color: #44b5df;
     outline: none;
 }
 .nav-pos-pills>li+li{margin-left: 1px;}

 .refresh{min-width: 140px;padding-left: 15px; border-radius: 5px; padding-right: 15px;height: 40px;line-height: 40px;position: absolute; right: 0;top: -5px;background-color: #37b0dd;font-size: 15px; color: #fff;font-weight: bold; cursor: pointer;}
 .refresh:hover{color: #fff; text-decoration: none;}

@media (max-width: 994px){
    .nav-pos-pills > li{width: 34%;}
}

@media (max-width: 1199px){
    .nav-pos-pills > li{min-width: 130px;}
}






 .tab-content{
     border: none;
     margin-bottom: 115px;
     box-shadow: none;
 }
 .tab-content .panel-pos-heading{
     background-color: #fff;
     border-bottom: none;
     padding-left: 10px;
     padding-top: 0;
     padding-bottom: 26px;
 }
  .tab-content .panel-pos-title .label{color: #000;font-size: inherit;}
  .tab-content .panel-pos-title .label + .label{cursor: pointer; transition: background-color .2s,color .15s;}
  .tab-content .panel-pos-title .label + .label:hover,
  .tab-content .panel-pos-title .label + .label.active{background-color: #44b5df; color: #fff;}
  .tab-content .panel-pos-title .label:first-child{padding-left: 0;}


 .tab-content .panel-body{
     padding-top: 0;
     padding-left: 0;
     padding-right: 0;
 }
 


 
 .tab-content .panel-body .row > div{margin-bottom: 20px; width: 220px; float: left;}
  .tab-content .panel-body .row > div{margin-right: 20px;}
 .tab-content .row > div > div{height : 130px; overflow: hidden;padding: 15px 10px 0 10px;}
 .tab-content .row > div > div p{ min-height : 15px; color: #fff; line-height: 1.2;}
 .tab-content .row > div > div p:nth-of-type(2) > .label{text-align: left;display: inline-block;width: 157px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
 .tab-content .row p > .label{font-size: 15px;padding-top: 0; padding-bottom: 0; padding-right: 0; vertical-align:top;}
 .tab-content .row p > .label:first-child{padding-left: 0; width: 100px;overflow: hidden;}
  .tab-content .row p > .label:first-child + .label{display: inline-block;padding-left: 0; width: 100px;overflow: hidden;}
 .tab-content .row > div > div p:first-child >.label:first-child{display: inline-block;text-align: left;width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
 
 .bg-blue{background-color: #36a0d5;}
 .bg-red{background-color: #d44736;}       
 .bg-green{background-color: #64a800;}
 .bg-orange{background-color: #e08d2b;}
 .bg-gray{ background-color : #646464;}




 /* 栅格系统重置 */
 .tab-content .panel-body .row{margin-left: 0;margin-right: 0; min-height: 300px;}

 .tab-content .panel-body .row > [class^=col-]:nth-of-type(5n+1){padding-left: 0;}
 .tab-content .panel-body .row > [class^=col-]:nth-of-type(5n){padding-right: 0;}

 
 @media (min-width: 992px) and (max-width: 1199px){
     .tab-content .panel-body .row > [class^=col-]:nth-of-type(n){padding-left: 0; padding-right: 10px;}
     .tab-content .panel-body .row > [class^=col-]:nth-of-type(2n){padding-right: 0; padding-left: 10px;}
     .tab-content .row > div > div p:nth-of-type(2) > .label{width: auto;}
 }

 @media(max-width: 991px){
     .tab-content .panel-body .row > [class^=col-]:nth-of-type(n){padding-left: 0; padding-right: 0;}
     .tab-content .panel-body .row > [class^=col-]:nth-of-type(n){padding-right: 0;padding-left: 0;}
     .tab-content .row > div > div p:nth-of-type(2) > .label{width: auto;}
 }

 .icon{
     display : inline-block;
     font-size : 0;
     cursor : pointer;
 }
 .close-icon{
     background: url(../images/close_icon.png) no-repeat center;
     width : 17px;
     height : 17px;
 }
 .search-icon{
     width : 20px;
     height : 20px;
     background : url(../images/search_icon.png) no-repeat center;
     cursor: pointer;
 }