@CHARSET "UTF-8";

body {
    background-color:#F1F2F6;
}

/* Login Css*/
.loginContainer {
	background: url(/images/login/bk_image.png) no-repeat;
	background-size: 100% 100%;
}

.loginWrap{
	background-color: #FFFFFF;
}

.loginWrap .loginLogo {
    margin-top: 10%;
	background: url(/images/login/loginLogo.png) no-repeat center center;
	background-size: 30% 90%;
}

.loginInput {
	border: 1px solid #ced1d5;
	color:#5C5C5C;
}

.loginSubmitBtn {
	background-color: #3381c1;
	color: #fff;
}
/* Login Css*/

.btn-primary {
    color: #fff;
    background-color: #71ADA9;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus,.btn-primary:hover:active {
    color: #fff;
    background-color: #458994;
}

/* 默认状态的控件样式 start */
.form-control {
    color: #458994;
    background-color: #f2f8f8;
}
.form-control::-moz-placeholder {
  color: #458994;
  opacity: 0.6;
}
.form-control:-ms-input-placeholder {
  color: #458994;
  opacity: 0.6;
}
.form-control::-webkit-input-placeholder {
  color: #458994;
  opacity: 0.6;
}

/* 标签颜色 */
.validate-group > label {
    color: #468896;
}
.text-danger {
    color: #468896;
}
.select2-selection__arrow b {
    border-color: #468896 transparent transparent transparent !important;
}
.select2-container--bootstrap .select2-selection {
    background-color: #f2f8f8 !important;
}
.radio-inline, .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #458994 !important;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    background-image: url(/images/icon/calendarDefaultGreen.png);
}
/* 默认状态的控件样式 end */


/* 输入报错后的颜色控制 start */
.has-error .form-control, .has-error input, .has-error select, .has-error textarea, .has-error .select2-container--bootstrap .select2-selection
{
    color: #eb563e !important;
    background-color: #fdeeeb !important;
    border: 1px solid #eb563e !important;
}
.has-error .select2-selection__arrow b {
    border-color: #eb563e transparent transparent transparent !important;
}
.has-error input.select2-search__field,input.file-caption-name {
    border: none !important;
}
.has-error input[type="date"]::-webkit-calendar-picker-indicator,
.has-error input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    background-image: url(/images/icon/calendarError.png);
}
.has-error .radio-inline, .has-error .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #eb563e !important;
}
.has-error .control-label {
    color: #eb563e;
}
.has-error .text-danger, .has-error .help-block {
    color: #eb563e !important;
}
.has-error .form-control, .has-error .select2-selection {
    //border-color: #eb563e;
}
/* 输入报错后的颜色控制 end */

/* 输入成功后的颜色控制 start */
.has-success .form-control, .has-success input, .has-success select, .has-success textarea, .has-success .select2-container--bootstrap .select2-selection
{
    color: #5DAD8D !important;
    background-color: #e0fcf0 !important;
    /*border: 1px solid #eb563e !important;*/
}
.has-success .radio-inline, .has-success .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: #5DAD8D !important;
}
.has-success .select2-selection__arrow b {
    border-color: #5DAD8D transparent transparent transparent !important;
}
.has-success .control-label {
    color: #5DAD8D;
}
.has-success .text-danger, .has-success .help-block {
    color: #5DAD8D !important;
}
.has-success .form-control, .has-success .select2-selection {
    border-color: #5DAD8D;
}
.has-success input[type="date"]::-webkit-calendar-picker-indicator,
.has-success input[type="datetime-local"]::-webkit-calendar-picker-indicator {
    background-image: url(/images/icon/calendarSuccess.png);
}
/* 输入成功后的颜色控制 end */

/* 页面布局 start */
.left-frame {
    background-image: linear-gradient(#8cc3b4, #458994);
}
.header-div, .header-div a {
    color:#458994;
}
.header-div img {
    background:#458994;
}
.title-div {
    color:#458994;
}
/* 页面布局 End */

/* 左侧菜单 Start */
.sidebar-nav form.search input {
  background: #eee;
}
.sidebar-nav .nav-header {
  color: #fff;
}

.sidebar-nav .nav-header.collapsed .glyphicon-minus-sign::before {
  content: "\e081";
}
.sidebar-nav > a:hover {
  background: #3b7f8a;
}
.sidebar-nav .nav-list  > li:not(.active) > a:hover, .nav > li > a:hover, .nav > li > a:focus {
  background: #3b7f8a;
}
.sidebar-nav .nav-list .active > a,
.sidebar-nav .nav-list .active > a:hover  {
    color:#458994;
    background: url(../images/system/menu_selectedBkGreen.png) no-repeat;
    margin-left:-36px;
    margin-right:-26px;
    padding-left:49px;
    margin-right:-11px;
    background-size:100% 100%;
}

.sidebar-nav .nav-list  > li:not(.active) > a {
  color: #fff;
}
/* 左侧菜单 End */
.panel-query  .panel-heading {
    color: #fff;
    background-color: #71ADA9;
}
.panel-main .panel-heading {
    color: #fff;
    background-color: #458994;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .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 {
    color: #458994;
}
.bootstrap-table .fixed-table-container .table thead th .th-inner {
    color: #725334;
}
.table-bordered > tbody > tr:nth-child(even) {
    background-color: #f6fcf8;
}
.table-bordered > tbody > tr:nth-child(odd) {
    background-color: #e7f6f5;
}

/*  翻页 Start */
/* 列表左下角页数统计 */
.pull-left.pagination-detail  {
    color: #725334;
    background: #f6fcf8;
}

/*  列表右下角翻页*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover,
.pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #757947;
}
.pagination > li > a, .pagination > li > span {
    color: #725334;
    background: #f6fcf8;
}
/*  翻页 End */



/* Error page */
.errorFrame {
    background: url(/images/errPage/errBackground_blue.png) no-repeat;
    height:100%;
    background-size: 100% 100%;
    text-align: center;
}
.errorLogo_404 {
    background: url(/images/errPage/err404_blue.png) no-repeat;
    position: relative;
    width: 100%;
    height: 350px;
    margin-top: calc( ( 100vh - 380px - 30px - 25px) / 2);
    background-size: 40% 100%;
    background-position:center;
}
.errorLogo_error {
    background: url(/images/errPage/errError_blue.png) no-repeat;
    position: relative;
    width: 100%;
    height: 350px;
    margin-top: calc( ( 100vh - 380px - 30px - 25px) / 2);
    background-size: 40% 100%;
    background-position:center;
}
.errorMsg {
    color: #fff;
    position: relative;
    font-size: 24px;
    height: 30px;
}
.errorRtnBtn {
    border:1.5px solid #fff;
    background: rgba(0,0,0,0);
    color:#fff;
    position: relative;
    width:100px;
    height:25px;
    border-radius:15px;
    margin-top:20px;
}
/* Error page */


/* 图标 */
.icon_danger {
    border-radius: 5px;
    display:inline-block;
    /*background: url("../images/icon/trash.png") no-repeat #fff;*/
    background: #fff;
    margin:0 2px;
    width: 25px;
    height:25px;
    background-size: 100% 100%;
    border: none;
}
.icon_danger:hover, .icon_danger:active, .icon_danger:focus, .icon_danger:active:focus,.icon_danger:active:hover {
    border-radius: 5px;
    /*background: url("../images/icon/trashH.png") no-repeat #757947;*/
    margin:0 2px;
    width: 25px;
    height:25px;
    background-size: 100% 100%;
    border: none;
    color: #fff;
    background: #D9534F;
}
.icon_default {
    border-radius: 5px;
    /*background: url("../images/icon/edit.png") no-repeat #fff;*/
    background: #fff;
    margin:0 2px;
    width: 25px;
    height:25px;
    background-size: 100% 100%;
    border: none;
    text-align: center;
}
.icon_default:hover, .icon_default:active, .icon_default:focus, .icon_default:active:hover, .icon_default:active:focus {
    /*background: url("../images/icon/editH.png") no-repeat #757947;*/
    margin:0 2px;
    width: 25px;
    height:25px;
    border-radius: 5px;
    background-size: 100% 100%;
    border: none;
    color: #fff;
    background: #757947;
}
.icon_radio {
    border-radius: 5px;
    /*background: url("../images/icon/edit.png") no-repeat #fff;*/
    background: #fff;
    margin:0 2px;
    width: 30px;
    height:25px;
    background-size: 100% 100%;
    border: none;
    text-align: center;
}
.icon_radio:hover, .icon_radio:active, .icon_radio:focus, .icon_radio:active:hover, .icon_radio:active:focus {
    /*background: url("../images/icon/editH.png") no-repeat #757947;*/
    margin:0 2px;
    width: 30px;
    height:25px;
    border-radius: 5px;
    background-size: 100% 100%;
    border: none;
    color: #fff;
    background: #757947;
}
/*.icon_export {
    border-radius: 5px;
    background: url("../images/icon/export.png") no-repeat #fff;
    margin:0 2px;
    width: 25px;
    height:25px;
    background-size: 100% 100%;
    border: none;
}
.icon_export:hover, .icon_export:active, .icon_export:focus, .icon_export:active:focus,.icon_export:hover:active {
    background: url("../images/icon/exportH.png") no-repeat #757947;
    margin:0 2px;
    width: 25px;
    height:25px;
    background-size: 100% 100%;
    border: none;
}
.icon_print {
    border-radius: 5px;
    background: url("../images/icon/print.png") no-repeat #fff;
    margin:0 2px;
    width: 25px;
    height:25px;
    background-size: 100% 100%;
    border: none;
}
.icon_print:hover, .icon_print:active, .icon_print:focus, .icon_print:active:focus,.icon_print:hover:active {
    background: url("../images/icon/printH.png") no-repeat #757947;
    margin:0 2px;
    width: 25px;
    height:25px;
    background-size: 100% 100%;
    border: none;
}
.icon_clock {
    border-radius: 5px;
    background: url("../images/icon/clock.png") no-repeat #fff;
    margin:0 2px;
    width: 25px;
    height:25px;
    background-size: 100% 100%;
    border: none;
}
.icon_clock:hover, .icon_clock:active, .icon_clock:focus, .icon_clock:active:focus,.icon_clock:hover:active {
    background: url("../images/icon/clockH.png") no-repeat #757947;
    margin:0 2px;
    width: 25px;
    height:25px;
    background-size: 100% 100%;
    border: none;
}*/