.c7n-boot-header-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 48px;
  font-size: 14px;
  color: #fff;
  position: relative;
  z-index: 999;
  background-color: #3F51B5;
}
.c7n-boot-header-wrap > ul {
  height: 48px;
}
.c7n-boot-header-wrap > ul li {
  list-style-type: none;
}
.c7n-boot-header-wrap > ul .c7n-btn {
  color: inherit;
}
.c7n-boot-header-wrap > ul .c7n-btn.block {
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  height: 100%;
}
.c7n-boot-header-wrap > ul .c7n-btn.block:first-child {
  padding-left: 0.24rem;
}
.c7n-boot-header-wrap > ul .c7n-btn.block .icon {
  font-size: 0.2rem;
}
.c7n-boot-header-wrap > ul .c7n-btn.block span {
  font-weight: normal !important;
}
.c7n-boot-header-wrap > ul .c7n-btn.header-setting-active {
  background: rgba(255, 255, 255, 0.12);
}
.c7n-boot-header-wrap > ul .c7n-btn:hover,
.c7n-boot-header-wrap > ul .c7n-btn.active,
.c7n-boot-header-wrap > ul .c7n-btn .c7n-ripple {
  background-color: rgba(255, 255, 255, 0.1);
}
.c7n-boot-header-left,
.c7n-boot-header-center,
.c7n-boot-header-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
}
.c7n-boot-header-center {
  overflow: hidden;
  padding-left: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.c7n-boot-header-center li {
  margin: 0;
}
.c7n-boot-header-center .c7n-btn {
  border-radius: 2px;
  text-transform: none;
}
.c7n-boot-header-right {
  padding-right: 20px;
}
.c7n-boot-header-right-li {
  width: 30px;
  margin: auto 0;
  height: 48px;
  line-height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c7n-boot-header-right .org-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 48px;
  width: 100%;
}
.c7n-boot-header-right .c7n-btn-circle {
  width: 40px;
  height: 40px;
  margin-left: 5px;
  margin-right: 5px;
}
.c7n-boot-header-right .c7n-btn-circle > .icon {
  font-size: 20px;
}
.c7n-boot-header-logo {
  color: white;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  font-weight: 500;
  font-size: 22px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 0 center;
  -webkit-transition: background-position 0.3s;
  transition: background-position 0.3s;
}
.c7n-boot-header-logo:hover {
  color: #fff;
}
.c7n-boot-header-logo-default-logo {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNzY0LjYwMnB4IiBoZWlnaHQ9IjEzOC41MXB4IiB2aWV3Qm94PSIwIDAgNzY0LjYwMiAxMzguNTEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDc2NC42MDIgMTM4LjUxIgoJIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0yNDIuNjY4LDU1LjM2NwoJCWMxNi4yMzcsMCwyOS40NDYsMTMuMjA5LDI5LjQ0NiwyOS40NDVjMCwxNi4yMzctMTMuMjA5LDI5LjQ0Ni0yOS40NDYsMjkuNDQ2Yy0xNi4yMzYsMC0yOS40NDUtMTMuMjA5LTI5LjQ0NS0yOS40NDYKCQlDMjEzLjIyMiw2OC41NzYsMjI2LjQzMiw1NS4zNjcsMjQyLjY2OCw1NS4zNjcgTTI0Mi42NjgsNDYuNTU3Yy0yMS4xMjgsMC0zOC4yNTUsMTcuMTI4LTM4LjI1NSwzOC4yNTUKCQljMCwyMS4xMjgsMTcuMTI4LDM4LjI1NiwzOC4yNTUsMzguMjU2YzIxLjEyOCwwLDM4LjI1Ni0xNy4xMjgsMzguMjU2LTM4LjI1NkMyODAuOTI0LDYzLjY4NSwyNjMuNzk2LDQ2LjU1NywyNDIuNjY4LDQ2LjU1NwoJCUwyNDIuNjY4LDQ2LjU1N3oiLz4KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik02MzguMzg1LDU1LjM2OAoJCWMxNi4yMzcsMCwyOS40NDYsMTMuMjA5LDI5LjQ0NiwyOS40NDVjMCwxNi4yMzctMTMuMjA5LDI5LjQ0Ni0yOS40NDYsMjkuNDQ2Yy0xNi4yMzYsMC0yOS40NDUtMTMuMjA5LTI5LjQ0NS0yOS40NDYKCQlDNjA4Ljk0LDY4LjU3OCw2MjIuMTQ5LDU1LjM2OCw2MzguMzg1LDU1LjM2OCBNNjM4LjM4NSw0Ni41NThjLTIxLjEyOCwwLTM4LjI1NSwxNy4xMjgtMzguMjU1LDM4LjI1NQoJCWMwLDIxLjEyOCwxNy4xMjgsMzguMjU2LDM4LjI1NSwzOC4yNTZjMjEuMTI4LDAsMzguMjU2LTE3LjEyOCwzOC4yNTYtMzguMjU2QzY3Ni42NDEsNjMuNjg2LDY1OS41MTQsNDYuNTU4LDYzOC4zODUsNDYuNTU4CgkJTDYzOC4zODUsNDYuNTU4eiIvPgoJPHBhdGggZmlsbD0iI0ZGRkZGRiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTQ1OC42MDcsNTUuMzY3CgkJYzE2LjIzNywwLDI5LjQ0NiwxMy4yMDksMjkuNDQ2LDI5LjQ0NmMwLDE2LjIzNi0xMy4yMDksMjkuNDQ1LTI5LjQ0NiwyOS40NDVjLTE2LjIzNiwwLTI5LjQ0NS0xMy4yMDktMjkuNDQ1LTI5LjQ0NQoJCUM0MjkuMTYxLDY4LjU3Niw0NDIuMzcxLDU1LjM2Nyw0NTguNjA3LDU1LjM2NyBNNDU4LjYwNyw0Ni41NTdjLTIxLjEyOCwwLTM4LjI1NSwxNy4xMjgtMzguMjU1LDM4LjI1NgoJCWMwLDIxLjEyOCwxNy4xMjgsMzguMjU1LDM4LjI1NSwzOC4yNTVjMjEuMTI4LDAsMzguMjU2LTE3LjEyOCwzOC4yNTYtMzguMjU1QzQ5Ni44NjMsNjMuNjg1LDQ3OS43MzUsNDYuNTU3LDQ1OC42MDcsNDYuNTU3CgkJTDQ1OC42MDcsNDYuNTU3eiIvPgoJCgkJPHJlY3QgeD0iMTMyLjA5MyIgeT0iMTUuNDQiIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI4LjgxIiBoZWlnaHQ9IjEwNy42MjkiLz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik01NDguNDk2LDU1LjM2OAoJCQljMTYuMjM2LDAsMjkuNDQ1LDEzLjIwOSwyOS40NDUsMjkuNDQ1YzAsMTYuMjM3LTEzLjIwOSwyOS40NDYtMjkuNDQ1LDI5LjQ0NmMtMTYuMjM2LDAtMjkuNDQ1LTEzLjIwOS0yOS40NDUtMjkuNDQ2CgkJCUM1MTkuMDUxLDY4LjU3Nyw1MzIuMjYsNTUuMzY4LDU0OC40OTYsNTUuMzY4IE01NDguNDk2LDQ2LjU1OGMtMjEuMTI4LDAtMzguMjU1LDE3LjEyOC0zOC4yNTUsMzguMjU1CgkJCWMwLDIxLjEyOCwxNy4xMjcsMzguMjU2LDM4LjI1NSwzOC4yNTZjMjEuMTI4LDAsMzguMjU1LTE3LjEyOCwzOC4yNTUtMzguMjU2QzU4Ni43NTIsNjMuNjg2LDU2OS42MjQsNDYuNTU4LDU0OC40OTYsNDYuNTU4CgkJCUw1NDguNDk2LDQ2LjU1OHoiLz4KCQkKCQkJPHJlY3QgeD0iNTc3Ljk0MiIgeT0iMTUuNDQiIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI4LjgxIiBoZWlnaHQ9IjEwNy42MjkiLz4KCTwvZz4KCQoJCTxyZWN0IHg9IjE4Mi4yMjQiIHk9Ijc2LjAyOSIgZmlsbD0iI0ZGRkZGRiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjguODEiIGhlaWdodD0iNDcuMDQxIi8+Cgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNMTYxLjU2NCw0Ni41NTgKCQljLTE2LjI3NywwLTI5LjQ3MSwxMy4xOTQtMjkuNDcxLDI5LjQ3MWg4LjgxYzAtMTEuMzkyLDkuMjY4LTIwLjY2MSwyMC42NjEtMjAuNjYxYzExLjM5MiwwLDIwLjY2MSw5LjI2OCwyMC42NjEsMjAuNjYxaDguODEKCQlDMTkxLjAzNCw1OS43NTIsMTc3Ljg0LDQ2LjU1OCwxNjEuNTY0LDQ2LjU1OHoiLz4KCTxnPgoJCQoJCQk8cmVjdCB4PSIyOTkuODI3IiB5PSI3Ni4wMDIiIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI2Ni44NTUiIGhlaWdodD0iOC44MSIvPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0zMzIuNTU4LDQ2LjU1NwoJCQljLTIxLjEyOCwwLTM4LjI1NiwxNy4xMjgtMzguMjU2LDM4LjI1NWg4LjgxYzAtMTYuMjM2LDEzLjIwOS0yOS40NDUsMjkuNDQ2LTI5LjQ0NWMxNi4yMzYsMCwyOS40NDUsMTMuMjA5LDI5LjQ0NSwyOS40NDVoOC44MQoJCQlDMzcwLjgxMyw2My42ODUsMzUzLjY4Niw0Ni41NTcsMzMyLjU1OCw0Ni41NTd6Ii8+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTMzMi41NTgsMTE0LjI1OAoJCQljLTE2LjIzNywwLTI5LjQ0Ni0xMy4yMDktMjkuNDQ2LTI5LjQ0NmgtOC44MWMwLDIxLjEyOCwxNy4xMjgsMzguMjU2LDM4LjI1NiwzOC4yNTZjMTQuMTU4LDAsMjYuNTEyLTcuNjk4LDMzLjEyNy0xOS4xMzEKCQkJbC03LjYzOC00LjQxQzM1Mi45NDgsMTA4LjMyNCwzNDMuNDM2LDExNC4yNTgsMzMyLjU1OCwxMTQuMjU4eiIvPgoJPC9nPgoJPGc+CgkJCgkJCTxyZWN0IHg9IjM4NC4xOTEiIHk9IjQ2LjU1OCIgZmlsbD0iI0ZGRkZGRiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgd2lkdGg9IjguODEiIGhlaWdodD0iNzYuNTExIi8+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTQxMy42NjIsNTUuMzY4di04LjgxCgkJCWMtMTYuMjY3LDAtMjkuNDU2LDEzLjE4LTI5LjQ3LDI5LjQ0NWg4LjgxMUMzOTMuMDE3LDY0LjYyMyw0MDIuMjc4LDU1LjM2OCw0MTMuNjYyLDU1LjM2OHoiLz4KCTwvZz4KCTxnPgoJCQoJCQk8cmVjdCB4PSI2OTAuMDE5IiB5PSI0Ny4wOTEiIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI4LjgxIiBoZWlnaHQ9Ijc1Ljk3OSIvPgoJCQoJCQk8cmVjdCB4PSI3NDAuMTUxIiB5PSI3Ni4wMjkiIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHdpZHRoPSI4LjgxIiBoZWlnaHQ9IjQ3LjA0MSIvPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik03NDAuMTUsNzYuMDAzaDguODExCgkJCWMtMC4wMTQtMTYuMjY1LTEzLjIwMi0yOS40NDUtMjkuNDctMjkuNDQ1djguODFDNzMwLjg3NCw1NS4zNjgsNzQwLjEzNSw2NC42MjMsNzQwLjE1LDc2LjAwM3oiLz4KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNzE5LjQ5LDU1LjM2OHYtOC44MQoJCQljLTE2LjI2NywwLTI5LjQ1NiwxMy4xOC0yOS40NywyOS40NDVoOC44MTFDNjk4Ljg0NSw2NC42MjMsNzA4LjEwNiw1NS4zNjgsNzE5LjQ5LDU1LjM2OHoiLz4KCTwvZz4KCTxnPgoJCTxwYXRoIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0yNC40OTUsNjkuMjU0CgkJCWMwLTcuOTcxLDIuMDgxLTE1LjQ2Miw1LjcxNi0yMS45NzJsLTcuNjgxLTQuNDM0Yy00LjM4MSw3LjgxMS02Ljg4OSwxNi44MTQtNi44ODksMjYuNDA3YzAsMTAuMTEyLDIuNzgzLDE5LjU3Miw3LjYxNCwyNy42NjgKCQkJbDcuNjgxLTQuNDM1QzI2Ljg1LDg1LjY5MywyNC40OTUsNzcuNzQ0LDI0LjQ5NSw2OS4yNTR6Ii8+CgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjUiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgZD0iTTY5LjcyMywyNC4wMjcKCQkJYzE2Ljk2NywwLDMxLjc3NSw5LjM5NywzOS41MTIsMjMuMjU1bDcuNjgtNC40MzRjLTkuMjU4LTE2LjUxLTI2LjkxNy0yNy42NzQtNDcuMTkyLTI3LjY3NAoJCQljLTIwLjI3NiwwLTM3LjkzNSwxMS4xNjUtNDcuMTkzLDI3LjY3NGw3LjY4MSw0LjQzNEMzNy45NDcsMzMuNDI0LDUyLjc1NSwyNC4wMjcsNjkuNzIzLDI0LjAyN3oiLz4KCQk8cGF0aCBmaWxsPSIjRkZGRkZGIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBkPSJNNjkuNzIzLDExNC40ODIKCQkJYy0xNi40NDksMC0zMC44Ny04LjgyOS0zOC43ODctMjEuOTk1bC03LjY4MSw0LjQzNWM5LjQzNywxNS44MTYsMjYuNzEyLDI2LjQxMyw0Ni40NjcsMjYuNDEzCgkJCWMxOS43NTUsMCwzNy4wMy0xMC41OTgsNDYuNDY3LTI2LjQxM2wtNy42ODEtNC40MzVDMTAwLjU5MywxMDUuNjUzLDg2LjE3MSwxMTQuNDgyLDY5LjcyMywxMTQuNDgyeiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
}
.c7n-boot-header-logo-wrap {
  background-color: #303f9f;
  width: 250px;
  height: 47px;
  line-height: 47px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
}
.c7n-boot-header-logo-icon {
  color: white;
  font-size: 30px;
  width: 50px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: center;
}
.c7n-boot-header-logo-default-icon {
  background-image: url(/dis/assets/choerodon_logo_picture.52a5292b.svg);
}
.c7n-boot-header-logo-menu-icon {
  color: #fff;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  margin: 0 9px;
}
.c7n-boot-header-logo-menu-icon .icon {
  font-size: 24px;
  line-height: 32px;
}
a.c7n-boot-header-logo {
  cursor: pointer;
}
.c7n-boot-header-menu-type-button {
  margin: 0 20px 0 15px;
  padding: 0 2px 0 8px;
}
.c7n-boot-header-menu-type-button > span {
  font-weight: 400;
}
.c7n-boot-header-menu-type-button > .icon {
  margin: 0;
}
.c7n-boot-header-menu-type-tab-body,
.c7n-boot-header-menu-type-table-wrapper {
  height: 390px;
  overflow: auto;
}
.c7n-boot-header-menu-type-table-wrapper {
  margin-top: 24px;
}
.c7n-boot-header-menu-type-modal .c7n-table table {
  table-layout: fixed;
}
.c7n-boot-header-menu-type-modal .c7n-table .c7n-table-row-level-0 a {
  max-width: 250px;
}
.c7n-boot-header-menu-type-modal .c7n-table .c7n-table-row-level-1 a {
  max-width: 230px;
}
.c7n-boot-header-menu-type-modal .c7n-table a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  color: #000;
  line-height: 1;
  vertical-align: top;
}
.c7n-boot-header-menu-type-modal .c7n-table a:hover {
  text-decoration: underline;
  color: #3F51B5;
  cursor: pointer;
}
.c7n-boot-header-menu-type-modal .c7n-table a .icon {
  vertical-align: text-bottom;
  -webkit-transition: initial;
  transition: initial;
  margin-right: 6px;
}
.c7n-boot-header-menu-type-modal .c7n-table-row .c7n-table-row-expand-icon + .c7n-table-row-expand-icon {
  display: none;
}
.c7n-boot-header-menu-type-modal .c7n-tabs-tabpane .c7n-table {
  margin-top: 0;
  height: 330px;
}
.c7n-boot-header-menu-type-empty {
  text-align: center;
  padding-top: 137px;
}
.c7n-boot-header-menu-type-disabled {
  color: rgba(0, 0, 0, 0.36);
  display: inline-block;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c7n-boot-header-menu-type-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 16px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c7n-boot-header-menu-type-toolbar.has-search .c7n-boot-header-menu-type-organization-select + * {
  width: 396px;
}
.c7n-boot-header-menu-type-organization-select {
  width: 200px;
}
.c7n-boot-header-menu-type-organization-select + * {
  margin-top: 20px;
  width: 442px;
}
.c7n-boot-header-user-popover {
  z-index: 1500 !important;
  position: absolute !important;
  min-width: 260px;
  right: 25px;
  left: auto !important;
}
.c7n-boot-header-user-popover .c7n-popover-inner-content {
  padding: 0;
}
.c7n-boot-header-user-popover-menu {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-top: 2px;
}
.c7n-boot-header-user-popover-menu-item {
  text-align: left;
  padding: 0 !important;
}
.c7n-boot-header-user-popover-menu-item > i {
  margin-left: 20px;
  color: rgba(0, 0, 0, 0.65);
}
.c7n-boot-header-user-popover-menu .c7n-menu-item-divider {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  background: transparent !important;
}
.c7n-boot-header-user-popover-content {
  padding-top: 8px;
  text-align: center;
  max-width: 260px;
}
.c7n-boot-header-user-popover-content .c7n-boot-header-user-avatar {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  float: left;
  margin-left: 20px;
  margin-top: 12px;
}
.c7n-boot-header-user-popover-title {
  margin-left: 20px;
  margin-top: 12px;
  color: #000;
  height: 50px;
}
.c7n-boot-header-user-popover-title span {
  float: left;
  margin-left: 15px;
  line-height: 20px;
  width: 170px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
}
.c7n-boot-header-user-popover-title span:nth-child(2) {
  display: inline-block;
  color: rgba(0, 0, 0, 0.54);
}
.c7n-boot-header-user-popover-logout {
  height: 50px;
}
.c7n-boot-header-user-popover-logout > li {
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  vertical-align: center;
  text-align: left;
}
.c7n-boot-header-user-popover-logout > li:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.c7n-boot-header-user-popover-logout > li > i {
  margin-right: 10px;
  margin-left: 20px;
  vertical-align: sub;
  color: rgba(0, 0, 0, 0.65);
}
.c7n-boot-header-user-avatar {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 50%;
  font-size: 18px;
  font-weight: bold;
  background-color: #c5cbe8;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  color: #3F51B5;
  text-transform: uppercase;
  text-align: center;
  vertical-align: middle;
}
.c7n-boot-header-inbox {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.c7n-boot-header-inbox button {
  -webkit-transform: scale(1.25);
      -ms-transform: scale(1.25);
          transform: scale(1.25);
}
.c7n-boot-header-inbox button .icon {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  color: #fff;
  font-size: 25px !important;
  border-radius: 50%;
}
.c7n-boot-header-inbox .c7n-badge-count {
  box-shadow: initial;
  cursor: pointer;
  top: -4px;
  left: 35px;
}
.c7n-boot-header-inbox-popover {
  width: 320px;
}
.c7n-boot-header-inbox-popover .c7n-tabs-nav-scroll {
  padding-left: 16px;
}
.c7n-boot-header-inbox-popover .c7n-tabs-bar {
  margin-bottom: 0;
}
.c7n-boot-header-inbox-popover .c7n-popover-inner {
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.c7n-boot-header-inbox-popover-header {
  padding: 0 0;
  line-height: 41px;
}
.c7n-boot-header-inbox-popover-header .c7n-tabs-nav .c7n-tabs-tab {
  font-weight: 500;
  height: 48.5px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 15px;
}
.c7n-boot-header-inbox-popover-header .c7n-tabs-nav .c7n-tabs-tab-active {
  color: #3F51B5;
}
.c7n-boot-header-inbox-popover-header .c7n-tabs-bar {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.c7n-boot-header-inbox-popover-header .c7n-tabs-extra-content {
  margin-right: 16px;
}
.c7n-boot-header-inbox-popover-header .c7n-tabs-extra-content > .c7n-btn-circle {
  color: rgba(0, 0, 0, 0.65);
  margin-top: 9px;
}
.c7n-boot-header-inbox-popover-header .c7n-tabs-extra-content > .c7n-btn-circle > i {
  font-size: 20px;
}
.c7n-boot-header-inbox-popover-header .c7n-card-meta-title {
  width: 190px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 2px !important;
}
.c7n-boot-header-inbox-popover-header .c7n-card-meta-title > a {
  font-size: 13px;
  color: #000;
  text-decoration: none;
  font-weight: 500;
}
.c7n-boot-header-inbox-popover-header .c7n-card-meta-description {
  width: 190px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}
.c7n-boot-header-inbox-popover-header .c7n-card-meta-description > p:nth-child(1) {
  overflow: hidden;
  width: 216px;
  display: inline-block;
  -webkit-transform: scale(0.8333);
      -ms-transform: scale(0.8333);
          transform: scale(0.8333);
  color: #787c87;
}
.c7n-boot-header-inbox-popover-header .c7n-card-meta-description > p:nth-child(2) {
  overflow: initial;
  margin-left: -26px;
  position: absolute;
  width: 60px;
  text-align: right;
  display: inline-block;
  -webkit-transform: scale(0.8333);
      -ms-transform: scale(0.8333);
          transform: scale(0.8333);
  color: #787c87;
}
.c7n-boot-header-inbox-popover-header .c7n-card-meta-detail {
  padding: 12px 0;
}
.c7n-boot-header-inbox-popover-header span {
  color: rgba(0, 0, 0, 0.54);
  font-size: 16px;
}
.c7n-boot-header-inbox-popover-header > a {
  float: right;
  color: #3F51B5;
}
.c7n-boot-header-inbox-popover-card {
  width: 320px;
  height: 60px;
  background: #fff;
}
.c7n-boot-header-inbox-popover-card:hover {
  background-color: rgba(241, 243, 244, 0.6);
}
.c7n-boot-header-inbox-popover-card:hover .c7n-card-body > .icon {
  display: inline;
}
.c7n-boot-header-inbox-popover-card .c7n-card-body {
  padding: 5px 16px;
}
.c7n-boot-header-inbox-popover-card .c7n-card-body > .icon {
  display: none;
  color: rgba(0, 0, 0, 0.36);
}
.c7n-boot-header-inbox-popover-card .c7n-card-meta-avatar {
  padding-right: 11px;
}
.c7n-boot-header-inbox-popover-card .c7n-avatar {
  margin: 7px auto;
}
.c7n-boot-header-inbox-popover-content {
  overflow: auto;
  overflow-x: hidden;
  height: 308.5px;
}
.c7n-boot-header-inbox-popover-content ul {
  padding: 0;
  list-style: none;
  margin-top: 2px;
}
.c7n-boot-header-inbox-popover-content label {
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
}
.c7n-boot-header-inbox-popover-content p {
  font-size: 12px;
  margin: 0;
  width: 262px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: 0;
      -ms-transform-origin: 0;
          transform-origin: 0;
}
.c7n-boot-header-inbox-popover-content .icon {
  color: #a3a3a3;
  font-size: 16px;
  cursor: pointer;
  position: absolute;
  left: 269px;
  top: 20px;
  z-index: 2;
}
.c7n-boot-header-inbox-popover-footer {
  line-height: 48px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: #3F51B5;
  @include button-link-masker();
}
.c7n-boot-header-inbox-popover-footer > button {
  width: 120px;
  margin-bottom: 16px;
}
.c7n-boot-header-inbox-popover .c7n-popover-inner-content {
  padding: 0;
}
.c7n-boot-header-inbox-empty {
  margin-top: 71.5px;
  margin-bottom: 42px;
  padding-top: 124px;
  text-align: center;
  font-size: 14px;
  color: rgba(140, 140, 140, 0.54);
  line-height: 48px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjExNnB4IiBoZWlnaHQ9IjExNnB4IiB2aWV3Qm94PSIwIDAgMTE2IDExNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNDkgKDUxMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA1PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI3NS45OTQ5MzY3JSIgeTE9Ii0xLjU1MTgyMDMxJSIgeDI9Ii0wLjU5MjQwNTA2MyUiIHkyPSIyNzAuNjQ5MzQ5JSIgaWQ9ImxpbmVhckdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkNGREZFIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMzIlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGMEYwRjAiIG9mZnNldD0iNDAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGQkZCRkIiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSIxODI1Ljk0NTY1JSIgeTE9IjQ1NzElIiB4Mj0iNTgyLjIyOTk3MyUiIHkyPSIyMjM4OSUiIGlkPSJsaW5lYXJHcmFkaWVudC0yIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0M5QzlDOSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjQTdBN0E3IiBvZmZzZXQ9IjclIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM5QzlDOUMiIG9mZnNldD0iMTQlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM4OTg5ODkiIG9mZnNldD0iMjElIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM4MDgwODAiIG9mZnNldD0iMjMlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNCNUI1QjUiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSI3MjcxLjgyMTE0JSIgeTE9Ijc3MzclIiB4Mj0iMjUzNC4yMjQ1NyUiIHkyPSIyNzAyNSUiIGlkPSJsaW5lYXJHcmFkaWVudC0zIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0M5QzlDOSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRUVFRUVFIiBvZmZzZXQ9IjMyJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRjBGMEYwIiBvZmZzZXQ9IjQwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkJGQkZCIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNzI3MS44MjExNCUiIHkxPSI3NzM3JSIgeDI9IjI1MzQuMjI0NTclIiB5Mj0iMjcwMjUlIiBpZD0ibGluZWFyR3JhZGllbnQtNCI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGQ0ZERkUiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0VFRUVFRSIgb2Zmc2V0PSIzMiUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0YwRjBGMCIgb2Zmc2V0PSI0MCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZCRkJGQiIgb2Zmc2V0PSIxMDAlIj48L3N0b3A+CiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjI4MjcuNDE5ODklIiB5MT0iMTU4MTIlIiB4Mj0iNjgwLjY3MDU4NSUiIHkyPSIzNjE1MCUiIGlkPSJsaW5lYXJHcmFkaWVudC01Ij4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI0ZDRkRGRSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRUVFRUVFIiBvZmZzZXQ9IjMyJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRjBGMEYwIiBvZmZzZXQ9IjQwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkJGQkZCIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IuS4quS6uuS4reW/gyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuermeWGheS/oe+8jea2iOaBr+S4uuepujIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTkxLjAwMDAwMCwgLTEzMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExOTEuMDAwMDAwLCAxMzIuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSIjRTBFMEUwIiBjeD0iNTgiIGN5PSI1OCIgcj0iNTgiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGcgaWQ9Ijc2MzUtW+i9rOaNol0iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4LjAwMDAwMCwgMjAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwIiBvcGFjaXR5PSIwLjUiIHN0eWxlPSJtaXgtYmxlbmQtbW9kZTogY29sb3ItYnVybjsiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCAyMC4yMjk4ODUpIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHN0cm9rZT0iIzYyNjI2MiIgc3Ryb2tlLXdpZHRoPSIxMyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjUwNDkzMTk3LDYuNjU4NDc2MTkgTDYuNTA0OTMxOTcsMzkuNDc3MDExNSBMNzMuNDk1NDA2MSwzOS40NzcwMTE1IEw3My40OTU0MDYxLDYuNjU4NDc2MTkgTDYuNTA0OTMxOTcsNi42NTg0NzYxOSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1wYXRoIiBmaWxsPSIjRUFFQUVBIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHg9IjQuNjAyNDYzMDUiIHk9IjIyLjg2MzIzODEiIHdpZHRoPSI3MC41MzU3MTQzIiBoZWlnaHQ9IjM5LjAwOTUyMzgiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC41OTc3MDEsIDAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03MC41NDA0NzYyLDIyLjg1NzE0MjkgTDcwLjU0MDQ3NjIsMTguOTk4ODU3MSBDNzAuNTQwMjcwNSwxOC42NTI5MzU3IDcwLjMyOTIyODQsMTguMzMyMDA3NSA2OS45ODMzMzMzLDE4LjE1MTYxOSBMMzYuMTYwNzE0MywwLjE1MjM4MDk1MiBDMzUuOTg5ODM3NiwwLjA2Mjc5MjExNTMgMzQuNTU1NDAwNCwwLjA2Mjc5MjExNTMgMzQuMzg0NTIzOCwwLjE1MjM4MDk1MiBMMC41ODMzMzMzMzMsMTguMTMzMzMzMyBDMC4yMjQwNDAyOTYsMTguMzIxMDMwOCAwLjAwNDkxNDUzOTMxLDE4LjY1NDYwNjkgMC4wMDQ3NjE5MDQ3NiwxOS4wMTQwOTUyIEwwLjAwNDc2MTkwNDc2LDIyLjg1NzE0MjkgTDcwLjU0MDQ3NjIsMjIuODU3MTQyOSBaIiBpZD0iU2hhcGUiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtMSkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTMzLjQxOTI4OTMsNi4xMDQyMzI0NyBMMS4zNjU0NzYxOSwyMi44NjMyMzgxIEw2OS4xNzk3NjE5LDIyLjg2MzIzODEgTDM3LjEyNTk0ODgsNi4xMDQyMzI0NyBDMzUuOTY0OTUwOSw1LjQ5NzIxNjY5IDM0LjU4MDI4NzEsNS40OTcyMTY2OSAzMy40MTkyODkzLDYuMTA0MjMyNDcgWiIgaWQ9IlNoYXBlIiBmaWxsPSJ1cmwoI2xpbmVhckdyYWRpZW50LTIpIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC00IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjU5NzcwMSwgMjUuNjAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0zKSIgcG9pbnRzPSIwIDAgMCAzNS42NTcxNDI5IDcwLjUzNTcxNDMgMzUuNjU3MTQyOSA3MC41MzU3MTQzIDAgMzUuMjY3ODU3MSAxOS4wMDY2NzA5Ij48L3BvbHlnb24+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJTaGFwZSIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC00KSIgcG9pbnRzPSIwLjAwNDc2MTkwNDc2IDEuNjgyMjg1NzEgMC4wMDQ3NjE5MDQ3NiAzNi4yNzI3NjE5IDcwLjU0MDQ3NjIgMzYuMjcyNzYxOSA3MC41NDA0NzYyIDEuNjgyMjg1NzEgMzUuMjcyNjE5IDIwLjEyMDM4MSI+PC9wb2x5Z29uPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iR3JvdXAtMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNC41OTc3MDEsIDM3Ljc5MDQ3NikiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNzAuNTQwNDc2MiwyNC4wNzYxOTA1IEw3MC41NDA0NzYyLDE5Ljk3OTQzNDMgQzcwLjU0MDI3MDUsMTkuNjEyMTMyNCA3MC4zMjkyMjg0LDE5LjI3MTM2ODUgNjkuOTgzMzMzMywxOS4wNzk4MzA3IEwzNi41MTc4NTcxLDAuMTYyMjY2MzgxIEMzNi4xMjc2ODEzLC0wLjA1NDA4ODc5MzcgMzQuNDE3NTU2NywtMC4wNTQwODg3OTM3IDM0LjAyNzM4MSwwLjE2MjI2NjM4MSBMMC41NjE5MDQ3NjIsMTkuMDc5ODMwNyBDMC4yMTYwMDk2NTUsMTkuMjcxMzY4NSAwLjAwNDk2NzYzMjMxLDE5LjYxMjEzMjQgMC4wMDQ3NjE5MDQ3NiwxOS45Nzk0MzQzIEwwLjAwNDc2MTkwNDc2LDI0LjA3NjE5MDUgTDcwLjU0MDQ3NjIsMjQuMDc2MTkwNSBaIiBpZD0iU2hhcGUiIGZpbGw9IiNEREREREQiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNzAuNTM1NzE0MywyNC4xOTg1MzUyIEw3MC41MzU3MTQzLDIwLjM0MDI0OTUgQzcwLjUzNTUwODYsMTkuOTk0MzI4IDcwLjMyNDQ2NjUsMTkuNjczMzk5OSA2OS45Nzg1NzE0LDE5LjQ5MzAxMTQgTDM1LjkwMzU3MTQsMS42NzY2MzA0NSBDMzUuNTEzMzk1NiwxLjQ3Mjg2OTIyIDM1LjAyMjMxODcsMS40NzI4NjkyMiAzNC42MzIxNDI5LDEuNjc2NjMwNDUgTDAuNTU3MTQyODU3LDE5LjQ5MzAxMTQgQzAuMjExMjQ3NzUsMTkuNjczMzk5OSAwLjAwMDIwNTcyNzU0NCwxOS45OTQzMjggMCwyMC4zNDAyNDk1IEwwLDI0LjE5ODUzNTIgTDcwLjUzNTcxNDMsMjQuMTk4NTM1MiBaIiBpZD0iU2hhcGUiIGZpbGw9InVybCgjbGluZWFyR3JhZGllbnQtNSkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: top;
}
.c7n-boot-header-inbox-sider-no-animate {
  -webkit-transition: -webkit-transform 0s !important;
  transition: -webkit-transform 0s !important;
  transition: transform 0s !important;
  transition: transform 0s, -webkit-transform 0s !important;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c7n-boot-header-inbox-sider-no-animate .header {
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.87);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c7n-boot-header-inbox-sider-no-animate .header .title {
  font-size: 20px;
  line-height: 24px;
}
.c7n-boot-header-inbox-sider-no-animate .body {
  height: calc(100% - 60px);
  overflow-y: auto;
  padding: 0 0 40px 0;
}
.c7n-boot-header-inbox-sider-no-animate .body .title {
  color: #303f9f;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
}
.c7n-boot-header-inbox-sider-no-animate .body .info {
  color: rgba(0, 0, 0, 0.65);
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c7n-boot-header-inbox-sider-no-animate .body .content {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  line-height: 20px;
  background: #f8f8f8;
  border-radius: 4px;
  padding: 20px;
  width: 100%;
}
.c7n-boot-header-inbox-sider {
  position: fixed;
  width: 520px;
  height: calc(100vh - 48px);
  right: -550px;
  bottom: 0;
  background: #FFFFFF;
  box-shadow: 0 9px 30px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12), 0 5px 6px -3px;
  -webkit-transition: -webkit-transform 0.7s;
  transition: -webkit-transform 0.7s;
  transition: transform 0.7s;
  transition: transform 0.7s, -webkit-transform 0.7s;
  padding: 0;
  z-index: 1;
}
.c7n-boot-header-inbox-sider .c7n-badge {
  color: inherit;
}
.c7n-boot-header-inbox-sider .color-blue {
  color: #303f9f;
}
.c7n-boot-header-inbox-sider-visible {
  -webkit-transform: translateX(-550px);
      -ms-transform: translateX(-550px);
          transform: translateX(-550px);
}
.c7n-boot-header-inbox-sider-move-down {
  height: calc(100vh - 48px - 0.52rem);
}
.c7n-boot-header-inbox-sider-header-wrap {
  padding: 20px 24px;
  height: 100%;
}
.c7n-boot-header-inbox-sider-header-wrap.no-mr {
  padding: 20px 0 0 24px;
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-tabs-extra-content {
  line-height: 0.34rem;
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-tabs-bar {
  margin-bottom: 0;
  margin-right: 0.24rem;
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-boot-header-inbox-sider-header {
  width: 100%;
  height: 100%;
  padding-bottom: 9.5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-boot-header-inbox-sider-header .backlog-checkbox {
  color: #000;
  font-size: 0.13rem;
  float: right;
  margin-right: 0.16rem;
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-boot-header-inbox-sider-header .c7n-tabs {
  height: calc(100% - 80px);
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-boot-header-inbox-sider-header .c7n-tabs .c7n-tabs-content {
  height: calc(100% - 50px);
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-boot-header-inbox-sider-header .c7n-tabs .c7n-tabs-content .c7n-tabs-tabpane {
  overflow: auto;
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-boot-header-inbox-sider-header .c7n-tabs .c7n-tabs-content .c7n-tabs-tabpane ul {
  height: unset;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-boot-header-inbox-sider-header-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  margin-bottom: 20px;
  margin-right: 0.24rem;
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-boot-header-inbox-sider-header-title .msgTitle {
  font-size: 20px;
  line-height: 24px;
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-boot-header-inbox-sider-header-title .c7n-btn {
  width: 22px !important;
  height: 22px !important;
  margin-top: -6px;
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-boot-header-inbox-sider-header-action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3f51b5;
}
.c7n-boot-header-inbox-sider-header-wrap .c7n-boot-header-inbox-sider-header-action span {
  font-size: 13px;
  line-height: 20px;
}
.c7n-boot-header-inbox-sider-content {
  height: calc(100% - 100px);
  overflow: auto;
}
.c7n-boot-header-inbox-sider-content > div {
  padding: 0 24px;
}
.c7n-boot-header-inbox-sider-content ul {
  padding: 0;
}
.c7n-boot-header-inbox-sider-content ul li:last-child {
  border-bottom: none;
}
.c7n-boot-header-inbox-sider-content-list {
  padding: 15px 10px;
  padding-right: 56px;
  margin: 0 !important;
  overflow-x: hidden;
  position: relative;
}
.c7n-boot-header-inbox-sider-content-list::after {
  content: '';
  width: 4.72rem;
  height: 0.01rem;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.c7n-boot-header-inbox-sider-content-list-title {
  line-height: 21px;
  margin-right: -32px;
  padding-right: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #303f9f;
  margin-bottom: 10px;
}
.c7n-boot-header-inbox-sider-content-list-title a {
  font-size: 13px;
}
.c7n-boot-header-inbox-sider-content-list-description {
  line-height: 21px;
}
.c7n-boot-header-inbox-sider-content-list-description p {
  margin: 0;
  color: rgba(0, 0, 0, 0.87);
  font-size: 13px;
}
.c7n-boot-header-inbox-sider-content-list-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 10px;
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  line-height: 21px;
}
.c7n-boot-header-inbox-wrapper {
  background: #f8f8f8;
  border-radius: 4px;
  padding: 20px;
  width: 100%;
}
.c7n-boot-header-inbox-wrapper img {
  max-width: 100%;
}
.c7n-boot-header-inbox-content {
  width: 100%;
}
.c7n-boot-header-inbox-content img {
  max-width: 100%;
}
.c7n-boot-header-inbox-content u,
.c7n-boot-header-inbox-content ins {
  text-decoration: underline;
}
.c7n-boot-header-inbox-content b,
.c7n-boot-header-inbox-content strong {
  font-weight: bolder;
}
.c7n-boot-header-inbox-content p {
  display: block;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
}
.c7n-boot-header-inbox-content pre {
  background: #000;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}
.c7n-boot-header-inbox-content ul,
.c7n-boot-header-inbox-content menu,
.c7n-boot-header-inbox-content dir {
  display: block;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}
.c7n-boot-header-inbox-content ol {
  display: block;
  list-style-type: decimal;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-start: 40px;
          padding-inline-start: 40px;
}
.c7n-boot-header-inbox-content h1 {
  display: block;
  font-size: 2em;
  -webkit-margin-before: 0.67em;
          margin-block-start: 0.67em;
  -webkit-margin-after: 0.67em;
          margin-block-end: 0.67em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: bold;
}
.c7n-boot-header-inbox-content h2 {
  display: block;
  font-size: 1.5em;
  -webkit-margin-before: 0.83em;
          margin-block-start: 0.83em;
  -webkit-margin-after: 0.83em;
          margin-block-end: 0.83em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: bold;
}
.c7n-boot-header-inbox-content h3 {
  display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
  -webkit-margin-after: 1em;
          margin-block-end: 1em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: bold;
}
.c7n-boot-header-inbox-content h4 {
  display: block;
  -webkit-margin-before: 1.33em;
          margin-block-start: 1.33em;
  -webkit-margin-after: 1.33em;
          margin-block-end: 1.33em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: bold;
}
.c7n-boot-header-inbox-content h6 {
  display: block;
  font-size: 0.67em;
  -webkit-margin-before: 2.33em;
          margin-block-start: 2.33em;
  -webkit-margin-after: 2.33em;
          margin-block-end: 2.33em;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  font-weight: bold;
}
.c7n-boot-header-inbox-content li {
  display: list-item;
  text-align: -webkit-match-parent;
}
.c7n-boot-header-inbox > div {
  margin-bottom: 14px;
}
.c7n-boot-header-inbox > div > span {
  display: inline-block;
  width: 112px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
}
.c7n-boot-header-banner {
  height: 0.52rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.c7n-boot-header-banner-info {
  line-height: 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c7n-boot-header-banner-info span {
  margin-left: 7px;
  height: 24px;
  width: 100%;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.87);
  overflow: hidden;
}
.c7n-boot-header-banner-info i {
  margin-left: 14px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  height: 24px;
  display: inline-block;
}
.c7n-boot-header-banner-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 12px;
}
.c7n-boot-header-banner-buttons button {
  margin-left: 12px;
}

:root .c7n-menu-submenu-inline > .c7n-menu-submenu-title:after {
  font-size: 16px;
}
.c7n-tooltip-inner {
  max-width: 500px;
}
.common-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  @include button-link-masker();
}
.common-menu a {
  text-decoration: none;
  color: inherit;
}
.common-menu .c7n-menu-item-group-title {
  font-size: 0.12rem;
  padding-top: 0.24rem;
  padding-bottom: 0.1rem;
  color: rgba(0, 0, 0, 0.54);
  padding-left: 0.12rem;
}
.common-menu .icon {
  font-size: 0.2rem !important;
  color: rgba(0, 0, 0, 0.54) !important;
}
.common-menu .icon + span {
  -webkit-transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  margin-left: 0.03rem;
  font-size: 0.14rem;
}
.common-menu-left,
.common-menu-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border-right: 1px solid #d3d3d3;
  background-color: #fafafa;
}
.common-menu-left .c7n-menu-inline-collapsed > .c7n-menu-item,
.common-menu-right .c7n-menu-inline-collapsed > .c7n-menu-item,
.common-menu-left .c7n-menu-inline-collapsed > .c7n-menu-item-group > .c7n-menu-item-group-list > .c7n-menu-item,
.common-menu-right .c7n-menu-inline-collapsed > .c7n-menu-item-group > .c7n-menu-item-group-list > .c7n-menu-item,
.common-menu-left .c7n-menu-inline-collapsed > .c7n-menu-submenu > .c7n-menu-submenu-title,
.common-menu-right .c7n-menu-inline-collapsed > .c7n-menu-submenu > .c7n-menu-submenu-title {
  padding: 0 0.15rem !important;
}
.common-menu-left .c7n-menu,
.common-menu-right .c7n-menu {
  background-color: #fafafa;
}
.common-menu-left .c7n-menu .icon,
.common-menu-right .c7n-menu .icon {
  font-size: 18px;
  width: 18px;
  height: 18px;
  margin-right: 17px;
}
.common-menu-left .c7n-menu li:first-child .c7n-menu-item-group-title,
.common-menu-right .c7n-menu li:first-child .c7n-menu-item-group-title {
  padding-top: 0;
}
.common-menu-left .c7n-menu-item,
.common-menu-right .c7n-menu-item,
.common-menu-left .c7n-menu-submenu > .c7n-menu-submenu-title,
.common-menu-right .c7n-menu-submenu > .c7n-menu-submenu-title {
  padding: 0 15px !important;
}
.common-menu-left .c7n-menu-item,
.common-menu-right .c7n-menu-item {
  color: #000;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.common-menu-left-header,
.common-menu-right-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 12px;
  height: 40px;
  line-height: 39px;
  font-size: 18px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
}
.common-menu-left-header .icon,
.common-menu-right-header .icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
  margin-right: 14px;
  margin-left: 2px;
  cursor: pointer;
}
.common-menu-left-header .icon + span,
.common-menu-right-header .icon + span {
  vertical-align: middle;
}
.common-menu-left-content,
.common-menu-right-content {
  overflow: auto;
  overflow-x: hidden;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0.24rem;
}
.common-menu-left {
  position: absolute;
  width: 280px;
  height: 100%;
  z-index: 998;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  left: -280px;
}
.common-menu-left.expanded {
  left: 0;
}
.common-menu-left .c7n-menu .c7n-menu-item-selected,
.common-menu-left .c7n-menu .c7n-menu-item-selected:hover {
  color: #fff;
  background-color: #3F51B5;
}
.common-menu-left-header {
  cursor: pointer;
  position: relative;
}
.common-menu-left-header div {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.common-menu-right {
  width: 250px;
  -webkit-transition: width 0.25s;
  transition: width 0.25s;
}
.common-menu-right .c7n-menu {
  border-right: 0;
}
.common-menu-right .c7n-menu-sub {
  background: #f6f6f6;
}
.common-menu-right .c7n-menu-submenu-active {
  background-color: transparent;
}
.common-menu-right .c7n-menu-selected:after,
.common-menu-right .c7n-menu-item-selected:after {
  display: none;
}
.common-menu-right .c7n-menu > .c7n-menu-item {
  -webkit-box-align: unset;
  -webkit-align-items: unset;
      -ms-flex-align: unset;
          align-items: unset;
}
.common-menu-right .c7n-menu-item a:hover {
  color: black;
}
.common-menu-right .c7n-menu-item-selected,
.common-menu-right .c7n-menu-vertical .c7n-menu-submenu-selected,
.common-menu-right-popup .c7n-menu-item-selected {
  color: #3F51B5;
  background-color: rgba(140, 158, 255, 0.16) !important;
}
.common-menu-right .c7n-menu-item-selected a,
.common-menu-right .c7n-menu-vertical .c7n-menu-submenu-selected a,
.common-menu-right-popup .c7n-menu-item-selected a {
  color: #3F51B5 !important;
}
.common-menu-right .c7n-menu-item-selected .icon,
.common-menu-right .c7n-menu-vertical .c7n-menu-submenu-selected .icon,
.common-menu-right-popup .c7n-menu-item-selected .icon {
  color: #3F51B5 !important;
}
.common-menu-right-popup.c7n-menu-submenu-popup .c7n-menu {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  min-width: 130px;
}
.common-menu-right-popup.c7n-menu-submenu-popup .c7n-menu-item {
  padding-left: 0;
  padding-right: 20px;
}
.common-menu-right-footer {
  border-top: 1px solid #d3d3d3;
  height: 50px;
  line-height: 49px;
  padding: 0 12px;
  cursor: pointer;
}
.common-menu-right.collapsed {
  width: 50px;
}
.common-menu-right.collapsed .c7n-menu-inline-collapsed {
  width: 50px;
}
.common-menu-right.collapsed .c7n-menu-inline-collapsed .c7n-menu-item {
  padding: 0 15px !important;
}
.common-menu-right.collapsed .c7n-menu-inline-collapsed .c7n-menu-item-group-title {
  padding-left: 0.12rem;
}
.common-menu-right.collapsed .c7n-menu-inline-collapsed .c7n-menu-submenu-title {
  text-overflow: clip;
}
.common-menu-right.collapsed .c7n-menu-inline-collapsed .c7n-menu-submenu-title .c7n-menu-submenu-arrow {
  right: 0.06rem;
}
.common-menu-right.collapsed .icon + span {
  max-width: 0;
  display: inline-block;
  opacity: 0;
}
.common-menu-right.collapsed .common-menu-right-footer .icon {
  -webkit-transform: scale(-1);
      -ms-transform: scale(-1);
          transform: scale(-1);
}
.common-menu-mask {
  z-index: 997;
  width: 100%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.48;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
.c7n-403-page {
  padding-top: 1.1rem;
  width: 8rem;
  margin: 0 auto;
  text-align: right;
  height: 100%;
}
.c7n-403-page-banner {
  width: 100%;
  height: 60%;
  background-image: url(/dis/assets/403.e243e485.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.c7n-403-page-banner-text {
  text-align: center;
  margin-top: 0.32rem;
}
.c7n-403-page-banner-text > span {
  font-weight: 400;
  font-size: 24px;
  color: #000;
  text-align: right;
  margin-right: 0.1rem;
}
.c7n-403-page-banner-text button {
  line-height: 0.24rem;
  top: -0.04rem;
}
.c7n-403-page-banner-text button > span {
  color: #3F51B5;
}

.page-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  position: absolute;
  width: 100%;
  height: 100%;
}
.page-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-height: 40px;
  line-height: 39px;
  border-bottom: 1px solid #d3d3d3;
  background-color: #fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 24px;
}
.page-head .back-btn {
  color: #3F51B5;
  margin: 0 3px 0 -12px;
  vertical-align: middle;
}
.page-head-title {
  color: #000;
  font-size: 18px;
  line-height: 40px;
  padding-right: 70px;
}
.page-head-icon {
  font-size: 18px;
  vertical-align: text-bottom;
}
.page-head .c7n-btn:not(.back-btn),
.page-head .c7n-pro-btn:not(.back-btn) {
  font-weight: 500 !important;
  padding: 0 10px;
  line-height: 28px;
  height: 28px;
  color: #3f51b5;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-head .c7n-btn:not(.back-btn)[disabled],
.page-head .c7n-pro-btn:not(.back-btn)[disabled] {
  color: rgba(0, 0, 0, 0.26);
}
.page-head .c7n-btn:not(.back-btn) + .c7n-btn,
.page-head .c7n-pro-btn:not(.back-btn) + .c7n-btn,
.page-head .c7n-btn:not(.back-btn) + .c7n-pro-btn,
.page-head .c7n-pro-btn:not(.back-btn) + .c7n-pro-btn {
  margin-left: 20px;
}
.page-head .c7n-btn:not(.back-btn) .icon,
.page-head .c7n-pro-btn:not(.back-btn) .icon {
  margin-right: 2px;
}
.page-head .c7n-btn:not(.back-btn) .icon + span,
.page-head .c7n-pro-btn:not(.back-btn) .icon + span {
  margin-left: 0;
}
.blank {
  margin-bottom: 122px;
}
.page-head + div,
.page-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: auto;
  margin: 0 !important;
  position: relative;
}
.page-content {
  padding: 20px 24px;
}
.sidebar-content {
  overflow: visible;
  padding: 0;
}
.page-content-header {
  display: block;
  max-width: 512px;
}
.page-content-header .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 10px;
}
.page-content-header .description {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 24px;
}
.page-content-header .description span,
.page-content-header .description a {
  color: #3F51B5;
  cursor: pointer;
}
.page-content-header .description a:link {
  text-decoration: none;
}
.page-content-header .description a:hover {
  text-decoration: underline;
}
.page-content-header .description a:visited {
  text-decoration: none;
}
.page-content-header .description .icon {
  font-size: inherit;
}

.spin-container {
  display: inherit;
  text-align: center;
  font-size: 24px;
}
.spin-hidden {
  display: none;
}

/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */
.c7n-404-page {
  padding-top: 1.1rem;
  width: 8rem;
  margin: 0 auto;
  text-align: right;
  height: 100%;
}
.c7n-404-page-banner {
  width: 100%;
  height: 60%;
  background-image: url(/dis/assets/404.985b49e2.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.c7n-404-page-banner-text {
  text-align: center;
  margin-top: 0.32rem;
}
.c7n-404-page-banner-text > span {
  font-weight: 400;
  font-size: 24px;
  color: #000;
  text-align: right;
  margin-right: 0.1rem;
}
.c7n-404-page-banner-text button {
  line-height: 0.24rem;
  top: -0.04rem;
}
.c7n-404-page-banner-text button > span {
  color: #3F51B5;
}

.wrap-tabs {
  height: 100%;
}
.wrap-tabs .c7n-tabs-content {
  height: 100%;
}
.wrap-tabs .c7n-tabs-content .c7n-tabs-tabpane {
  height: 100%;
}
.wrap-tabs > .c7n-tabs-bar {
  position: absolute;
  top: 64px;
  width: calc(100% - 48px);
  z-index: 2;
  margin-left: 24px;
  margin-right: 24px;
}
.hasHeader > .c7n-tabs-bar {
  top: 104px !important;
}

.c7n-iam-status-tag {
  width: 0.4rem;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  border-radius: 2px;
  text-align: center;
  line-height: 16px;
  white-space: nowrap;
}
.c7n-iam-status-tag > span {
  vertical-align: middle;
}
.c7n-iam-status-tag div {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.c7n-iam-status-tag-with-icon {
  color: #000;
}
.c7n-iam-status-tag-with-icon > span {
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: calc(100% - 24px);
  display: inline-block;
  overflow: hidden;
}
.c7n-iam-status-tag-with-icon i {
  padding-right: 6px;
  vertical-align: middle;
}
.c7n-iam-status-tag-with-icon .icon-check_circle {
  color: #00bfa5;
}
.c7n-iam-status-tag-with-icon .icon-remove_circle {
  color: #d3d3d3;
}
.c7n-iam-status-tag-with-icon .icon-state_over,
.c7n-iam-status-tag-with-icon .icon-watch_later {
  color: #ffb100;
}
.c7n-iam-status-tag-with-icon .icon-cancel {
  color: #f44336;
}
.c7n-iam-status-tag-with-icon .icon-timelapse {
  color: #4f90fe;
}
.c7n-iam-status-tag-with-icon .icon-timer {
  color: #ffb100;
}

.page-breadcrumb {
  height: 64px;
  max-height: 64px;
  min-height: 64px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-left: 24px;
  padding-right: 24px;
}
.page-breadcrumb span:last-child span:first-child {
  color: rgba(0, 0, 0, 0.87);
}
.page-breadcrumb .c7n-breadcrumb-separator {
  font-size: 20px;
}
.page-breadcrumb .c7n-breadcrumb-link {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.65);
  line-height: 28px;
}
.page-breadcrumb .c7n-breadcrumb-link a {
  color: rgba(0, 0, 0, 0.65) !important;
}
.page-breadcrumb .c7n-breadcrumb-link a:hover {
  color: rgba(0, 0, 0, 0.87) !important;
}
.page-breadcrumb .title {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.87) !important;
  line-height: 28px;
}
.page-breadcrumb .title a {
  color: rgba(0, 0, 0, 0.87) !important;
}
.page-breadcrumb .icon {
  margin-top: -0.04rem;
}

.spin-container {
  display: inherit;
  height: 100vh;
  width: 100vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 24px;
}