:root {
  --outside:#3a3a3a;
  --outsidesel:#4f4f4f;
  --inside:#f6d03d;
  --insidesel:#f3da74;
  --insidehover:#f8e69d;
  --insideborder:#e9bc08;
  --textcolor:#cbcbcb;
  --scrollcolor:#929292;
  --bordercolor:#dbdcde;
  --hfcolor:#ffffff;
  --xfcolor:#000000;
  --gfcolor:#4f4f4f;
  --ghcolor:#6f6f6f;
  --defradius:.3rem;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, ol, ul, li, fieldset, form, label, legend, hr {margin:0; padding:0;}
html, body {height:100%; font-family:"Roboto","Trebuchet MS",Arial; font-weight:normal; font-size:1em; color:var(--outside); background-color:var(--inside); scrollbar-color:var(--scrollcolor) var(--outside) !important; scrollbar-width:thin; overflow:hidden;}
body {background:var(--inside) none 50% 50% no-repeat; background-size:cover; -ms-content-zooming:none;}
body * {box-sizing:border-box;}
b, strong {font-weight:700;}
a {color:var(--outside); text-decoration:none; transition:color .3s ease-in-out;}
a:hover {text-decoration:none; color:var(--outside);}
input, textarea, select, button,
input:focus, textarea:focus, select:focus, button:focus {font-family:"Roboto","Trebuchet MS",Arial; outline:none !important;}
label {cursor:pointer;}
h1 {font-size:160%;}
h2 {font-size:140%;}
h3 {font-size:120%;}
h1, h2, h3 {color:var(--outside);}
hr {border-width:0; height:0; margin:10px 0; border-top:1px solid #ddd;}
ul.no-list-type {list-style-type:none;}
.btn {display:inline-block; padding:0.4em 1em; line-height:140%; background-color:var(--outside); color:var(--textcolor); cursor:pointer; text-decoration:none; font-size:100%; white-space:nowrap; border:1px solid var(--outside); border-radius:.3em; position:relative; z-index:1; transition:color .3s ease-in-out,padding-left .2s ease-in-out; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;}
.btn:hover {background-color:var(--gfcolor); border-color:var(--gfcolor); text-decoration:none; color:var(--hfcolor) !important;}
.btn.btnprimary {font-weight:600;}
.waiting:after {content:""; display:block; width:64px; height:64px; margin:0; padding:0; border-radius:50%; border:6px solid var(--hfcolor); border-color:var(--hfcolor) transparent var(--hfcolor) transparent; animation:anim-waiting 1.2s linear infinite;}
.btn.waiting {position:relative; background-color:var(--bordercolor) !important; border-color:var(--bordercolor) !important; box-shadow:none;}
.btn.waiting:before {position:absolute; width:20px; height:100%; background-color:var(--bordercolor); border:1px solid var(--bordercolor); left:0;}
.btn.waiting:after {position:absolute; top:0.5em; left:1em; width:1.5em; height:1.5em; border-width:4px; opacity:1;}
.container {width:100%; height:100%;}
.cleanerafter:after {display:block; clear:both; content:"";}
.dnone {display:none !important;}
.lowercase {text-transform:lowercase !important;}
.uppercase {text-transform:uppercase !important;}
.centeralign {text-align:center !important;}
.rightalign {text-align:right !important;}
.weight300 {font-weight:300 !important;}
.weight400 {font-weight:400 !important;}
.weight600 {font-weight:600 !important;}
.size60 {font-size:60% !important;}
.size80 {font-size:80% !important;}
.size90 {font-size:90% !important;}
.size100 {font-size:100% !important;}
.size120 {font-size:120% !important;}
.size140 {font-size:140% !important;}
.noselect {-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; user-select:none;}
.highlight {color:#f90159;}
::-webkit-scrollbar {width:14px; background-color:var(--outside); border-left:1px solid #808081;}
::-webkit-scrollbar-thumb {background-color:#808081;}

.modinput {position:relative; width:100%; height:70px; margin:0;}
.modinput.missing .mi {border:1px solid #fd397a !important;}
.modinput.missing .jquery-checkbox:after {border-color:#fd397a;}
.modinput.compulsory .mt:after {content:" *"; color:#e82f70; font-weight:700;}
.modinput .mt {display:block; position:absolute; height:30%; width:92%; top:56.5%; left:15px; z-index:1; opacity:0.3; font-size:100%; font-weight:bold; white-space:nowrap; overflow:hidden; transition:top .3s ease-in-out,font-size .3s ease-in-out,color .3s ease-in-out,opacity .3s ease-in-out;}
.modinput .mi {display:block; position:absolute; bottom:0; width:100%; height:60%; border-width:0; padding:0 15px; margin:0 auto; z-index:2; font-size:100%; background-color:rgba(255,255,255,0.5); border:1px solid var(--bordercolor); border-radius:0.3em; transition:background-color .3s ease-in-out,border-color .3s ease-in-out,color .3s ease-in-out;}
.modinput select {-webkit-appearance:none; appearance:none;}
.modinput select option {background-color:var(--hfcolor); color:var(--xfcolor); font-family:"Open Sans",Arial;}
.modinput select optgroup {background-color:var(--hfcolor); color:#0d5376; font-family:"Open Sans",Arial; font-weight:bold;}
.modinput.checkbox {height:auto;}
.modinput.selectbox select {background-image:url("../img/updown.svg"); background-position:calc(100% - 10px) 50%; background-repeat:no-repeat; background-size:auto 50%; padding-right:35px;}
.modinput.focus .mt {top:9%; font-size:90%; opacity:1;}
.modinput.focus .mi {background-color:rgba(255,255,255,1); border-color:#002d34;}
.modinput.selectable .mi {padding-right:2.9em;}
.modinput.selectable:before {content:"\e601"; display:flex; flex-direction:row; justify-content:center; align-items:center; font-family:icomoon; position:absolute; right:0; bottom:0; height:60%; width:1.8em; font-size:140%; text-align:center; color:rgba(255,255,255,0.9); border-left:1px solid rgba(255,255,255,0.5); background-color:rgba(255,255,255,0.2); border-top-right-radius:3px; border-bottom-right-radius:3px;}
.modinput.focus.selectable:before {background-color:rgba(0,0,0,0.2); border-color:var(--hfcolor); color:var(--hfcolor);}

.basicform .row {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; padding:0; margin:0;}

.has-splitter {position:relative;}
.v-splitter {position:absolute; right:-0.7em; top:0; width:0.7em; height:100%; background-color:var(--outside); border-left:1px solid var(--gfcolor); cursor:col-resize; transition:background-color .3s ease-in-out;}
.v-splitter:before {content:"\e61c"; font-family:icomoon; display:block; position:absolute; height:1em; letter-spacing:-1em; top:calc(50% - 1.1rem); left:-0.35em; font-size:200%; text-align:left;} 
.v-splitter:hover {background-color:var(--gfcolor);}
.v-splitter.resize {background-color:#303030 !important;}
.v-splitter.resize:before {color:var(--inside);}
.v-splitter.resize:after {content:""; display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
.h-splitter {position:absolute; top:calc(-0.7em - 1px); left:0; width:100%; height:0.7em; background-color:var(--outside); border-bottom:1px solid var(--gfcolor); cursor:row-resize; transition:background-color .3s ease-in-out;}
.h-splitter:before {content:"\e61d"; font-family:icomoon; display:block; position:absolute; height:.5em; line-height:100%; top:-0.35em; left:calc(50% - 0.5em); font-size:200%; color:var(--textcolor); text-align:left;} 
.h-splitter:hover {background-color:var(--gfcolor);}
.h-splitter.resize {background-color:#303030 !important;}
.h-splitter.resize:before {color:var(--inside);}
.h-splitter.resize:after {content:""; display:block; position:fixed; z-index:105; top:0; left:0; width:100%; height:100%;}
#lefttree.hide .v-splitter {background-color:transparent; width:0; right:0;}
#lefttree.hide .v-splitter:before {display:none;}

.tabs {display:flex; flex-direction:column; justify-content:stretch; align-items:stretch; height:100%; width:100%; overflow:auto;}
.tabs .control-tab {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:stretch; align-items:stretch; list-style-type:none; margin:0; padding:0; height:1.5rem; min-height:1.5rem; max-height:1.5rem;}
.tabs .control-tab li {display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; flex:10; margin:0 1px; padding:0; text-align:center; font-size:90%; font-weight:300; line-height:100%; cursor:pointer; background-color:#494949; opacity:0.7;}
.tabs .control-tab li:hover {opacity:9;}
.tabs .control-tab li.select {opacity:1; background-color:rgba(255,255,255,0.2);}
.tabs .tab {display:none !important; width:100%; flex:10; overflow:auto;}
.tabs .tab.select {display:block !important;}

.FillBox {background-color:var(--insidesel); padding:.4rem; border-radius:var(--defradius); border:1px solid var(--insideborder); transition:background-color .3s ease-in-out,border-color .3s ease-in-out;}

.ListItems-header {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; position:sticky; top:0; z-index:3; border-bottom:1px solid var(--insideborder);}
.ListItems-row {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:stretch; align-items:stretch;}
.ListItems-row.FillBox:hover {background-color:var(--insidehover);}
.ListItems-item {flex:1; display:flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; text-align:center; border-left:1px solid var(--insideborder); padding:.2em 5px; line-height:110%; transition:border-color .3s ease-in-out;}
.ListItems-item:first-child {border-width:0;}
.ListItems-header .ListItems-item {padding-top:.6rem; padding-bottom:.6rem; background-color:var(--inside); border-left-width:0; font-weight:300;}
.ListItems-header .ListItems-item.is-sorted {flex-direction:row; flex-wrap:nowrap; cursor:pointer; transition:color .3s ease-in-out;}
.ListItems-item--sortup::before,
.ListItems-item--sortdown::before {content:"\e617"; font-family:icomoon; color:var(--xfcolor); padding-right:.3em;}
.ListItems-item--sortup::before {content:"\e614";}
.ListItems-item--icon {max-width:2em; font-size:170%;}
.ListItems-item--icon:before {transform:scale(1,1); transition:transform .3s ease-in-out;}
.ListItems-row:hover .ListItems-item--icon:before {transform:scale(-1,1);}

#layout {padding:3em 0 0 0; margin:0; width:100%; height:calc(100% - 2.4rem); border-width:0; position:relative; z-index:1;}

#topmenu {position:fixed; top:0; left:0; width:100%; max-width:100%; height:3rem; z-index:102; background-color:var(--outside); border-bottom:1px solid var(--inside); display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between; align-items:center; list-style-type:none;}
#topmenu > li {font-size:90%;}
#topmenu > li,
#topmenu .item {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; height:100%; max-height:100%; background-color:inherit; line-height:100%; position:relative; top:0; left:0; color:var(--hfcolor); transition:color .3s ease-in-out,background-color .3s ease-in-out,border-bottom-color .1s ease-in-out,top .3s ease-in-out,height .3s ease-in-out,box-shadow .3s ease-in-out;}
#topmenu .item {padding:0 15px; border-right:1px solid var(--gfcolor); border-bottom:1px solid var(--outside); box-shadow:0 0 0 rgba(0,0,0,0); white-space:nowrap; background-color:inherit; cursor:pointer;}
#topmenu .dropdown {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; height:100%; background-color:inherit;}
#topmenu .paths {flex-wrap:wrap; height:100%; padding-right:5px;}
#topmenu .paths .hm-menu {visibility:hidden; background:var(--ghcolor) none 0 0 no-repeat; border-width:0; border-bottom:1px solid var(--ghcolor);}
#topmenu .paths .hm-menu .item {border-width:0; box-shadow:none;}
#topmenu .paths .hm-menu .item.name {width:100%;}
#topmenu .paths .item.hm-control {order:99; visibility:hidden;}
#topmenu .paths.open .hm-menu,
#topmenu .paths .item.hm-control.active {visibility:visible;}
#topmenu .paths.open .hm-menu {min-width:15em; max-width:15em; margin-left:calc(100% - 15em); height:auto; min-height:100%; padding-top:5px; padding-bottom:5px; justify-content:space-between;}
#topmenu .paths.open .hm-menu,
#topmenu .paths.open .hm-menu .name {white-space:normal;}
#topmenu .paths.open .hm-menu .down.open {background-image:none;}
#topmenu .paths.open .hm-menu:hover,
#topmenu .paths.open .hm-menu .item:hover {background:var(--ghcolor) none 0 0 no-repeat; top:0; border-color:var(--inside);}
#topmenu .paths.open .hm-menu:hover {box-shadow:none;}
#topmenu .paths.open .hm-menu .path {flex:3;}
#topmenu .paths.open .item.hm-control.active:after {content:""; display:block; position:fixed; top:0; left:0; width:100%; height:100%; z-index:0;}
#topmenu .paths .dropdown .dropdown-menu {top:100%;}
#topmenu .paths.reorder {overflow:hidden;}
#topmenu .settings {border-left:1px solid var(--gfcolor); border-right-width:0; padding-left:0;}
#topmenu .settings .icon-sign-out {padding-right:6px;}
#topmenu .settings .user.small .name {display:none;}
#topmenu .settings .user.small .icon-sign-out {padding-right:0;}
#topmenu.left-order .paths {padding-right:0;}
#topmenu.left-order .paths .hm-control {margin-right:calc(100% - 8em);}
#topmenu.left-order .paths.open {max-width:100%; min-width:100%;}
#topmenu.left-order .paths.open .hm-menu {min-width:100%; max-width:100%; margin-left:0;}
#topmenu.left-order .paths .dropdown .dropdown-menu {left:auto; right:0; top:100%;}
#topmenu.left-order .settings {position:absolute; right:0; left:auto; max-width:calc(100% - 8em);}
#topmenu.left-order .settings .name {white-space:normal;}
#topmenu a {color:var(--hfcolor); text-decoration:none;}
#topmenu a:hover,
#topmenu .item:hover,
#topmenu .paths.open .item.hm-control,
#topmenu .down.open {color:var(--inside); background-image:linear-gradient(180deg, var(--outside) 0%, var(--gfcolor) 100%);}
#topmenu .down.open,
#topmenu .paths.open .item.hm-control,
#topmenu .item:hover {top:10%; border-bottom:1px solid var(--inside); box-shadow:0 5px 12px rgba(0,0,0,0.4);}
#topmenu .paths .item.hm-control,
#topmenu .paths .item.hm-control:hover {top:0 !important; border-bottom-width:0 !important;}
#topmenu .item.home {background-image:url("../img/logo-konsiliar.svg"); background-position:50% 50%; background-repeat:no-repeat; background-size:auto 20px; width:4em;}
#topmenu .dropdown .dropdown-menu {position:absolute; top:calc(3.2em); right:0; z-index:5; max-height:0; max-width:200px; overflow:hidden; list-style-type:none; background-color:var(--gfcolor); padding:0 7px; box-shadow:0 5px 12px rgba(0,0,0,0.4); transition:max-height .5s ease-in-out;}
#topmenu .dropdown .dropdown-menu li:first-of-type {margin-top:10px;}
#topmenu .dropdown .dropdown-menu li:last-of-type {margin-bottom:10px;}
#topmenu .dropdown .dropdown-menu a {display:block; padding:9px 7px; transition:color .3s ease-in-out,background-color .3s ease-in-out;}
#topmenu .dropdown .dropdown-menu a:hover {background:#707070 none 0 0 no-repeat;}
#topmenu .dropdown .dropdown-menu .icon {padding-right:5px;}
#topmenu .down:hover .icon-chevron-down-icon:before,
#topmenu .down.open .icon-chevron-down-icon:before {content:"\e602";}
#topmenu .down:hover .dropdown-menu,
#topmenu .down.open .dropdown-menu {max-height:450px; overflow:auto;}
#topmenu #connect-indicator {width:3rem; height:100%; border-right:1px solid var(--gfcolor); display:flex; flex-direction:row; justify-content:center; align-items:center; color:#aaa;}
#topmenu #connect-indicator:before {display:block; content:"\e91b"; text-align:center; font-family:icomoon; font-size:120%;}
#topmenu #connect-indicator.on {color:#91d75b;}
#topmenu #connect-indicator.error {color:#f61768 !important;}

#main {width:100%; display:flex; flex-direction:column; justify-content:stretch; align-items:stretch; height:100%;}
body.index #layout.login #main {padding-top:110px; justify-content:center; align-items:center;}
#main > #appinerror {height:calc(100vh - 3rem - 2.4rem); display:flex; flex-direction:column; justify-content:center; align-items:center;}
#main > #appinerror h2 {font-size:220%;}
#main > #appinerror h2:before {display:block; text-align:center; content:"\ea08"; font-family:icomoon; font-size:300%; padding-right:0; position:relative; padding-bottom:.2em; color:#db3773;}

#popup .boxes .box {width:100%; max-width:500px;}
#popup .boxes .box .head {background-color:#1dc9b7; color:#e9f8f5;}
#popup .boxes .box .inner {padding-top:10px; height:auto;}

#basetree {display:flex; flex-direction:row; justify-content:center; align-items:center; flex-wrap:wrap; margin:0; padding:10px; width:100%; min-height:100%; overflow:auto;}
#basetree .agendtree {display:flex; flex-direction:row; justify-content:center; align-items:center; flex-wrap:wrap; margin:0; padding:0; width:100%; list-style-type:none;}
#basetree .item {display:block; margin:0; padding:30px 15px; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; overflow:hidden;}
#basetree .agendtree > .item a:before {background-image:url("../img/kv.svg");}
#basetree .item a {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; position:relative; width:250px; height:250px; position:relative; margin:0; padding:50px 8px 0 8px; background-color:var(--outside); color:var(--textcolor); border-width:0; text-decoration:none; font-size:160%; line-height:110%; border-radius:4%; text-align:center; box-shadow:8px 8px 12px rgba(255,50,50,0.12); white-space:normal; transition:color .3s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out;}
#basetree .item a b {display:block; width:100%; font-weight:400; white-space:normal;}
#basetree .item a b:after {content:""; display:block; position:absolute; top:12%; left:50%; width:0; height:3px; background-color:var(--outside); transition:color .3s ease-in-out,width .5s ease-in-out,left .5s ease-in-out;}
#basetree .item a:before {content:""; display:block; width:44%; height:44%; position:absolute; z-index:1; top:-10%; left:28%; border-radius:50%; background:var(--outside) none 50% 50% no-repeat; background-size:auto 100%; transition:background-size .5s ease-in-out,background-color .3s ease-in-out;}
#basetree .item a:after {content:""; display:block; width:44%; height:44%; position:absolute; z-index:2; top:calc(-10% - 3px); left:(28% - 3px); border:3px solid var(--hfcolor); border-radius:50%; background-color:rgba(58,58,58,1); opacity:0.4; transition:opacity .2s ease-in-out,background-color .3s ease-in-out; }
#basetree .item a:hover {background-color:#202020; box-shadow:8px 8px 12px rgba(255,50,50,0.15);}
#basetree .item a:hover b:after {width:100%; left:0%; background-color:#eeb83a;}
#basetree .item a:hover:before {background-size:auto 106%; background-color:#202020;}
#basetree .item a:hover:after {opacity:0.9; background-color:rgba(58,58,58,0); border-color:#eeb83a; animation:anim-basetree .6s linear;}
#basetree .item.rm a:before {background-image:url("../img/rm.svg");}
#basetree .item.zm a:before {background-image:url("../img/zm.svg");}
#basetree .item.pv a:before {background-image:url("../img/pv.svg");}
#basetree .item.rmvzm a:before {background-image:url("../img/rmvzm.svg");}
#basetree .item.contract a:before {background-image:url("../img/contract.svg"); background-size:auto 70%; background-position:65% 50%;}

#viewport {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; overflow:hidden; height:100%;}
#lefttree {width:14em; min-width:7em; max-width:80%; background-color:var(--outside); margin-right:0.7em; color:var(--textcolor); height:100%; position:relative; border-right:1px solid var(--inside);}
#lefttree .v-splitter:before {top:calc(50% + 1.8rem);}
#lefttree.hide {min-width:0; max-width:0; width:0; margin-right:0;}
#hide-vote,
#hide-lefttree {position:absolute; width:100%; height:5.5em; top:0; left:0; z-index:101; background-color:var(--gfcolor); cursor:pointer;}
#hide-vote:before,
#hide-lefttree:before {content:"\e616"; font-family:icomoon; display:block; position:absolute; height:1em; top:calc(50% - 0.5em); left:-0.5em; font-size:150%; text-align:left;}
#lefttree.hide #hide-lefttree {width:1.5em; box-shadow:2px 2px 4px rgba(0,0,0,0.3); opacity:0.9;}
#lefttree.hide #hide-lefttree:before {content:"\e615"; left:0;}
#period-action {height:calc(100% - 6rem); overflow:auto;}
#period-action ul {list-style-type:none; margin:0; padding:0;}
#period-action a {display:block; color:var(--textcolor); position:relative; transition:color .3s ease-in-out,background-color .3s ease-in-out,padding-left .3s ease-in-out;}
#period-action a.period {font-size:120%; padding:0.5em 0.3em 0.5em 0.8em;}
#period-action a.period:before {content:"\e902"; font-family:icomoon; padding-right:0.5em; color:var(--hfcolor); opacity:0.4; font-size:90%;}
#period-action a.action {font-size:100%; padding:0.3em 0.3em 0.3em 3em; font-weight:300;}
#period-action a:hover,
#period-action a.period.select {color:var(--hfcolor); background-color:var(--gfcolor);}
#period-action a.period.select:before {opacity:0.9;}
#period-action a.period:hover {padding-left:1.3em; padding-right:0.2em;}
#period-action a.action:hover {padding-left:3.2em; padding-right:0.1em;}
#period-action a.period.select + ul a.action.select:before {content:""; display:block; position:absolute; width:0.4em; height:0.4em; top:calc(50% - 0.35em); left:1.1em; background-color:var(--inside); border:0.2em solid #707070; border-radius:50%;}
#period-action.waiting:after {position:absolute; top:calc(50% - 32px); left:calc(50% - 32px); z-index:1;}
#search-form {display:flex; flex-direction:row; justify-content:center; align-items:center; flex-wrap:wrap; height:6rem; padding-bottom:0.5rem;}
#search-form form {display:block; position:relative; padding:0; margin:0; width:100%; height:100%; overflow:hidden; display:flex; flex-direction:row; justify-content:center; align-items:center; flex-wrap:nowrap; background-color:var(--gfcolor);}
#search-form form input {display:block; width:80%; background-color:transparent; border-width:0; border-bottom:1px solid var(--ghcolor); font-size:110%; font-family:roboto,arial; font-weight:300; color:var(--hfcolor); padding:5px 35px 5px 8px;}
#search-form form button {position:absolute; z-index:1; top:calc(50% - 0.8em); right:10%; width:1.8em; height:1.8em; border-width:0; border-radius:0; padding:0; font-size:120%; background-color:transparent;}
#content {flex:2; height:100%; max-height:100%; overflow:auto;}
#content > ul {margin:0; padding:0.5em 0; list-style-type:none;}
#content > ul > li {display:flex; flex-direction:row; justify-content:flex-start; align-items:stretch; flex-wrap:wrap; padding:0.2em 0;}
#content > ul > li:nth-child(2n) {background-color:rgba(255,255,255,0.25);}
#content > ul > li > a {flex:1; display:block; position:relative; width:calc(100% - 2.5em); padding:0.7em 0.5em 0.7em 5em; font-size:100%; overflow:hidden;}
#content > ul > li > a:before {content:"\eae3"; font-family:icomoon; display:block; position:absolute; top:calc(50% - 0.9em); left:0.5em; font-size:180%; width:1.6em; height:1.6em; text-align:center; line-height:1.6em; border:3px solid var(--outside); border-radius:50%; transition:background-color .3s ease-in-out,color .3s ease-in-out,border-radius .3s ease-in-out;}
#content li > a.file.newfile .dt > i:first-of-type {color:#f90159;}
#content li > a.pdf:before {content:"\eadf";}
#content li > a.doc:before,
#content li > a.docx:before {content:"\eae1";}
#content li > a.xls:before,
#content li > a.xlsx:before {content:"\eae2";}
#content li > a.zip:before,
#content li > a.rar:before {content:"\e92b";}
#content li > a.dir:before {content:"\e92f";}
#content li > a > b {font-size:120%;}
#content li > a > .dt {display:block; font-size:80%; font-weight:300;}
#content li > a > .dt > i {font-style:normal; padding-right:1em;}
#content li > a > .dt > i > b {font-size:100%; font-weight:400; white-space:nowrap;}
#content li > a > .dt > i.path {display:block; padding-right:0;}
#content li > a > .dt > i.path span {opacity:0.5;}
#content li > a:hover {color:var(--xfcolor);}
#content li > a:hover:before {background-color:var(--outside); color:var(--hfcolor); border-radius:0;}
#content.waiting:before {display:block; content:""; position:absolute; z-index:11; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.5);}
#content.waiting:after {position:absolute; z-index:12; width:96px; height:96px; top:calc(50% - 48px); left:calc(50% - 48px); border-width:10px;}
#content #mobile-path {display:none; margin:0 0 0 1px; padding:0.5em 0.3em; background-color:var(--gfcolor); font-size:85%;}
#content #mobile-path.active {display:block;}
#content #mobile-path a {display:block; text-align:center; color:var(--hfcolor); font-weight:300;}
#content #mobile-path a:hover {color:var(--inside);}
#content #mobile-path b {padding-right:0.2em; font-weight:400;}
#content .msginfobox {display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; height:100%;}

#downloader,
#edit-password {opacity:0; position:fixed; z-index:105; top:0; left:0; width:100%; height:100%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; background-color:rgba(0,0,0,0.4); transition:opacity .3s ease-in-out;}
#downloader.visible,
#edit-password.visible {opacity:1;}
#downloader .outer,
#edit-password .outer {width:100%; max-width:800px; height:100%; max-height:750px; padding:3em; position:relative;}
#downloader .outer:before,
#edit-password .outer:before {content:"\e903"; font-family:icomoon; display:block; width:1em; margin:0 0 5px auto; text-align:right; font-size:150%; color:var(--hfcolor); cursor:pointer;}
#downloader .container {width:100%; height:calc(100% - 4.5em); overflow:auto; background-color:var(--outside); border-top:5.5em solid var(--outside); border-top-left-radius:0.5em; border-top-right-radius:0.5em; position:relative; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; box-shadow:0 -4px 12px rgba(0,0,0,0.35);}
#downloader .container.waiting:after,
#edit-password .container.waiting:after {position:absolute; top:calc(50% - 32px); left:calc(50% - 32px);}
#downloader .container .inner {width:100%; height:auto; padding:10px; position:relative;}
#downloader .container.waiting .inner:before {content:""; display:block; position:absolute; width:100%; height:100%; top:0; left:0; z-index:5;}
#downloader p.title {display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; top:0.2em; left:calc(50% - 6em); z-index:1; text-align:center; color:var(--xfcolor); font-size:80%; font-weight:300; background-color:rgba(255,255,255,0.9); width:12em; height:12em; border-radius:50%;}
#downloader p.title:before {display:block; width:100%; text-align:center; content:"\e92b"; font-family:icomoon; font-size:600%; opacity:0.6; padding-bottom:0.1em;}
#downloader .item {padding:0.5em; color:var(--textcolor); display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; transition:color .3s ease-in-out; font-weight:300; font-size:90%;}
#downloader .item label {display:block; flex:2;}
#downloader .item b {font-size:120%; font-weight:400;}
#downloader .item:nth-child(2n) {background-color:rgba(255,255,255,0.05);}
#downloader .item:hover {color:var(--hfcolor);}
#downloader .item .jquery-checkbox {display:block; width:1em; height:1.2em;}
#downloader .item .dt {display:none;}
#downloader .control {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; height:auto; padding:0.5em 0.2em;  border-bottom-left-radius:0.5em; border-bottom-right-radius:0.5em; width:100%; background-color:var(--outside); box-shadow:0 6px 12px rgba(0,0,0,0.35);}
#downloader .control .btn {margin:0.2em; background-color:#a2a2a2; color:var(--xfcolor); font-weight:300; border:3px solid #7c7c7c;}
#downloader .control .btn:hover {background-color:#d7d7d7; color:var(--xfcolor) !important; border-color:#d7d7d7;}
#downloader .control .btn.send {background-color:var(--inside); font-weight:400;}
#downloader .control .btn.send:hover {color:var(--hfcolor) !important;}
#downloader .control .btn.send > span {padding-right:0.3em;}
#downloader .control .btn.send.waiting:after {top:0.1em; left:0.5em;}

#footer {position:relative; bottom:0; left:0; width:100%; height:2.4rem; z-index:98; padding:0 1.8rem; margin:0; background-color:var(--outside); border-top:1px solid var(--inside); display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; list-style-type:none;}
#layout.login + #footer {padding:0;}
#footer li {display:block; margin:0; padding:0;}
#footer li.item {border-right:1px solid var(--gfcolor); background-color:inherit; height:100%; max-width:16em; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center;}
#footer li.item > a {display:block; position:relative; left:0; top:0; padding:0 8px; margin:0; overflow:hidden; width:100%; height:100%; line-height:110%; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:center; font-size:80%; color:var(--textcolor); background-color:inherit; border-top:1px solid var(--outside); text-decoration:none; box-shadow:0 0 0 rgba(0,0,0,0); transition:color .3s ease-in-out,background-color .3s ease-in-out,border-top-color .1s ease-in-out,top .3s ease-in-out,height .3s ease-in-out,box-shadow .3s ease-in-out;}
#footer li.item > a:hover {color:var(--hfcolor); background-color:var(--gfcolor); height:100%; top:-10%; border-top:1px solid var(--inside); box-shadow:0 -2px 12px rgba(0,0,0,0.4);}
#footer li.item > a > span {display:block; overflow:hidden; max-height:1.5em; line-height:150%;}
#footer .pdfpopup > .container {display:block; position:fixed; width:0; height:0; top:calc(100% - 2.4em); left:0; overflow:hidden; opacity:0; z-index:-2; background-color:var(--outside); transition:width .5s ease-in-out,height .5s ease-in-out,top .5s ease-in-out,opacity .3s ease-in-out;}
#footer .pdfpopup.open > .container {width:100%; height:calc(100% - 2.4em - 3em); top:3em; opacity:1;}
#footer .pdfpopup.open.active > .container {z-index:-1;}
#footer .pdfpopup.open.active > .title {color:var(--hfcolor);}
#footer .pdfpopup > .container > .title {display:flex; flex-direction:row; justify-content:flex-start; align-items:center; flex-wrap:nowrap; height:2.2em; width:100%; padding:0 1px 0 1em; color:var(--textcolor); background-color:var(--gfcolor);}
#footer .pdfpopup > .container > .title > .titletext {flex:100; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:flex-start; align-items:flex-start; max-height:100%; font-weight:300; line-height:115%; font-size:90%;}
#footer .pdfpopup > .container > .title > .button {flex:1; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; position:relative; padding:0 0.5em; margin-left:1px; text-align:center; font-size:120%; height:100%; max-width:2em; min-width:2em; cursor:pointer; background-color:rgba(255,255,255,0.1); transition:color .3s ease-in-out,background-color .3s ease-in-out;}
#footer .pdfpopup > .container > .title > .button.minimize:after {content:""; display:block; position:absolute; width:50%; height:1px; left:25%; top:62%; background-color:var(--textcolor); transition:background-color .3s ease-in-out;}
#footer .pdfpopup > .container > .title > .button:hover {color:var(--hfcolor); background-color:rgba(255,255,255,0.2);}
#footer .pdfpopup > .container > .title > .button.minimize:hover:after {background-color:var(--hfcolor);}
#footer .pdfpopup > .container > .inner {width:100%; height:calc(100% - 2.2em); position:relative;}
#footer .pdfpopup > .container > .inner.waiting:after {position:absolute; z-index:1; width:96px; height:96px; opacity:0.8; border-width:8px; top:calc(50% - 48px); left:calc(50% - 48px);}
#footer .pdfpopup > .container > .inner > .pdf-frame {width:100%; height:100%; border-width:0; position:relative; z-index:2;}
#footer #officialsite {width:1.8em; min-width:1.8em; max-width:1.8em; position:absolute; top:0; left:0; height:100%; z-index:1;}
#layout.login + #footer #officialsite {width:auto; min-width:0; max-width:none; position:static;}
#footer-hm-control {width:1.8em; min-width:1.8em; max-width:1.8em; color:var(--hfcolor); cursor:pointer; display:none !important; position:absolute; top:0; right:0; z-index:1;}
#footer-hm-control > span {display:block; width:100%; text-align:center;}
#footer.reorder #footer-hm-control {display:flex !important; background-color:inherit; height:100%; border-left:1px solid var(--gfcolor);}
#footer.open {position:absolute; z-index:102; height:auto; padding-right:1.8em;}
#footer.open li.item {height:2.4em;}
#footer.open #footer-hm-control .icon-chevron-up-icon:before {content:"\e601";}
#layout.login + #footer #footer-hm-control {display:none !important;}

#vote {display:flex; flex:2; flex-direction:column; position:relative; min-width:100%; max-width:100%; max-height:100% !important; height:0; overflow:hidden; flex-grow:1; flex-shrink:1; flex-basis:auto; background-color:var(--outside); color:var(--hfcolor); border-top:1px solid var(--inside); padding-top:0.7em;}
#vote.minimize {padding-top:0; min-height:2.3rem !important; max-height:2.3rem !important; background-color:#f50059;}
#vote.minimize .h-splitter,
#vote.minimize .v-splitter {display:none;}
#vote.minimize .header {min-height:2.3rem; background-color:rgba(255,255,255,0.1); color:var(--hfcolor); line-height:2.3rem;}
#vote.minimize .openclose {top:0; width:2.7rem; height:2.3rem; padding:1px 0.2rem;}
#vote.minimize .openclose .lock {display:none;}
#vote.minimize .openclose .arrow {width:100%; height:calc(100% - 1px); opacity:1; line-height:115%; border-bottom-width:0; border-radius:6px; position:relative; background-color:var(--hfcolor); color:#f61768; box-shadow:0 0 5px rgba(0,0,0,0.3);}
#vote.minimize .openclose .arrow:before {content:"\e614"; line-height:2.1rem;}
#vote.minimize #header-state {min-height:2.3rem;}
#vote.maximize {padding-top:0; min-height:100% !important; max-height:100% !important; border-top-width:0; z-index:10;}
#vote.maximize .h-splitter {display:none;}
#vote.maximize .openclose {top:0; width:2.5rem;}
#vote.maximize .openclose .arrow {display:none;}
#vote.maximize .openclose .lock {width:100%;}
#vote.maximize .openclose .lock:before {content:"\e98f"; position:relative; left:.18em;}
#vote.zahajeni #vote-agend ul.program,
#vote.konec #vote-agend ul.program,
#vote.zahajeni #vote-agend .control-tab,
#vote.konec #vote-agend,
#vote.zahajeni #discusion,
#vote.projednani #discusion,
#vote.vyhodnoceni #discusion,
#vote.konec #discusion,
#vote.zahajeni #subject .item,
#vote.vyhodnoceni #subject .item,
#vote.konec #subject .item {display:none !important;}
#vote.zahajeni #vote-agend .tab.users,
#vote.vyhodnoceni #subject .decree {display:block !important;}
#vote.zahajeni #subject,
#vote.konec #subject {justify-content:center;}
#vote.zahajeni #subject:before,
#vote.konec #subject:before {display:block; content:"Jednání ještě nezačalo, chvíli strpení..."; font-size:120%; font-weight:300; color:rgba(255,255,255,0.6);}
#vote.konec #subject:before {content:"Jednání je u konce.";}
#vote.vyhodnoceni #subject .decree {color:var(--hfcolor);}
#vote.vyhodnoceni #subject .decree .evaluation {display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; text-align:center; font-size:120%; font-weight:400;}
#vote.vyhodnoceni #subject .decree .status {font-size:180%; font-weight:600; padding-bottom:1.2rem;}
#vote.vyhodnoceni #subject .decree .success .status {color:#91d75b;}
#vote.vyhodnoceni #subject .decree .success .status:before {content:"SCHVÁLENO";}
#vote.vyhodnoceni #subject .decree .fail .status {color:#f61768;}
#vote.vyhodnoceni #subject .decree .fail .status:before {content:"NESCHVÁLENO";}
#vote.vyhodnoceni #subject .decree .num {padding:.2rem; font-size:110%; font-weight:600;}
#vote.vyhodnoceni #subject .decree .num:before {color:rgba(255,255,255,0.7); font-size:90%; font-weight:400;}
#vote.vyhodnoceni #subject .decree .pritomno {padding-top:1.2rem;}
#vote.vyhodnoceni #subject .decree .pro:before {content:"PRO: ";}
#vote.vyhodnoceni #subject .decree .proti:before {content:"PROTI: ";}
#vote.vyhodnoceni #subject .decree .zdrzelose:before {content:"ZDRŽELO SE: ";}
#vote.vyhodnoceni #subject .decree .nehlasovalo:before {content:"NEHLASOVALO: ";}
#vote.vyhodnoceni #subject .decree .pritomno:before {content:"PŘÍTOMNO: ";}
#vote .h-splitter {top:0;}
#vote .openclose {position:absolute; z-index:2; top:0.7em; right:0; width:5rem; height:2rem; display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:stretch; align-items:stretch;}
#vote .openclose .item {text-align:center; width:50%; height:100%; line-height:130%; background-color:rgba(255,255,255,0.08); opacity:0.7; cursor:pointer; border-bottom:0.2rem solid var(--hfcolor); border-radius:0 0 6px 6px; box-shadow:0 0 0 rgba(0,0,0,0); transition:opacity .3s ease-in-out, box-shadow .3s ease-in-out;}
#vote .openclose .item:hover {opacity:1; box-shadow:0 3px 7px rgba(0,0,0,0.3);}
#vote .openclose .lock {font-size:110%;}
#vote .openclose .lock:before {position:relative; top:0.15em;}
#vote .openclose .arrow {font-size:150%; margin-right:1px;}
#vote .header {height:1.8rem; line-height:1.8rem; font-weight:300; background-color:rgba(255,255,255,0.05); color:rgba(255,255,255,0.6); text-align:center; padding:0 5.2rem; position:relative; overflow:hidden;}
#vote .header small {opacity:0.8; white-space:nowrap;}
#vote .header #header-state {position:absolute; top:0; left:0; width:3rem; height:1.8rem; line-height:90%; display:flex; flex-direction:column; justify-content:center; align-items:center; font-size:90%;}
#vote.zahajeni .header #header-state:after {content:""; display:block; width:0.9rem; height:0.9rem; margin:0; padding:0; border-radius:50%; border:0.15rem solid var(--inside); border-color:var(--inside) transparent var(--inside) transparent; animation:anim-waiting 1.2s linear infinite;}
#vote.projednani .header #header-state:before {content:"\ea0c"; font-family:icomoon; font-size:120%;}
#vote.diskuse .header #header-state:before {content:"\e96e"; font-family:icomoon; font-size:120%;}
#vote.odhlasovani .header #header-state:before,
#vote.vyhodnoceni .header #header-state:before {content:"\e906"; font-family:icomoon; font-size:120%;}
#vote .content {flex:5; height:calc(100% - 1.8rem); display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:stretch; align-items:stretch; position:relative; z-index:1;}
#vote .tabs {padding-left:0.7em;}
#vote .tabs .v-splitter {left:0; background-color:rgba(255,255,255,0.027);}
#vote .tabs .v-splitter:before,
/*#vote #discusion .v-splitter:before {top:calc(50% - 0.6em); opacity:0.6;}*/
#vote .tabs .control-tab {min-height:1.8rem; max-height:1.8rem;}
#vote .tabs .control-tab li {border-top:0.2rem solid rgba(255,255,255,0.8); border-radius:6px 6px 0 0; box-shadow:0 0 0 rgba(0,0,0,0); transition:opacity .3s ease-in-out, box-shadow .3s ease-in-out;}
#vote .tabs .control-tab li.discussion {display:none;}
#vote.diskuse .tabs .control-tab li.discussion {display:flex;}
#vote #subject {flex:1; display:flex; flex-direction:column; justify-content:stretch; align-items:center; padding:1px 1px 0 1px; overflow:auto; max-height:100%; min-height:100%; padding:1px;}
#vote #subject .item {width:100%; padding:1px 0.5rem;}
#vote #subject .item.name {display:table; min-height:2.5rem; max-height:4rem; overflow:auto;}
#vote #subject .item.name .row {display:table-row; height:100%;}
#vote #subject .item.name .cell {display:table-cell; height:100%; width:100%; vertical-align:middle;}
#vote #subject .item.name .cell b {padding-right:.2rem;}
#vote #subject .item.promoter {font-size:90%; font-weight:300; color:rgba(255,255,255,0.5); padding-bottom:.1rem;}
#vote #subject .item.decree {flex:10; padding-top:0.2rem; padding-bottom:.2rem; margin-top:1px; overflow:auto; font-weight:300; padding-top:0;}
#vote.diskuse #subject .item.decree,
#vote.odhlasovani #subject .item.decree {padding-bottom:0.2rem; border-bottom:0.7rem solid #3f3f3f;}
#vote #discusion {display:none; flex-direction:column; justify-content:stretch; align-items:flex-end;}
#vote.diskuse #discusion.select {display:flex !important;}
#vote #discusion .tree {display:flex; flex-direction:column; justify-content:stretch; align-items:stretch; font-size:120%; list-style-type:none; height:100%; overflow:auto; margin:0; padding:0 0.3em; width:100%; max-width:20rem;}
#vote #discusion .tree:empty {min-width:100%;}
#vote #discusion .tree:empty:before {display:block; content:"DISKUSE"; width:100%; padding-top:1em; text-align:center; color:rgba(255,255,255,0.7);}
#vote #discusion .tree li {padding:0 0 0 3rem; margin:0.2rem 0; min-height:4.1rem; max-height:4.1em; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; background-color:rgba(255,255,255,0.15); overflow:hidden; line-height:110%; color:rgba(255,255,255,0.6); font-weight:300; border-left:4px solid #91d75b;}
#vote #discusion .tree li:before {content:"\e900"; font-family:icomoon; display:block; position:absolute; top:1rem; left:0; width:3rem; font-size:200%; line-height:100%; text-align:center; color:#91d75b;}
#vote #discusion .tree li.poznamka {margin-left:1rem; border-left-color:#00c3f1; min-height:3.5rem; max-height:3.5rem; font-size:90%;}
#vote #discusion .tree li.poznamka:before {font-size:160%; color:#00c3f1;}
#vote #discusion .tree li.running {animation:discusionruning 1s linear infinite;}
#vote #discusion .tree li.poznamka.running {animation:discusionruning2 1s linear infinite;}
#vote #discusion .tree li.waiting:after {display:none !important;}
#vote #discusion .tree li.ended {border-left-color:#b0b5bf;}
#vote #discusion .tree li.ended:before {color:#b0b5bf;}
#vote-agend {width:30em; min-width:15em; max-width:65%; font-weight:300; position:relative; overflow:inherit;}
#vote-agend .tab {display:flex; flex-direction:column; justify-content:stretch; align-items:stretch; list-style-type:none; font-size:85%; margin:0 0 0.2em 0; padding:0;}
#vote-agend .tab li {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:stretch; align-items:stretch; padding:.4em .1em .4em .2em; color:var(--textcolor); line-height:110%;}
#vote-agend .tab.program {margin-top:0.2rem;}
#vote-agend .tab.program li:nth-child(2n - 1) {background-color:rgba(255,255,255,0.05);}
#vote-agend .tab.program li.selected {background-color:rgba(255,218,71,0.8); color:var(--outside);}
#vote-agend .tab.program li.selected b {color:var(--outside);}
#vote-agend .tab.program li b {padding-right:.3em; display:block; min-width:2em; text-align:right; color:var(--hfcolor); white-space:nowrap;}
#vote-agend .tab.users li {padding:0.4em 0.1em 0.4em 1.8em; position:relative;}
#vote-agend .tab.users li:nth-child(2n) {background-color:rgba(255,255,255,0.05);}
#vote-agend .tab.users li:before {content:"\e901"; font-family:icomoon; display:block; position:absolute; top:0.65em; left:0; width:2.2em; text-align:center; line-height:100%; font-size:80%; color:#f8dc6e;}
#vote-agend .tab.users li.absent:before {content:"\e900"; color:#777;}
#hide-vote {display:none; width:1.5rem; left:-1.5rem;}
#hide-vote:before {left:0; content:"\e615";}
#sndnotifi {display:none;}

@media (max-width: 950px) {
  #vote-agend {position:absolute; top:0; right:0; width:100%; background-color:rgba(58,58,58,0.8); max-width:85%;}
  #vote-agend .control-tab li {opacity:1;}
  #vote-agend .control-tab li.select {background-color:#616161;}
  #vote-agend.hide {width:0; min-width:0; max-width:0; padding-left:0;}
  #vote-agend.hide .tab,
  #vote-agend.hide .tab.select,
  #vote-agend.hide .v-splitter,
  #vote-agend.hide .control-tab {display:none !important;}
  #vote-agend.hide #hide-vote:before {content:"\e616";}
  #vote.diskuse #vote-agend,
  #vote.odhlasovani #vote-agend {height:calc(100% - 9.7rem);}
  #hide-vote {display:block;}
}

@media (max-width: 800px) {
  #content > ul > li > a {padding-left:2.9rem;}
  #content > ul > li > a:before {width:1.6em; height:1.6em; font-size:100%; border-width:2px; line-height:1.53em;}
}

@media (max-width: 650px) {
  #downloader .container {height:calc(100% - 6em);}
  #downloader .outer,
  #edit-password .outer {padding:2.7em 1.2em;}
  #footer li.item.pdfpopup {max-width:33%;}
  #content li > a > .dt > i {display:block;}
}

@media (max-width: 550px) {
  #lefttree {position:absolute; z-index:10; max-height:calc(100% - 2.8rem); box-shadow:15px 0 10px rgba(0,0,0,0.5); opacity:0.95;}
  #lefttree.hide {box-shadow:none; opacity:1;}
}


@media (max-width: 500px) {
  #downloader .container {height:calc(100% - 9em);}
  #footer li.item.pdfpopup {max-width:50%;}
}

@media (max-width: 400px) {
  #footer li.item.pdfpopup {min-width:100%; max-width:100%;}
}

@keyframes anim-waiting {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

@keyframes shake {
  10%, 90% {transform:translate3d(-2px, 0, 0);}
  20%, 80% {transform:translate3d(4px, 0, 0);}
  30%, 50%, 70% {transform:translate3d(-6px, 0, 0);}
  40%, 60% {transform:translate3d(6px, 0, 0);}
}

@keyframes anim-basetree {
  0% {border-color:var(--hfcolor);}
  25% {border-top-color:#eeb83a; border-right-color:var(--hfcolor); border-bottom-color:var(--hfcolor); border-left-color:var(--hfcolor);}
  50% {border-right-color:#eeb83a; border-bottom-color:var(--hfcolor); border-left-color:var(--hfcolor);}
  75% {border-bottom-color:#eeb83a; border-left-color:var(--hfcolor);}
  100% {border-color:#eeb83a;}
}

@keyframes discusionruning {
  0%,
  49%,
  100% {border-left-color:#f61768;}
  50%,
  99%  {border-left-color:#91d75b;}
}

@keyframes discusionruning2 {
  0%,
  49%,
  100% {border-left-color:#f61768;}
  50%,
  99%  {border-left-color:#00c3f1;}
}