@charset "utf-8";
/* 左選單相關樣式 */
.plant-menu { list-style:none; margin:0; padding:0 0px; }
.plant-menu > li { position:relative; margin:4px 2px; padding:0;  }
.plant-menu > li > a { padding: 12px 41px 12px 12px; display:block; color:#333; /* background:#2a7475; */ border: 1px solid #ccc;  border-bottom:1px dotted #ddd; background-color: #f0f0f0;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;}
.plant-menu .sidebar-submenu li { position:relative; }

.plant-menu .lm-open::before { display:none; }
.plant-menu > li > a.lm-open,
.plant-menu .sidebar-submenu > li > a.lm-open { position:absolute; top:12px; right:6px; border:0; /* height:46px; */ padding:10px 4px ; display:flex; align-items:center; }
a.lm-open .icon { fill:#c4164b; width:13px; transform:rotate(180deg); margin-top:.25em; }
li.active > a.lm-open .icon,
li.active > li.active > a.lm-open .icon { transform:rotate(-90deg); }
.plant-menu .sidebar-submenu > li > a.lm-open { height:40px; }

.plant-menu > li:hover > a,
.plant-menu > li.active > a { color:#fff; background: #2f696a;}
.plant-menu > li.keep > a { color:#2F696A; background: #f3fbfb;}
.plant-menu > li.keep > a.lm-open .icon { fill:#fff; }

.plant-menu > li .label,
.plant-menu > li .badge { margin-top:3px; margin-right:5px; }
.plant-menu li > a > .fa-angle-left { width:auto; height:auto; padding:0; margin-right:10px; margin-top:3px; position:absolute; right:0; }

/*箭頭*/
/* .lm-open span { position:relative; width:20px; height:20px; line-height:20px; background:#edffe9; border-radius:50%; text-indent:100%; overflow:hidden; }
.lm-open span::before { content:""; position:absolute; top:50%; left:50%; width:6px; height:6px; margin:-3px 0 0 -3px; background:#2F696A; border-radius:50%; } */
.plant-menu .lm-open span { position:relative; width:20px; height:20px; line-height:20px; background:#c0c0c0; border-radius:50%; text-indent:100%; overflow:hidden; }
.plant-menu .lm-open span::before { top:2px; right:18px; width:2px; height:10px; margin:0; background:#FFF; border-radius:0;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);}
.plant-menu .lm-open span::after{ content:""; position:absolute; top:8px; right:8px; width:2px; height:10px; background:#FFF;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg); }
/*滑過箭頭*/
.plant-menu .lm-open:hover span,.keep .lm-open span { background:#2F696A; }
.plant-menu .lm-open:hover span::before,.keep .lm-open span::before { top:2px; right:18px; width:2px; height:10px; margin:0; background:#FFF; border-radius:0;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg); }
.plant-menu .lm-open:hover span::after,.keep .lm-open span::after { content:""; position:absolute; top:8px; right:8px; width:2px; height:10px; background:#FFF;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg); }
/*展開箭頭*/
.plant-menu .active .lm-open span { background:#2F696A; }
.plant-menu .active .lm-open span::before { left:auto; top:6px; right:6px; width:2px; height:10px; margin:0; background:#FFF; border-radius:0;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg); }
.plant-menu .active .lm-open span::after { content:""; position:absolute; top:6px; right:12px; width:2px; height:10px; background:#FFF;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg); }


.plant-menu li.active > a > .fa-angle-left { transform:rotate(-90deg); }
.plant-menu li.active > .sidebar-submenu { display:block; }
.plant-menu a { color:#333; text-decoration:none; }

.plant-menu .sidebar-submenu { display:none; margin:0; padding:0; list-style:none; /* background:#e2f1f1; */ position:relative; padding: 4px 4px;}
.plant-menu .sidebar-submenu .sidebar-submenu { background:rgba(0,0,0,.03); padding:5px;  }
.plant-menu .sidebar-submenu > li > a { padding:12px 0px 12px 12px; display:block; color:#333; border-bottom:solid 1px #ddd; }
/*第二層選單_向右箭頭*/
/* .plant-menu .sidebar-submenu > li > a::before { content:""; position:absolute; top:18px; right:24px; width:2px; height:10px; margin:0; background:#FFF; border-radius:0;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg); }
.plant-menu .sidebar-submenu > li > a::after { content:""; position:absolute; top:24px; right:24px; width:2px; height:10px; background:#FFF;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg); } */
/*第二層選單_向下箭頭*/
/* .plant-menu .sidebar-submenu > li > a::before { content:""; position:absolute; top:20px; right:28px; width:2px; height:10px; margin:0; background:#FFF; border-radius:0;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg); }
.plant-menu .sidebar-submenu > li > a::after { content:""; position:absolute; top:20px; right:22px; width:2px; height:10px; background:#FFF;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg); } */
.plant-menu .sidebar-submenu .sidebar-submenu > li > a { border-bottom:1px solid #ffffff; }
.plant-menu .sidebar-submenu > li:last-child > a,
.plant-menu .sidebar-submenu .sidebar-submenu > li:last-child > a {}
.plant-menu .sidebar-submenu > li > a > .fa { width:20px; text-indent:initial; }
.plant-menu .sidebar-submenu > li > a > .fa-angle-left,  .plant-menu .sidebar-submenu > li > a > .fa-angle-down { width:auto; }
.plant-menu .sidebar-submenu > li.active > a { color:#2F696A; }
.plant-menu .sidebar-submenu > li > a:hover { color:#2F696A; }