.error{ color:#f00; }
.com-pd{ padding: 0 0 20px 0;}
.page-bar{ margin-bottom: 20px!important;}
.pl8{margin-left:8px;}
.input-sm{ height: 34px; border: 1px solid #ccc;}
.btn{padding: 6px 12px!important;font-size: 14px!important;line-height: 1.44!important;}
.h20{ height: 20px;}
.opt a{ padding: 0 3px;}

/* 开始时的样式 */
.page-load.ng-enter {
	transition: 0.6s linear all; /* 当使用css transition实现动画效果时，在开始时的样式中必须包含transition的设置 */
    opacity: 0;
}

/* 结束时的样式 */
.page-load.ng-enter.ng-enter-active {
    opacity: 1; 
}

/* 响应式表单 */
.form-flex .form-wrap{border-top:1px solid #f2f3f4;border-right:1px solid #f2f3f4;}
.form-flex .form-wrap+.form-wrap{margin-top:20px;}
.form-flex .form-wrap:after{display:block;width:100%;clear:both;font-size:0;line-height: 0;content:"";}
.form-flex .form-group{margin-bottom:0;}
.form-flex .form-table{width:100%;display:table;height:43px;border-bottom:1px solid #f2f3f4;}
.form-flex .layout_fixed{table-layout: fixed;}
.form-flex .form-inline{width:auto;float:left;}
.form-flex .control-label{display:table-cell;margin-bottom:0;width:110px;line-height: 34px;text-align:left;vertical-align:middle;line-height: 17px;overflow:hidden;background-color:#f8f8fa;border-left:1px solid #f2f3f4;}
.form-flex .control-label span{display:block;/**/min-width:110px;padding-left:5px;padding-left:10px; color:#80848f; }
.form-flex .control-label span.required{position: relative;font-size:14px;}
.form-flex .control-label span.required:before{content:"*";font-size:13px;color:red;position: absolute;left:3px;top:2px;}
.portlet > .portlet-title > .caption > i{  margin-right: 0;}
.form-flex .control-label font{display:block;white-space: nowrap;padding-left:10px;color:#000;}
.form-flex .control{display:table-cell;vertical-align:middle;position: relative;padding:5px 5px;min-height:42px;border-left:1px solid #f2f3f4;}
.form-flex .control,.form-flex .control select{ color: #000; font-size: 14px;}
.form-flex .control .text{line-height:16px;padding-left:6px;font-size:14px;color:#000;max-height:32px;overflow:hidden;}
.form-flex .control .limitWidth{width:281px;max-width:100%;}
.form-flex .check-button{white-space: nowrap;float:right;padding-left:5px;line-height: 32px;min-width: 61px;color:#2d8cf0;}
.form-flex .check-button:before{content:"\f101";font:normal normal normal 14px/1 FontAwesome;}
.form-flex .check-button+.inpBox{overflow:hidden;}
.form-flex .check-button+.text{overflow:hidden;line-height:32px;white-space: nowrap;}
.form-flex .linkGroup{overflow:hidden;max-width:100%;}
.form-flex .linkGroup .inpBox{float:left;width:281px;max-width:100%;}
.form-flex .linkGroup .check-button{float:left;text-decoration: underline;}
.form-flex .linkGroup .check-button:before{display:none;}
.form-flex .vAlignTop{vertical-align: top;}
.form-flex .form-action{float:left;padding:0 15px;}
.form-flex .action-group{clear:both;text-align: right;margin-top:15px;}
.form-flex .control .action-group{margin-top:0;}
.form-flex .button-group{text-align:left;clear:both;margin-top:15px;}
.form-flex .control .button-group{margin-top:0;}
.form-flex .checkbox, .form-flex .radio{margin:7px 0;}
.form-flex *[class*="col-"]{padding-left:0;padding-right:0;}
.form-flex .control *[class*="per-"]{float:left;}
.form-flex .control *[class*="per-"]+*[class*="per-"]{padding-left:10px;}
.form-group-table{width:100%;clear: both;}
.form-group-table .form-group-table-cell{float:left;width:50%;}

.search-container .form-flex .control-label span{display:block;min-width:100px;  color:#555;padding-left:0;}
.search-container .btn{padding:5px 20px !important;}
.search-container .btn,.search-container .btn i { color: #fff;}
.search-container{max-width:100%;border-bottom:1px solid #f2f3f4;padding-bottom:20px;margin-bottom:15px;}
.search-container-null{border:none;padding:0;margin:0;}
.search-container .form-flex .form-wrap{border:none;}
.search-container .form-flex .control,.search-container .form-flex .form-table,.search-container .form-flex .control-label{border:none;}
.search-container .form-flex .control-label{text-align: right;background:none;width:100px;}

.form-inline .form-group{float:none;width:auto;padding:0;}
.form-inline .control-label,.form-inline .control-label span{width:auto;min-width:1px;}
.form-inline .form-control{min-width:190px;vertical-align: top;display:inline-block;}
.form-inline .btn{vertical-align:top;display:inline-block;padding:6px 20px !important;}
.form-inline .ln32{line-height: 32px;display:inline-block;}

.grid-button-group{padding:5px 0 5px 0;}
.button-group{text-align: center;}


/* 弹窗居中 */
.modal .modal-table{display:table;width:100%;height:100%;}
.modal .modal-td{display:table-cell;vertical-align: middle;}
.modal,.modal.fade,.modal.in{text-align: center;}
.modal:before{display:inline-block;content:"";vertical-align: middle;width:1px;height:100%;}
.modal .modal-dialog{display:inline-block;text-align: left;vertical-align: middle;}
.modalWindowBtn{margin:0;}


@media (min-width: 992px){
    /* .page-content-wrapper .page-content {
        padding: 0;
        margin: 0 !important;
    }
    .page-sidebar-closed .page-content-wrapper .page-content {
        margin: 0 !important;
    } */
}








/* 新增组件样式 */
.page-header.navbar{
    background-color:#fff;
    box-shadow: 2px 2px 2px rgba(0,0,0,.05);
    border-bottom: 1px solid #eee;
}
body,.page-header.navbar .page-logo{
    background-color: #192535;
}
.page-header.navbar .page-logo .logo-text{font-size:18px; color:#fff; line-height:50px; text-decoration-line: none;}
@media (max-width: 991px){
    .page-header.navbar .page-logo{
        background-color:#fff;
    }  
    .page-header.navbar .page-logo .logo-text{color:#000;}
}

.page-sidebar{
    background-color: transparent;
}
.page-sidebar .page-sidebar-menu>li>a{border:none;line-height: 20px;padding:15px;}
.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a,.page-sidebar .page-sidebar-menu>li.active.open>a:hover, .page-sidebar .page-sidebar-menu>li.active>a:hover{background-color:#2d8cf0;}
.page-sidebar .page-sidebar-menu>li>a>.arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>.arrow:before{top:14px;content: "\f107";}
.page-sidebar .page-sidebar-menu li>a>.arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li>a>.arrow.open:before{content:"\f106"}
.page-sidebar .page-sidebar-menu>li.active>a>.selected{top:13px;border-right: 12px solid #eaf2f6;display:none;}
.page-sidebar .page-sidebar-menu .sub-menu{background-color:#101b29;margin:0;padding:10px 0;}
.page-sidebar .page-sidebar-menu .sub-menu li>a{font-size:12px;line-height: 20px;}
.page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a{background:none !important;color:#2d8cf0;}
.page-sidebar .page-sidebar-menu .sub-menu li>.sub-menu{padding:0;}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle{padding:16px 6px 14px 8px;}
.page-header .top-menu .dropdown-quick-sidebar-toggler>.dropdown-toggle{padding:19px 10px 11px 10px !important}
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover,.page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle{background-color:#eaf2f6;}

.page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i {
    color: #c6cfda;
}

.portlet.box.blue-hoki{border:none;}
.portlet.box.blue-hoki>.portlet-title{background-color:#dcdfe5;color:#000;min-height:40px;position: relative;margin:0;border:none;user-select: none;}
.portlet.box.blue-hoki>.portlet-title>.caption{color:#000;font-size:16px;line-height: 20px;padding:10px;}
.portlet.box.blue-hoki>.portlet-title>.spread{font-size:0;position: absolute;right:10px;width:20px;top:50%;margin-top:-10px;text-align:center;cursor:pointer;}
.portlet.box.blue-hoki>.portlet-title>.spread i:before{content: "\f106";font-size:20px;}
.portlet.box.blue-hoki > .portlet-body:after{content:"";display:block;width:100%;clear:both;}
.portlet.box.blue-hoki > .portlet-body{border:1px solid #e9e9e9;border-top:none;}


.btn{border-radius: 3px !important;padding:6px 15px !important;vertical-align: middle;}
.btn+.btn{margin-left:6px;}
.btn.green:not(.btn-outline){background-color:#3a9dfb;border:none;}
.btn.btn-small{padding:5px 15px !important;}
.btn.btn-default{background-color:#e6e6e6;}
.btn.btn-primary{background-color:#3a9dfb;}
.btn.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary:focus:active,.btn-danger:active{background-color:#2d8cf0;}
.btn.btn-danger{background-color:#ed6b75;}
.btn.btn-danger:hover,.btn-danger:focus,.btn-danger:focus:active{background-color:#e73d4a;}

.page-content-white .page-bar .page-breadcrumb{padding:15px 0;}
.page-content-white .page-bar .page-breadcrumb>li:last-child a{color:#2d8cf0}
.page-content-white .page-bar .page-breadcrumb>li>i.fa-circle{top:0;font-size:16px;}
.page-content-white .page-bar .page-breadcrumb>li>i.fa-circle:before{content:"\f105"}
.page-bar .page-breadcrumb>li{line-height: 20px;}

.form .form-body.form-bordered{
    padding:0;
    margin:0;
}

/* 表单样式 */
input[type=text],input[type=password],.form-control{height: 32px;color:#000;font-size:14px;/*padding:6px;*/background-color: #fff;border: 1px solid #dddee1;vertical-align: top;border-radius: 2px !important;}
select{color:#000;font-size:14px;height: 32px !important;/*padding:6px;*/background-color: #fff;border: 1px solid #dddee1;vertical-align: top;border-radius: 2px !important;}
input[type=text]:focus,input[type=password]:focus,select:focus,.form-control:focus{border-color:#2d8cf0;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color:#f5f5f5;}
input[type=text].form-control-inline,select.form-control-inline{display:inline-block;vertical-align:middle;width:auto;max-width:100%;}

/* 日期 */
.dateTimePicker{margin-top:0;}
input.dateTimePicker{background-image:url(../images/calendar73.png);background-repeat: no-repeat;background-position: right center;}
input.dateTimePicker:read-only{background-color:#fff;}
.modal-open .dateTimePicker{z-index:99;}

/* 日期区间 */
.input-daterange{width:100%;}
.input-daterange .input-group-addon{border-left:none;border-right:none;border:none;background:none;padding:6px;}
.input-daterange input{text-align: left;}

/* 折扣区间 */
.discount {width:100%;}
.discount .input-group-addon{border-left:none;border-right:none;}
.discount .unit{display:table-cell;width:1%;padding-left:5px;vertical-align: middle;}


/* 切换标签 */
.tab-list{margin:0 0 5px 0;}
.tab-list ul,.tab-list ul li{padding:0;margin:0;list-style: none;overflow:hidden;}
.tab-list{border-bottom:1px solid #2d8cf0;}
.tab-list ul{margin-bottom:-1px;}
.tab-list ul li{cursor:pointer;float:left;color:#364150;line-height: 40px;padding:0 20px;background-color:#f8f8fa;border:1px solid #e9e9e9;border-bottom:1px solid #2d8cf0;position: relative;margin-right:-1px;}
.tab-list ul li.active{background-color:#fff;border-color:#2d8cf0;color:#2d8cf0;z-index:2;border-bottom-color:transparent;}

/* 表格分页 */
.page-select{float:left;padding: 1em 0;}
.page-select .form-control{display:inline-block;vertical-align:middle;width:auto;margin:0 10px;height:32px;}
.jsgrid-pager{padding: 1em 0;float:right;}
.jsgrid-pager span{border:1px solid #dddee1;display:inline-block;border-radius: 3px !important;height:32px;vertical-align: middle;}
.jsgrid-pager span .fa{font-size:0;line-height: 0;}
.jsgrid-pager span .fa:before{font-size:14px;line-height: normal;}
.jsgrid-pager .jsgrid-pager-page{padding:0;width:32px;text-align: center;line-height: 30px;}
.jsgrid-pager .jsgrid-pager-page a{display:block;}
.jsgrid-pager .jsgrid-pager-nav-button{padding: 0 15px;line-height: 30px;}
.jsgrid-pager .jsgrid-pager-page{margin:0 5px;}
.jsgrid-pager .jsgrid-pager-current-page{color:#fff;background-color:#2d8cf0;border-color:#2d8cf0;font-weight:normal;}
.jsgrid-selected-row > .jsgrid-cell{background-color:#d0f1fd;border-color:#d0f1fd;} 
.jsgrid-header-row > .jsgrid-header-cell{ font-weight: normal;color:#000;}
.jsgrid-row > .jsgrid-cell{color:#474e6b;overflow:hidden;}
.modal-dialog .modal-body .jsgrid-grid-body{max-height:365px;}

/* 弹出层 */
.modal-dialog .modal-body{max-height:500px;overflow-y:auto;overflow-x:hidden;}

/* 按钮 */
.btn{border-radius: 3px !important;padding:6px 12px !important;vertical-align: middle;}
.btn+.btn{margin-left:6px;}
.btn-small{padding:5px 15px !important;}
.com-gridmodal .modalBtn{padding:0px 10px !important;border-left:none;font-size:12px !important;line-height: 30px !important;background-color:rgb(221, 221, 221);}