/*公用----------------------------------------------------*/





/*主体----------------------------------------------------*/

.box-con>li{
    width: calc((100% - 54px)/3);
    width: -webkit-calc((100% - 54px)/3);
    width: -moz-calc((100% - 54px)/3);
    min-width: 398px;
    float: left;
    height: 215px;
    margin-bottom: 18px;
}
.box-con>li{
    margin-right:18px ;
}
.sign-tollcollectormanage{
    background: url("sign-icon.png") no-repeat right 15px ;
}
.nosign-tollcollectormanage{
    background: url("nosign-icon.png") no-repeat right 15px ;
}
.signed-tollcollectormanage{
    background: url("signed_icon.png") no-repeat right 15px ;
}


.box-con-pic-wrap{
    padding: 31px 30px 0 28px;
}
.box-con-pic{
    width: 80px;
    height: 80px;
    background: url("tollcollectormanage-head.png") no-repeat;
}
.box-con-name{
    margin: 16px 0 7px;
    text-align: center;
}
.watch-type-day{
    width: 38px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: rgba(254,200,77,1);
    margin: 0 auto;
}
.watch-type-night{
    width: 38px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #1E95CD;
    margin: 0 auto;
}
.box-con-inf-wrap{
    width: calc(100% - 165px);
    width: -webkit-calc(100% - 165px);
    width: -moz-calc(100% - 165px);
    padding-top: 54px;
    font-size: 12px;
    color: rgba(0,0,0,.60);
}
.box-con-inf-wrap li{
    margin-bottom: 8px;
}
.box-con-opration{
    height: 36px;
    background: #e8f4fa;
    bottom: -36px;
    left: 0;
    width: 100%;
    transition:bottom 1s;
    -moz-transition:bottom 1s; /* Firefox 4 */
    -webkit-transition:bottom 1s; /* Safari and Chrome */
    -o-transition:bottom 1s; /* Opera */
}
.box-con>li:hover .box-con-opration{
    bottom: 0;
}
.box-con-opration li{
    cursor: pointer;
    margin-top: 6px;
    padding: 4px 8px;
    float: left;
    color: #1e95cd;
    font-size: 12px;
    background: rgba(255,255,255,.5);
    border-radius: 2px!important;
    margin-left: 6px;
}







/*弹窗----------------------------------------------------*/
/*详情弹窗 sta*/
.ITD-alertcon-tab-wrap{
    max-height: 488px;
    overflow-y: auto;
}
.ITD-alert-tab-wrap{
    padding-top: 7px;
}
.ITD-alert-tab-wrap li{
    cursor: pointer;
    float: left;
    height: 60px;
    line-height: 60px;
    padding: 0 10px;
    margin-right: 70px;
}
.ITD-alert-tab-active{
    border-bottom: 3px solid #5fe98f;
}


.toll-basic-ino-name{
    height: 57px;
    line-height: 57px;
}
.toll-basic-borderbototm{
    border-bottom: 1px solid #f0f0f0;
}
.toll-basic-ifo-park-height{
    height: 34px;
    line-height: 34px;
}

.toll-basic-ifo-park span{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -3px;
    background-image: url(../../../img/person-icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.toll-basic-ifo-park-wrap li{
    padding-left: 23px;
}
.toll-basic-ifo-park-wrap li div:nth-of-type(1){
    width: 50%;
}
.toll-basic-ifo-park-wrap li div span:nth-of-type(2){
    width: 60px;
    display: inline-block;
    text-align:justify;
    text-align-last:justify;
}
.toll-basic-ifo-type{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 18px;
    vertical-align: middle;
    /*margin-top: -3px;*/
    background-image: url(../../../img/person-icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.toll-basic-ifo-device{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 16px;
    vertical-align: middle;
    /*margin-top: -3px;*/
    background-image: url(../../../img/sex-icon.png);
    background-repeat: no-repeat;
    /*background-position: -54px 0;*/
}
.toll-basic-ifo-total{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 16px;
    vertical-align: middle;
    /*margin-top: -3px;*/
    background-image:url(../../../img/business-icon.png);
    background-repeat: no-repeat;
    /*background-position: -18px 0;*/
}
.toll-basic-ifo-entrance{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 18px;
    vertical-align: middle;
    /*margin-top: -3px;*/
    background-image: url(../../../img/type-icon.png);
    background-repeat: no-repeat;
    /*background-position: -16px 0;*/
}
.toll-basic-ifo-business{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 18px;
    vertical-align: middle;
    /*margin-top: -3px;*/
    background-image: url(../../../img/telphone-icon.png);
    background-repeat: no-repeat;
    /*background-position: -32px 0;*/
}
.toll-basic-ifo-address{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 18px;
    vertical-align: middle;
    /*margin-top: -3px;*/
    background-image: url(../../../img/status-icon.png);
    background-repeat: no-repeat;
    /*background-position: -48px 0;*/
}
.toll-basic-ifo-time{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 18px;
    vertical-align: middle;
    /*margin-top: -3px;*/
    background-image: url(../../../img/time-icon.png);
    background-repeat: no-repeat;
    /*background-position: -48px 0;*/
}
.toll-basic-ifo-address-wrap{
    max-width: 310px;
}
.toll-basic-ifo-fees,.toll-basic-ifo-feesbot{
    height: 37px;
    line-height: 37px;
}
.toll-basic-ifo-fees span{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -3px;
    background-image: url(../../../img/index-card-title.png);
    background-repeat: no-repeat;
    background-position: -54px -18px ;
}
.toll-basic-ifo-feesbot span{
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: -3px;
    background-image: url(../../../img/information-icon.png);
    background-repeat: no-repeat;

}
.toll-basic-ifo-fees-wrap li{
    padding-left: 23px;
    height:67px ;
}
.toll-basic-ifo-fees-wrap li div{
    float: left;
}
.toll-basic-ifo-fees-smallicon{
    width: 51px;
    height: 51px;
    background-image:url("../../../img/toll-persongroup-icon.png") ;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-top: 8px;
    margin-right: 30px;
}
.toll-basic-ifo-fees-bigicon{
    width: 51px;
    height: 51px;
    background-image:url("../../../img/toll-cloud-icon.png") ;
    background-repeat: no-repeat;
    /*background-position: -51px 0;*/
    margin-top: 8px;
    margin-right: 30px;
}
.toll-basic-ifo-fees-type{
    width: 70px;
    line-height: 67px;
}
.toll-basic-ifo-fees-rule{
    width: 150px;
    margin-right: 65px;
    line-height: 24px;
    padding-top: 10px;
}
.toll-basic-ifo-fees-max{
    line-height: 67px;
}
.toll-basic-ifo-fees-max{
    width: 220px;
}
.toll-basic-ifo-fees-typeArea{
    width: 510px;
    line-height: 30px;
}
.toll-basic-no-float{
    float: none !important;
}
.toll-basic-areamsg{
    width: 430px;
}
/*新增 修改 弹窗 sta ------*/
.ITD-form-padleft5-read div.checker,.ITD-form-padleft5-read div.radio {
    margin-top: -9px;
    margin-left: 0 !important;
}
div.checker,div.radio{
    margin-left: 0 !important;
}
#resetmodel .modal-footer{
    border-top: 0;
    text-align: center !important;
}
#write_rule,#writeoper_rule{
    color: #ff0000;
}
.form-group-ul{
    height: 120px;
    width: 95%;
    overflow-y:auto;
}
.berthAreaList{
    padding-left: 25px;
}
.berthAreaList li{
    float: left;
    padding-left: 20px;
    width: 110px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px 25px 5px 0;
    cursor: pointer;
    background: url("../../../img/input-checkexActive.png") no-repeat 0 center;
}
.berthAreaList li.checkexActive{
    background: url("../../../img/input-checkbox.png") no-repeat 0 center;
}

.radio-list .radio{
    /*margin-right: 0 !important;*/
    /*margin-left: 0px !important;*/
    /*margin-top: -4px !important;*/
}
.resetMsg-cont{
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 14px;
    /*color: rgba;*/
}

.ITD-daterange-bg{
    width: 180px !important;
}

/*单选复选美化*/
.ITD-form-group input[type=checkbox],
.ITD-form-group input[type=radio ]{
    width   : 28px;
    height  : 24px;
    margin  : 0;
    padding : 0;
    opacity : 0;
    filter: "alpha(opacity=0)"; /* IE 8 */
}

.ITD-form-group input[type=checkbox]+ label{
    display      : inline-block;
    margin-left  : -28px;
    padding-left : 28px;
    background   : url('../../../img/input-checkexActive.png') no-repeat  0 center;
    line-height  : 24px;
    opacity : 1;

}
.ITD-form-group input[type=checkbox]:hover + label{
    background: url('../../../img/input-checkexActive.png') no-repeat 0 center;

}
.ITD-form-group input[type=checkbox]:checked + label{
    background: url('../../../img/input-checkbox.png') no-repeat 0 center;

}

.ITD-form-group input[type=checkbox]:checked:hover + label{
    background: url('../../../img/input-checkbox.png') no-repeat 0 center;

}

.ITD-form-group input[type=radio] + label{
    /*margin-right: 14px;*/
    display      : inline-block;
    margin-left  : -28px;
    padding-left : 20px;
    background   : url('../../../img/input-radio.png') no-repeat 0 center ;
    line-height  : 24px;

}
.ITD-form-group input[type=radio]:hover + label{
    background: url('../../../img/input-radio.png') no-repeat 0 center;
}
.ITD-form-group input[type=radio]:checked + label{
    background   : url('../../../img/input-radio-active.png') no-repeat 0 center;

}
.ITD-form-group input[type=radio]:checked:hover + label{
    background: url('../../../img/input-radio-active.png') no-repeat 0 center;

}
.inspectionper-nodata{
    width: 56px;
    height: 75px;
    background: url("inspectionper-nodata.png") no-repeat center 0;
    margin: 0 auto;
}
.callBackallNum {
    height: 34px;
    line-height: 34px;
    width: 120px;
     top: 18px;
    left: 70px;
    color: #888990;
}
/*分页*/
.callBackPager {
    text-align: right;
}
.callBackallNum {
    height: 34px;
    line-height: 34px;
    width: 120px;
    /*top: 18px;*/
    left: 70px;
    color: #888990;
}
.pagination {
    margin-top: 16px !important;
}
.pagination-detail{
    color: rgba(0,0,0,0.65);
}
.callBackPager .pagination a {
    min-width:32px;
    height:32px;
    background:rgba(255,255,255,1);
    border-color: #D9D9D9;
    border-radius: 6px !important;
    margin-right: 8px;
    color:rgba(0,0,0,0.65);
    padding:6px !important;
}
.pagination>li>a, .pagination>li>span{
    padding: 6px !important;
    text-align: center;
    min-width:32px;
    height:32px;
}
.callBackPager .pagination .active a{
    background:rgba(30,149,205,1) !important;
    border-color: rgba(30,149,205,1);
    color: #fff;
}
.toll_messum{
    max-width: 100px;
    height: 17px;
    line-height: 17px;
}
/*.page-content{*/
    /*min-width: 1320px !important;*/
/*}*/