@font-face {
    font-family: "BLUETTIRegular";
    src: url("/webjars/fonts/BLUETTI2.0-Normal.otf") format('opentype');
}
@font-face {
    font-family: "BLUETTIMedium";
    src: url("/webjars/fonts/BLUETTI2.0-Medium.otf") format('opentype');
}
@font-face {
    font-family: "BLUETTIBold";
    src: url("/webjars/fonts/BLUETTI2.0-Bold.otf") format('opentype');
}

:root {
    --main-color: #2997FF;
    --main-color-1: #2F81FF;
    --white-color: #FFFFFF;
    --blue-color: #0066CC;
    --black-color: #333333;
    --black-color-1: #1D1D1F;
    --black-color-2: #333336;
    --black-color-3: #5E5E64;
    --black-color-4: #010101;
    --grey-color: #F2F2F2;
    --grey-color-1: #F5F5F7;
    --grey-color-2: #ADADAD;
    --grey-color-3: #5E5E64;
    --grey-color-4: #E4E5E7;
    --grey-color-5: #D8D8D8;
    --grey-color-6: #ADADB3;
    --grey-color-7: #F9F9FB;
    --grey-color-8: #FAFBFB;
    --green-color: #119833;
    --green-color-2: rgba(52,199,89,0.1);
    --green-color-3: rgba(52,199,89,0.4);
    /*  状态  */
    --status-primary: var(--main-color);
    --status-info: var(--grey-color-2);
    --status-success: #34C759;
    --status-warning: #FF9500;
    --status-danger: #F53F3F;
    /* 表头 */
    --table-header-color: rgba(41, 151, 255, 0.04);
    --table-header-color-1: rgba(41, 151, 255, 0.10);
}

*  {
    padding: 0;
    margin: 0;
}

html, body, #app, .el-container {
    height: 100%;
}

html, body {
    width: 100%;
    padding: 0;
    margin: 0 auto;
}
body {
    font-family: BLUETTIRegular, sans-serif;
    font-size: 14px;
}

img {
    outline-style: none;
    border: 0;
}

li {
    list-style: none;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.el-header-item-container {
    height: inherit;
}

/* header: 用户图像及操作菜单 */
#header-user-dropdown, #header-user-dropdown > div {
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
#header-user-dropdown img {
    /*width: 40px;*/
    /*margin: auto 5px;*/
}
#header-user-dropdown .el-dropdown {
    cursor: pointer;
}
#header-user-dropdown .el-icon-arrow-down {
    font-size: 14px;
}

/* sidebar: 用户图像及操作菜单 */
#main-sidebar {
    height: 100%;
}

/*公用类*/
.bt-mi-flex {
    display: flex;
}
.bt-mi-flex-1 {
    flex: 1;
}
.bt-mi-flex__direction-column {
    flex-direction: column;
}
.bt-mi-flex--wrap {
    flex-wrap: wrap;
}
.bt-mi-flex--center {
    display: flex;
    align-items: center;
    justify-content: center;
}
.bt-mi-flex--center-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.bt-mi-flex__align-start {
    align-items: flex-start;
}
.bt-mi-flex__align-center {
    align-items: center;
}
.bt-mi-flex__align-end {
    align-items: flex-end;
}
.bt-mi-flex__justify-start {
    justify-content: flex-start;
}
.bt-mi-flex__justify-center {
    justify-content: center;
}
.bt-mi-flex__justify-between {
    justify-content: space-between;
}
.bt-mi-flex__justify-around {
    justify-content: space-around;
}
.bt-mi-flex__justify-end {
    justify-content: flex-end;
}
/*定位*/
.bt-mi-pos--relative{
    position: relative;
}

/* logo */
.bluetti-logo {
    width: 248px;
    height: 50px;
    background-image: url('/webjars/global/logo/logos.png');
    background-repeat: no-repeat;
}
/* 浅色 */
.bluetti-logo__white--common {
    background-position: 0 0;
}
.bluetti-logo__white--dev {
    background-position: 0 -62px;
}
.bluetti-logo__white--test {
    background-position: 0 -124px;
}
.bluetti-logo__white--uat {
    background-position: 0 -186px;
}
.bluetti-logo__white--sandbox {
    background-position: 0 -248px;
}
/* 正方形logo */
.bluetti-logo__white--square {
    width: 138px;
    height: 138px;
    background-position: -520px -138px;
}
/* 深色 */
.bluetti-logo__black--common {
    background-position: -260px 0;
}
.bluetti-logo__black--dev {
    background-position: -260px -62px;
}
.bluetti-logo__black--test {
    background-position: -260px -124px;
}
.bluetti-logo__black--uat {
    background-position: -260px -186px;
}
.bluetti-logo__black--sandbox {
    background-position: -260px -248px;
}
/* 正方形logo */
.bluetti-logo__black--square {
    width: 138px;
    height: 138px;
    background-position: -520px 0;
}
/* 单个三角形logo */
.bluetti-logo__black--triangle {
    width: 48px;
    height: 48px;
    background-position: -670px -48px;
}
.bluetti-logo__blue--triangle {
    width: 48px;
    height: 48px;
    background-position: -670px -96px;
}

/*******************  全局中台css基础样式  *******************/

/* 字体大小 */
.bt-font-12 {
    font-size: 12px;
}
.bt-font-14 {
    font-size: 14px;
}
.bt-font-16 {
    font-size: 16px;
}
.bt-font-18 {
    font-size: 18px;
}
.bt-font-20 {
    font-size: 20px;
}
.bt-font-bold {
    font-weight: bold;
}

/* 字体颜色 */
.bt-font-color-main {
    color: var(--main-color-1);
}
.bt-font-color-danger {
    color: var(--status-danger);
}
.bt-font-color-warning {
    color: var(--status-warning);
}

/** 宽/高度 */
.bt-mi-w-50 {
    width: 50%;
}
.bt-mi-w-100 {
    width: 100%;
}
.bt-mi-wh-50 {
    width: 50px;
    height: 50px;
}
.bt-mi-wh-100 {
    width: 100px;
    height: 100px;
}

/* 间距 */
.bt-mi-mt-0 {
    margin-top: 0;
}
.bt-mi-mt-4 {
    margin-top: 4px;
}
.bt-mi-mt-6 {
    margin-top: 6px;
}
.bt-mi-mt-8 {
    margin-top: 8px;
}
.bt-mi-mt-10 {
    margin-top: 10px;
}
.bt-mi-mt-12 {
    margin-top: 12px;
}
.bt-mi-mt-14 {
    margin-top: 14px;
}
.bt-mi-mt-16 {
    margin-top: 16px;
}
.bt-mi-mb-0 {
    margin-bottom: 0;
}
.bt-mi-mb-4 {
    margin-bottom: 4px;
}
.bt-mi-mb-6 {
    margin-bottom: 6px;
}
.bt-mi-mb-8 {
    margin-bottom: 8px;
}
.bt-mi-mb-10 {
    margin-bottom: 10px;
}
.bt-mi-mb-12 {
    margin-bottom: 12px;
}
.bt-mi-mb-14 {
    margin-bottom: 14px;
}
.bt-mi-mb-16 {
    margin-bottom: 16px;
}
.bt-mi-mb-24 {
    margin-bottom: 24px;
}
.bt-mi-mb-40 {
    margin-bottom: 40px;
}
.bt-mi-ml-0 {
    margin-left: 0;
}
.bt-mi-ml-4 {
    margin-left: 4px;
}
.bt-mi-ml-6 {
    margin-left: 6px;
}
.bt-mi-ml-8 {
    margin-left: 8px;
}
.bt-mi-ml-10 {
    margin-left: 10px;
}
.bt-mi-ml-12 {
    margin-left: 12px;
}
.bt-mi-ml-14 {
    margin-left: 14px;
}
.bt-mi-ml-16 {
    margin-left: 16px;
}
.bt-mi-mr-0 {
    margin-right: 0;
}
.bt-mi-mr-4 {
    margin-right: 4px;
}
.bt-mi-mr-6 {
    margin-right: 6px;
}
.bt-mi-mr-8 {
    margin-right: 8px;
}
.bt-mi-mr-10 {
    margin-right: 10px;
}
.bt-mi-mr-12 {
    margin-right: 12px;
}
.bt-mi-mr-14 {
    margin-right: 14px;
}
.bt-mi-mr-16 {
    margin-right: 16px;
}

/* 内间距 */
.bt-mi-p-6 {
    padding: 6px;
}
.bt-mi-p-8 {
    padding: 8px;
}
.bt-mi-p-10 {
    padding: 8px;
}
.bt-mi-p-16 {
    padding: 16px;
}
.bt-mi-p-12-16 {
    padding: 12px 16px;
}

/*圆角*/
.bt-mi-border-radius-4 {
    border-radius: 4px;
}
.bt-mi-border-radius-6 {
    border-radius: 6px;
}
.bt-mi-border-radius-8 {
    border-radius: 8px;
}
.bt-mi-border-radius-10 {
    border-radius: 10px;
}
.bt-mi-border-radius-12 {
    border-radius: 12px;
}
.bt-mi-border-radius--round {
    border-radius: 50%;
}

/*边框颜色，1-4: 1px-第四个颜色*/
.bt-mi-border__size-color--1-4 {
    border: 1px solid var(--grey-color-4);
}

/* 背景颜色 */
.bt-mi-background-black-4 {
    background-color: var(--black-color-4);
}

/*内容区*/
.bt-mi-content {
    height: calc(100% - 80px);
}

.my-notify .el-notification__group{
    width: 100% !important;
}