.wc_tool_bar { height: 43px; background-color: #f4f4f4; border-bottom: 1px solid #ddd; }
.resizable-left > .panel > .wc_tool_bar,
.resizable-left > .panel > .panel > .wc_tool_bar { border-left: 1px solid #ddd; }
.resizable-right > .panel > .wc_tool_bar,
.resizable-right > .panel > .panel > .wc_tool_bar { border-right: 1px solid #ddd; }
.wc_tool_bar .inner { vertical-align: middle; }

/* .panel.noresize > .wc_tool_bar { flex-grow: 1; width: 100%; } */

.wc_tool_bar .items { display: flex; flex-direction: row; flex-wrap: nowrap; box-sizing: border-box; width: 100%; height: 43px; }
.wc_tool_bar .items > div { margin-left: 0px; display: flex; flex-direction: row; flex-wrap: nowrap; vertical-align: middle; position: relative; }
.wc_tool_bar .items > div.filter { flex-grow: 1; padding: 9px 5px; }

/* .wc_tool_bar .items > div.actions > div:not(:last-child) { padding-right: 5px; } */
.wc_tool_bar .items div.search { position: relative; width: 100%; padding-right: 0px; }
.wc_tool_bar .items div.search div.search-icon i { color: #888; position: absolute; top: 5px; left: 8px; }
/*.wc_tool_bar .items div.search input.search-query { display: block; box-sizing: border-box; width: 100%; height: 26px; border: 1px solid #ddd; border-radius: 15px; padding: 0 28px 0; line-height: 24px; }*/
/*.wc_tool_bar .items div.search input.search-query:focus { border-color: rgba(0,119,187,0.5); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }*/
.wc_tool_bar .items div.search div.search-input { display: flex; box-sizing: border-box; background-color: white; width: 100%; height: 26px; border: 1px solid #ddd; border-radius: 15px; padding: 0 28px 0; line-height: 24px; }
.wc_tool_bar .items div.search div.search-input:focus { border-color: rgba(0,119,187,0.5); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.wc_tool_bar .items div.search div.search-input input { background-color: white; flex-grow: 1; display: inline-block; line-height: 24px; height: 24px; width: inherit; border: none; padding: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius: 0px; }
.wc_tool_bar .items div.search div.search-input input:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.wc_tool_bar .items div.search div.search-icon ul { top: 25px; }
.wc_tool_bar .items div.search div.search-icon ul li { padding: 0px; }
.wc_tool_bar .items div.search div.search-icon ul li a { line-height: 20px; padding: 5px 10px 5px 20px; }
.wc_tool_bar .items div.search div.search-icon ul li.active a { color: white; }
.wc_tool_bar .items div.search div.search-icon ul li.active:hover a { color: #444; }
.wc_tool_bar .items div.search div.search-pill { padding: 0px 5px; border-radius: 5px; color: white; background-color: #aaa; display: inline; margin: 2px 5px 2px 0px; line-height: 20px; font-size: 12px; white-space: nowrap; }
.wc_tool_bar .items .collection-bar-placeholder { width: 100%; }
.wc_tool_bar .items .search a { text-decoration: none; color: #000; }
.wc_tool_bar .items .search i.search,
.wc_tool_bar .items .search i.search-drop { position: absolute; top: 5px; left: 8px; }
.wc_tool_bar .items .search i.search-drop { cursor: pointer; }
.wc_tool_bar .items .search a.remove { position: absolute; right: 8px; color: #555; opacity: 0.85; line-height: 25px; }
.wc_tool_bar .items .search a.remove:hover { opacity: 1; }
.wc_tool_bar .items .search a.remove i { position: relative; top: -1px; }
.wc_tool_bar .items .pill { margin-top: 1px;  vertical-align: middle; text-align: center; cursor: pointer; padding-left: 5px; padding-right: 0px; }
.wc_tool_bar .items .pill .count { background-color: #08c; color: #fff; font-style: italic; font-weight: bold; border-radius: 15px; line-height: 24px; padding: 0 10px 0 10px; float: left; }

.wc_tool_bar .panel.dropdown-menu { position: absolute; }

.wc_tool_bar .items ul.dropdown-menu.viewsettings { padding: 0px; }
.wc_tool_bar .items ul.dropdown-menu.viewsettings li.active a { color: #fff; }
.wc_tool_bar .items ul.dropdown-menu.viewsettings li.active.on a:hover { background-color: #0081c2; }

/* .wc_tool_bar .items .btn { background: #fff; border: 1px solid #ddd; border-radius: 4px; outline: none; padding: 2px; }
.wc_tool_bar .items .btn a { display: block; border-radius: 2px; height: 16px; }
.wc_tool_bar .items .btn a:hover { text-decoration: none; }
.wc_tool_bar .items .btn-group .btn a { padding: 2px 0px 2px 4px; }
.wc_tool_bar .items .btn-single .btn a { padding: 2px; }
.wc_tool_bar .items .btn.dropdown-toggle i { display: inline-block; }
.wc_tool_bar .items .btn a:hover { background-color: #def; }
.wc_tool_bar .items .btn.selected a { background-color: #08c; }
.wc_tool_bar .items .btn.selected a:hover { background-color: #08c; } */

.wc_tool_bar .items .tb-btn { position: relative; }
.wc_tool_bar .items .tb-btn > a { display: block; height: 43px; width: 44px; font-size: 16px; line-height: 43px; text-align: center; text-decoration: none; color: #555; cursor: pointer; }
.wc_tool_bar .items .tb-btn > a:hover { background-color: #def; }
.wc_tool_bar .items .tb-btn.selected > a,
.wc_tool_bar .items .tb-btn.open > a { background-color: #08c; color: #fff; }
.wc_tool_bar .items ul.dropdown-menu li.selected a { background-color: #08c; color: #fff; }

.wc_tool_bar .items .tb-btn.disabled > a { opacity: 0.3; background-color: inherit; cursor: inherit; }
.wc_tool_bar .items .tb-btn.disabled > a i { color: #555; }

.wc_tool_bar .items .tb-btn.btn-group { display: flex; }
.wc_tool_bar .items .tb-btn.btn-group.btn-drop > a i.drop { display: none; }
.wc_tool_bar .items .tb-btn.btn-group.btn-drop:hover > a i.drop,
.wc_tool_bar .items .tb-btn.btn-group.btn-drop.open > a i.drop { display: block; position: absolute; top: 15px; right: 2px; font-size: 12px; }

.wc_tool_bar .items .tb-btn.menu.open > a > i { background-position: -1232px -32px; }

.wc_tool_bar .items > .expand-left ul.dropdown-menu { left: auto; right: 0px; float: right; }
.wc_tool_bar .items > .expand a.expander { visibility: hidden; display: block; line-height: 43px; width: 22px; text-decoration: none; color: #444; text-align: center; }
.wc_tool_bar .items > .expand a.expander:hover { background-color: #def; }
.wc_tool_bar .items:hover > .expand a.expander { visibility: visible; }

.wc_tool_bar .items .btn-group > a.dropdown-toggle { width: 32px; border-radius: 0px; position: relative; }
.wc_tool_bar .items .btn-group > a.dropdown-toggle::before { content: ""; position: absolute; top: 8px; bottom: 8px; left: -1px; width: 0; border-left: 1px solid rgba(0,0,0,0.05); border-right: 1px solid rgba(255,255,255,0.15); cursor: pointer; }

.wc_tool_bar .items div.dropdown-menu { display: none; margin-top: 0px; border-top: none; border-bottom: none; border-left: 4px solid #08c; padding-right: 0px; width: 200px; }
.wc_tool_bar .items div.dropdown-menu.panel { overflow-y: hidden; top: 43px; }
.wc_tool_bar .items div.dropdown-menu div.panel { border-top: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.wc_tool_bar .items div.dropdown-menu div.panel,
.wc_tool_bar .items div.dropdown-menu div.panel .toolbar,
.wc_tool_bar .items div.dropdown-menu div.panel .toolbar .items { padding-right: 0px; } 
.wc_tool_bar .items div.dropdown-menu div.panel .toolbar { display: block; }
.wc_tool_bar .items div.dropdown-menu div.panel div.cpath_ui { padding-right: 0px; display: block; width: 200px; }
.wc_tool_bar .items div.dropdown-menu div.panel .simple_list { display: block; max-height: 250px; padding-right: 0px; }
.wc_tool_bar .items ul.dropdown-menu { border: none; margin: 0px; max-height: 400px; overflow: auto; word-spacing: normal; z-index: 7000; }
.wc_tool_bar .items li.dropdown-submenu ul.dropdown-menu { max-height: 200px; overflow: auto; }
.wc_tool_bar .items ul.dropdown-menu>li:not(.selected)>a:hover, 
.wc_tool_bar .items ul.dropdown-menu>li:not(.selected)>a:focus, 
.wc_tool_bar .items li.dropdown-submenu:not(.selected):hover>a, 
.wc_tool_bar .items li.dropdown-submenu:not(.selected):focus>a { color: #444; background-color: #def; background-image: none; }
.wc_tool_bar .items ul.dropdown-menu img.icon { width: 16px; position: relative; left: -8px; }
.wc_tool_bar .items ul.dropdown-menu li i { display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; font-size: 16px; }
.wc_tool_bar .items ul.dropdown-menu li a { line-height: 44px; }
.wc_tool_bar .items ul.dropdown-menu li div.img { display: inline-block; width: 44px; height: 44px; }
.wc_tool_bar .items ul.dropdown-menu li div.img > img { width: 16px; }

.wc_tool_bar .items ul.dropdown-menu li a.unapproved { line-height: 20px; color: #08c; text-decoration: underline; }

.wc_tool_bar .items ul.dropdown-menu li.text { padding: 5px; background-color: #f4f4f4; font-size: 12px; font-style: italic; color: #888; }

.wc_tool_bar .items ul.dropdown-menu li.toggle { padding: 5px; }
.wc_tool_bar .items ul.dropdown-menu li.toggle div.toggle-pill { display: inline-block; padding: 0px 10px; margin-right: 5px; border-radius: 5px; background-color: #eee; cursor: pointer; opacity: 0.85; }
.wc_tool_bar .items ul.dropdown-menu li.toggle div.toggle-pill:hover { opacity: 1; }
.wc_tool_bar .items ul.dropdown-menu li.toggle div.toggle-pill.selected { background-color: #09d; opacity: 1; color: #fff; }

.wc_tool_bar .items ul.dropdown-menu { border: none; margin: 0px; overflow: hidden; top: 44px; }
.wc_tool_bar .items li.dropdown-submenu ul.dropdown-menu { max-height: 200px; overflow: auto; }
.wc_tool_bar .items ul.dropdown-menu>li:not(.selected)>a:hover, 
.wc_tool_bar .items ul.dropdown-menu>li:not(.selected)>a:focus, 
.wc_tool_bar .items li.dropdown-submenu:not(.selected):hover>a, 
.wc_tool_bar .items li.dropdown-submenu:not(.selected):focus>a { background-color: #def; background-image: none; }
.wc_tool_bar .items ul.dropdown-menu img.icon { width: 16px; position: relative; left: -8px; }

.wc_tool_bar .items ul.dropdown-menu li a { padding: 0px 10px 0px 0px; color: #555; }
.wc_tool_bar .items ul.dropdown-menu li a > div { height: 32px; width: 44px; font-size: 24px; text-align: center; display: inline-block; }
.wc_tool_bar .items ul.dropdown-menu li a > div > i { display: relative; top: -1px; }
.wc_tool_bar .items ul.dropdown-menu li a > span { padding: 0px; }

.wc_tool_bar .items ul.dropdown-menu li.disabled { opacity: 0.5; }
.wc_tool_bar .items ul.dropdown-menu li.disabled>a:hover,
.wc_tool_bar .items ul.dropdown-menu li.disabled>a:focus { background-color: inherit; cursor: auto; }
.wc_tool_bar .items ul.dropdown-menu li.disabled>a:hover i,
.wc_tool_bar .items ul.dropdown-menu li.disabled>a:focus i { color: #555; }

.wc_tool_bar .items ul.dropdown-menu li a.lockable { padding-right: 0px; }
.wc_tool_bar .items ul.dropdown-menu li a.lockable > span { margin-right: 44px; }
.wc_tool_bar .items ul.dropdown-menu li a.lockable i.lock { position: absolute; right: 0px; top: 0px; display: none; opacity: 1; }
.wc_tool_bar .items ul.dropdown-menu li a.lockable.locked i.lock,
.wc_tool_bar .items ul.dropdown-menu li a.lockable:hover i.lock { display: block; }
.wc_tool_bar .items ul.dropdown-menu li a.lockable:not(.locked):hover i.lock:hover { color: #555; }
.wc_tool_bar .items ul.dropdown-menu li a.lockable.locked i.lock { color: #08c; }

/* .wc_tool_bar .items a.approve-all,
.wc_tool_bar .items a.approve-general,
.wc_tool_bar .items a.approve-order { background-color: #51a351; }
.wc_tool_bar .items a.approve-all:hover,
.wc_tool_bar .items a.approve-general:hover,
.wc_tool_bar .items a.approve-order:hover { background-color: #5bb75b; }
.wc_tool_bar .items a.action-preview { background-color: #ffcc00; }
.wc_tool_bar .items a.action-preview:hover { background-color: #ffda2c; }
.wc_tool_bar .items a.save-all,
.wc_tool_bar .items a.save-order,
.wc_tool_bar .items a.save { background-color: #f89406; }
.wc_tool_bar .items a.save-all:hover,
.wc_tool_bar .items a.save-order:hover,
.wc_tool_bar .items a.save:hover { background-color: #faa732; }
.wc_tool_bar .items a.cancel-all,
.wc_tool_bar .items a.cancel-order,
.wc_tool_bar .items a.cancel { background-color: #bd362f; }
.wc_tool_bar .items a.cancel-all:hover,
.wc_tool_bar .items a.cancel-order:hover,
.wc_tool_bar .items a.cancel:hover { background-color: #da4f49; } */

.wc_tool_bar .items .spinner { line-height: 42px; padding-left: 5px; }
.wc_tool_bar .items .spinner img { width: 16px; height: 16px; position: relative;  left: -3px; }

.wc_tool_bar .items .collection-bar-general-items,
.wc_tool_bar .items .collection-bar-form-items { padding-right: 0px; }

.wc_tool_bar .items > .users { position: relative; flex-grow: 0; background-color: transparent; }
.wc_tool_bar .items > .users:not(:empty) { height: 44px; padding: 0 7px; }
.wc_tool_bar .items > .users .user-bubble { float: right; cursor: pointer; padding: 0px; top: 6px; margin-right: 5px; }

.wc_tool_bar .items > .slideouts.wc_slideout { min-width: 44px; height: 43px; }
.wc_tool_bar .items > .slideouts.wc_slideout > ul.items li { min-width: 44px; height: 43px; }
.wc_tool_bar .items > .slideouts.wc_slideout > .items li a { display: block; min-width: 44px; height: 43px; }
.wc_tool_bar .items > .slideouts.wc_slideout > .items li a img { top: -4px; left: 1px; }
.wc_tool_bar .items > .slideouts.wc_slideout > .items li.active { background-color: #fff; }
.wc_tool_bar .items > .slideouts.wc_slideout > div.content { margin-top: 44px; margin-right: 0px; }

/* .wc_tool_bar .items .tb-btn > a.back-blue { background-color: #08c; opacity: 1; }
.wc_tool_bar .items .tb-btn > a.back-blue i { color: #fff; }
.wc_tool_bar .items .tb-btn > a.back-green { background-color: #51a351;; opacity: 1; }
.wc_tool_bar .items .tb-btn > a.back-green i { color: #fff; }
.wc_tool_bar .items .tb-btn > a.back-orange { background-color: #faa732;; opacity: 1; }
.wc_tool_bar .items .tb-btn > a.back-orange i { color: #fff; }
.wc_tool_bar .items .tb-btn > a.back-red { background-color: #da4f49;; opacity: 1; }
.wc_tool_bar .items .tb-btn > a.back-red i { color: #fff; } */

.wc_tool_bar .items .tb-btn.active i { color: #08c; }

.wc_tool_bar .items div.stateful .tb-btn.menu > a { transition: background-color 0.25s, width 0.25s; }
.wc_tool_bar .items div.stateful .tb-btn a.state { color: #fff; padding: 0px 10px; width: 110px; text-align: left; position: relative; transition: background-color 0.25s, width 0.25s; }
.wc_tool_bar .items div.stateful .tb-btn a.state span.toggle { position: absolute; display: block; line-height: 12px; font-size: 12px; padding: 2px 4px; top: 14px; right: 8px; background-color: #fff; border-radius: 5px; }
.wc_tool_bar .items div.stateful .tb-btn a.state span.toggle:empty { display: none; }
.wc_tool_bar .items div.stateful .tb-btn a.state span.title { margin-left: 5px; }
.wc_tool_bar .items div.stateful .tb-btn[data-state=''] a.state { width: 0px; padding: 0px; }
.wc_tool_bar .items div.stateful .tb-btn[data-state=''] a.state i,
.wc_tool_bar .items div.stateful .tb-btn[data-state=''] a.state span { display: none; }
.wc_tool_bar .items div.stateful .tb-btn[data-state=''] a.dropdown-toggle { width: 44px; }
.wc_tool_bar .items div.stateful .btn-group[data-state=''] > a.dropdown-toggle::before { border-left: none; border-right: none; }

.wc_tool_bar .items div.stateful .tb-btn ul.dropdown-menu { top: 43px; left: calc(100% - 32px); border-left: 3px solid white; border-radius: 0px 0px 0px 5px; }
.wc_tool_bar .items div.stateful .tb-btn[data-state=''] ul.dropdown-menu { left: 0px; border-color: #08c; }

.wc_tool_bar .items div.stateful .tb-btn.green > a { background-color: #51a351; opacity: 1; }
.wc_tool_bar .items div.stateful .tb-btn.green > a:hover { background-color: #5bb75b; }
.wc_tool_bar .items div.stateful .tb-btn.green > ul { border-color: #51a351; }
.wc_tool_bar .items div.stateful .tb-btn.green > a i { color: #fff; }
.wc_tool_bar .items div.stateful .tb-btn.green > a.state span.toggle { color: #51a351; }

.wc_tool_bar .items div.stateful .tb-btn.orange > a { background-color: #f89406; opacity: 1; }
.wc_tool_bar .items div.stateful .tb-btn.orange > a:hover { background-color: #faa732; }
.wc_tool_bar .items div.stateful .tb-btn.orange > ul { border-color: #faa732; }
.wc_tool_bar .items div.stateful .tb-btn.orange > a i { color: #fff; }
.wc_tool_bar .items div.stateful .tb-btn.orange > a.state span.toggle { color: #faa732;; }

.wc_tool_bar .items div.stateful .tb-btn.red > a { background-color: #da4f49; opacity: 1; }
.wc_tool_bar .items div.stateful .tb-btn.red > ul { border-color: #da4f49; }
.wc_tool_bar .items div.stateful .tb-btn.red > a i { color: #fff; }
.wc_tool_bar .items div.stateful .tb-btn.red > a.state span.toggle { color: #da4f49; }

.wc_tool_bar .items div.stateful .tb-btn.green.disabled > a,
.wc_tool_bar .items div.stateful .tb-btn.orange.disabled > a,
.wc_tool_bar .items div.stateful .tb-btn.red.disabled > a { opacity: 0.3 }

.wc_tool_bar .items .tb-btn:not(.disabled) > a.hover-back-blue:hover,
.wc_tool_bar .items ul.dropdown-menu li:not(.disabled) a.hover-back-blue i { background-color: #08c; }
.wc_tool_bar .items .tb-btn:not(.disabled) > a.hover-back-green:hover,
.wc_tool_bar .items ul.dropdown-menu li:not(.disabled) a.hover-back-green:hover i { background-color: #51a351; }
.wc_tool_bar .items .tb-btn:not(.disabled) > a.hover-back-orange:hover,
.wc_tool_bar .items ul.dropdown-menu li:not(.disabled) a.hover-back-orange:hover i { background-color: #faa732; }
.wc_tool_bar .items .tb-btn:not(.disabled) > a.hover-back-red:hover,
.wc_tool_bar .items ul.dropdown-menu li:not(.disabled) a.hover-back-red:hover i { background-color: #da4f49; }

/* .wc_tool_bar .items .tb-btn > a.hover-green:hover,
.wc_tool_bar .items ul.dropdown-menu li a.hover-green:hover i { background-color: #51a351; }
.wc_tool_bar .items .tb-btn > a.hover-orange:hover,
.wc_tool_bar .items ul.dropdown-menu li a.hover-orange:hover i { background-color: #faa732; }
.wc_tool_bar .items .tb-btn > a.hover-red:hover,
.wc_tool_bar .items ul.dropdown-menu li a.hover-red:hover i { background-color: #da4f49; }

.wc_tool_bar .items .tb-btn > a.approve:hover > i,
.wc_tool_bar .items ul.dropdown-menu li a.approve:hover i { background-position: -672px -32px; }
.wc_tool_bar .items .tb-btn > a.save:hover > i,
.wc_tool_bar .items ul.dropdown-menu li a.save:hover i { background-position: -704px -32px; }
.wc_tool_bar .items .tb-btn > a.cancel:hover > i,
.wc_tool_bar .items ul.dropdown-menu li a.cancel:hover i { background-position: -720px -32px; }
.wc_tool_bar .items .tb-btn > a.publish:hover > i,
.wc_tool_bar .items ul.dropdown-menu li a.publish:hover i { background-position: -800px -32px; }
.wc_tool_bar .items .tb-btn > a.preview:hover > i,
.wc_tool_bar .items ul.dropdown-menu li a.preview:hover i { background-position: -688px -32px; } */