html, body { width: 100%; min-width:1000px; height: 100%; margin: 0; padding: 0; }
body { color:#241f20; font-family:'Roboto', sans-serif; font-size:14px; }
body.loading div.wrapper { display:none !important; }
img { border: 0; }

a { text-decoration:none; color:#0765a5; }
a:hover { text-decoration:underline; }
b, strong { font-weight:normal; color:#e53517; }
h1,h2,h3,h4,h5 { font-weight:500; }
.grey { color:#dddddd; }
.green { color:green; }

h1 input[type=text] { border:0; padding:0; margin:0; font-size:inherit; font-weight:inherit; font-family:inherit; color:inherit; }
h1 input[type=text] + .icon { position:relative; cursor:pointer; display:inline-block; margin-bottom:-13px; height:40px; width:40px; border:1px solid #dddddd; border-radius:50%;  }
h1 input[type=text] + .icon:hover { background-color:#eee; }
h1 input[type=text] + .icon img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:75%; height:auto; }

hr { margin:0; margin-top:1em; margin-bottom:1em; padding:0; border:0; border-bottom:1px solid #241f20; }

input, select, textarea { outline:none; }
input:focus, select:focus, textarea:focus { border-color:#241f20 !important; }

.sticky { position:relative; }
.sticky > div { top:0; position:relative; background-color:#fff; z-index:100; }
.sticky > div.fixed { position:fixed; overflow:auto; }

a.publicdisplay { cursor:zoom-in; }

div.wrapper { position:relative; display:block; margin:auto; padding:0; overflow:hidden; }
div.head { position:relative; z-index:999; display:block; margin:0; padding:25px; padding-left:235px; padding-bottom:0; margin-bottom:40px; font-size:14px; background-color:#eff5f9; }
div.head div.logo { display:block; position:absolute; top:50%; left:25px; transform:translate(0,-50%); }
div.head div.logo img { display:block; margin:auto; width:auto; height:70px; }

div.head div.nav { position:relative; display:block; overflow:hidden; padding-top:40px; }
div.head div.nav > ul { display:block; overflow:hidden; list-style:none; margin:0; padding:0; }
div.head div.nav ul li { display:block; float:left; line-height:1em; }
div.head div.nav ul li a { display:block; text-decoration:none; padding:1.4em; padding-left:24px; padding-right:24px; text-transform:uppercase; font-weight:bold; border-radius: 5px 5px 0 0; }
div.head div.nav ul li a:hover,
div.head div.nav ul li a.selected { background-color:#fff; }

div.head div.right { position:absolute; top:25px; right:25px; color:#6f7276; }
div.head div.right span.metanav { position:relative; background-color:transparent; }
div.head div.right span.metanav span.title { padding-bottom:8px; }
div.head div.right span.metanav span.title:after { content:"▾"; padding-left:8px; cursor:pointer; }
div.head div.right span.metanav ul { display:none; position:absolute; right:0; top:100%; background-color:#ffffff; border:1px solid #dddddd; border-radius:5px; padding:20px; padding-top:5px; padding-bottom:5px; list-style:none; margin:0; margin-top:8px; }
div.head div.right span.metanav:hover ul { display:block; }
div.head div.right span.metanav ul:before,
div.head div.right span.metanav ul:after { content: ' '; position: absolute; width: 0; height: 0; }
div.head div.right span.metanav ul:before { right: 10px; top: -12px; border: 6px solid; border-color: transparent transparent #ddd transparent; }
div.head div.right span.metanav ul:after { right: 11px; top: -10px; border: 5px solid; border-color: transparent transparent #fff transparent; }

div.head div.right span.metanav ul li { margin:0; padding:0; display:block; line-height:2em; }
div.head div.right span.metanav ul li a { display:block; color:#000; white-space:nowrap; }
div.head div.right span.metanav ul li a:hover,
div.head div.right span.metanav ul li a.selected { text-decoration:underline; }
div.head div.right .button { display:block; margin-top:-9px; margin-left:20px; float:right; }
div.head div.right .button.highlight.selected { color:#000000 !important; background-color:#eee; border-color:#ddd; }
div.head div.right .button.highlight:hover { color:#fff !important; background-color:#241f20 !important; border-color:#241f20 !important; }

div.notifications { display:none; position:fixed; z-index:999999; top:0; right:0; bottom:0; width:370px; box-shadow: 0 2px 10px 0 #94989e; background-color:#fff; border:30px solid #fff; border-right:0; padding-right:30px; overflow:auto; }
div.notifications.shown { display:block; }
div.notifications h2 { margin-top:20px; margin-bottom:40px; font-size:24px; font-weight:normal; }

div.control,
div.main { display:block; margin:auto; width:100%; max-width:1200px; padding-bottom:40px; }

div.control { position:relative; padding:0; }
div.control > div { padding:25px; padding-bottom:15px; }
div.control.sticky > div { padding-top:15px; padding-bottom:15px; }
div.control.sticky > div { z-index:110;}
div.control.sticky > div.fixed { border-left:3000px solid #fff; margin-left:-3000px; border-right:3000px solid #fff; margin-right:-3000px; margin-bottom:25px; background-color:#fff; height:44px; box-shadow: 0 2px 10px 0 #94989e; overflow:visible; }
div.control.sticky > div.fixed > * { display:none; }
div.control.sticky > div.fixed div.search,
div.control.sticky > div.fixed label.option,
div.control.sticky > div.fixed .button,
div.control.sticky > div.fixed div.nav { display:block; }
div.control.sticky > div.fixed div.nav > a { position:absolute; top:50%; left:25px; transform:translate(0,-50%); }


div.control h1 { font-size:24px; line-height:42px; margin:0; margin-top:50px; }
div.control h1 + p { margin-top:5px; margin-bottom:40px; }

div.control p { float:left; }

div.control div.select { margin-bottom:0; }

div.control h1 + div.select { float:right; margin-top:-38px; }

div.control div.search { position:relative; z-index:1; min-height:45px; }
div.control div.search > div.input { width:50%; float:left; margin-bottom:0; margin-right:35px; background-image:url(../img/icons/icon-search.svg); background-position:10px center; background-repeat:no-repeat; background-size:25px 25px; }
div.control div.search > div.input input { padding-left:45px; }
div.control div.search > a { display:block; float:left; margin-left:30px; line-height:44px; }

div.control .button { position:absolute; z-index:3; top:15px; right:25px; background-color:#e53517; color:#fff !important; border-radius:22px; padding-left:30px; padding-right:30px; font-size:14px; line-height:44px; border:0; }
div.control .button:hover { background-color:#241f20; }

div.control div.nav { position:absolute; top:15px; left:0; right:0; z-index:2; padding-left:25px; padding-right:25px; background-color:#fff; height:45px; line-height:45px; }
div.control div.nav:empty { display:none !important; }

div.control div.nav > a { position:relative; }
div.control div.nav > a span.icon { position:absolute; top:50%; transform:translateY(-50%); left:-65px; width:38px; height:38px; border:1px solid #ddd; border-radius:50%; }
div.control div.nav > a:hover span.icon { background-color:#eee;}
div.control div.nav > a span.icon img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; width:75%; height:auto; }

@media (max-width: 1310px) {
  div.control div.nav > a { padding-left:65px; }
  div.control div.nav > a span.icon { left:0; }
}

div.control ul.tab { list-style:none; display:block; float:right; margin:0; padding:0; margin-bottom:45px; }
div.control ul.tab > li { position:relative; margin:0; padding:0; float:left; margin-left:-1px; }
div.control ul.tab > li > a,
div.control ul.tab > li > span { position:relative; z-index:1; display:block; padding:15px 20px; border:1px solid #e0e0e0; border-bottom:0; text-decoration:none; line-height:1em; }
div.control ul.tab > li > a[href]:hover,
div.control ul.tab > li > a[href].selected,
div.control ul.tab > li > span:hover,
div.control ul.tab > li > span.selected { color:#fff; z-index:2; border-color:#0765a5; background-color:#0765a5; border-top-left-radius:4px; border-top-right-radius:4px; }
div.control ul.tab > li > a:not([href]) { color:#6f7276; }
div.control ul.tab > li > a[href]:not(:last-child):hover:after,
div.control ul.tab > li > a[href].selected:not(:last-child):after,
div.control ul.tab > li > span:not(:last-child):hover:after,
div.control ul.tab > li > span.selected:not(:last-child):after { content:" "; position:absolute; z-index:2; top:0; bottom:0; left:100%; width:1px; background-color:inherit; }
div.control ul.tab > li:first-child > a,
div.control ul.tab > li:first-child > span { border-top-left-radius:4px; }
div.control ul.tab > li:last-child > a,
div.control ul.tab > li:last-child > span { border-top-right-radius:4px; }
div.control ul.tab > li > a.icon,
div.control ul.tab > li > span.icon { height:1em; }
div.control ul.tab > li > a.icon svg,
div.control ul.tab > li > span.icon svg { position:absolute; height:24px; top:50%; left:50%; transform:translate(-50%,-50%); }
div.control ul.tab > li > a.icon:hover svg :not([fill=none]),
div.control ul.tab > li > a.icon.selected svg :not([fill=none]),
div.control ul.tab > li > span.icon:hover svg :not([fill=none]),
div.control ul.tab > li > span.icon.selected svg :not([fill=none]) { fill:#ffffff; }

div.control ul.tab > li > span { cursor:pointer; }
div.control ul.tab > li > span:after { position:absolute; z-index:1; content:" "; top:100%; left:0; right:0; height:10px; background-color:fff; }
div.control ul.tab > li > span > ul { display:none; position:absolute; z-index:2; right:0; top:100%; background-color:#ffffff; border:1px solid #dddddd; border-radius:5px; padding:20px; padding-top:5px; padding-bottom:5px; list-style:none; margin:0; margin-top:8px; }
div.control ul.tab > li > span:hover > ul { display:block; position:absolute; top:100%; right:0; }
div.control ul.tab > li > span > ul:before,
div.control ul.tab > li > span > ul:after { content: ' '; position: absolute; width: 0; height: 0; }
div.control ul.tab > li > span > ul:before { right: 10px; top: -12px; border: 6px solid; border-color: transparent transparent #ddd transparent; }
div.control ul.tab > li > span > ul:after { right: 11px; top: -10px; border: 5px solid; border-color: transparent transparent #fff transparent; }

div.control ul.tab > li > span > ul li { margin:0; padding:0; display:block; line-height:2em; }
div.control ul.tab > li > span > ul li a { display:block; color:#000; white-space:nowrap; }
div.control ul.tab > li > span > ul li a:hover,
div.control ul.tab > li > span > ul li a.selected { text-decoration:underline; }

div.control div.circle { position:relative; display:block; float:left; overflow:hidden; width:76px; height:76px; border-radius:50%; margin-right:14px; background-color:#e0e0e0; color:#fff; font-size:60px; line-height:76px; text-align:center; margin-top:36px; }
div.control div.circle.user { background-image:url(../img/icons/icon-user-white.svg); background-repeat:no-repeat; background-position:center center; background-size:80% 80%; }
div.control div.circle.user > label { cursor:pointer; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; }
div.control div.circle.user > label:hover { background-color:rgba(7,101,165,0.3); }
div.control div.circle.user > label > input { position:absolute; left:-999px; } 
div.control div.circle.user > label > img { position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); border:50% solid #000; }
div.control div.circle.user > label > input.pending + img { opacity:0.5; }

div.control div.circle.user.zoom:hover { position:absolute; z-index:9999; }
div.control div.circle.user.zoom:hover + h2,
div.control div.circle.user.zoom:hover + h2 + div.action { margin-left:90px; }
div.control div.circle.user.zoom:hover + h2 + div.action { padding-bottom:13px; }
div.control div.circle.user.zoom:hover { width:248px; height:248px; transform:translate(-86px,-86px); }

div.control div.circle + h2 { margin-top:50px; margin-bottom:0; }
div.control div.circle + h2 + div.action { margin-top:5px; }
div.control div.circle + h2 + div.action div.input { display:inline; margin:0; padding:5px; padding-left:0; white-space:nowrap; }
div.control div.circle + h2 + div.action div.input.checkbox > label { margin:0; float:left; padding-left:0; padding-right:28px; font-size:13px; }
div.control div.circle + h2 + div.action div.input.checkbox > input[type=checkbox] + label:before, 
div.control div.circle + h2 + div.action div.input.checkbox > input[type=radio] + label:before { left:auto; right:0; }
div.control div.circle + h2 + div.action div.input + div.input { margin-left:10px; }


div.control label.option { display:block; position:absolute; top:37px; right:12em; z-index:3; line-height:1em; margin-top:-0.5em; }

div.main > div.left { display:block; position:relative; width:210px; padding-top:25px; margin-left:90px; margin-top:-101px; margin-right:80px; float:left; font-family: 'Roboto', sans-serif; color:#666666; font-size:18px; }
div.main > div.left > div { padding:25px; padding-top:101px; }
div.main > div.left.sticky > div { height:100%; }
div.main > div.left div.input { margin-top:10px; }
div.main > div.left h2 { color:#241f20; font-size:20px; line-height:1em; }
div.main > div.left h2 input,
.input-inline { display:inline-block; position:relative; color:inherit; text-decoration:underline; font-size:inherit; font-weight:inherit; line-height:inherit; font-family:inherit; border:0; padding:0; margin:0; }
div.main > div.left ul { list-style:none; margin:0; padding:0; }
div.main > div.left div > ul { margin-bottom:10px; }
div.main > div.left ul ul { font-size:0.8em; margin-left:15px; }
div.main > div.left a.selected { text-decoration:none; font-weight:bold; }

div.main > div.left ul.index a { position:relative; display:block; padding-right:50px; margin-bottom:10px; line-height:20px; }
div.main > div.left ul.index a:after { content:" "; display:block; position:absolute; top:0; right:0; width:18px; height:18px; border-radius:50%; border:1px solid #dddddd; background-image:url(../img/icons/icon-add.svg); background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:95% 95%; }
div.main > div.left ul.index a.edited:after { background-color:#0765a5; border-color:#0765a5; background-image:url(../img/icons/icon-check-white.svg); }
div.main > div.right { display:block; position:relative; padding:25px; padding-bottom:50px; }

div.main > div.left + div.right { margin-left:380px; }
div.main > div.right:first-child { width:auto; float:none; }

div.main > div.right fieldset { display:block; position:relative; width:100%; padding:0; margin:0; border:0; margin-top:-25px; padding-top:25px; padding-bottom:25px; margin-bottom:40px; }
div.main > div.right fieldset.selected { background-color:#eff5f9; margin-left:-25px; margin-right:-25px; border-left:25px solid #eff5f9; border-right:25px solid #eff5f9; }
div.main > div.right fieldset.selected:after { position:absolute; content:" "; top:0; bottom:0; left:100%; width:9999px; background-color:inherit; }
div.main > div.right fieldset.error { background-image:url(../img/error.png); background-repeat:no-repeat; background-position:right 50px; background-size:30px auto; }
div.main > div.right fieldset legend,
div.main > div.right h3 { position:relative; display:block; font-size:40px; line-height:1em; margin:0; padding-bottom:25px; float:left; width:100%; clear:both; }
div.main > div.right h3 { float:none; font-weight:normal; }

div.main > div.right .readonly fieldset legend,
div.main > div.right .readonly h3 { font-size:30px; }

div.main > div.right fieldset legend + * { clear:left; }

div.main > div.right table { width:100%; }

div.main > div.right table th,
div.main > div.right table td { position:relative; padding:15px; }
div.main > div.right table th { text-align:left; font-weight:normal; color:#94989e; text-transform:uppercase; font-size:12px; font-weight:bold; }
div.main > div.right table tr:not(:first-child) th { color:inherit; text-transform:none; font-size:18px; font-weight:500; }

div.main > div.right table tr:first-child th { padding-top:0; }
div.main > div.right table th:first-child,
div.main > div.right table td:first-child { padding-left:0; }
div.main > div.right table th:last-child,
div.main > div.right table td:last-child { padding-right:0; }
div.main > div.right table td { font-family:'Roboto', sans-serif; border-top:1px solid #dddddd; }
div.main > div.right table tr:nth-child(even) td { }
div.main > div.right table tr.inactive td { color:#bbb; }

div.main > div.right table.list { padding-top:9px; }
div.main > div.right table.list tr.hidden { display:none; }

div.main > div.right table.list tr.expiring td:nth-child(3),
div.main > div.right table.list tr.expiring td:nth-child(4),
div.main > div.right table.list tr.expiring td:nth-child(5),
div.main > div.right table.list tr.expiring td:nth-child(6) { background-color:#eff5f9; }

div.main > div.right table.list tr.highlight td { background-color:#eff5f9; }

div.main > div.right table.list tr.space td { padding:0; height:4px; border:0; background-color:#ddd; }

div.main > div.right table.list tr:not(.empty):not(.space):hover td { background-color:#eff5f9; }
div.main > div.right table.list tr:not(.empty):not(.space):hover td:first-child:before,
div.main > div.right table.list tr:not(.empty):not(.space):hover td:last-child:after { position:absolute; content:" "; top:0; bottom:0; right:100%; width:1000px; background-color:inherit; }
div.main > div.right table.list tr:not(.empty):not(.space):hover td:last-child:after { left:100%; right:auto; }
div.main > div.right table.list small { color:#6f7276; } 

div.main > div.right table.list .tag { display:inline-block; background-color:#c1d8e8; border-radius:4px; color:#fff; font-size:13px; line-height:1.43em; padding:0 8px; margin-bottom:5px; }
div.main > div.right table.list .tag + small { display:block; margin-bottom:10px; }

div.main > div.right .public-display-preview { display:none; }
div.main > div.right .public-display-preview-active { text-decoration:underline; }
div.main > div.right .public-display-preview-active .public-display-preview { display:inline-block; position:relative; top:auto; left:auto; }
div.main > div.right .public-display-preview-active .public-display-preview img { height:1em; width:auto; margin-left:10px; }

p.error { text-align:left; color:#e53517; }

div.footer { position:relative; display:block; margin:auto; width:100%; border-top:1px solid #dddddd; color:#666666; font-family:'Roboto', sans-serif; font-size:11px; line-height:30px; overflow:hidden; margin-top:40px; }
div.footer > div.left { position:relative; float:left; }
div.footer > div.right { position:relative; float:right; }

.clear { clear:both; }

div.input { display:block; position:relative; padding:14px; margin-bottom:10px; clear:both; }
div.input.label { padding-right:50px; }
div.input.label > input[type=text] { border-top-right-radius:0; border-bottom-right-radius:0; }
div.input.label span.label { position:absolute; top:0; right:0; padding:13px; padding-left:0; padding-right:0; border:1px solid #dddddd; border-left:0; width:39px; text-align:center; border-top-right-radius:4px; border-bottom-right-radius:4px; }

div.input.info { display:block; overflow:hidden; padding:0; margin-bottom:20px; }
div.input.info > div.name { display:block; margin-bottom:10px; font-weight:500; }


div.input.select { padding:0; }
div.input.select select,
div.input span.date_calc,
div.input textarea,
div.input input[type=text],
div.input input[type=password],
div.input.info > div.value { display:block; position:relative; z-index:20; border:1px solid #dddddd; font-family:inherit; color:inherit; font-size:inherit; margin:-14px; padding:13px; width:100%;background:none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; box-shadow: none; }
div.input.info > div.value { margin:0; width:auto; background-color:#eff5f9; }

div.input.select.button { border:0; padding:0; margin:0; font-size:14px; }
div.input.select.button:before { top:2px; }
div.input.select.button select { font-size:inherit !important; padding-top:0; padding-bottom:0; line-height:2.5em; }

div.input textarea::-webkit-input-placeholder,
div.input input[type=text]::-webkit-input-placeholder,
div.input input[type=password]::-webkit-input-placeholder { color:#6f7276; font-family:'Roboto', sans-serif; }
div.input textarea::-moz-placeholder,
div.input input[type=text]::-moz-placeholder,
div.input input[type=password]::-moz-placeholder { color:#6f7276; font-family:'Roboto', sans-serif; }
div.input textarea:-ms-input-placeholder,
div.input input[type=text]:-ms-input-placeholder,
div.input input[type=password]:-ms-input-placeholder { color:#6f7276; font-family:'Roboto', sans-serif; }
div.input textarea:-moz-placeholder,
div.input input[type=text]:-moz-placeholder,
div.input input[type=password]:-moz-placeholder { color:#6f7276; font-family:'Roboto', sans-serif; }
div.input .hidden { display:none; }
div.input.file input { cursor:pointer; }
div.input.file input[type=file] { display:none; }
div.input.select.error select,
div.input.error textarea,
div.input.error input[type=text],
div.input.error input[type=password] { border-color:#e53517; }
div.input.error textarea::-webkit-input-placeholder,
div.input.error input[type=text]::-webkit-input-placeholder,
div.input.error input[type=password]::-webkit-input-placeholder { color:#e53517; }
div.input.error textarea::-moz-placeholder,
div.input.error input[type=text]::-moz-placeholder,
div.input.error input[type=password]::-moz-placeholder { color:#e53517; }
div.input.error textarea:-ms-input-placeholder,
div.input.error input[type=text]:-ms-input-placeholder,
div.input.error input[type=password]:-ms-input-placeholder { color:#e53517; }
div.input.error textarea:-moz-placeholder,
div.input.error input[type=text]:-moz-placeholder,
div.input.error input[type=password]:-moz-placeholder { color:#e53517; }
div.input.select select { margin:0; padding-right:40px; }
div.input.select:before { position:absolute; z-index:10; top:14px; right:14px; content:"▼";  }
div.input.select.error select,
div.input.select.error:before { color:#e53517; }
div.input.checkbox { color:#6f7276; font-family:'Roboto', sans-serif; overflow:hidden; margin:0; line-height:20px; }
div.input.checkbox > span { display:block; width:50%; float:left; }
fieldset div.input.checkbox > span { width:33%; }

div.input.checkbox.hover:hover { background-color:#f9f9f9; }
div.input.checkbox.hover label { margin-bottom:0; }

div.input.checkbox > span.level0 { font-size:18px; font-weight:500; }

div.input.checkbox > span.level0,
div.input.checkbox > span.level1,
div.input.checkbox > span.level2,
div.input.checkbox > span.level3,
div.input.checkbox > span.level4,
div.input.checkbox > span.level5 { margin-left:0; padding-left:0px; position:relative; line-height:19px; }

div.input.checkbox > span.level0.margin,
div.input.checkbox > span.level1.margin,
div.input.checkbox > span.level2.margin,
div.input.checkbox > span.level3.margin,
div.input.checkbox > span.level4.margin,
div.input.checkbox > span.level5.margin { margin-left:100px; }

div.input.checkbox > span.level1 { padding-left:100px; font-size:1em; }
div.input.checkbox > span.level2 { padding-left:200px; font-size:1em; width:40%; }
div.input.checkbox > span.level3 { padding-left:300px; font-size:1em; width:25%; }
div.input.checkbox > span.level4 { padding-left:400px; font-size:1em; width:15%; }
div.input.checkbox > span.level5 { padding-left:500px; font-size:1em; }

div.input.checkbox > span.level0 span,
div.input.checkbox > span.level1 span,
div.input.checkbox > span.level2 span,
div.input.checkbox > span.level3 span,
div.input.checkbox > span.level4 span,
div.input.checkbox > span.level5 span { position:absolute; left:0; top:0; }

div.input.checkbox > input[type=checkbox],
div.input.checkbox > input[type=radio] { position:absolute; left:-9999px; }
div.input.checkbox > label { display:block; position:relative; float:left; margin-right:25px; margin-bottom:10px; padding-left:28px; cursor:pointer; }
div.input.checkbox.alignright > label { float:right; margin-left:25px; margin-right:0; }
div.input.checkbox.alignright > label.divide { padding-left:53px; border-left:1px solid #241f20; }
div.input.checkbox.alignright > label.divide:before { left:25px; }

div.input.checkbox.alignleft > label { clear:left; }
div.input.checkbox.alignleft > span { float:right; width:auto; }
div.input.checkbox.range > label { float:right; width:20px; height:1em; margin-right:0; margin-left:8px; padding-left:0; text-indent:-9999px; }
div.input.checkbox > label:last-child { margin-right:0; margin-left:0; }
div.input.checkbox > input[type=checkbox] + label:before,
div.input.checkbox > input[type=radio] + label:before { content: ''; position: absolute; left:0; top: 0px; width: 12px; height: 12px; border-radius: 10px; border: 4px solid #fff; background:#fff; -webkit-box-shadow: 0px 0px 0px 1px rgba(221, 221, 221, 1); -moz-box-shadow: 0px 0px 0px 1px rgba(221, 221, 221, 1); box-shadow: 0px 0px 0px 1px rgba(221, 221, 221, 1); }

div.input.checkbox.error > input[type=checkbox] + label,
div.input.checkbox.error > input[type=radio] + label { color:#e53517; }
div.input.checkbox.error > input[type=checkbox] + label:before,
div.input.checkbox.error > input[type=radio] + label:before { -webkit-box-shadow: 0px 0px 0px 1px rgba(239,64,35,1); -moz-box-shadow: 0px 0px 0px 1px rgba(239,64,35,1); box-shadow: 0px 0px 0px 1px rgba(239,64,35,1); } 

div.input.checkbox > input[type=checkbox]:checked + label:before,
div.input.checkbox > input[type=radio]:checked + label:before,
div.input.checkbox.range > input[type=radio]:checked + label + input[type=radio] + label:before,
div.input.checkbox.range > input[type=radio]:checked + label + input[type=radio] + label + input[type=radio] + label:before,
div.input.checkbox.range > input[type=radio]:checked + label + input[type=radio] + label + input[type=radio] + label + input[type=radio] + label:before,
div.input.checkbox.range > input[type=radio]:checked + label + input[type=radio] + label + input[type=radio] + label + input[type=radio] + label + input[type=radio] + label:before { border:0; width:20px; height:20px; background-color:#241f20 !important; -webkit-box-shadow: 0px 0px 0px 1px rgba(35,31,32,1); -moz-box-shadow: 0px 0px 0px 1px rgba(35,31,32,1); box-shadow: 0px 0px 0px 1px rgba(35,31,32,1); background-image:url(../img/icons/icon-check-white.svg); background-repeat:no-repeat; background-position:center center; background-size:95% 95%; }
div.input.checkbox > input[type=checkbox]:checked + label,
div.input.checkbox > input[type=radio]:checked + label { color:#241f20; }

div.input.checkbox > input.pending:checked + label:before { opacity:0.5; }

div.input.checkbox > input[type=radio]:checked ~ span { color:#241f20; }

div.input textarea.pending { color:#666666; }

.show-last div.input.checkbox > input[type=checkbox].last-checked + label:before,
.show-last div.input.checkbox > input[type=radio].last-checked + label:before { background-color:#e53517; background-color:rgba(239,64,35,0.7); -webkit-box-shadow: 0px 0px 0px 1px rgba(239,64,35,1) !important; -moz-box-shadow: 0px 0px 0px 1px rgba(239,64,35,1) !important; box-shadow: 0px 0px 0px 1px rgba(239,64,35,1) !important; }


div.input.checkbox a.publicdisplay { position:absolute; top:50%; left:14px; transform:translate(0,-50%); overflow:hidden; text-indent:-999px; width:28px; height:28px; border-radius:50%; border:1px solid #dddddd; background-image:url(../img/icons/icon-button-check.svg); background-repeat:no-repeat; background-position:center center; background-size:75% 75%; }
div.input.checkbox a.publicdisplay:hover { background-color:#eee; }
div.input.checkbox a.publicdisplay.public-display-preview-active { background-color:#0765a5; border-color:#0765a5; background-image:url(../img/icons/icon-button-check-white.svg); }

div.input span.date_calc { position:absolute; right:0; top:0; border:0; margin:1px; z-index:1; width:auto; color:#dddddd; }

div.input.border { border-bottom:1px solid #e0e0e0; }

div.input-2 { display:block; }
div.input-2 > div { width:50%; float:left; }
div.input-2 > div:first-child div.input { margin-right:10px; }
div.input-2 > div:last-child div.input { margin-left:10px; }

div.input-3 { display:block; }
div.input-3 > div { width:33.3%; float:left; }
div.input-3 > div:first-child div.input { margin-right:10px; }
div.input-3 > div:last-child div.input { margin-left:10px; }

div.input.inline { display:inline-block; }

input[type=submit],
input[type=reset],
input[type=button],
.button { position:relative; border:0; margin:0; cursor:pointer; display:inline-block; padding:20px; padding-top:0; padding-bottom:0; border:1px solid #ddd; background-color:#ffff; color:#000000 !important; font-family:inherit; font-size:inherit; border-radius:4px; font-weight:500; line-height:2.5em; }
.button.icon { padding:0; height:2.5em; width:2.5em; }
.button.icon img { position:absolute; top:50%; left:50%; height:1.8em; width:auto; margin-left:-0.9em; margin-top:-0.9em; }

.button.tick { position:relative; color:transparent !important; width:20px; height:20px; border-radius:50%; padding:0; margin:0; margin-right:10px; overflow:hidden; }
.button.tick.ticked,
.button.tick.success,
.button.tick:hover,
.button.tick[data-result="1"] { border-color:#0765a5; background-color:#0765a5 !important; background-image:url(../img/icons/icon-check-white.svg); background-repeat:no-repeat; background-position:center center; background-size:95% 95%; }
.button.tick.ticked,
.button.tick.success,
.button.tick[data-result="1"] { cursor:default; }

.button.tick.processing { opacity:0.5; }

.button span.count { position:absolute; z-index:1; top:-10px; right:-10px; width:20px; height:20px; background-color:#e53517; border-radius:50%; color:#fff; text-align:center; font-weight:normal; line-height:20px; font-size:12px; }
.button span.count:empty { display:none; }
.button.inactive { cursor:default; opacity:0.4; }

div.left .button.submit { margin-top:20px; font-family:'Roboto', sans-serif; font-size:17px; } 

input[type=submit].secondary,
input[type=reset].secondary,
input[type=button].secondary,
.button.secondary { background-color:#dddddd; }
a.small, span.small { font-size:13px; color:#dddddd; }

small.highlight,
small.highlight * { background-color:#0765a5; color:#fff !important; }

div.highlight { background-color:rgba(239,245,249,1); -webkit-box-shadow: 0px 0px 0px 5px rgba(239,245,249,1); -moz-box-shadow: 0px 0px 0px 5px rgba(239,245,249,1); box-shadow: 0px 0px 0px 5px rgba(239,245,249,1); }
div.main > div.right table.list tr:not(.empty):not(.space):hover td div.highlight { background-color:rgba(255,255,255,1); -webkit-box-shadow: 0px 0px 0px 5px rgba(255,255,255,1); -moz-box-shadow: 0px 0px 0px 5px rgba(255,255,255,1); box-shadow: 0px 0px 0px 5px rgba(255,255,255,1); }

input[type=submit].small,
input[type=reset].small,
input[type=button].small,
.button.small { font-size:13px; }

input[type=submit].highlight,
input[type=reset].highlight,
input[type=button].highlight,
.button.highlight,
.button[data-remember=true] { background-color:#0765a5; color:#fff !important; border-color:transparent; }

input[type=submit].highlight:hover,
input[type=reset].highlight:hover,
input[type=button].highlight:hover,
.button.highlight:hover,
.button[data-remember=true]:hover { background-color:#241f20 !important; }

.button [data-remember=true] { display:none; }
.button[data-remember=true] [data-remember=true] { display:block; }
.button[data-remember=true] [data-remember=false] { display:none; }
.button[data-remember=false] [data-remember=false] { display:block; }
.button[data-remember=false] [data-remember=true] { display:none; }

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
.button:hover:not(.inactive) { background-color:#eee; text-decoration:none; }

.input.personallubag { background-image:url(../img/logo.png?12); background-size:35px auto; background-repeat:no-repeat; background-position:right center; padding-right:60px; }


.raw-form input {
  border:none !important;
}




.multi { overflow:hidden; }
.collapsed { display:none !important; }
.multi[data-collapsed=false] { background-color:#fff !important; }


.color { border:1px solid #ddd; padding:10px; padding-bottom:0; }
.color:nth-child(odd) { background-color:#f7f7f7; }
.color + .color { margin-top:10px; }

.autocomplete-suggestions { background-color: #fff; border-radius: 2px; border-top: 1px solid #d9d9d9; font-family: 'Roboto', sans-serif; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); color:#241f20; }
.autocomplete-suggestion { padding: 0 6px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 30px; text-align: left; border-top: 1px solid #e6e6e6; font-size: 13px; }
.autocomplete-selected { background: #ecf2fd; }
.autocomplete-suggestions strong { font-weight: bold; color:inherit; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #d9d9d9; }

div.input .autocomplete-suggestions { margin-left:-14px; margin-top:14px; }








div.input.noedit span {
  width: 33%;display: inline-block;
    color: #dddddd;
}

div.input.noedit {

    font-family: 'Roboto', sans-serif;
    overflow: hidden;
    margin: 0;

}
p.notification {
  background:#bcf7c7;
  padding: 20px;
  border: 1px solid green;
}
p.notification.error {
  background:#ffb3b3;
  padding: 20px;
  border: 1px solid #e53517;
  color: black;
}

.help-icon {
  display:none !important;
  position: relative;
  right: 0px;
  float: right;
  margin-top: -39px;
  border: 1px solid #ccc;
  padding: 2px 5px;
  font-size: 12px;
  background: #eee;
}
.short-help {
  display:none;
}
.help-icon:hover .short-help {
  display:inline;
}
.tools {
  border: 1px solid #ddd;
  padding: 5px 10px;
  background: #eee;
  margin-right: 10px;
}

table.requests { width:100%; font-size:16px; color: black; }
table.requests th { text-align:left; font-weight:normal; background-color:#dddddd; color: black; }

table.requests th,
table.requests td { padding:10px; padding-top:11px; padding-bottom:11px; }
table.requests td { font-family:'Roboto', sans-serif; border-bottom:1px solid #dddddd; }
table.requests tr:nth-child(odd) td { background-color:#f9f9f9; }
table.requests tr:hover td,
table.requests tr.selected td { color:#e53517; }
table.requests tr.highlight td:first-child { font-family:'Roboto', sans-serif; }
table.requests tr.inactive td { color:#bbb; }

table.requests td a,
table.requests td a:hover { display:block; margin:-10px; padding:10px; color:inherit; text-decoration:inherit; }

table.requests { border-top:1px solid #241f20; padding-top:9px; }
table.requests tr.hidden { display:none; }

table.requests tr.expiring td:nth-child(2),
table.requests tr.expiring td:nth-child(3),
table.requests tr.expiring td:nth-child(4) { background-color:#ccc; }

legend.hidden { visibility:hidden; height:0!important; padding:0!important; margin:0!important; }
span.status { display:inline-block; width:1.2em; height:1.2em; margin-bottom:-0.25em; background-color:#fff; border:1px solid #ddd; border-radius:50%; margin-right:5px; }
span.status.pendent,
span.status.sent { background-color:yellow; border-color:transparent; }
span.status.weitergeleitet { }
span.status.erledigt,
span.status.accepted { background-color:green; border-color:transparent; }
span.status.geloescht { background-color:#e53517; border-color:transparent; }

span.status + span { font-size:13px; }

table tr.highlighted td { font-family:'Roboto', sans-serif !important; }
table tr.info td { color:inherit !important; cursor:auto !important; }

.search-only { visibility:hidden; }
[data-search=true] .search-only { visibility:visible; }
[data-search=true] .list-only { visibility:hidden; }

label.toggle { cursor:pointer; }
label.toggle input[type=checkbox] { display:none; }
label.toggle input[type=checkbox]:checked + span.false,
label.toggle input[type=checkbox]:checked + span + span.false { visibility:hidden; display:none; }
label.toggle input[type=checkbox]:not(:checked) + span.true,
label.toggle input[type=checkbox]:not(:checked) + span + span.true { visibility:hidden; display:none; }

form.tick input[type="submit"] { position:relative; text-indent:-999px; width:20px; height:20px; border-radius:50%; padding:0; margin:0; margin-right:10px; }
table.notifications tr.processing form.tick input[type="submit"],
form.tick input[type="submit"]:hover { border-color:#0765a5; background-color:#0765a5; background-image:url(../img/icons/icon-check-white.svg); background-repeat:no-repeat; background-position:center center; background-size:95% 95%; }

table.notifications td { vertical-align:top; }
table.notifications tr.margin td { padding-bottom:30px; }
table.notifications td a { color:inherit; text-decoration:none; }
table.notifications td a:hover { color:#0765a5; }
table.notifications small { color:#6f7276; }

table.notifications tr.processing,
table.notifications tr.processing + tr { opacity:0.5; }

a.scroll-top { display:none; position:fixed; bottom:40px; right:40px; width:40px; height:40px; background-color:#fff; border:1px solid #ddd; border-radius:50%; text-indent:-999px; overflow:hidden; background-image:url(../img/icons/icon-arrow-up.svg); background-repeat:no-repeat; background-position:center center; background-size:75%; }
div.control.sticking + div.main + a.scroll-top { display:block; }
a.scroll-top:hover { background-color:#eee; }

table td div.half { margin-left:10px; }
table td div.half > form { width:50%; float:left; overflow:hidden; }
table td div.half > form:first-child { margin-left:-10px; margin-right:10px; }
table td div.half > form input { padding-left:0; padding-right:0; margin-left:0; margin-right:0; text-align:center; width:100%; text-align:center; }

.small_text {
    font-size: 0.8em;
}
.contract_date {
    padding-left: 2.5em;
}
.vtop {
    vertical-align: top;
}
.text_center{
    text-align:center;
}

[data-dropdown]:not(select) { position:relative; cursor:pointer; }
[data-dropdown]:not(select).loading { opacity:0.5; }
[data-dropdown]:not(select):after { position:absolute; z-index:2; content:""; top:-5px; left:-5px; right:-5px; bottom:-5px; background:transparent; }
[data-dropdown] select[data-dropdown] { position:absolute; z-index:1; margin:0; padding:0; top:-5px; left:-5px; right:-5px; bottom:-5px; border:0; color:transparent; background:transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
[data-dropdown] select.focus[data-dropdown] { z-index:3; }