data_governance/src/assets/styles/common.css

html,body{
  overflow-x: hidden;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
/* 对话框样式 */
/*添加draggable 防止遮罩层消失*/
.ivu-modal-no-mask {
  /* 防止出现滚动条 */
  overflow: hidden !important; 
  pointer-events: auto !important;
  background-color: rgba(55,55,55,.6);
}
/* 弹窗垂直居中 */
.common-modal .ivu-modal {
  width: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  top:0
}
.common-modal .ivu-modal-content {
  background-color: #06214D;
  border: 1px solid #0185EA;
}
.common-modal .ivu-modal-header {
  background: linear-gradient(90deg, #0B7FD8, #09398E);
  border-bottom: 1px solid #21437B;
}
.common-modal .ivu-modal-header .ivu-modal-header-inner {
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}
.common-modal .ivu-modal-close .ivu-icon-ios-close:hover {
  color: #999;
}
.common-modal .ivu-modal-footer {
  border-top: none;
  padding-top: 0;
}
.common-modal .ivu-btn-default {
  background-color: #0E2F63;
  border: 1px solid #5774A3;
  border-radius: 5px;
  color: #83A4D9;
  /* font-size: 12px; */
}
.common-modal .ivu-btn-default:hover {
  background-color: #1A4385;
  border: 1px solid #5774A3; 
}
.common-modal .modal-icon {
  font-size: 24px;
  vertical-align: middle;
}
.common-modal .modal-text {
  font-size: 14px;
  vertical-align: middle;
  margin-left: 10px;
  color: #fff;
}
/* form表单样式 */
.common-form .ivu-form-item-label {
  color: #F5F5F5;
  line-height: 32px;
  height: 32px;
  padding: 0;
  padding-right: 12PX;
}
.common-form .ivu-form-item-content {
  line-height: 32px;
}
.common-form .ivu-form-item {
  color: #F5F5F5;
  margin-bottom: 20px;
}
/* .common-form .ivu-input {
  background: #06214D;
  border: 1px solid #204A8F;
  border-radius: 6px;
  color: #F5F5F5;
  height: 32px;
}
.common-form .ivu-input-word-count {
  background: transparent;
}
.common-form .ivu-input-number-input-wrap {
  height: 32px;
}
.common-form .ivu-input-number{
  border: 1px solid #204A8F;
  background-color: transparent;
  width: -webkit-fill-available;
  height: 32px;
}
.common-form .ivu-input-number-input {
  background: #06214D;
  border-radius: 6px;
  color: #F5F5F5;
  height: 32px;
  line-height: 32px;
}
.common-form  .ivu-input-number-handler {
  height: 16px;
}
.common-form .ivu-input-number-handler-wrap {
  background: #06214D;
  border-left: 1px solid #0185EA;
 
}
.common-form .ivu-input-number-handler-down {
  border-top: 1px solid #0185EA;
}
.common-form .ivu-input-number-handler-down-inner, .common-form .ivu-input-number-handler-up-inner {
  color: #0185EA;
}
.ivu-input:focus{
  border: 1px solid #0185EA;
}
.common-form .ivu-input-number-focused {
  border: 1px solid #0185EA;
}
textarea.ivu-input {
  min-height: 32px;
} */
.ivu-input {
  background: #06214D;
  border: 1px solid #204A8F;
  border-radius: 6px;
  color: #F5F5F5;
  height: 32px;
}
.ivu-input-word-count {
  background: transparent;
}
.ivu-input-number-input-wrap {
  height: 32px;
}
.ivu-input-number{
  border: 1px solid #204A8F;
  background-color: transparent;
  width: -webkit-fill-available;
  height: 32px;
}
.ivu-input-number-input {
  background: #06214D;
  border-radius: 6px;
  color: #F5F5F5;
  height: 32px;
  line-height: 32px;
}
.ivu-input-number-handler {
  height: 16px;
}
.ivu-input-number-handler-wrap {
  background: #06214D;
  border-left: 1px solid #0185EA;
}
.ivu-input-number-handler-down {
  border-top: 1px solid #0185EA;
}
.ivu-input-number-handler-down-inner, .ivu-input-number-handler-up-inner {
  color: #0185EA;
}
.ivu-input:focus{
  border: 1px solid #0185EA;
}
.ivu-input-number-focused {
  border: 1px solid #0185EA;
}
textarea.ivu-input {
  min-height: 32px;
}
/*输入框样式*/
.ivu-input-wrapper .ivu-input-icon {
  height: 32px;
  line-height: 32px;
}
/* 下拉框样式 */
.ivu-select-selection {
  background: #06214D;
  border: 1px solid #204A8F;
  border-radius: 6px;
  color: #F5F5F5;
}
.ivu-select-single .ivu-select-selection {
  height: 100%;
}
.ivu-select-single .ivu-select-selection div{
  height: 100%;
  display: flex;
  align-items: center;
}
.ivu-select-single .ivu-select-selection div span{
  height: 30px !important;
  line-height: 30px !important;
}
.ivu-select-dropdown {
  background-color: #06214D;
}
.ivu-select-item {
  color: #F5F5F5;
}
.ivu-select-item-focus {
  background: transparent;
}
.ivu-select-item:hover {
  background: #2e4e89;
  color: #f2f2f2;
}
.ivu-select-item-selected, .ivu-select-item-selected:hover {
  background: #0185ea;
  color: #f2f2f2;
}
.ivu-select-disabled .ivu-select-selection {
  background-color: #06214D;
  color: #f2f2f2;
}
/* 修改下拉框的placeholder文字颜色*/
.ivu-select-single .ivu-select-selection .ivu-select-placeholder { 
  color: #718EBD;
}
/* 滚动条 webkit内核 start  .ivu-cascader-menu 级联下拉列表里的滚动条 .ivu-select-dropdown 单个下拉列表里的滚动条 .common-modal-tabs .ivu-tabs-tabpane详情对话框里的滚动条*/
.common-scroll::-webkit-scrollbar,
.ivu-select-dropdown::-webkit-scrollbar,
.ivu-cascader-menu::-webkit-scrollbar{
  height: 8px;
  width: 8px;
  opacity: 0.6;
}

.common-scroll::-webkit-scrollbar-track,
.ivu-select-dropdown::-webkit-scrollbar-track,
.ivu-cascader-menu::-webkit-scrollbar-track{
  background-color: rgba(39, 76, 136, 0.4);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

.common-scroll::-webkit-scrollbar-thumb,
.ivu-select-dropdown::-webkit-scrollbar-thumb,
.ivu-cascader-menu::-webkit-scrollbar-thumb {
  opacity: 0.3;
  background-color: rgba(8, 26, 64, 0.8);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}
/* ivu-table-body大多数表格里的滚动条 special-table个别表格里的滚动条*/
.ivu-table-body::-webkit-scrollbar,
.special-table .ivu-table-body::-webkit-scrollbar {
  height: 3px;
  width: 3px;
  opacity: 0.6;
}

/* 表格的定义滚动条的滑块部分 */
.ivu-table-body::-webkit-scrollbar-track,
.special-table .ivu-table-body::-webkit-scrollbar-track {
  background-color: #1f2f69;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
}

.ivu-table-body::-webkit-scrollbar-thumb,
.special-table .ivu-table-body::-webkit-scrollbar-thumb {
  opacity: 1;
  background-color: #435579;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
}

.ivu-table-body,
.special-table .ivu-table-body {
  scrollbar-arrow-color: #435579;
  scrollbar-track-color: #435579;
  scrollbar-highlight-color: #435579;
  scrollbar-base-color: #435579;
}
/* tab页的通用样式 */
.common-tabs {
  color: #fff;
}
.common-tabs .ivu-tabs-bar {
  border-bottom: 1px solid #173B77;
}
.common-tabs .ivu-tabs-bar {
  margin-bottom: 0;
} 
.common-tabs .ivu-tabs-nav-container {
  font-size: 16px;
}
.common-tabs .ivu-tabs-nav-wrap {
  height: 50px;
  line-height: 50px;
}
.common-tabs .ivu-tabs-nav-scroll {
  height: 100%;
}
.common-tabs .ivu-tabs-nav {
  height: 100%;
}
.common-tabs .ivu-tabs-nav .ivu-tabs-tab-active {
  color: #0185EA;
  font-weight: bold;
}
.common-tabs .ivu-tabs-ink-bar{
  color: #0185EA;
  height: 3px;
}
.common-tabs .ivu-tabs-nav .ivu-tabs-tab {
 padding-top: 0;
 padding-bottom: 0;
}
/* 新增按钮表格的样式 */
.ivu-btn {
  height: 32px;
}
 .common-add-btn {
  background: #0D2C5E;
  border: 1px solid #4795F9;
  border-radius: 6px;
  font-weight: bold;
  color: #4795F9;
  height: 32px;
  font-size: 14px;
  box-shadow: none;
 }
 .common-add-btn .ivu-icon-ios-add {
  font-size: 18px;
 }
 .common-add-btn:hover {
  color: #fff;
  background-color: #0185ea;
 }
 .common-add-btn.active, .common-add-btn:active {
  color: #fff;
  background-color: #0185ea;
 }
 /* 操作按钮的样式 */
 .common-operate-btn>i,  .common-operate-btn>span{
  display: flex;
  align-items: center;
 }
 /* 表格的样式 */
 .common-table {
  overflow: inherit;
 }
 .common-table .ivu-table{
  background-color: transparent;
  position: relative;
 }
 .common-table .ivu-table:before {
  height: 0;
  /* background-color: #173B77; */
 }
 .common-table .ivu-table th {
  background-color: #14316A;
  color: #FFFFFF;
  border-bottom: 1px solid #173B77;
 }
 .common-table .ivu-table td {
  border-bottom: 1px solid #173B77;
  color: #FFFFFF;
 }
 .common-table .ivu-table td {
  background-color: transparent;
 }
 .common-table .ivu-table .ivu-table-cell {
   padding-left: 10px;
   padding-right: 10px;
 }
 .common-table .ivu-table-stripe-even td{
  background-color: #081C43;
 }
 .common-table .ivu-table-stripe-odd td{
  background-color: #072453;
 }
 .common-table .ivu-checkbox .ivu-checkbox-inner {
  border-color: #3565BC;
  background-color: transparent;
 }
 .common-table .ivu-checkbox-checked .ivu-checkbox-inner {
  /* border: none; */
  background-color: #0185EA;
 }
 .common-table .ivu-checkbox-disabled .ivu-checkbox-inner {
  border-color: #3565BC;
  background-color: transparent;
 }
 /*表格暂无数据*/
 /* .ivu-table-tip {
  min-height: 300px;
} */
.ivu-spin-fix {
  background-color: #06214d;
 }
 .ivu-spin-fix .ivu-spin-main {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
 } 
 /* 分页的样式 */
.common-page .ivu-page-next, .common-page .ivu-page-prev {
  background-color: #154086;
  border: 1px solid #014b8c;
  color: #fff;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 4px;
  font-size: 14px;
}
.common-page .ivu-page-item {
  background-color: #154086;
  border: none;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  margin-right: 4px;
  font-size: 14px;
}
.common-page .ivu-page-item a, .common-page .ivu-page-item:hover a {
  color: #fff;
}
.common-page .ivu-page-item-active {
  background-color: #409EFF;
}
.common-page .ivu-page-item-active a, .common-page .ivu-page-item-active:hover a {
  color: #fff;
}
.common-page .ivu-icon  {
  color: #fff;
}
.common-page .ivu-page-options-elevator {
  color: #fff;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
.common-page .ivu-page-options-elevator input {
  background-color: #154086;
  border: none;
  color: #fff;
  padding: 4px 7px;
  font-size: 14px;
  min-width: 50px;
  height: 32px;
}
.common-page .ivu-page-item-jump-next, .common-page .ivu-page-item-jump-prev, .common-page .ivu-page-next, .common-page .ivu-page-prev {
  height: 32px;
  line-height: 30px;
}
.common-page .ivu-page-total {
  height: 32px;
  line-height: 32px;
  color: #fff;
}
/* Tooltip的样式 */
.ivu-tooltip-inner {
  background-color: #335493;
}
.ivu-tooltip-popper[x-placement^=top] .ivu-tooltip-arrow {
  border-top-color: #335493;
}
/* 日期选择范围的样式 */
.common-date-picker .ivu-date-picker-header {
  border-bottom: 1px solid #204384;
}
.common-date-picker .ivu-time-picker-header {
  border-bottom: 1px solid #204384;
}
.common-date-picker .ivu-date-picker-cells-cell:hover em {
  background:#2e4e89;
}
.common-date-picker .ivu-date-picker-cells-cell-range:before {
  background:#2e4e89;
}
.common-date-picker .ivu-input-prefix i, .common-date-picker .ivu-input-suffix i {
  line-height: 32px;
}
.common-date-picker .ivu-picker-confirm {
  border-top: 1px solid #204384;
}
.common-date-picker .ivu-btn-text.disabled, .common-date-picker .ivu-btn-text.disabled.active, .common-date-picker .ivu-btn-text.disabled:active, .common-date-picker .ivu-btn-text.disabled:focus, .common-date-picker .ivu-btn-text.disabled:hover, .common-date-picker .ivu-btn-text[disabled], .common-date-picker .ivu-btn-text[disabled].active, .common-date-picker .ivu-btn-text[disabled]:active, .ivu-btn-text[disabled]:focus, .common-date-picker .ivu-btn-text[disabled]:hover, .common-date-picker fieldset[disabled] .ivu-btn-text, .common-date-picker fieldset[disabled] .ivu-btn-text.active, fieldset[disabled] .ivu-btn-text:active, .common-date-picker fieldset[disabled] .ivu-btn-text:focus, .common-date-picker fieldset[disabled] .ivu-btn-text:hover {
  background-color: #2e4e89;
}
.common-date-picker .ivu-btn-text {
  color: #fff;
}
.common-date-picker .ivu-btn-text:hover {
  background-color: transparent;
}
.common-date-picker .ivu-time-picker-cells-cell:hover {
  background: #2e4e89;
}
.common-date-picker .ivu-time-picker-cells-cell-selected, .common-date-picker .ivu-time-picker-cells-cell-selected:hover {
  background: #2d8cf0;
  color: #fff;
}
.common-date-picker .ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list::-webkit-scrollbar {
  height: 3px;
  width: 3px;
  opacity: 0.6;
}
.common-date-picker .ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list::-webkit-scrollbar-track {
  background-color: #1f2f69;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
}
.common-date-picker .ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list::-webkit-scrollbar-thumb {
  opacity: 1;
  background-color: #435579;
  -webkit-border-radius: 0em;
  -moz-border-radius: 0em;
  border-radius: 0em;
}
.common-date-picker .ivu-picker-panel-content .ivu-picker-panel-content .ivu-time-picker-cells-list {
  scrollbar-arrow-color: #435579;
  scrollbar-track-color: #435579;
  scrollbar-highlight-color: #435579;
  scrollbar-base-color: #435579;
}
.common-date-picker .ivu-time-picker-with-range .ivu-picker-panel-content:after {
  background: #5c7091;
}
.common-date-picker .ivu-btn-default {
  background-color: #0E2F63;
  border: 1px solid #5774A3;
  border-radius: 5px;
  color: #83A4D9;
  /* font-size: 12px; */
}
.common-date-picker .ivu-time-picker-cells-list {
  border-left: 1px solid #5c7091;
}
/* Message 全局提示 设置层级*/
.ivu-message {
 z-index: 999999 !important;
}
/* Cascader 级联选择样式*/
.common-cascader .ivu-cascader-menu-item{
 color: #fff;
}
.common-cascader .ivu-cascader-menu {
  border-right: 1px solid #143455;
}
.common-cascader .ivu-cascader-menu-item:hover  {
  background: #3565BC;
}
.common-cascader .ivu-cascader-menu .ivu-cascader-menu-item-active {
  background: #3565BC;
}