/*!
 * 产品CSS，项目CSS禁止修改或添加该CSS内容，否则被覆盖后果自负
**/
@import "../../external/web-fonts/roboto/roboto.css";
@import "animate.css";
@import "table.css";
@import "filter.css";
@import "file.css";
@import "loading.css";
@import "wizard.css";
@import "cloud-metric.css";
@import "chart.css";
@import "notification.css";
body {
    font-size:0.14rem;
    height:100%;
    margin:0;
    padding:0;
}
/*body * {
	*/
/*    font-family:Roboto,"PingFang SC","Helvetica Neue",sans-serif;
	*/
/*
}
*/

body * {
    font-family:"Microsoft Yahei","微软雅黑","PingFang SC","regular",sans-serif;
    color:#000000;
}
* {
    text-transform:none !important;
}
a:hover {
    text-decoration:none;
}
a:hover,a:active,a:focus {
    outline:0;
}
:focus {
    outline:none;
}
::-moz-focus-inner {
    border:0;
}
.pointer {
    cursor:pointer;
}
/* 按钮 */
.md-button {
    text-transform:none;
    color:black;
}
.md-button.md-raised.md-success {
    color:#FFF;
    background-color:rgb(76,175,80);
}
.md-button.md-raised.md-success:not([disabled]):hover {
    color:#fff;
    background-color:rgb(76,175,80);
}
.md-button.md-raised.md-success[disabled] {
    color:#fff;
    background-color:rgb(76,175,80);
    opacity:0.5;
}
.md-button.md-success {
    color:rgb(76,175,80);
}
.md-button.md-success:not([disabled]):hover {
    color:rgb(76,175,80);
}
.md-button.md-success[disabled] {
    color:rgba(0,0,0,0.38);
    cursor:default;
}
/* 图标 */
.material-icons.md-18 {
    line-height:0.18rem !important;
    font-size:0.18rem;
}
.material-icons.md-24 {
    font-size:0.24rem;
}
.material-icons.md-36 {
    line-height:0.24rem !important;
    margin-left:-0.06rem;
    margin-right:0.06rem;
    font-size:0.36rem;
}
.material-icons.md-dark {
    color:rgba(0,0,0,0.54);
}
.material-icons.md-dark.md-inactive {
    color:rgba(0,0,0,0.26);
}
.material-icons.md-light {
    color:rgba(255,255,255,1);
}
.material-icons.md-light.md-inactive {
    color:rgba(255,255,255,0.3);
}
md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon,md-toolbar:not(.md-menu-toolbar) md-icon {
    color:rgba(0,0,0,0.54);
}
md-toolbar.md-default-theme:not(.md-menu-toolbar) {
    color:#383A43;
    background:#fff;
}
/* 菜单 */
.sidebar-menu {
    overflow-y:auto;
    padding-bottom:0.1rem;
}
.menu-toggle {
    border-radius:0;
    font-weight:400;
    cursor:pointer;
    -webkit-box-align:inherit;
    -webkit-align-items:inherit;
    align-items:inherit;
    line-height:0.4rem;
    max-height:0.4rem;
    overflow:hidden;
    margin:0;
    padding:0 0.16rem;
    text-align:left;
    text-decoration:none;
    white-space:normal;
    height:0.4rem;
}
.menu-icon {
    width:0.24rem;
    max-width:0.24rem;
    margin-right:0.1rem;
}
.menu-toggle-list {
    margin:0;
    padding:0;
    list-style:none;
}
.menu-toggled {
    background-color:rgba(158,158,158,0.2);
}
.menu-toggle-list li a {
    padding-left:0.5rem;
    width:100%;
}
.menu-toggle-list li.menu-toggled a {
    font-weight:bold;
}
.menu-toggle-clip {
    white-space:nowrap;
    overflow:hidden;
    text-overflow:clip;
    width:1.3rem;
}
module .md-sidenav-left {
    border-right:0.01rem solid rgba(0,0,0,0.12);
    width:2.2rem;
}
module + md-content {
    overflow-x:hidden;
}
/*toolbar*/
md-toolbar {
    min-height:0.54rem;
    max-height:0.54rem;
}
md-toolbar .md-toolbar-tools {
    min-height:0.54rem;
    max-height:0.54rem;
}
.md-toolbar-tools .md-button md-icon {
    font-size:0.22rem;
}
md-toolbar:not(.md-menu-toolbar) .md-toolbar-tools .md-button[disabled] md-icon {
    color:rgba(0,0,0,0.38);
}
md-toolbar.content-toolbar,md-toolbar.sidebar-toolbar {
    color:rgba(0,0,0,0.87);
    background-color:transparent;
    border-bottom:0.01rem solid #d3d3d3;
    position:relative;
}
/* 侧边栏表单 */
md-sidenav.side-form {
    min-width:100%;
    max-width:70%;
    background-color:white;
}
.content-backdrop {
    /*overflow-x:hidden;*/
    width:auto;
    margin-right: 24px;
    border-radius:0.04rem;
    background:#fff;
    border-radius: 20px;
}
.content-backdrop md-sidenav.side-form {
    min-width:3.2rem;
    z-index:62;
}
.content-backdrop md-backdrop.md-sidenav-backdrop {
    position:fixed;
    z-index:61;
}
/* 树 */
.tree {
    overflow-y:auto;
}
.tree-node {
    overflow:hidden;
    word-wrap:break-word;
}
.tree-node .tree-node {
    margin-left:0.24rem;
}
.tree-node .tree-node-prefix {
    margin-left:0.4rem;
    min-height:0.4rem;
}
.tree-node .md-icon-button {
    margin:0;
}
.tree-node .tree-node-checkbox md-checkbox {
    margin:0;
}
.tree-node .tree-node-radio .tree-node-radio-child {
    margin-left:-0.3rem;
}
.tree-node .tree-node-radio md-radio-button {
    margin:0;
}
.tree-node .tree-node-file {
    min-width:1rem;
    line-height:0.36rem;
    cursor:pointer;
}
.tree-node .tree-node-file:hover {
    background-color:rgba(0,0,0,0.05);
}
.tree-node .tree-node-selected {
    background-color:rgba(0,0,0,0.12);
    box-shadow:0 0.01rem 0.03rem 0 rgba(0,0,0,.2),0 0.01rem 0.01rem 0 rgba(0,0,0,.14),0 0.02rem 0.01rem -0.01rem rgba(0,0,0,.12);
}
/*信息板*/
.info-form {
    max-width:100%;
    border-left:0.01rem solid rgba(0,0,0,0.12);
    overflow-y:hidden;
}
.side-form md-content {
    background-color:transparent;
}
/* md-input-container 调整字体*/
md-input-container.md-input-has-value label,md-input-container.md-input-has-placeholder label,md-input-container.md-input-focused label,md-input-container.md-input-focused .md-select-placeholder > span:first-child {
    font-size:0.18rem;
}
md-select.md-default-theme[disabled] .md-select-value,md-select[disabled] .md-select-value,md-select.md-default-theme[disabled] .md-select-value.md-select-placeholder,md-select[disabled] .md-select-value.md-select-placeholder {
    color:inherit;
    cursor:not-allowed;
}
md-input-container .hint {
    position:absolute;
    left:0.02rem;
    right:auto;
    bottom:0.07rem;
    font-size:0.12rem;
    font-style:italic;
    line-height:0.14rem;
    color:grey;
    overflow:hidden;
}
md-input-container:not(.md-input-invalid) .hint {
    display:block;
}
md-input-container.md-input-invalid .md-input-messages-animation + .hint {
    display:none;
}
[disabled] md-input-container.md-default-theme .md-input,[disabled] md-input-container .md-input,md-input-container.md-default-theme .md-input[disabled],md-input-container .md-input[disabled],md-input-container md-checkbox[disabled],md-input-container md-switch[disabled] .md-container {
    color:inherit;
    cursor:not-allowed;
}
md-radio-button[disabled],md-radio-button[disabled] .md-container {
    cursor:not-allowed;
}
/*choose*/
.choose {
    border:1px solid #d3d3d3;
    min-width:4rem;
    min-height:3rem;
}
.choose .choose-header {
    border-bottom:0.01rem solid #d3d3d3;
    min-height:0.5rem;
}
.choose .choose-header-title {
    line-height:0.5rem;
}
.choose .choose-header-search {
    outline:none;
    height:0.3rem;
    width:calc(100% - 0.3rem);
    padding:0 0.1rem;
    margin:0 0.1rem;
    background-color:#F1F3F4;
    border-radius:0.15rem;
    border:none;
}
.choose .choose-header-search:focus {
    padding:0 0.09rem;
    border:1px solid #c5c5c5;
    background-color:transparent;
}
.choose .choose-header-content {
    min-height:0.5rem;
}
.choose .choose-header .md-subheader-inner {
    padding:0 0.16rem;
}
.choose .choose-content {
    padding:0 0 0.1rem 0;
    overflow-y:auto;
}
.choose .choose-item {
    padding:0 0.16rem;
    height:0.48rem;
}
.choose .choose-content md-list-item:not([disabled]):hover,.choose .choose-item:not([disabled]):hover {
    background-color:rgba(0,0,0,0.05);
}
.choose .choose-display {
    cursor:default;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.choose .choose-button {
    min-width:0.4rem;
    min-height:0.4rem;
}
.choose .choose-button:not([disabled]):hover {
    background-color:rgba(0,0,0,0.12);
}
/*拖拽*/
.drag-able {
    cursor:pointer;
}
.drag-able:not([disabled]):hover {
    background-color:rgba(0,0,0,0.05);
}
.drag-enter {
    background-color:rgba(0,0,0,0.1) !important;
}
/*对话框*/
/*不看内容直接设定位置*/
md-dialog.md-transition-in {
    position:absolute;
    top:20%;
    transform:translate(0,0rem) scale(1)
}
md-dialog.md-transition-out {
    position:absolute;
    top:20%;
    transform:translate(0,100%) scale(0.2)
}
md-dialog.md-default-dialog {
    min-width:4.8rem;
}
/* tooltip */
.f2c-tooltip-console {
    height:auto;
    font-size:0.13rem;
    padding:0.04rem 0.08rem;
}
.f2c-tooltip-user {
    height:auto;
    padding:0.04rem 0.08rem;
    z-index:1000;
}
.f2c-tooltip-user.md-origin-bottom {
    margin-top:0.02rem;
}
.f2c-eye {
    position:absolute;
    right:0;
    line-height:0.35rem;
    cursor:pointer;
}
/* virtual-select */
.md-chips-messages {
    color:rgb(221,44,0);
    position:relative;
    order:4;
    overflow:hidden;
}
.md-chips-messages [ng-message] {
    font-size:0.12rem;
    line-height:0.14rem;
    overflow:hidden;
    margin-top:0;
    padding-top:0.05rem;
}
.virtual-width {
    width:2.5rem;
}
/* md-chips */
.md-chips {
    font-size:0.14rem;
}
.virtual-select .hint {
    left:0.02rem;
    padding-top:0.02rem;
    right:auto;
    bottom:0.07rem;
    font-size:0.12rem;
    font-style:italic;
    line-height:0.14rem;
    color:grey;
    overflow:hidden;
}
.virtual-select md-chips.ng-untouched + div.hint {
    display:block;
}
.virtual-select md-chips.ng-touched:not(.ng-invalid) + div.hint {
    display:block;
}
.virtual-select md-chips.ng-touched:not(.ng-valid) + div.hint {
    display:none;
}
md-tooltip div {
    color:#FFFFFF;
    font-size:0.13rem;
}
.ctg-button.md-button {
    color:#FFFFFF;
}
/*!
 * 产品CSS，项目CSS禁止修改或添加该CSS内容，否则被覆盖后果自负
**/



