/*html, body {
    height: 100%;
    min-height: 100%;
}*/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-weight:bold !important;
}

/*div{
    border:1px solid #000 !important;
}*/

.validation-summary-errors{
    color:red;
}
    .validation-summary-errors ul {
        padding: 0px;
    }
    .validation-summary-errors li{
        list-style: none;
    }

    h5 {
        line-height: 1.5 !important;
    }

::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px; /*高宽分别对应横竖滚动条的尺寸*/
    height: 10px;
}

::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    background-color: #8d9092;
    background-image: -webkit-linear-gradient( 45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent );
}

::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
    background: #ededed;
    border-radius: 10px;
}

/*两个字*/
.w2 {
    margin-left: 15px;
}
/*三个字*/
.w3 {
    margin-left: 7px;
    margin-right:7px;  
}

.unit {
    position: relative;
    left: -17px;
    top: -17px;
    line-height: 0px;
    float: right;
    color: #7f7c7c;
}


label,.row {
    white-space: nowrap;
}

/***********B 登录页面*************/
.forgetPassword {
    border-left: 1px solid #999;
    margin-left: 8px;
    padding-left: 9px;
    text-align: right;
}

.login-page, .register-page{
    background-image:url("/Static/images/login_bg2.jpg");
    /*background-color:#00c1ff;*/
}

.login-logo a, .register-logo a {
    color:#fff;
}

/**********E 登录页面********************/



/**********B 首页Fix************************/
.skin-blue .sidebar-form {
    border-radius: 2px;
    margin: 2px;
}


.skin-blue .sidebar-form input[type="text"], .skin-blue .sidebar-form .btn{
    height:30px;
}

.skin-blue .main-header .logo {
    background-color: #0e9eb9 !important;
}

.skin-blue .main-header .navbar {
    background-color: #24B1CC !important;
    background-image: linear-gradient( -90deg, #ffa500, #24B1CC);
}

/*.fa-search:before{
    position:absolute;
    margin-left:-8px;
    margin-top:-13px;
}*/

.user-panel > .info {   
    padding: 11px 4px 5px 11px;   
}

.user-panel > .info > p {    
    margin-bottom: 6px;
}

input[type="text"], input[type="password"], textarea, select{
    border:1px solid #ddd !important;
}

/**********E 首页Fix************************/

/*.innerPanel-align-center{
  width:800px;
  margin:0 auto;
  margin-top: 200px;
}*/

/********B CSS3箭头***************/
/*.arrow {
  width: 40px;
  height: 40px;
  position: relative;
  display: inline-block;
  margin: 10px 10px;
}
.arrow:before, .arrow:after {
  content: '';
  border-color: transparent;
  border-style: solid;
  position: absolute;
}
.arrow .curve {
  position: absolute;
  overflow: hidden;
}
.arrow .curve:before {
  content: '';
  position: absolute;
}

.arrow-up:before {
  border: none;
  background-color: #555;
  height: 50%;
  width: 30%;
  top: 50%;
  left: 35%;
}
.arrow-up:after {
  left: 0;
  top: -50%;
  border-width: 20px 20px;
  border-bottom-color: #555;
}

.arrow-right:before {
  border: none;
  background-color: #555;
  height: 30%;
  width: 50%;
  top: 35%;
  left: 0;
}
.arrow-right:after {
  left: 50%;
  top: 5px;
  border-width: 15px 15px;
  border-left-color: #555;
}

.arrow-down:before {
  border: none;
  background-color: #555;
  height: 50%;
  width: 30%;
  top: 0;
  left: 35%;
}
.arrow-down:after {
  left: 0;
  top: 50%;
  border-width: 20px 20px;
  border-top-color: #555;
}

.arrow-left:before {
  border: none;
  background-color: #555;
  height: 30%;
  width: 50%;
  top: 35%;
  left: 50%;
}
.arrow-left:after {
  left: -50%;
  top: 0;
  border-width: 20px 20px;
  border-right-color: #555;
}

.arrow-up.curve-right:before {
  border: none;
  width: 0;
  height: 0;
}
.arrow-up.curve-right .curve {
  height: 20px;
  width: 26px;
  top: 20px;
  left: 14px;
}
.arrow-up.curve-right .curve:before {
  -moz-border-radius: 2000px;
  -webkit-border-radius: 2000px;
  border-radius: 2000px;
  border: 12.01201px solid #555;
  height: 15.97598px;
  width: 27.97598px;
  top: -20px;
  left: 0;
}

.arrow-right.curve-right:before {
  border: none;
  width: 0;
  height: 0;
}
.arrow-right.curve-right .curve {
  height: 26px;
  width: 20px;
  top: 14px;
  left: 0;
}
.arrow-right.curve-right .curve:before {
  -moz-border-radius: 2000px;
  -webkit-border-radius: 2000px;
  border-radius: 2000px;
  border: 12.01201px solid #555;
  height: 27.97598px;
  width: 15.97598px;
  top: 0;
  left: 0;
}

.arrow-down.curve-right:before {
  border: none;
  width: 0;
  height: 0;
}
.arrow-down.curve-right .curve {
  height: 20px;
  width: 26px;
  top: 0;
  left: 0;
}
.arrow-down.curve-right .curve:before {
  -moz-border-radius: 2000px;
  -webkit-border-radius: 2000px;
  border-radius: 2000px;
  border: 12.01201px solid #555;
  height: 15.97598px;
  width: 27.97598px;
  top: 0;
  left: -26px;
}

.arrow-left.curve-right:before {
  border: none;
  width: 0;
  height: 0;
}
.arrow-left.curve-right .curve {
  height: 26px;
  width: 20px;
  top: 0;
  left: 20px;
}
.arrow-left.curve-right .curve:before {
  -moz-border-radius: 2000px;
  -webkit-border-radius: 2000px;
  border-radius: 2000px;
  border: 12.01201px solid #555;
  height: 27.97598px;
  width: 15.97598px;
  top: -26px;
  left: -20px;
}

.arrow-up.curve-left:before {
  border: none;
  width: 0;
  height: 0;
}
.arrow-up.curve-left .curve {
  height: 20px;
  width: 26px;
  top: 20px;
  left: 0;
}
.arrow-up.curve-left .curve:before {
  -moz-border-radius: 2000px;
  -webkit-border-radius: 2000px;
  border-radius: 2000px;
  border: 12.01201px solid #555;
  height: 15.97598px;
  width: 27.97598px;
  top: -20px;
  left: -26px;
}

.arrow-right.curve-left:before {
  border: none;
  width: 0;
  height: 0;
}
.arrow-right.curve-left .curve {
  height: 26px;
  width: 20px;
  top: 0;
  left: 0;
}
.arrow-right.curve-left .curve:before {
  -moz-border-radius: 2000px;
  -webkit-border-radius: 2000px;
  border-radius: 2000px;
  border: 12.01201px solid #555;
  height: 27.97598px;
  width: 15.97598px;
  top: -26px;
  left: 0;
}

.arrow-down.curve-left:before {
  border: none;
  width: 0;
  height: 0;
}
.arrow-down.curve-left .curve {
  height: 20px;
  width: 26px;
  top: 0;
  left: 14px;
}
.arrow-down.curve-left .curve:before {
  -moz-border-radius: 2000px;
  -webkit-border-radius: 2000px;
  border-radius: 2000px;
  border: 12.01201px solid #555;
  height: 15.97598px;
  width: 27.97598px;
  top: 0;
  left: 0;
}

.arrow-left.curve-left:before {
  border: none;
  width: 0;
  height: 0;
}
.arrow-left.curve-left .curve {
  height: 26px;
  width: 20px;
  top: 14px;
  left: 20px;
}
.arrow-left.curve-left .curve:before {
  -moz-border-radius: 2000px;
  -webkit-border-radius: 2000px;
  border-radius: 2000px;
  border: 12.01201px solid #555;
  height: 27.97598px;
  width: 15.97598px;
  top: 0;
  left: -20px;
}

.arrow-animate {
  -webkit-animation: spin 2s infinite linear;
  margin-left: 20px;
  height: 170px;
  width: 170px;
  /*
    i{
    @include border-radius(2000px);
    position: absolute;
    top: $h*.115;
    left:$h*.115;
    width: $w*.57;
    height: $h*.57;
    border:$h*.1 solid rgba(255,0,0,.5);
    z-index: 1000;
  }
}*/
 /*
.arrow-animate .arrow-item {
  width: 170px;
  height: 85px;
  position: absolute;
}
.arrow-animate .arrow-item:before {
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  border: 30.6px solid transparent;
}
.arrow-animate .arrow-item .curve {
  height: 71.4px;
  width: 170px;
}
.arrow-animate .arrow-item .curve:before {
  -moz-border-radius: 2000px;
  -webkit-border-radius: 2000px;
  border-radius: 2000px;
  border: 17px solid #555;
  height: 96.9px;
  width: 96.9px;
  left: 19.55px;
}
.arrow-animate .arrow-item:first-child {
  top: 0;
  left: 0;
}
.arrow-animate .arrow-item:first-child:before {
  border-top-color: #555;
  bottom: -30.6px;
}
.arrow-animate .arrow-item:first-child .curve {
  top: 0;
  left: 0;
}
.arrow-animate .arrow-item:first-child .curve:before {
  top: 19.55px;
}
.arrow-animate .arrow-item:last-child {
  top: 85px;
  left: 0;
}
.arrow-animate .arrow-item:last-child:before {
  border-bottom-color: #555;
  top: -34px;
  right: 0;
}
.arrow-animate .arrow-item:last-child .curve {
  bottom: 0;
  left: 0;
}
.arrow-animate .arrow-item:last-child .curve:before {
  bottom: 19.55px;
}

@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}*/

 /**Menu菜单**/
.sidebar-mini .sidebar-menu > li > a {
    padding-left: 26px;
}

 /*************B 导航图********************/
  .navigator-header {
        border-bottom: 1px solid #eee;
        display: block;
        padding: 5px 5px;
        color: #555;
    }

    .navigator-body {
        padding: 10px;
    }

    .navigator-img{
        position:relative;
    }

        .navigator-img a {
            /*background: url("/Static/images/app/NavBg.png") no-repeat scroll 0 0;*/
            background-color: #24B1CC;
            position: absolute;
            display: block;
            width: 127px;
            height: 43px;
            text-align: center;
            border-radius: 4px;
            line-height: 42px;
            color: #fff;
            font-weight: bold;
        }
    .navigator-img img {
        filter: grayscale(100%);
    }
    .navigator-row li {
        display: inline-block;
        list-style: none;
        padding-right: 20px;
        width: 130px;
    }
        .navigator-row li i {
            margin-right: 2px;
        }
 /*************E 导航图********************/
 table > thead{
     background-color:#ecf0f5;
 }
.calendar-table thead{
    background-color:#fff
}


 /*********表格checkbox列宽度******************/
table.dataTable thead > tr > th{
    padding-left: 5px !important;
    padding-right: 5px !important;
    text-align:left !important;
}
table.dataTable thead > tr > td{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

table.dataTable .align-left{
    text-align:left !important;
}

table.dataTable .align-center{
    text-align:center !important;
}

table.dataTable .align-right{
    text-align:right !important;
}

 /*table > thead th{
     background: transparent linear-gradient(to bottom, #f9f9f9 0px, #efefef 100%) repeat-x scroll 0 0;
 }*/

 .table-bordered {
    border: 1px solid #ddd;
}

tr.selected {
    background-color: #e3f0f8 !important;
}

 .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}
 /**********报表查询Begin*****************/
div.dataTables_filter label {
    padding-left: 12px;
    padding-top: 5px;
    margin-left: 5px;
}

div.dataTables_filter input {
    margin-left: 0.2em;
}

div.dataTables_filter button i {
    margin-right: 3px;
}

/***********报表查询End*************/

/***********SlickGrid begin*****************/
.slick-row.selected .cell-selection {
    background-color: transparent;
}

.slick-row {
    line-height: 16px;
}

.slick-header-column.ui-state-default {
    height: 25px;
}

.loading-indicator {
    display: inline-block;
    padding: 12px;
    background: white;
    -opacity: 0.5;
    color: black;
    font-weight: bold;
    z-index: 9999;
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-box-shadow: 0 0 5px #ddd;
    -webkit-box-shadow: 0px 0px 5px #ddd;
    -text-shadow: 1px 1px 1px white;
}

    .loading-indicator label {
        padding-left: 20px;
        background: url('../../Static/images/ajax-loader-small.gif') no-repeat center left;
    }

.slick-header-columns {
    /*background: rgba(0, 0, 0, 0) !important;*/
    background: url(../../Static/images/header-columns-bg.gif) repeat-x center bottom !important;
    border-bottom: 0px solid silver !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
    height: 25px;
}

div.ui-state-default, div.ui-widget-content div.ui-state-default, div.ui-widget-header div.ui-state-default {
    /*background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50%;*/
    /*border: 1px solid #d3d3d3 !important;*/
    background: url(../../Static/images/header-columns-bg.gif) repeat-x center bottom !important;
    color: #555;
    font-weight: bold !important;
    border-top: 0px solid #d3d3d3 !important;
    border-bottom: 0px solid #fff !important;
    border-right: 1px solid #d3d3d3 !important;
    height: 25px;
}

.slick-header.ui-state-default {
    border-bottom: 1px solid #ebecee !important;
}

div.slick-footerrow.ui-state-default{
    border-top:1px solid #ebecee !important;
}

.slick-header-column input[type=checkbox]{
    margin-left: 1px;
}

.slick-cell-checkboxsel{
    text-align: center;
}

/*input[type='checkbox']{
    width:16px;
    height:16px;
}*/

/***********SlickGrid end***************/

 /*.pagination {
    border-radius: 4px;
    display: inline-block;
    margin: -10px 0;
    padding-left:15px;
}*/

 .control-label:after{
     content:"：";
 }

 .letter-space-1 {
    letter-spacing: 1em;
    margin-right: 0;
}

/*Validator*/
span.error {
    color: #C00;
    padding: 0 6px;
    white-space: nowrap;
}
input.error, input.error:focus {
    border-color: #C00;
}

.form-control-search {
    display: block;
    height: 34px;
    line-height: 34px;    
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 34px;
    z-index: 2;
}

/*datepicker日期控件*/
.datepicker table tr td, .datepicker table tr th {   
    border-radius: 0px;   
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.active:hover, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover{
    background-color: #357ebd;
    border-color: #3071a9;
    color: #fff;
}


/*jQuery UI dialog*/
/*.ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    background-color: #0064cd;
    background-image: -moz-linear-gradient(center top , #049cdb, #3c8dbc);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}*/

/*jQuery UI dialog bug fix */
.input-group .form-control {
    position: initial; /*relative时模态输入框中文本框不能输入*/
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

 .form-control[readonly] {
    background-color: #f3f5f7;
    opacity: 1;
}

 .form-group {
    margin-bottom: 10px;
}

 /*模态框窗口body*/
 .modal-body {
    position: relative;
    padding: 10px 30px 10px 15px;
}

 /*表单分组Title样式**/
 .cg-form-group-title {
     height:20px;
     padding: 0px 5px 0px 5px;
     border-left: 2px solid #8bc9ec;
     font-family:SimHei;
     font-weight:700
 }

 /*新添加样式，用于页面input[type="text"]  显示输入的内容为黑色*/
 input[type="text"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
    color: black;
}

 /**
 *SlickGrid隐藏列
 */
 .cg-slick-column-hidden {
     position:absolute;
     left:0px;
     right:0px;
     max-width:0px;
     width:0px;
     height:0px;
     border:0;
     margin:0 0 0 0;
     padding:0 0 0 0;
     display: none !important;
     overflow:hidden !important;
     background-color:#fff !important;
 }

.cg-slick-align-center {
    text-align: center;
}

.cg-slick-align-right {
    text-align: right;
}

 /*
 * 布局
 */
.cg-layout-container {
    padding-right: 5px;
    padding-left: 5px;
    width:100%;
    height:100%;
    position: relative;
}

.cg-layout-content-header {
    border-bottom: 1px solid #eee;
    display: block;
    padding: 5px 5px;
    color: #555;
}

.cg-layout-header-toolbar{
}

.cg-layout-header-toolbar i{
    margin-right:3px;
}

.cg-layout-content-body {
    /*padding-left: 200px;*/
}

.cg-layout-content-body-right {
    float: left;
    width: 100%;
    padding-left: 207px;
    /*margin-top: 10px;*/
}

.cg-layout-content-body-left {
    margin-top: 10px;
    width: 200px;
    float: left;
    margin-left: -100%;
    position: relative;
    /*left: -6px;*/
    padding-left: 5px;
    border: 1px solid #ddd;
}

.cg-box-body{
    padding-top:1px !important;
}

.cg-box-body-inner-wrap{
   margin-left:20px;   
}

.cg-box-body-inner-search{
    margin:-5px 0px 10px -5px;
}

.cg-content-box{
    padding-left:0px;
}

.cg-content-inner-search{
    margin-left:12px;
}

.cg-content-inner-table {
     padding-left:5px;
}

/*
 * 日期范围选择器
*/
.cg-form-control-daterange-a {
    display: table-cell;
    vertical-align: middle;
    padding-right: 10px;
    text-decoration: underline;
    color: gray;
}

.cg-form-control-daterange-selected {
    color: #6ca8cb;
    text-decoration: none;
}
.cg-sheet-master-lineheight {
    line-height: 30px;
    padding-top: 4px;
}

.cg-account-error-msg{
	color:red;
	margin-top: 2px;
	margin-left:5px;
	display: none;
    max-width: 220px;
    word-wrap: break-word;
}

/*
* 报表
*/
.cg-report-inner-wrap {
    margin-top: -10px;
    margin-left: 12px;
}
    .cg-report-inner-wrap table {
    }

        .cg-report-inner-wrap table tr {
        }

        .cg-report-inner-wrap table td {
            vertical-align: middle;
        }

            .cg-report-inner-wrap table td label {
                margin-left: 10px;
                margin-bottom: 0px;
            }

/*.btn:not([disabled]):hover {
    color: #fff;
}*/


.select2-selection__arrow b {
    border-color: #fff transparent transparent transparent !important;
}

/*单据选中行样式*/
.ui-widget-content.slick-row.active {
    background-color: #e6e6e6 !important;
}

.slick-cell.selected {
    background-color: beige !important;
}

.dataTables_empty{
    text-align:center;
}

.dataTables_scrollHeadInner thead th.align-right {
    text-align: left !important;
}

.dataTables_scrollBody table, .dataTables_scrollBody table tbody {
    border: 1px solid #ddd !important;
}


.dataTable .row-details {
    margin-top: 3px;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px;
    float: left;
}

.dataTable .row-details.row-details-close {
    background: url(/Static/libs/datatables/images/datatable-row-openclose.png) no-repeat 0 0;
}

.dataTable .row-details.row-details-open {
    background: url(/Static/libs/datatables/images/datatable-row-openclose.png) no-repeat 0 -23px !important;
}

.nav-tabs-custom > .nav-tabs {
    margin-bottom: 5px;
}

    .nav-tabs-custom > .nav-tabs > li.active {
        border-top-color: #fff;
        border-bottom: 2px solid #00c0ef;
        color: #00c0ef;
    }

    .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
        color: #00c0ef;
    }

    .nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover {
        font-size: 14px;
        border-left-color: #fff !important;
        border-right-color: #fff !important;
    }

.nav-tabs-custom {
    box-shadow: none;
    /*margin-top: -4px;*/
    margin-bottom: -20px;
}

    .nav-tabs-custom > .tab-content {
        padding: 0px 10px 0px 10px;
    }