@charset "UTF-8";
/**
 Sass函数--颜色函数--HSL函数：https://www.sass.hk/skill/sass25.html
 Scss转换：https://www.sassmeister.com
*/

/* 文字基本颜色*/
:root {
    --base-color: #00bfbf;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
}

.draggable-element.selected {
    box-shadow: 0 0 5px #59ffff;
}

.component-list ul li:not(.disabled):hover {
    background: #8cffff;
    color: #00f2f2 !important;
}

.component-list ul li:not(.disabled):hover i {
    color: #00f2f2 !important;
}

.component-list ul li:not(.disabled):hover span:last-child {
    color: #00f2f2;
}

.border-color-light-9 {
    border-color: #d1f8f8 !important;
}

.bg-color-light-9 {
    background: #d1f8f8 !important;
}

.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-item a:hover {
    background-color: rgba(0, 191, 191, 0.08) !important;
}

.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-tree > .layui-this > .second-selected-nav {
    background-color: rgba(0, 191, 191, 0.08) !important;
}

.layui-layout-admin .second-nav .layui-side-scroll .layui-nav-child dd.layui-this .layui-left-nav {
    background-color: rgba(0, 191, 191, 0.08);
}