/* progessbar */
.progress { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background: #dadada; height: 24px; }
.progress .progress-bar { -webkit-box-shadow: none; box-shadow: none; line-height: 24px; }
.progress[data-percent] { position: relative; }
.progress[data-percent]:after { display: inline-block; content: attr(data-percent); color: #FFF; position: absolute; left: 0; right: 0; top: 0; bottom: 0; line-height: 16px; text-align: center; font-size: 12px; font-family: Verdana; }
.progress.progress-yellow[data-percent]:after { color: #996633; }
.progress-bar { background-color: #2a91d8; }
.progress-bar-danger { background-color: #ca5952; }
.progress-bar-success { background-color: #59a84b; }
.progress-bar-pink { background-color: #d6487e; }
.progress-bar-warning { background-color: #f2bb46; }
.progress-bar-purple { background-color: #9585bf; }
.progress-bar-yellow { background-color: #ffd259; }
.progress-bar-inverse { background-color: #404040; }
.progress-bar-grey { background-color: #8a8a8a; }
.progress { position: relative; }
.progress:before { display: inline-block; content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: radial-gradient(9px 9px 0deg, circle cover, #00ffff 0%, rgba(0, 0, 255, 0) 100%, #0000ff 95%); }

/* tree (vorher "ace") */
.tree { padding-left: 9px; overflow: hidden; overflow-x: hidden; overflow-y: auto; position: relative; }
.tree:before { display: inline-block; content: ""; position: absolute; top: -20px; bottom: 16px; left: 0; border: none; border-width: 0 0 0 1px; z-index: 1; }
.tree .tree-folder { position: relative; width: auto; min-height: 20px; cursor: pointer; border: 1px solid #FFF; }
.tree .tree-folder:last-child:after { display: inline-block; content: ""; position: absolute; z-index: 1; top: 15px; bottom: 0; left: -15px; border-left: 1px solid #FFF; }
.tree .tree-folder:before { display: inline-block; content: ""; position: absolute; top: 14px; left: -13px; width: 18px; height: 0; border-top: none; z-index: 1; }  /* keine horizontale Linie auf 1. Ebene (Immobilien, Kredite ...) */
.tree .tree-folder .tree-folder-content { margin-left: 23px; position: relative; }
.tree .tree-folder .tree-folder-content:before { display: inline-block; content: ""; position: absolute; z-index: 1; top: -14px; bottom: 16px; left: -14px; border: 1px dotted #67b2dd; border-width: 0 0 0 1px; margin-top: 14px; } /* margin-top betrifft vertikale gestrichelte Linie */
.tree .tree-folder .tree-folder-header { background-color: #f5f5f5; position: relative; height: 24px; line-height: 20px; border-radius: 10px; margin: 2px 0px 2px 0px; padding: 1px 5px 1px 5px; color: #4D6878; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.tree .tree-folder .tree-folder-header:hover { background-color: #e5e5e5; height: 24px; }
.tree .tree-folder .tree-folder-header .tree-folder-name { margin-left: 2px; display: inline; z-index: 2; }
.tree .tree-item { background-color: #f5f5f5; color: #4D6878; position: relative; height: 24px; line-height: 20px; cursor: pointer; border-radius:10px; border: 1px solid #FFF; margin: 3px 0px 1px 0px; padding: 1px 5px 1px 5px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.tree .tree-item:hover { background-color: #e5e5e5; }
.tree .tree-item:before { display: inline-block; content: ""; position: absolute; top: 14px; left: -13px; width: 13px; height: 0; border-top: 1px dotted #67b2dd; z-index: 1; }  /* width etc. betrifft horizontale Linie auf 2. Ebene (ETW München)  */
.tree .tree-item .tree-item-name { max-width: 100%; white-space: nowrap; text-overflow: ellipsis !important; overflow:hidden; margin-left: 3px; display: inline-block !important; z-index: 2; }
#treeVp.tree .tree-item:hover .tree-item-name { max-width: 60%; }
#treeGnt.tree .tree-item:hover .tree-item-name { max-width: 85%; }

/* sondereinstellungen */
.tree .tree-folder .tree-folder-header table tbody tr td .btn-minier { margin:0px !important; }
.tree-folder-header > table > tbody > tr > td:nth-child(4) > div { position: relative; top: -2px; left: 2px; } /* td für Chevron Buttons */
.tree .btn-expand-collapse { margin: 4px 5px 0px 5px; float: right; }
.tree .btn-minier { float: right; }

/* wizard */
.wizard-steps { list-style: none; display: table; width: 100%; padding: 0; margin: 0; position: relative; }
.wizard-steps li { display: table-cell; text-align: center; width: 1%; }
.wizard-steps li .step { border: 5px solid #ced1d6; color: #546474; font-size: 15px; border-radius: 100%; background-color: #FFF; position: relative; z-index: 2; display: inline-block; width: 40px; height: 40px; line-height: 30px; text-align: center; }
.wizard-steps li:before { display: block; content: ""; width: 100%; height: 1px; font-size: 0; overflow: hidden; border-top: 4px solid #CED1D6; position: relative; top: 21px; z-index: 1; } /* the line running through each step*/
.wizard-steps li:last-child:before { max-width: 50%; width: 50%; }
.wizard-steps li:first-child:before { max-width: 51%; left: 50%; }
.wizard-steps li.active:before,
.wizard-steps li.complete:before,
.wizard-steps li.active .step,
.wizard-steps li.complete .step { border-color: #5293c4; }
.wizard-steps li.complete .step { cursor: default; color: #FFF; -webkit-transition: transform ease 0.1s; transition: transform ease 0.1s; }
.wizard-steps li.complete .step:before { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; line-height: 30px; text-align: center; border-radius: 100%; content: attr(data-label) !important; background-color: #FFF; z-index: 3; font-family: FontAwesome; font-size: 17px; color: #87ba21; }
.wizard-steps li.complete:hover .step { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); border-color: #80afd4; }
.wizard-steps li.complete:hover:before { border-color: #80afd4; }
.wizard-steps li .title { display: block; margin-top: 4px; max-width: 100%; color: #949ea7; font-size: 14px; z-index: 104; text-align: center; table-layout: fixed; word-wrap: break-word; }
.wizard-steps li.complete .title,
.wizard-steps li.active .title { color: #2b3d53; }
.wizard-actions { text-align: right; }
.step-content .step-pane { display: none; min-height: 200px; padding: 4px 8px 12px; }
.step-content .active { display: block; }

/* ACE Switches */
/* Checkbox & Radio */
input[type=checkbox].ace,
input[type=radio].ace { opacity: 0; position: absolute; z-index: 12; width: 18px; height: 18px; cursor: pointer;}
input[type=checkbox].ace:checked,
input[type=radio].ace:checked,
input[type=checkbox].ace:focus,
input[type=radio].ace:focus { outline: none !important;}
input[type=checkbox].ace + .lbl,
input[type=radio].ace + .lbl { position: relative; z-index: 11; display: inline-block; margin: 0; line-height: 20px; min-height: 18px; min-width: 18px; font-weight: normal;}
input[type=checkbox].ace.ace-switch { width: 55px; height: 25px;}
input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::before { font-family: FontAwesome; content: ""; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); box-shadow: none; border: none; font-weight: lighter; font-size: 16px; border-radius: 12px; display: inline-block; background-color: #888; color: #F2F2F2; width: 52px; height: 22px; line-height: 20px; text-indent: 32px; -webkit-transition: background 0.1s ease; transition: background 0.1s ease; position:relative;top:8px;}
input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::after { content: ''; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); position: absolute; top: 10px; left: 3px; border-radius: 12px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); width: 18px; height: 18px; text-align: center; background-color: #F2F2F2; border: 4px solid #F2F2F2; -webkit-transition: left 0.2s ease; transition: left 0.2s ease;}
input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::before { content: ""; text-indent: 6px; color: #FFF; border-color: #b7d3e5; background-color: forestgreen;}
input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::after { left: 32px; background-color: #FFF; border: 4px solid #FFF; text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);}