#app, body, html {width: 100%;height: 100%;font-size: 12px;}
a {color: #333;text-decoration: none;}
a:hover, a:focus {color: #000;text-decoration: none;}
a:link {text-decoration: none;}
a:-webkit-any-link {text-decoration: none;}
a,button,input,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing: border-box;outline:none !important; -webkit-appearance: none;}
* {margin: 0;padding: 0;box-sizing: border-box;outline: none;}


/* 覆盖element-plus样式 */
.el-menu {border: none!important;}
.el-menu .el-menu-item a {color: inherit;text-decoration: none;display: block;width:100%;height:100%;position: absolute;top:0px;left:0px;}
.el-menu-item, .el-submenu__title,.el-submenu .el-menu-item{height: 38px;line-height: 38px;font-size: 12px;}
.el-submenu__title *{font-size: 12px;}
.el-form-item-msg {font-size: 12px;color: #999;clear: both;width: 100%;}
.el-container {height: 100%;}
.el-aside {border-right: 1px solid #e6e6e6;background: #fff;}
.el-header {background: #fff;border-bottom: 1px solid #e6e6e6;padding:13px 15px;display: flex;justify-content: space-between;align-items: center;}
.el-header .left-panel {display: flex;align-items: center;}
.el-header .right-panel {display: flex;align-items: center;}
.el-header .right-panel > * + * {margin-left:10px;}
.el-footer {background: #fff;border-top: 1px solid #e6e6e6;padding:0px 10px;}
.el-main {padding:10px;}
.el-main.nopadding {padding:0;background: #fff;}
.el-drawer__body {overflow: auto;padding:0;}
.el-popconfirm__main {margin: 14px 0;}
.el-card__header {border-bottom: 0;font-size: 17px;font-weight: bold;padding:15px 20px 0px 20px;}
.el-dialog__title {font-size: 17px;font-weight: bold;}
.el-drawer__header>:first-child {font-size: 17px;font-weight: bold;}
.el-tree.menu .el-tree-node__content {height:36px;}
.el-tree.menu .el-tree-node__content .el-tree-node__label .icon {margin-right: 5px;}
.el-progress__text {font-size: 12px!important;}
.el-progress__text i {font-size: 14.4px!important;}
.el-step.is-horizontal .el-step__line {height:1px;}
.el-step__title {font-size: 14px;}
.drawerBG {background: #f6f8f9;}
.el-button+.el-dropdown {margin-left: 10px;}
.el-button-group+.el-dropdown {margin-left: 10px;}
.el-tag+.el-tag {margin-left: 10px;}
.el-button-group+.el-button-group {margin-left: 10px;}
.el-tabs__nav-wrap::after {height: 1px;}
.el-table th.is-sortable {transition: .1s;}
.el-table th.is-sortable:hover {background: #eee;}
.el-table .el-table__body-wrapper {background: #f6f8f9;}
.el-col .el-card {margin-bottom: 15px;}
.el-main {flex-basis: 100%;}
.el-main > .scTable .el-table--border::before {display: none;}
.el-main > .scTable .el-table--border::after {display: none;}
.el-main > .scTable .el-table--border .el-table__inner-wrapper::after {display: none;}
.el-main > .scTable .el-table__border-left-patch {display: none;}
.el-main > .scTable .el-table--border .el-table__inner-wrapper tr:first-child td:first-child {border-left: 0;}
.el-main > .scTable .el-table--border .el-table__inner-wrapper tr:first-child th:first-child {border-left: 0;}
.el-table.el-table--large {font-size: 14px;}
.el-table {font-size: 13px;}
.el-tabs__item{height: 35px; line-height: 35px;}
.el-radio__label,.el-dropdown-link{font-size: 12px;}
.el-tabs__item.is-active{color: #0d84ff;}
.el-submenu__title{border-radius: 5px;}

/* 动态值 */
.el-button--default:active, .el-button--default.is-plain:active {border-color: var(--el-color-primary-darken-1, #0d84ff);color: var(--el-color-primary-darken-1, #0d84ff);}
.el-button--text:focus, .el-button--text:hover {color: var(--el-color-primary-light-2);border-color: transparent;background-color: transparent;}
.aminui-side .el-menu-item.is-active {background: var(--el-color-primary-light-9);color: var(--el-color-primary)!important;}


.aminui-side-split li.active {background-color: var(--el-color-primary);}
.adminui-tags li:hover {background-color: var(--el-color-primary-light-9);}
.adminui-tags li.active {background-color: var(--el-color-primary)!important;}
.contextmenu li:hover {background-color: var(--el-color-primary-light-9)!important;color: var(--el-color-primary-light-2)!important;}
.data-box .item-background {background-color: var(--el-color-primary)!important;}
.layout-setting,.diy-grid-setting {background-color: var(--el-color-primary)!important;}


/* api 头部 */
.fyt-api-container{height: calc(100vh - 60px);}
.headmenus {display: flex;height: 28px;padding: 1px; border-radius: 5px;align-items: center;  }
.group-wall{padding:8px;}
.btn-bar{
    background-color: #f1f1f1;border-radius: 5px;
    padding:8px;text-align: center;cursor: pointer;margin-bottom: 10px;border:1px solid #f1f1f1;}
.btn-bar span{
    display: inline-block; width:30px;height: 30px;border-radius: 50px; background-color: #babfc3;
    color: #fff; line-height: 30px; font-size: 14px;}
.btn-bar .group-name{margin-top: 3px;}
.btn-bar.active,.btn-bar:hover{background-color: #ecf5ff;border:1px solid #83c0ff;}
.btn-bar.active span,.btn-bar:hover span{background-color: #83c0ff;}
.btn-bar.active .group-name,.btn-bar:hover .group-name{ color: #409eff;}
.api-scale{padding:8px;}
.api-search{display: flex;justify-content: space-between; align-items: center; position: relative; padding-bottom: 10px;}
.api-search::after{display: block; content: ''; height: 1px;  position: absolute;
    left:2%; right:2%; background-color: #e6e7e8; bottom: 0px;}
.api-search .input-search{flex: 1; margin-right: 10px;}
.api-menu{padding:10px 5px; font-size: 12px;}
.method{display: inline-block; margin-right: 5px; color: #df7b07;}
.method.get{color: #2ba58f;}
.method.del{color: #ff4c4c;}
.method.put{color: #5292f7;}
.api-menu{height: calc(100vh - 120px);overflow: auto;}
.api-menu .el-menu-item.is-active{color: #303133;}
.api-menu .el-submenu__icon-arrow{left:5px; right: auto;top:54%;}
.api-menu .el-submenu .el-menu-item{position: relative; border-radius: 5px;}
.api-menu .el-submenu .el-menu-item::before{display: block;content: ''; width:2px; background-color: #e6e7e8;height: 38px;
    position: absolute; left:10px;}
.el-tabs__item{font-size: 12px;}
.api-header{background-color: #eff4fd; padding:8px 12px; border-radius: 5px;}
.api-post-wall{display: flex; margin-top: 10px;}
.api-post-wall .el-button{position: relative;top:3px; height: 40px;}
.api-post-bg{flex: 1; background-color: #d9e4f5; padding:5px; border-radius: 5px; margin-right: 10px; display: flex;justify-content: space-between; align-items: center;}
.api-post-bg .select{width:100px;}
.api-post-bg .input{ flex: 1; margin-left: 5px;}
.api-request{padding:10px 2px;}
.el-footer{height: 40% !important; position: relative;}
.response-status{position: absolute; right: 10px; top:15px; display: flex;}
.response-status div{padding:0 15px;}
.response-status div span{color: #3cc071; font-weight: bold; padding-left:3px;}
.response-status div span.red{color: #ad053d}
.body-raw{height: 30px;; display: flex;justify-content: space-between; align-items: center;}
.body-main{padding:10px 0;}
.body-json{display: flex;}
.body-json .source{margin-right: 20px; flex: 1;}
.body-json .source textarea{height:30vh !important;}
.body-json .el-tabs--left .el-tabs__header.is-left{margin-top:10%;}
.body-main .empty{padding:20px; text-align: center; color: #999999;}
.textarea-body .el-textarea__inner{min-height: 100% !important;}
.response-headers{height: 30vh; overflow: auto; }
.el-descriptions{font-size:12px; margin-bottom: 15px;}
.el-descriptions__title{font-size: 14px;}
.el-descriptions th{width:200px;}
.el-dialog__body{padding:10px 20px;}
.el-badge__content.is-fixed.is-dot{right:-5px;}
.el-badge__content.is-fixed{top:19px}

.return-main{ display: flex;}
.return-main .el-textarea{flex: 1; margin-right: 20px; height: 26vh !important;}
.return-main .return-summary{ width:40%;}




.dark,.dark .el-header,.dark .el-button{background-color: #21252b; color: #d0d0d0;}
.dark .el-header{    border-bottom: 1px solid #39393d;}
.dark .api-header{background-color: #363c47;}
.dark .el-alert--success.is-light{background-color: #323232;}
.dark .api-post-bg{background-color: #000;}
.dark .el-input__inner,.dark textarea,.dark .el-radio__inner,.dark .el-checkbox__inner{background-color: #282c34;border: 1px solid #39393d; color: #d0d0d0;}
.dark .el-tabs__item,.dark .el-radio__label,.dark .el-dropdown-link{color: #d0d0d0;}
.dark .el-tabs__item.is-active{color: #0d84ff;}
.dark .el-footer{ background-color: #282c34;border-top: 1px solid #39393d;}
.dark .el-tabs__nav-wrap::after,.dark .api-search::after,.dark .api-menu .el-submenu .el-menu-item::before{background-color: #39393d;}
.dark .el-table,.dark .el-table th.el-table__cell,.dark .el-table .el-table__body-wrapper,.dark .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell
,.dark .el-table--enable-row-hover .el-table__body tr>td.el-table__cell { background: #282c34;color: #d0d0d0;border-bottom: 1px solid #39393d}
.dark .el-table--border .el-table__cell{border-right: 1px solid #39393d}
.dark .el-table--border::after,.dark .el-table--group::after,.dark .el-table::before{    background-color: #39393d;}
.dark .el-table--border,.dark .el-table--group,.dark .el-button{border: 1px solid #39393d;}
.dark .el-aside{border-right: 1px solid #39393d;background: #21252b;}
.dark .el-menu{background-color: #21252b;color: #d0d0d0;}
.dark .api-menu .el-menu-item.is-active,.dark .el-submenu__title,.dark .el-menu-item{ color: #d0d0d0;}
.dark .el-menu-item:focus,.dark .el-menu-item:hover,.dark .el-submenu__title:focus,.dark .el-submenu__title:hover{background-color: rgba(40, 44, 52,1);}
.dark .el-select-dropdown,.dark .el-dropdown-menu{background-color: #282c34;border: 1px solid #39393d;}
.dark .el-select-dropdown__item.hover,.dark .el-select-dropdown__item:hover
,.dark .el-dropdown-menu__item:focus,.dark .el-dropdown-menu__item:not(.is-disabled):hover {background-color: #21252b;}
.dark .el-descriptions__title{ color: #d0d0d0; }
.dark .el-descriptions-item__label.is-bordered-label
,.dark .el-descriptions .is-bordered .el-descriptions-item__cell{background-color: #282c34;border: 1px solid #39393d;}
.dark .el-dialog{background-color: #2b2b2b;}
.dark .el-dialog__title{color: #d0d0d0; }
.dark .el-button--primary {color: #fff; background-color: #0d84ff}
.dark .el-loading-mask {background-color: rgba(0,0,0,0.5);}
.dark .el-icon-delete{color: #ad053d}
.dark .el-badge__content{border: 1px solid #F56C6C;}

.dark .btn-bar{background-color: #282c34;border: 1px solid #282c34;}
.dark .btn-bar.active{background-color: #0c0c0c;border: 1px solid #0c0c0c;}
.dark .btn-bar span{background-color: #000;color: #d0d0d0;}
.dark .btn-bar.active span{color: #d0d0d0;background-color: #383e4a;}


.dark ::placeholder {color: #5c5c5c;}

::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background-color: #f6f8f9;
}
::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: #f6f8f9;
}
::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: #d9e4f5;
}


.dark ::-webkit-scrollbar
{
    width: 8px;
    height: 8px;
    border-radius: 10px;
    background-color: #21252b;
}
.dark ::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #21252b;
}
.dark ::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #4b4f57;
}