@charset "utf-8";
/* 左選單相關樣式 */
.sidebar-menu { list-style:none; margin:0; padding:0 0px; }
.sidebar-menu > li { position:relative; margin:0; padding:0; }
.sidebar-menu > li > a { padding:15px 40px 15px 15px; display:block; color:#333; /* background:#2a7475; */ border-bottom:1px dotted #ddd; }
.sidebar-menu .sidebar-submenu li { position:relative; }

.sidebar-menu .lm-open::before { display:none; }
.sidebar-menu > li > a.lm-open,
.sidebar-menu .sidebar-submenu > li > a.lm-open { position:absolute; top:1px; right:0; border:0; height:46px; padding:4px 15px 0 0; 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); }
.sidebar-menu .sidebar-submenu > li > a.lm-open { height:40px; }

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

.sidebar-menu > li .label,
.sidebar-menu > li .badge { margin-top:3px; margin-right:5px; }
.sidebar-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%; }
/*滑過箭頭*/
.lm-open:hover span,.keep .lm-open span { background:#2F696A; }
.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); }
.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); }
/*展開箭頭*/
.active .lm-open span { background:#2F696A; }
.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); }
.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); }


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

.sidebar-menu .sidebar-submenu { display:none; margin:0; padding:0; list-style:none; background:#e2f1f1; position:relative; padding: 0px 12px;}
.sidebar-menu .sidebar-submenu .sidebar-submenu { background:rgba(0,0,0,.03); padding:5px;  }
.sidebar-menu .sidebar-submenu > li > a { padding:15px 20px 15px 32px; display:block; color:#333; border-bottom:solid 1px #ddd; }
/*第二層選單_向右箭頭*/
/* .sidebar-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); }
.sidebar-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); } */
/*第二層選單_向下箭頭*/
/* .sidebar-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); }
.sidebar-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); } */
.sidebar-menu .sidebar-submenu .sidebar-submenu > li > a { border-bottom:1px solid #ffffff; }
.sidebar-menu .sidebar-submenu > li:last-child > a,
.sidebar-menu .sidebar-submenu .sidebar-submenu > li:last-child > a {}
.sidebar-menu .sidebar-submenu > li > a > .fa { width:20px; text-indent:initial; }
.sidebar-menu .sidebar-submenu > li > a > .fa-angle-left,  .sidebar-menu .sidebar-submenu > li > a > .fa-angle-down { width:auto; }
.sidebar-menu .sidebar-submenu > li.active > a { color:#2F696A; }
.sidebar-menu .sidebar-submenu > li > a:hover { color:#2F696A; }