/*
    ================================
    @作者:andy
    @修改者：andy
    @模块描述:blue.css样式
    @创建日期：2018/06/06
    @修改日期:2018/07/30
    ================================
*/

/*
    ================================
    @Logo样式（logo图、背景、边框）
    ================================
*/
body {
    /*min-width: 1200px;*/
    overflow-x: auto;
    background:#1E95CD url("../../img/navbar-logo.png") no-repeat 0 bottom;
    font-family:'Microsoft YaHei','SimSun','Arial',"黑体", sans-serif;
}

/*
    ================================
    @最顶端Head样式（产品名称、背景、右侧退出等操作项）
    ================================
*/
.top-menu>li{
    float: left;
    height: 60px;
    color: #FFF;
}
.top-menu>li:nth-of-type(1){
    padding-left: 38px;
    font-size: 18px;
    float: left;
}
.top-menu>li:nth-of-type(2){
    position: relative;
    cursor: pointer;
    font-size: 14px;
    float: right;
}
/*右侧ul 样式*/
/*第一个 li*/
.ITD-rightBarUl li{
    position: relative;
}
.ITD-rightBarUl .ITD-msgcenter div{
    height: 18px;
    line-height: 18px;
    width: 110px;
    position: relative;
    margin-top: 23px;
}
.ITD-rightBarUl .fullScreen div{
    height: 18px;
    line-height: 18px;
    width: 96px;
    position: relative;
    margin-top: 23px;
}
.ITD-rightBarUl>li:nth-of-type(1):after,.ITD-rightBarUl>li:nth-of-type(2):after,.ITD-rightBarUl>li:nth-of-type(3):after,.ITD-rightBarUl>li:nth-of-type(4):after{
    content: '';
    position: absolute;
    width: 1px;
    height: 18px;
    background: rgba(240,240,242,.2);
    top:23px;
    right: 0;
}
.ITD-rightBarUl .ITD-msgcenter span:first-of-type {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 10px;
    background: url(../../img/theme-msgIco.png) no-repeat;
    vertical-align: middle;
}
.ITD-msgcenter-num{
    background-color: #f3173b;
    color: #fff;
    padding: 0 3px;
    border-radius: 15px!important;
    position: absolute;
    top: -12px;
    left: 3px;
    font-size: 12px;
}
.ITD-rightBarUl .ITD-msgcenter span:nth-of-type(2){
    height: 18px;
    line-height: 18px;
    float: left;
    width: 62px;
    text-align: center;
}
.ITD-rightBarUl .fullScreen span:first-of-type {
    width: 18px;
    height: 18px;
    float: left;
    background: url(../../img/righttopbarico_Bg.png) no-repeat;
    vertical-align: middle;
    margin-left: 16px;
}
.ITD-rightBarUl .fullScreen span:nth-of-type(2){
    height: 18px;
    line-height: 18px;
    float: left;
    width: 54px;
    text-align: center;
}
/*第3个 li*/
.ITD-rightBarUl li:nth-of-type(3) div{
    height: 18px;
    line-height: 18px;
    /*width: 74px;*/
    position: relative;
    margin-top: 23px;
}
.ITD-rightBarUl li:nth-of-type(3) span:first-of-type {
    width: 18px;
    height: 18px;
    float: left;
    background: url(../../img/righttopbarico_Bg.png) no-repeat;
    background-position: -52px 0px;
    vertical-align: middle;
    margin-left: 16px;
}
.ITD-rightBarUl li:nth-of-type(3) span:nth-of-type(2){
    height: 18px;
    line-height: 18px;
    float: left;
    text-align: center;
    padding: 0 16px;
}
/*第4个 li*/
.ITD-rightBarUl li:nth-of-type(4) div{
    height: 18px;
    line-height: 18px;
    /*width: 74px;*/
    position: relative;
    margin-top: 23px;
}
.ITD-rightBarUl li:nth-of-type(4) span:first-of-type {
    width: 18px;
    height: 18px;
    float: left;
    background: url(../../img/righttopbarico_Bg.png) no-repeat;
    background-position: -26px 0px;
    vertical-align: middle;
    margin-left: 16px;
}
.ITD-rightBarUl li:nth-of-type(4) span:nth-of-type(2){
    height: 18px;
    line-height: 18px;
    float: left;
    text-align: center;
    padding: 0 16px;
}
/*第二个li 下拉框*/
.usersettingUl{
    width: 120px;
    height: 82px;
    padding: 6px;
    border-radius: 4px !important;
}
.dropdown-menu:before{
    position:absolute;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    content:" ";
    display:block;
    width:0;
    height:0;
    top: -6px;
    left: 52px;
}
/* help style*/

.rnt_help div{
    height: 18px;
    line-height: 18px;
    /*width: 74px;*/
    position: relative;
    margin-top: 23px;
}
.rnt_help span:first-of-type {
    display: inline-block;
    height: 20px;
    width: 18px;
    background: url(../../img/righttopbarico_Bg.png) no-repeat;
    background-position: -77px 0px;
    vertical-align: middle;
    margin-left: 16px;
}
.rnt_help span:first-of-type .iconfont {
    font-size: 16px;
    /*padding-right: 2px;*/
}
.rnt_help span:nth-of-type(2){
    height: 18px;
    line-height: 18px;
    display: inline-block;
    text-align: center;
    padding:0 16px;
}
/*第三个li 下拉框*/

/*
    ================================
    @左侧sidebar样式（菜单操作、ICON、字体、选中、左侧选中竖线）
    @菜单[首页、车场概览、车场运营、财务管理、资源管理、统计报表、系统管理]
    ================================
*/
.ITD-common-menu-first{
    margin-top: 10px;
    background: url("../../img/navBar-car.png") 154px 68px no-repeat;
}
.ITD-common-menu-first>li{
    position: relative;
}
.ITD-common-menu-first>li:nth-of-type(2){
    border-bottom: 5px solid #f1f1f3;
}
.ITD-common-menu-first>li>div{
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    height: 56px;
    line-height: 56px;
    padding-left: 40px;
}
.ITD-common-menu-first>li>div>img{
    opacity: .8;
    margin-right: 27px;
}
.ITD-common-menu-first>li.ITD-common-menu-first-active>div{
    background: rgba(255,255,255,.2);
    font-weight: 800;
}
.ITD-common-menu-first>li.ITD-common-menu-first-active>div>img{
    opacity: 1;
}
.ITD-common-menu-first>li.ITD-common-menu-first-active:before{
    content: '';
    position: absolute;
    width: 4px;
    height: 100%;
    background-color: #5fe98f;
}
.ITD-common-menu-second{
    background-color: rgba(255,255,255,.1);
    margin-top: 2px;
}
.ITD-common-menu-second>li{
    position: relative;
}
.ITD-common-menu-second>li:hover{
    background-color: rgba(255,255,255,.2);
}
.ITD-common-menu-select{
    background-color: rgba(255,255,255,.2);
}
.ITD-common-menu-second>li>div{
    cursor: pointer;
    height: 36px;
    line-height: 36px;
    padding-left: 108px;
    font-size: 12px;
    color: #fff;
}
.ITD-common-menu-first-bg{
    display: inline-block;
    width: 28px!important;
    height: 28px;
    vertical-align: middle;
    margin-right: 26px;
}
.ITD-common-menu-first-bg:before{
    content: '';
}
/*
    =========================
    左侧菜单目录栏 icon
    =========================

*/
/*首页*/
.icon-index{
    top:0!important;
    background-image: url("../../img/first_menu_indexIco.png") ;
    background-repeat: no-repeat;
}
/*车场概况*/
.icon-shield{
    top:0!important;
    background-image: url("../../img/first_menu_parkgk.png") ;
    background-repeat: no-repeat;
}
/*车场运营*/
.icon-opermonit{
    top:0!important;
    background-image: url("../../img/first_menu_parkyyIco.png") ;
    background-repeat: no-repeat;
}
/*统计报表*/
.icon-tjbb{
    top:0!important;
    background-image: url("../../img/first_menu_tjbbIco.png") ;
    background-repeat: no-repeat;
}
/*客服管理*/
.icon-kfgl{
    top:0!important;
    background-image: url("../../img/first_menu_kfIco.png") ;
    background-repeat: no-repeat;
}
/*违法管理*/
.icon-wfgl{
    top:0!important;
    background-image: url("../../img/first_menu_wfIco.png") ;
    background-repeat: no-repeat;
}
/*资源管理*/
.icon-note{
    top:0!important;
    background-image: url("../../img/first_menu_zygl.png") ;
    background-repeat: no-repeat;
}
/*共享车位*/
.icon-target{
    top:0!important;
    background-image: url("../../img/first_menu_parkshareIco.png") ;
    background-repeat: no-repeat;
}
/*财务管理*/
.icon-equalizer{
    top:0!important;
    background-image: url("../../img/first_menu_cwgl.png") ;
    background-repeat: no-repeat;
}
/* 运维管理*/
.icon-flag {
    top:0!important;
    background-image: url("../../img/menu-first-bg.png") ;
    background-repeat: no-repeat;
    background-position: -129px 0;
}
/*  系统管理*/
.icon-settings {
    top:0!important;
    background-image: url("../../img/first_menu_settingIco.png") ;
    background-repeat: no-repeat;
}
/*  收费员管理*/
.icon-charge {
    top:0!important;
    background-image: url("../../img/first_menu_chargeIco.png") ;
    background-repeat: no-repeat;
}

/*
    ================================
    @右侧菜单对应内容sidebar样式（按钮、面板...）
    ================================
*/
.ITD-topbar-wrap a{
    text-decoration: none;
    color: #000;
}
.ITD-tab-active{
    background-color: #26be96 !important;
    color: #fff !important;
    border-color:  #26be96 !important;
}
.ITD-topbar-wrap{
    border-bottom: 1px solid #1E95CD;
    height: 38px;
    background-color: #fff;
    padding-left: 50px;
}
.ITD-topbar-wrap>li{
    font-size: 16px;
    color: #000;
    text-align: center;
    float: left;
    margin-right: 50px;
    height: 36px;
    line-height: 36px;
    position: relative;
    cursor: pointer;
}
.ITD-topbar-wrap>li a{
    height: 36px;
    line-height: 36px;
    display: inline-block;
}
.ITD-topbar-wrap>li.ITD-topbar-clickactive:after{
    content: '';
    position: absolute;
    bottom:-1px;
    left:0;
    height: 3px;
    width: 100%;
    background-color: #5fe98f;
}
.ITD-topbar-wrap>li div{
    height: 16px;
    line-height: 16px;
}
.ITD-topbar-wrap>li:last-of-type{
    border-right: 0;
}
.ITD-topbar-wrap>li.ITD-topbar-clickactive{
    color: #000;
}
.ITD-topbar-wrap>li.ITD-topbar-clickactive a{
    color: #000;
}
/*
    ================================
    搜索栏部分 按钮样式 公共
    ================================
*/
/*
    查询按钮样式
*/
.ITD-common-searchbtn{
    width:91px;
    height:32px;
    line-height: 32px;
    background:rgba(254,200,77,1);
    border-radius: 4px!important;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
/*
    更多按钮样式
*/
.ITD-search-morebtn{
    width:91px;
    height:32px;
    line-height: 32px;
    text-align: center;
    background:rgba(255,255,255,1);
    border-radius: 4px!important;
    border: 1px solid #D9D9D9;
    cursor: pointer;
}
/*
    打印按钮样式
*/
.ITD-search-printbtn{
    width:64px;
    height:32px;
    line-height: 32px;
    padding-left: 25px;
    cursor: pointer;
    background: url("../../img/dataprintIco.png") no-repeat 0 center;
}
/*导出Icon*/
.ITD-export-btn{
    width: 72px;
    cursor: pointer;
    padding: 3px 10px 3px 35px;
    border: 1px solid #b1b1b1;
    border-radius: 4px!important;
    font-size: 12px;
    color: rgba(89,87,87,0.6);
    outline:none;
    background: url(../../img/ITD-export-btn.png) no-repeat 10px center;
}
/*已读Icon*/
.ITD-readall-btn{
    width: 120px;
    cursor: pointer;
    padding: 3px 10px 3px 35px;
    border: 1px solid #b1b1b1;
    border-radius: 4px!important;
    font-size: 12px;
    color: rgba(89,87,87,0.6);
    outline:none;
    background: url(../../img/ITD-readall-btn.png) no-repeat 10px center;
}
.ITD-panelicon-export:before {
    background:url(../../img/themes_Icosave.png) no-repeat;
    background-position:0 -16px;
}
/*新增Icon*/
.ITD-panelicon-add:before {
    background-image:url(../../img/theme_btn_add.png);
}
/*对比Icon*/
.ITD-panelicon-pk:before {
    background-image:url(../../img/ico_Plus.png);
}
/*删除Icon*/
.ITD-panelicon-delete:before {
    background-image:url(../../img/themes_Icodelete.png);
}
/*导入Icon*/
.ITD-panelicon-enter:before {
    background-image:url(../../img/themes_Icoenter.png);
}
/*修改Icon*/
.ITD-panelicon-edit:before {
    background-image:url(../../img/themes_Icoedit.png);
    /*background-position: -24px 0px;*/
}
/*批量Icon*/
.ITD-panelicon-addall:before {
    background-image:url(../../img/theme_btn_addall.png);
}
/*详情或列表Icon*/
.ITD-panelicon-detail:before{
    background-position:0 0;
    background-image:url(../../img/btnIcon.png);
}
/*一键同步Icon*/
.ITD-panelicon-sync:before {
    background-image:url(../../img/onesyncBtn.png);
}
.ITD-panelbtnsync-icon {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    /*text-align: center;*/
    /* padding: 5px 12px; */
    border-radius: 4px !important;
    width: 90px;
    height: 25px;
    line-height: 14px !important;
    background: rgba(255,255,255,1);
    padding: 3px 10px 3px 30px;
    border: 1px solid #b1b1b1;
    color: rgba(89,87,87,0.6);
    outline: none;
    background: url(../../img/onesyncBtn.png) no-repeat 10px center;

}
.ITD-panelbtn-icon-sync >i {
    position: relative;
    width: 17px;
    margin-right: 6px;
    text-align: left;
}
.ITD-panelbtn-icon-sync >i:before {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 14px;
    width: 100%;
    position: absolute;
    content: "";
    top: -12px;
}

/*
    ================================
    @公共样式类
    ================================
*/
/*
    圆角 公共
*/
.ITD-border-radius{
    border-radius: 4px!important;
    -webkit-border-radius: 4px!important;
}
/*
    阴影  公共
*/
.ITD-box-shadow{
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
}
/*
    ================================
    颜色 公共
    ================================
*/
.ITD-common-color{
    color: #1E95CD;
}
.ITD-common-color2d3033{
    color: #2D3033;
}
.ITD-common-color045{
    color:rgba(0,0,0,0.45);
}
.ITD-common-color040{
    color:rgba(0,0,0,0.4);
}
.ITD-common-color065{
    color:rgba(0,0,0,0.65);
}
.ITD-common-color050{
    color:rgba(0,0,0,0.5);
}
.ITD-common-color060{
    color:rgba(0,0,0,0.6);
}
.ITD-common-color070{
    color:rgba(0,0,0,0.7);
}
.ITD-common-color080{
    color:rgba(0,0,0,0.8);
}
.ITD-common-color090{
    color:rgba(0,0,0,0.9);
}
.ITD-common-color000{
    color:rgb(0,0,0) !important;
}
.ITD-fontbold{
    font-weight: bold;
}
.ITD-color-1e95cd{
    color:#1E95CD;
}
.ITD-color-red{
    color: red;
}
.ITD-color-white{
    color: #fff;
}
.ITD-color-26be96{
    color: #26be96;
}
/*
    ================================
    背景颜色   公共
    ================================
*/
.ITD-bgcolor-search{
    background-color: #F7F7F7;
}
.ITD-bgcolor-white{
    background-color: #fff;
}
.ITD-bgcolor-gray{
    background-color: #f5f7f8;
}
.ITD-bgcolor-green{
    background-color: #1E95CD;
}
.ITD-bgcolor-c2cad8{
    background-color: #c2cad8;
}
/*
    ================================
    字体加粗 公共
    ================================
*/
.ITD-common-fontweight{
    font-weight: 600;
}
/*
    ================================
    字体大小 公共
    ================================
*/
.ITD-common-fontsize12{
    font-size: 12px;
}
.ITD-common-fontsize13{
    font-size: 13px;
}
.ITD-common-fontsize14{
    font-size: 14px;
}
.ITD-common-fontsize16{
    font-size: 16px;
}
.ITD-common-fontsize18{
    font-size: 18px;
}
.ITD-common-fontsize21{
    font-size: 21px;
}
.ITD-common-fontsize24{
    font-size: 24px;
}
.ITD-common-fontsize28{
    font-size: 28px;
}
.ITD-common-fontsize30{
    font-size: 30px;
}
.ITD-common-fontsize32{
    font-size: 32px;
}
.ITD-common-fontsize36{
    font-size: 36px;
}
.ITD-common-fontsize48{
    font-size: 48px;
}
/*
    ================================
    弹窗样式 公共
    ================================
*/
/*取消按钮*/
.ITD-pop-cancel{
    border: 1px solid #c2cad8;
    color: #000 !important;
}
/*弹窗位置*/
.ITD-modal-config,.ITD-modal-dialog{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%)!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -moz-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    -o-transform: translate(-50%,-50%)!important;
}
/*
    == bootsrap table样式 公共==
*/
/* 操作栏按钮背景样式 */
/*查看*/
.ITD-oper-green{
    cursor: pointer;
    padding:2px 10px;
    font-size: 12px;
    color: #fff;
    background-color: #5fe98f;
}
/*回显*/
.ITD-oper-show{
    cursor: pointer;
    padding:2px 10px;
    font-size: 12px;
    color: #fff;
    background-color: #FE6269;
}
/*修改*/
.ITD-oper-blue{
    cursor: pointer;
    padding:2px 10px;
    font-size: 12px;
    color: #fff;
    background-color: #1E95CD;
}
.ITD-oper-orange{
    cursor: pointer;
    padding:2px 10px;
    font-size: 12px;
    color: #fff;
    background-color: #fd714b;
}
.ITD-status-on{
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    background-color: #5fe98f;
}
.ITD-status-blue{
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    background-color: #1E95CD;
}
.ITD-status-off{
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    background-color: #a2a2a2;
}
.ITD-status-abnormal{
    cursor: pointer;
    color: #fff;
    font-size: 12px;
    padding: 2px 10px;
    background-color: #FEC807;
}
.ITD-settlementing-status{
    color: #fe944d;
    font-size: 12px;
    padding: 2px 10px;
    border:1px solid  #fe944d;
}
.ITD-settlemented-status{
    color: #5fe98f;
    font-size: 12px;
    padding: 2px 10px;
    border:1px solid  #5fe98f;
}
.btn-actions{
    top: 0;
    right: 0px;
}