* {margin:0;padding:0;}

/* Fonts */

/*a {color: #000;}
a:hover {color: #000;}*/

@import 'https://fonts.googleapis.com/css?family=Lato:100,200,300|Lato:300,400,500,700|Lato:400,700|Lato:700,400';

@font-face {
	font-family: 'w3icons';
	src: 	url('https://cdn.asdf.hoehnesoehne.de/bin/css/w3alpha_iconset.woff') format('woff'),
			url('https://cdn.asdf.hoehnesoehne.de/bin/css/w3alpha_iconset.ttf') format('truetype');
}
.nav_icon, .nav_icon i {font-family: 'w3icons';font-style: normal;}
.nav_icon .item i {
    float: left;
	font-size: 24px !important;
	font-family: 'w3icons';font-style: normal;
}
.ui.dropdown.nav_icon .text p {font-size:0px;}
.ui.dropdown.nav_icon .text p .nav_icon {font-size:1rem;}

.ui.dropdown.nav_icon {width:60px;min-width:0px;height:;border: 1px solid rgba(34, 36, 38, 0.15);border-radius: 0.28571429rem;box-shadow: 0em 0em 0em 0em transparent inset;padding: 9.0px;margin-top: 1px;}
header .nav_icon {width:22px;height:25px;float:left;}
header .nav_icon > i {color:#9D9D9C;display: block;line-height: 100%;font-size:22px;}
h2.ui.dividing.header > .nav_icon {
    opacity: 1;
	display:inline-block;
	line-height: 1.2857em;
    text-transform: none;
    color: rgba(0, 0, 0, 0.87);
	font-size: 1.5em;
    padding-top: 0.14285em;
    vertical-align: middle;
    margin: 0em 0.25rem 0em 0em;
    width: 1.18em;
    height: 1em;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
	font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
	backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

/* Basic */
pre.debug_console {clear:both;position: relative;}
.pre {font-family: monospace;}
body {background-color: #e5e5e5;font: 300 16px/100% 'Lato',sans-serif;border-top: 1px solid transparent;background-image: url(../img/ajax-loader.gif);background-repeat: no-repeat;background-position: center;}
body.loaded {background-image:none;}

p {font-size: 16px;font-weight:300;line-height:100%;font-family:'Lato',sans-serif;}
/*a {text-decoration:none;color:#fff;}*/
a:hover {text-decoration:underline;}
a.active {text-decoration:underline;}
input[type=text], textarea {font:300 16px/100% 'Lato', sans-serif;}
/*.ui.segment a {color: #000;}*/

.ui.negative.message > ul {
    margin-left: 2em;
}

label, input[type=checkbox] {cursor:pointer;}

/* Error */

.ui .form input.error {background-color: #FFF6F6 !important;color: #9F3A38 !important;}
.ui .form textarea.error {background-color: #FFF6F6 !important;color: #9F3A38 !important;}
.ui .form label.error {color: #9F3A38;}
.error {margin-bottom: 1em;}
#error {max-width:1280px;margin:0 auto;}
#error_popup {position:fixed;right:1em;bottom:1em;width:400px;display:flex;flex-direction:column-reverse;}
#error_popup > .ui.message p
#error_popup > .ui.message h1,
#error_popup > .ui.message h2,
#error_popup > .ui.message h3,
#error_popup > .ui.message h4 {margin: 0px;}

/* Tooltips */
/*
a[data-tooltip]:before {position: absolute;left: 0;top: -40px;font:200 12px/100% 'Lato', sans-serif;background-color: #fff;color: #000;height: 30px;line-height: 30px;
border-radius: 5px;padding: 0 15px;content: attr(data-tooltip);white-space: nowrap;display: none;}
a[data-tooltip]:after {position: absolute;left: 15px;top: -10px;border-top: 7px solid #fff;border-left: 7px solid transparent;border-right: 7px solid transparent;content: "";display: none;}
a[data-tooltip]:hover:after, a[data-tooltip]:hover:before {display: block;}
*/

/* placeholder */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
	color: #999;
}
:-moz-placeholder { /* Firefox 18- */
	color: #999;
}
.ui-sortable-placeholder {
	min-height: 120px !important;
	max-height: 120px !important;
}
.disabled {
	color: #ddd;
}
.hidden {
	display: none !important;
}
.reallyDisabled {
	pointer-events: none;
	opacity: .45;
}

.green	 	{color:#43c83c;}
.yellow 	{color:#ffc107;}
.red 		{color:#fa3031;}

.scroll {
	overflow: scroll;
}
.noscroll {
	overflow: auto;
}
.horizontal.scroll {
	overflow-y: scroll;
	overflow-x: auto;
}
.vertical.scroll {
	overflow-x: scroll;
	overflow-y: auto;
}

/* datepicker */
.ui-datepicker select {
    max-width: inherit;
    padding: 0 10px;
    min-height: inherit;
    display: inline-block;
}
.ui-datepicker .ui-datepicker-title {
	line-height: 1.3em !important;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 12px !important;
}

/* Col System */

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8 {float:left;padding:10px;}

.col1 {width: 140px;}
.col2 {width: 300px;}
.col3 {width: 460px;}
.col4 {width: 610px;}
.col5 {width: 780px;}
.col6 {width: 940px;}
.col7 {width:1100px;}
.col8 {width:1260px;}

.col50 {width: calc(50% - 20px);float:left;margin:10px;}
.col100 {margin:10px;clear:both;}
.ui.modal .col50 {min-width:1px}
.ui.modal.general > .modal_close {position:absolute;right:10px;top:10px;cursor:pointer;}
/* .ui.modal.general input[type=text], .ui.modal.general select, .ui.modal.general textarea, .ui.modal.general .ui.dropdown {margin-bottom:15px;} */
.ui.modal.general p {margin-left:0; margin-bottom:10px;}

.col50 > .content, .col33 > .content {width:610px;margin:0 auto;}
.col33 {width: calc(33.333% - 20px);float:left;margin:10px;}
main:not(.task) .col33, main:not(.short) .col33 {width: calc(25% - 20px);}
main.short:not(.task) .col33, main.task:not(.short) .col33 {width: calc(33.333% - 20px);}
.full {margin: 10px;width: calc(100% - 20px);}


.col1_wrapper {width:320px;}
.col2_wrapper {width:640px;}
.col3_wrapper {width:960px;}
.col4_wrapper {width:1280px;margin:10px auto;}


.unseen {
    font-weight: bold !IMPORTANT;
}

/* Navi-Admin */

.nav_admin .full {margin:0;width:100%;}
.nav_admin .table {display:table;}
.nav_admin .table .row { display: table-row; }
.nav_admin .table .row .cell { display: table-cell;vertical-align:middle; }
.nav_admin .table .row .cell.message { display: block;}
.nav_admin .table {width:100%;max-width:1260px;margin:10px auto;}
/*.nav_admin .table .button {width:140px;box-sizing:border-box;}*/
.nav_admin .table .notification {position:relative;top:-2px;}
.nav_admin .table .cell > .notification:first-child {margin-left:10px;}
.nav_admin .table .notification, .nav_admin .table p {display:inline-block;}
.nav_admin .table .row {display: block;margin: 0px 0;box-sizing: border-box;padding: 5px 15px;border-radius: 5px;position:relative;}
.nav_admin .table .row:hover {background-color: #FFF;cursor: pointer;}
.nav_admin .table .row > .cell:nth-child(4) p {margin:0 10px 0 10px;}
.nav_admin .table .row .cell:first-child strong {margin-right:10px;}
.nav_admin .table .row .cell:first-child > .inline label {margin-right:0;}
.nav_admin .table .ui.toggle.checkbox {top: -3px;float:right;}
.nav_admin .table .row > .cell {width:265px;min-width:265px;}
.nav_admin .table .row > .cell:nth-child(4) > .inline {display:none;}
.nav_admin .table .row.active > .cell:nth-child(4) > .inline {display:inline;}
.nav_admin .table .row > .cell:first-child {width: 30%;position:relative;}
.nav_admin .table .row > .cell:nth-child(4) {width: 375px;}
.nav_admin .table .row > .cell:last-child {display:none;}
.nav_admin .table .row > .cell.navigation {display:table-cell;width:100%;text-align:right;}
.nav_admin .table .row.active > .cell:last-child {margin-top:40px;}
.nav_admin .table .row.active > .cell:last-child > input[type=submit] {margin-top:10px;}
.nav_admin .table .row.active > .cell > .col50 {margin:0;    width: calc(50% - 10px);}
.nav_admin .table .row.active > .cell > .col50:first-child {margin-right:20px;}
.nav_admin .table .row a.toggle {cursor:pointer;}
.nav_admin .table .row.active {background:#e5e5e5;padding:10px 15px;}
.nav_admin .table a.gray.button.right.tgl {text-align:center;position:relative;}
.nav_admin .table .row.active input[type=submit],
.nav_admin .table .row.active .gray.button, .nav_admin .table .row.active input[type=button] {background:#fff;cursor:pointer;}
.nav_admin .table .row.active > .cell:last-child {display:block;clear:both;width:100%;}
/*.nav_admin .table input {max-width:200px;}*/
/*.nav_admin .table select {max-width:245px;}*/
.nav_admin .table ul li div.menuDiv:hover {background:#fff;}
.nav_admin input:not(.submit) {margin-right:17px;}
.nav_admin #project_groups {max-width: 230px;margin-left: 10px;}
.nav_admin_head {border-top:1px solid #e5e5e5;margin-top:15px;padding-top:10px;margin-bottom:15px;}
.nav_admin_head .right {margin-top: 10px;}
.nav_admin_head .right > strong {display: inline-block;position: relative;}
.nav_admin_head .right > .notification:nth-child(2) {margin-right:35px;}
.nav_admin_head .notification {display:inline-block;}
.nav_admin_head p {display:inline-block;}
.nav_admin_head p > strong {margin-right:15px;}
.nav_admin_head p {margin-right:50px;}
.nav_admin_title, ul.sortable > li > div > form > .row > .cell:first-child .inline {color:rgba(0,0,0,0.7);font: 300 25px/100% 'Lato',sans-serif;text-transform:uppercase;margin:0 10px 0 0;}
.nav_admin #nav_keywords {overflow:auto;max-width:100%;width:100%;height:90px;margin-bottom:15px;}
body .nav_admin .nav_save {display:none;}
.modal #parent_id {max-width:100%;}
.modal #keywords {overflow:auto;max-width:100%;width:100%;height:90px;margin-bottom:15px;}
.modal .nav_name {margin: 5px 10px;width: calc(100% - 20px);}
.modal .notes {height:90px;}
.modal .tooltip {height:200px;}
.modal #groups_multiple, .modal #parent_id {margin-bottom:10px;}

.navigation_admin.nav_admin .table .row > .cell {display:table-cell;}
.navigation_admin.nav_admin .table .row > .cell.cell_changecontent {width:600px;min-width:600px;}
.navigation_admin.nav_admin .table .button {width:auto;}

div.table.navintern i {cursor:pointer;}

/* Sortable */

ul.sortable .placeholder {outline: 1px dashed #4183C4;margin-left:20px;}
ul.sortable ul .cell:first-child {padding-left:20px;}
ul.sortable ul li ul .cell:first-child {padding-left:40px;}
ul.sortable ul li ul li ul .cell:first-child {padding-left:60px;}
ul.sortable ul .placeholder {margin-left:20px;}
ul.sortable ul li ul .placeholder {margin-left:40px;}
ul.sortable ul li ul li ul .placeholder {margin-left:60px;}

ul.sortable, ul.sortable ul {list-style-type: none;margin-left:20px;}
ul.sortable, ul.sortable > ul {min-height:80px !important;}
/*ul.sortable li div {cursor: move;}*/
li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {border-color: #999;}
.disclose, .expandEditor {cursor: pointer;width: 20px;display: none;}
ul.sortable li.mjs-nestedSortable-collapsed > ul {display: none;}
ul.sortable span.ui-icon {display: inline-block;margin: 0;padding: 0;}
ul.sortable .cell:first-child .nav_admin_title {top:5px;position:relative;}
ul.sortable > li > div > form > .row > .cell > .inline > .toggle.checkbox {top: 8px;right: 0px;position: absolute;}
ul.sortable .row .cell:first-child > .inline:before {
    border-left: 1px solid #000;
    content: ' ';
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    margin-left: -15px;
}
ul.sortable .row.active .cell:first-child > .inline:before,
ul.sortable > li > div > form > .row > .cell > .inline:before {display:none !important;}
#toArray {margin-top: 10px;cursor: pointer;clear: both;display: table;}

/* User Admin */
.user_admin .left.no_le {margin: 15px 30px 15px 0;}
.user_admin_head {border-bottom:1px solid #e5e5e5;margin-top:15px;margin-bottom:15px;padding-bottom:5px;}
.user_admin_head .right > strong {display: inline-block;position: relative;}
.user_admin_head .right > .notification:nth-child(2) {margin-right:35px;}
.user_admin_head .notification {display:inline-block;}
.user_admin_head p {display:inline-block;}
.user_admin_head p > strong {margin-right:15px;}
.user_admin_head p {margin-right:50px;}
.user_admin_title {color:rgba(0,0,0,0.7);font: 300 25px/100% 'Lato',sans-serif;text-transform:uppercase;margin:0 10px 0 0;}

/* Site Admin */
.site_admin .logo_cont {width: 25px;height: 16px;float: left;background-size: contain;background-position: center;background-repeat: no-repeat;margin-right: 10px;}

/* Header */

header > .fixed-header {
	position: fixed !important; /* alle guten Dinge sind 3! */
	width: calc(100%) !important;
	z-index: 9999;
	top: 0;
}
header > #nav_toggle.fixed-header {
    left: 0 !important;
	position: fixed !important;
	top: 0;
}

#hide_menu {display: block;z-index: 999;cursor: pointer;float: right;}
#hide_menu ul {right:0;min-width: 315px;}
#hide_menu ul > li > a {min-width: 40px;}
#hide_menu ul li span {font-size: 13px;}
header .topline li#hide_menu > a {padding-top:12px;}
header .topline li#hide_menu > a:before {content:none;}
header .topline li#hide_menu:hover > a:after {content:none;}

header .topline {
	background-color: #2e2e2e;
    /*border-bottom: 1px solid #6d6d6d;*/
    top: 0;
    position: relative;
    left: 0;
	float:left;
	width:100%;
	/*height:47px;*/
	height:auto;
}
header .topline > .left {width:100%;padding:7px 0;}
header .topline .topline_title {text-transform: uppercase;font: 400 13px/100% 'Lato',sans-serif;color:#fff;float:left;margin-right:10px;margin-top:7px;}
header .topline .topline_status, header .topline select {font:300 13px/130% 'Lato',sans-serif;color:rgba(255,255,255,0.5);padding:6px 0 0;float:left;text-transform: lowercase;}
header .topline .topline_status span.yellow {color: #FBBD08 !important;}
header .topline .topline_status span.green {color: #21BA45 !important;}
header .topline .topline_status span.red {color: #DB2828 !important;}
header .topline .site .dropdown .menu .item > a {position:absolute;left:0;top:0;width:100%;height:100%;}
header .topline .subsite, header .topline .site, header .topline .sub_site, header .topline .user, header .topline .status, header .topline .level,
header .topline .profile:not(.dropdown), header .topline .fix_head, header .topline .language, header .topline .admin {float: left;padding-right: 10px;margin-right: 10px;position: relative;}
header .topline .fix_head {padding-left:0;padding-right:0;}
header .topline .language .ui.header {float: left;margin-top: 0px;}
header .topline .language .ui.header .text {font-weight:300;}
header .topline div > img.opendd {padding-left: 10px;position: absolute;right: 0;padding: 6px 0 6px 106px;cursor: pointer;margin-right: 0;margin-top: 0;}
header .topline .site, header .topline .subsite, header .topline .user, header .topline .status, header .topline .level, header .topline .language, header .topline .admin {padding-top: 3px;padding-bottom: 3px;}
header .topline:after, header nav:after {clear: both;content: ".";display: block;font-size: 0;height: 0;visibility: hidden;}
/*header .profile .dd {display: none;}*/
header .topline .dd {position: absolute;background: #fff;top: 36px;padding: 15px;z-index: 10;right: 25px;display:none;}
header .topline .dd.active {display:block;}
header .topline .dd ul > li {list-style-type: none;font: 200 13px/130% 'Lato',sans-serif;color: #9d9d9c;border-bottom: 1px solid #e7e7e7;padding: 5px 0;}
header .topline .dd ul > li:last-child {border-bottom:0;}
header .topline .dd ul > li > a {color:#5f5f5f;font:300 13px/100% 'Lato', sans-serif;}
header .topline .left > .profile {margin-right:0 !important;margin-left:10px;padding-right:0;padding-top:2px;}
header .topline .profile > .profile_img {width:30px;height:30px;display: block;float: left;border-radius:15px;margin-right:10px;background-size:cover;background-position:center;}
header .topline .profile i.dropdown.icon {color: #696C74;margin-top: 7px;margin-left:0;}
header .topline .language i.dropdown.icon {color: #696C74;margin-left:10px !important;}
header .topline .site > img {margin-right:10px;margin-top: 3px;}
header .topline select {background-color: transparent;border:0;border-radius: 0;float:left;min-height:0;background-image: url(../img/dropdown.svg);background-size: 10px;background-position-y: center;}
header .profile .topline_title {float: left;margin-top: 9px;}
header .profile .topline_title img {border-radius:50%;border:1px solid white;}
header .topline span.opendd {position: absolute;width: 100%;left: 0;top: 0;height: 100%;cursor:pointer;}
header .topline span.opendd img {right: 0;position: absolute;top: 9px;}
header .topline .dd img.favicon {margin-right: 10px;position: relative;top: 3px;border-radius: 9px;}

/* Navi Search */
header .topline .search_nav {max-height: 30px;float:left;margin-right:5px;}
header .topline .search_nav input {font-size:14px;/*font-family:'Lato',sans-serif;*/min-height:auto;padding: 6px 15px;}
header .topline .search_nav input:focus {border-color:transparent;}

/* Admin Nav */
header .topline.nav {background-color: #222;}
header .topline.nav div a {display:block;float:left;text-transform: uppercase;font: 400 13px/100% 'Lato',sans-serif;color:#fff;float:left;padding:10px;margin-right:10px;margin-top:7px;}

/* Site select */
header .site div.item .logo_cont {width: 25px;height: 25px;float: left;background-size: cover;margin-right: 15px;}
header .site div.item p {float:left;margin-top:0;}
header .site div.item {min-height:48px;}
header .site div.item:after {clear: both;content: ".";display: block;font-size: 0;height: 0;visibility: hidden;}
header .site .favicon {width: 20px;height: 20px;background-size: 90%;background-position: center;background-repeat: no-repeat;margin-right: 6px;margin-top: 3px;background-color: #fff;border-radius: 3px;}

/* Subsite select */
header .ui.naked.dropdown {background: transparent;padding: 0;border: 0;min-height: 0px;min-width: 70px;float: left;font: 300 13px/130% 'Lato',sans-serif;color: #9d9d9c;padding: 4px 0;}
header .ui.selection.visible.dropdown > .text:not(.default) {font: 100 13px/130% 'Lato',sans-serif;color: #9d9d9c;}
header .ui.selection.dropdown > .dropdown.icon {top: 0.45714em;}

/* Nav */
header nav {position: relative;z-index:900;float: left;width: 100%;}
header nav #nav {float:left;}

/* Extended + Dropdown Navigation */

/*body header nav #nav > li > a > span.nav_title {width: auto;}*/
body header nav #nav > li {padding: 12px 11px 11px 11px;}
body header nav ul.sub_nav {position:absolute;width:395px;}
body header nav > ul > li {position:relative;border-right:6px solid transparent;}
body header nav > ul > li {border-right: 1px solid #2e2e2e;box-shadow: inset 1px 0px 0px #2e2e2e;}
body header nav ul.sub_nav > li {width: 100%;float: none;clear:both;}
body header nav ul.sub_nav > li > p {width:130px;}

/* */
header nav ul > li {float: left;list-style-type: none;margin-top:-1px;}
header nav > ul > li.nav_denied > p > a,
header nav > ul > li > ul > li.nav_denied > p > a,
header nav > ul > li > ul > li > ul > li.nav_denied > a,
header nav > ul > li > ul > li > ul > li.nav_denied > a > .nav_icon > i {color: #333;}
header nav > ul > li.nav_denied > ul {display:none !important;}
header nav ul.sub_nav > li {float: left;list-style-type: none;margin-top:0px;}
header nav ul > li > a {text-decoration: none;display:block;}
header nav > ul > li > span, header nav > ul > li > a > span.nav_title {font:700 15px/100% 'Lato',sans-serif;text-transform: uppercase;color: #fff;padding-left: 0px;position: relative;top: 3px;}
header nav > ul > li > a > span.nav_title {display: inline-block;width: 0;overflow: hidden;padding-left:0px;}
header nav > ul > li.note > a > span.nav_title {top: 8px;}
header nav > ul#nav > li:first-child > a > span.nav_title {width:1px !important;padding-left:0 !important;}

header nav ul > li > a > img {opacity:1;}
header nav > ul > li.locked > a {position:relative;}
header nav > ul > li.locked > a:before {content: url('../../img/nav-locked.svg');left:-10px;top:-10px;position:absolute;}
header nav > ul > li.locked > a > span.nav_title {opacity:0.3;color:rgba(255,255,255,0.5);}
header nav ul > li.locked ul.subsub_nav > li > a > img,
header nav ul > li.locked > a > img {opacity:0.3;}
header nav > ul > li:hover, header nav > ul > li.active {background-color: #2e2e2e;}
header nav > ul > li {padding: 12px 0 11px 13px;border-right: 1px solid #2e2e2e;}
header nav > ul > li.note {padding-top:2px;}
header nav ul > li > ul.sub_nav {display:none;z-index:1;}
header nav li:hover ul.sub_nav {display: block;box-sizing:border-box;}
header nav li:hover ul.sub_nav {z-index:2;}
header nav ul.sub_nav {display: block;left: 0;top: 48px;position: absolute;width: 100%;background-color: #161616;}
@-moz-document url-prefix() {
	header nav ul.sub_nav {top: 47px}
}

header nav ul.sub_nav > li > ul > li {padding: 7px 5px;}
/*header nav ul.sub_nav > li > ul > li:last-child {padding-right:20px;}*/
header nav ul.sub_nav > li > ul > li:first-child {padding-left:0;}
header nav ul.sub_nav > li > p {font: 300 14px/100% 'Lato',sans-serif;color: #fff;float: left;padding-left: 7px;border-left: 1px solid #2e2e2e;padding: 15px 0px 15px 20px;margin:0;}
header nav ul.sub_nav > li > p > a {margin:6px 0;color:#fff;text-decoration:none;}
header nav ul.sub_nav > li > p:hover {background-color:#2e2e2e;}
header nav ul.sub_nav > li:first-child > p {border-left:0;}
header nav {background-color: #161616;}
header nav ul.subsub_nav {float:left;}
header nav ul.subsub_nav > li > a {border: 2px solid transparent;border-radius: 20px;padding: 3px;position: relative;display: block;width: 32px;height: 32px;}
header nav ul.subsub_nav > li > a > img {display:block;}
header nav > ul > li.active > a > span.nav_title,
header nav > ul > li:hover > a > span.nav_title {width: auto;overflow: hidden;padding-left: 7px;}


header nav li.hover#desktop, header nav li.active#desktop {border-right: 6px solid #FFFFFF;}
header nav li.hover#devops, header nav li.active#devops {border-right: 6px solid #D6001C;}
header nav li.hover#communication, header nav li.active#communication {border-right: 6px solid #FF7500;}
header nav li.hover#planning, header nav li.active#planning {border-right: 6px solid #F1C400;}
header nav li.hover#user, header nav li.active#user {border-right: 6px solid #FEDB00;}
header nav li.hover#media, header nav li.active#media {border-right: 6px solid #C0DF16;}
header nav li.hover#content, header nav li.active#content {border-right: 6px solid #00BB31;}
header nav li.hover#accounting, header nav li.active#accounting {border-right: 6px solid #009B77;}
header nav li.hover#warehouse, header nav li.active#warehouse {border-right: 6px solid #00A7B5;}
header nav li.hover#reporting, header nav li.active#reporting {border-right: 6px solid #41B6E6;}
header nav li.hover#interface, header nav li.active#interface {border-right: 6px solid #0047BB;}
header nav li.hover#infopool, header nav li.active#infopool {border-right: 6px solid #6638B6;}
header nav li.hover#support, header nav li.active#support {border-right: 6px solid #C5299B;}

header nav > ul > li#desktop > ul, body.desktop #loader {border-left:6px solid #FFFFFF;}
header nav > ul > li#devops > ul, body.devops #loader {border-left:6px solid #D6001C;}
header nav > ul > li#communication > ul, body.communication #loader {border-left: 6px solid #FF7500;}
header nav > ul > li#planning > ul, body.planning #loader {border-left: 6px solid #F1C400;}
header nav > ul > li#user > ul, body.user #loader {border-left: 6px solid #FEDB00;}
header nav > ul > li#media > ul, body.media #loader {border-left: 6px solid #C0DF16;}
header nav > ul > li#content > ul, body.content #loader {border-left: 6px solid #00BB31;}
header nav > ul > li#accounting > ul, body.accounting #loader {border-left: 6px solid #009B77;}
header nav > ul > li#warehouse > ul, body.warehouse #loader {border-left: 6px solid #00A7B5;}
header nav > ul > li#reporting > ul, body.reporting #loader {border-left: 6px solid #41B6E6;}
header nav > ul > li#interface > ul, body.interface #loader {border-left: 6px solid #0047BB;}
header nav > ul > li#infopool > ul, body.infopool #loader {border-left: 6px solid #6638B6;}
header nav > ul > li#support > ul, body.support #loader {border-left: 6px solid #C5299B;}
body.index #loader {border-left: 6px solid #C5299B;}


header nav li#desktop {border-top:1px solid #FFFFFF;}
header nav li#devops {border-top:1px solid #D6001C;}
header nav li#communication {border-top:1px solid #FF7500;}
header nav li#planning {border-top:1px solid #F1C400;}
header nav li#user {border-top:1px solid #FEDB00;}
header nav li#media {border-top:1px solid #C0DF16;}
header nav li#content {border-top:1px solid #00BB31;}
header nav li#accounting {border-top:1px solid #009B77;}
header nav li#warehouse {border-top:1px solid #00A7B5;}
header nav li#reporting {border-top:1px solid #41B6E6;}
header nav li#interface {border-top:1px solid #0047BB;}
header nav li#infopool {border-top:1px solid #6638B6;}
header nav li#support {border-top:1px solid #C5299B;}

header nav li#desktop ul.sub_nav {border-top: 1px solid #FFFFFF;}
header nav li#devops ul.sub_nav {border-top: 1px solid #D6001C;}
header nav li#communication ul.sub_nav {border-top: 1px solid #FF7500;}
header nav li#planning ul.sub_nav {border-top: 1px solid #F1C400;}
header nav li#user ul.sub_nav {border-top: 1px solid #FEDB00;}
header nav li#media ul.sub_nav {border-top: 1px solid #C0DF16;}
header nav li#content ul.sub_nav {border-top: 1px solid #00BB31;}
header nav li#accounting ul.sub_nav {border-top: 1px solid #009B77;}
header nav li#warehouse ul.sub_nav {border-top: 1px solid #00A7B5;}
header nav li#reporting ul.sub_nav {border-top: 1px solid #41B6E6;}
header nav li#interface ul.sub_nav {border-top: 1px solid #0047BB;}
header nav li#infopool ul.sub_nav {border-top: 1px solid #6638B6;}
header nav li#support ul.sub_nav {border-top: 1px solid #C5299B;}

/* Border Color Hover SubSub Nav */

header nav li#desktop ul.subsub_nav > li:hover > a {border-color:#FFFFFF;}
header nav li#devops ul.subsub_nav > li:hover > a {border-color:#D6001C;}
header nav li#communication ul.subsub_nav > li:hover > a {border-color:#FF7500;}
header nav li#planning ul.subsub_nav > li:hover > a {border-color:#F1C400;}
header nav li#user ul.subsub_nav > li:hover > a {border-color:#FEDB00;}
header nav li#media ul.subsub_nav > li:hover > a {border-color:#C0DF16;}
header nav li#content ul.subsub_nav > li:hover > a {border-color:#00BB31;}
header nav li#accounting ul.subsub_nav > li:hover > a {border-color:#009B77;}
header nav li#warehouse ul.subsub_nav > li:hover > a {border-color:#00A7B5;}
header nav li#reporting ul.subsub_nav > li:hover > a {border-color:#41B6E6;}
header nav li#interface ul.subsub_nav > li:hover > a {border-color:#0047BB;}
header nav li#infopool ul.subsub_nav > li:hover > a {border-color:#6638B6;}
header nav li#support ul.subsub_nav > li:hover > a {border-color:#C5299B;}

/* Searchmark / Suchtreffermarkierung */
.mark {background-color: #ddd;}

/* Timetracking */
#tt_quickbox {
	background-color: #2E2E2E;
    width: 240px;
    max-width: 240px;
    position: fixed;
    right: 0px;
    top: 45px;
    z-index: 11;
    overflow-y: auto;
    max-height: calc(100vh - 45px);
}
#tt_quickbox > .containerTime {
    position: relative;
    padding: 0.5em;
}
#tt_quickbox > .angleContainer {
    width:100%;
}
#tt_quickbox > .angleContainer > .showTime, 
#tt_quickbox > .angleContainer > .hideTime {
	color:white;
	margin: 0 auto;
	width:100%;
	background-color:#000000;
}
#tt_quickbox > .containerTime > .tt_divbox {
	margin-bottom:3px;
	width:100%;
	max-width:240px;
	word-wrap:break-word;
}
.tt_divbox > span, .cntdwnds {
	color:white;
}
.tt_matop_half {
	margin-top:0.5em;
}
.tt_matop_full {
	margin-top:1em;
}
.tt_href {
	color:#9D9D9C;
}
.tt_pause {
	font-size:13px;
}
.tt_action {
	margin:5px 47%;
}





/* Notification */

header .note .notification {margin-left: -4px;}
.notification span {color:#fff;/*font-family: 'Lato', sans-serif;*/font-size:11px;line-height:100%;font-weight:200;display:block;text-align:center;}
.notification .background {padding: 3px 0px 5px 0px;border-radius: 3px;max-width: 30px;box-sizing: border-box;min-width: 30px;}

/* neuer projectswitch (26.09.2018) */
#project_switch {max-width: 1280px;margin: 0 auto;min-height: auto;border-radius: 0px 0px .28571429rem .28571429rem;margin-top: -36px;}
#project_switch .switch_project {max-width:350px;float:left;border-radius: 0px .28571429rem .28571429rem 0px;}
#project_switch .switch_label {float: left;width: 200px;display: block;background: #e0e0e0;padding: 11px 0 11px 20px;}

/* Side Nav (01.10.2018) */
#project_nav .side_nav {overflow-x: auto;height: calc(100% - 136px);display: block;position: relative;}
#project_nav .side_nav > ul {padding-bottom:25px;}
#project_nav .side_nav > ul > li:hover {background: #00000030;}
#project_nav .side_nav ul li {height:auto;position:relative;padding:0;}
#project_nav .side_nav > ul > li > a {color:#fff;display: block;padding:10px;}
#project_nav .side_nav > ul > li > a:hover {text-decoration:none;}
#project_nav .side_nav > ul > li > ul > li a {color: #9D9D9C;padding: 3px 0 3px 30px;display: block;}
#project_nav .side_nav > ul > li > ul > li li a  {padding-left:50px;}
.side_nav ul li .nav_icon {display:inline;}
.side_nav ul li ul {display:none;}
.side_nav ul li ul.active {display:block;}

.side_nav #explorer span.dd,
.side_nav #selection span.dd,
.side_nav #calendar span.dd,
.side_nav #agile span.dd {
	display:none !important;
}
#project_nav .side_nav span.dd {
	background: url(https://cdn.asdf.hoehnesoehne.de/img/dropdown.svg) center no-repeat;
	display: block;
    height: 37px;
    width: 20px;
    position: relative;
    background-size: 15px;
    float: left;
    padding-right: 30px;
	cursor:pointer;
	transform: rotate(270deg);
}
#project_nav .side_nav span.dd.active {
	transform: rotate(0);
}
#project_nav .quicktask form {
	margin: 5px 10px;
}
#project_nav .quicktask form .ui.input > input {
	font-size: 12px;
	line-height: 15px;
	padding:0 5px;
}
#project_nav .quicktask form .ui.input > button {
	padding: 0 10px;
}

/* Header Nav Addon (29.08.2018) */

/* Sidebar Addon (15.07.2019) */
#sidebar {
	position: fixed;
	right:0;
	width:320px;
	background-color:#FFF;
}

/* Icons */
div.new_icons .menu .item {
    float: left;
    width: calc(100% / 10);
    font-size: 20px !important;
}
div.new_icons .menu .item:nth-child(10n+1) {
	clear:both;
}

/* Farben */
li.bor_red, .bor_hov_red:hover a {border-color: #db2828 !important;}
li.bor_orange, .bor_hov_orange:hover a {border-color: #f2711c !important;}
li.bor_yellow, .bor_hov_yellow:hover a {border-color: #fbbd08 !important;}
li.bor_olive, .bor_hov_olive:hover a {border-color: #b5cc18 !important;}
li.bor_green, .bor_hov_green:hover a {border-color: #21ba45 !important;}
li.bor_teal, .bor_hov_teal:hover a {border-color: #00b5ad !important;}
li.bor_blue, .bor_hov_blue:hover a {border-color: #2185d0 !important;}
li.bor_violet, .bor_hov_violet:hover a {border-color: #6435c9 !important;}
li.bor_purple, .bor_hov_purple:hover a {border-color: #a333c8 !important;}
li.bor_pink, .bor_hov_pink:hover a {border-color: #e03997 !important;}
li.bor_brown, .bor_hov_brown:hover a {border-color: #a5673f !important;}
li.bor_grey, .bor_hov_grey:hover a {border-color: #767676 !important;}
li.bor_black, .bor_hov_black:hover a {border-color: #1b1c1d !important;}

li.bor_red.active {background-color: #db2828 !important;}
li.bor_orange.active {background-color: #f2711c !important;}
li.bor_yellow.active {background-color: #fbbd08 !important;}
li.bor_olive.active {background-color: #b5cc18 !important;}
li.bor_green.active {background-color: #21ba45 !important;}
li.bor_teal.active {background-color: #00b5ad !important;}
li.bor_blue.active {background-color: #2185d0 !important;}
li.bor_violet.active {background-color: #6435c9 !important;}
li.bor_purple.active {background-color: #a333c8 !important;}
li.bor_pink.active {background-color: #e03997 !important;}
li.bor_brown.active {background-color: #a5673f !important;}
li.bor_grey.active {background-color: #767676 !important;}
li.bor_black.active {background-color: #1b1c1d !important;}


.bg_hov_red a:before, .bg_hov_red:hover a:after {background-color: #db2828 !important;}
.bg_hov_orange a:before, .bg_hov_orange:hover a:after {background-color: #f2711c !important;}
.bg_hov_yellow a:before, .bg_hov_yellow:hover a:after {background-color: #fbbd08 !important;}
.bg_hov_olive a:before, .bg_hov_olive:hover a:after {background-color: #b5cc18 !important;}
.bg_hov_green a:before, .bg_hov_green:hover a:after {background-color: #21ba45 !important;}
.bg_hov_teal a:before, .bg_hov_teal:hover a:after {background-color: #00b5ad !important;}
.bg_hov_blue a:before, .bg_hov_blue:hover a:after {background-color: #2185d0 !important;}
.bg_hov_violet a:before, .bg_hov_violet:hover a:after {background-color: #6435c9 !important;}
.bg_hov_purple a:before, .bg_hov_purple:hover a:after {background-color: #a333c8 !important;}
.bg_hov_pink a:before, .bg_hov_pink:hover a:after {background-color: #e03997 !important;}
.bg_hov_brown a:before, .bg_hov_brown:hover a:after {background-color: #a5673f !important;}
.bg_hov_grey a:before, .bg_hov_grey:hover a:after {background-color: #767676 !important;}
.bg_hov_black a:before, .bg_hov_black:hover a:after {background-color: #1b1c1d !important;}

header .topline {
	z-index: 900;
	position: relative;
	left: 0;
	float: left;
	width: 100%;
	margin:0;
	padding:0;
	list-style:none;
    background-color: #2e2e2e;
	/*border-bottom:1px solid #5a5a5a;*/
	width:100%;
    margin-top:-1px;
    height: 47px;
}
header .topline ul {
	list-style:none;
}
header .topline li.profile_nav {
	background:#161616;
	font-size:13px;
    height: 47px;
}
header .topline li.profile_nav ul li {
    min-width:240px;
}
header .topline li.profile_nav ul li:last-child {
    border-bottom: 1px solid #161616;
}
header .topline li.profile_nav ul li:hover {
    background-color: #2e2e2e;
}
header .topline li.account_nav {
    background:#161616;
	font-size:13px;
    height: 47px;
    width: 196px;
}
header .topline li.account_nav img {
	border-radius:13.5px;
	border:1px solid #fff;
	float:left;
}
header .topline li.account_nav p {
	padding-left:8px;
	float:left;
	color:#fff;
	font-size:13px;
	padding-top: 7px;
    width: 138px;
    overflow: hidden;
}
header .topline li.account_nav ul {
	background:#161616;
	z-index:100;	
}
header .topline li .profile:after {
	content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: #161616;
    position: absolute;
    right: -14px;
    transform: rotate(45deg) translateY(-50%);
    top: 50%;
}
header .topline .admin_nav {float:right;}
header .topline .search {
	float:right;
}
header .topline .search .search_nav {
	padding: 8px;
    max-height: 100%;
}
header .topline .search .search_nav .prompt {
	border-radius: 0;
    background: #d5d5d5;
    color: #161616;
}
/*
header .topline > li > a:before, header .topline > div > ul > li > a:before {
    content: ' ';
    width: 5px;
    height: 15px;
    background: #727272;
    display: block;
    float: left;
    margin-right: 5px;
}
*/
header .topline > li:hover > a:after, header .topline > div > ul > li:hover > a:after {
    content: ' ';
    width: 100%;
    height: 1px;
    background: #727272;
    display: block;
    float: left;
}
header ul li#hide_menu a .icon {
	float: left;
    width: 22px;
    height: 25px;
    color: #9D9D9C;
    display: block;
    line-height: 100%;
	font-size: 22px;
	text-decoration:none !important;
	font-weight:normal;
}
header ul li#hide_menu ul li {
	float: left;
}
header .topline li .profile {
	padding:10px;
}

header .topline li {
	position: relative;
	float: left;
	border-right:1px solid #2e2e2e;
}
header .topline li > ul {
	position: absolute;
	top: 100%;
	display: block;
	visibility: hidden;
	opacity: 0;
	z-index: 900;
	min-width:100%;
	background:#161616;
	-webkit-transition:100ms ease;
    -moz-transition:100ms ease;
    -o-transition:100ms ease;
    transition:100ms ease;
	-webkit-transition-delay:400ms;
    -moz-transition-delay:400ms;
    -o-transition-delay:400ms;
	transition-delay:400ms;
}
header .topline li > ul > li {
	float: none;
}
header .topline li:hover > ul {
	visibility: visible;
	opacity: 1;
	-webkit-transition:100ms ease;
    -moz-transition:100ms ease;
    -o-transition:100ms ease;
    transition:100ms ease;
	-webkit-transition-delay:0ms;
    -moz-transition-delay:0ms;
    -o-transition-delay:0ms;
	transition-delay:0ms;
}
header .topline li > a,
header .topline li > div,
header .topline li > span  {
	display: block;
	color: #FFF;
	text-transform: uppercase;
	padding: 17px 12px 16px;
}
header .topline li a {
	font: 400 13px/100% 'Lato',sans-serif;
}
header .topline li a:hover {
	text-decoration:none;
}
header .topline > li > ul > li > a {
	font: 400 13px/130% 'Lato',sans-serif;
	text-transform: none;
}
#nav_toggle {
	float: left;
    height: 47px;
    width: 44px;
    background-color: #161616;
	cursor:pointer;
    margin-top:-1px;
}
#nav_toggle .icon {
	color: #9D9D9C;
    font-size: 20px;
    display: block;
    height: 100%;
    width: 100%;
}
header .topline li a span {
	color: #FFF;
	text-transform: uppercase;
}
header .topline li nav_icon {
	float: left;
}
.nav_icon, .nav_icon i {
    font-family: 'w3icons';
    font-style: normal;
}

/* swap form */
#swap_form .topline_status {
    color: #fff;
    padding: 20px 10px;
    background: #000;
    display: block;
    width: 100%;
	line-height: 150%;
}
#swap_form #site_select {width:100%;}
.swap_site .favicon {float: left;width: 20px;height: 20px;background-size: 90%;background-position: center;background-repeat: no-repeat;margin-right: 6px;margin-top: 3px;background-color: #fff;border-radius: 3px;}
#quickaction {background: #000;padding: 0 10px 20px 10px;}
#quickaction .ui.dropdown.selection {
	box-sizing: border-box;
    max-width: 100%;
    display: block;
    width: 100%;
    padding-left: 10px;
    min-width: 100%;
    padding-right: 20px;
}
#quickaction .ui.labeled.input {max-width: 100%;margin-top:5px;}
#quickaction .ui.labeled.input .ui.label {border-radius: 0 .28571429rem .28571429rem 0;}
#quickaction .ui.labeled.input input {
	max-width: calc(100% - 50px);
    border-radius: .28571429rem 0 0 .28571429rem;
}

#toggle_admin_nav {
	width: 47px;
    height: 47px;
    background: url(https://cdn.asdf.hoehnesoehne.de/img/menu.svg) center no-repeat;
    display: block;
    float: right;
    background-size: 18px;
    cursor: pointer;
	display:none;
}
#toggle_user_nav {
	width: 47px;
    height: 47px;
    background: url(https://cdn.asdf.hoehnesoehne.de/img/menu-color.svg) center no-repeat;
    display: block;
    float: left;
    background-size: 18px;
    cursor: pointer;
	display:none;
}

.topline .user_elements, .topline .admin_elements {position:relative;}


/* Animation */

/* Shortcuts & Tasks */

main.task div#shortcuts {left:200px;}
#project_nav.auto + div#shortcuts {left:0;}
#project_nav.active + div#shortcuts {transition-delay:0s;}
#project_nav.auto.active + div#shortcuts {left:200px;}
div#shortcuts {bottom:0px;position: fixed;left:40px;width: auto;background-color:#2e2e2e;transition: all 0.5s;-webkit-transition: all 0.5s;z-index:100;transition-delay:0.5s;}
div#shortcuts.fixed, div#shortcuts.auto:hover, div#shortcuts.active.fixed {}
div#shortcuts.fixed .toggle_btn, div#shortcuts.mini .toggle_btn {opacity:0;}
div#shortcuts.fixed ul, div#shortcuts.auto:hover ul {padding-right:23px;margin-left:17px;float:left;}
div#shortcuts ul > li > a > i {float:right;}
div#shortcuts > p {color: #fff;font: 16px/100% 'Lato',sans-serif;text-transform: uppercase;padding: 10px 10px 8px 10px;background: #161616;margin: 0;text-align:left;width:38px;float:left;height:38px;}
div#shortcuts:not(.fixed) > p {text-align: right;}
div#shortcuts.auto:hover > p {text-align: left;}
div#shortcuts > p:not(:last-child) > i {font-size:22px;color:#8a8a8a;height:auto;margin:0;top:2px;position:relative;left:-2px;}
div#shortcuts .fix_btn {float: right;right: 11px;top: 6px;position: absolute;cursor: pointer;background-image: url('https://cdn.asdf.hoehnesoehne.de/img/short-nofix.svg');display: block;width: 22px;height: 22px;background-position: center;background-size: cover;}
div#shortcuts .fix_btn.active {background-image: url('https://cdn.asdf.hoehnesoehne.de/img/short-fix.svg');}
div#shortcuts ul {float:left;height:38px;}
div#shortcuts ul > li {display:block;list-style-type:none;float:left;width:38px;}
div#shortcuts ul > li > a {display:block;height: 38px;padding: 11px 0;}
div#shortcuts ul > li:last-child > a > p {border-bottom:0;}
div#shortcuts ul > li > a > p {display:none;color: rgba(255,255,255,0.5);/*font:300 14px/100% 'Lato',sans-serif;*/padding: 4px 5px 11px 5px;margin:0;border-bottom:1px solid #424242;width: calc(100% - 35px);}
/*div#shortcuts.fixed > ul > li > a > p, div#shortcuts.auto:hover > ul > li > a > p {display:block;}*/
div#shortcuts ul > li > a > p > span {padding-left:5px;font-weight:400;}
div#shortcuts ul > li > a > p {float:left;}
div#shortcuts:not(.fixed) ul > li {height:38px;}
div#shortcuts.fixed ul > li > a > i, div#shortcuts.auto:hover ul > li > a > i {float:left;}
div#shortcuts ul > li > a > i {padding-left:0px;margin-right:10px;color:#e6e6e6;font-size:20px;}
div#shortcuts .toggle_btn {top:0;cursor:pointer;opacity:1;transition:opacity 0.5s;-webkit-transition:opacity 0.5s;width: 15px;display: block;position: absolute;height:100%;}
div#shortcuts .toggle_btn > span {height: 70px;top: calc(50% - 35px);background: rgba(0,0,0,0.9);width: 15px;display: block;position: relative;}
div#shortcuts .toggle_btn > span {border-radius:0 5px 5px 0;}
div#shortcuts .toggle_btn {right:-15px;}
div#shortcuts.fixed b, div#shortcuts.auto:hover b {position:relative;top:-1px;display:inline;font-weight:300;padding:0 13px;font-size:13px;}
div#shortcuts > p:last-child {height:38px;padding-top: 11px;}
div#shortcuts > p:last-child > a {text-decoration:none;}
div#shortcuts.auto:hover > p:last-child > i:not(.tgl) {display:inline;}
div#shortcuts > p:last-child > i:not(.tgl), div#shortcuts b {display:none;}
div#shortcuts.fixed > p:last-child > i {display:inline;}
div#shortcuts p:last-child > i {color: #a8a8a8;font-size:20px;}

div#shortcuts .tgl {float:right;}
div#shortcuts.fixed .tgl:not(.mini) {display:none;}
div#shortcuts.mini .tgl:not(.auto) {display:none;}
div#shortcuts.auto .tgl:not(.fixed) {display:none;}

/* Tasks */

div#project_nav {
    top: calc(0px + 46px);
    position: fixed;
    right: -240px;
    width: 240px;
    background-color:#2e2e2e;
    /*transition: all 0.5s;*/
    /*-webkit-transition: all 0.5s;*/
    z-index:10;
    height:calc(100% - 47px);
    /*transition-delay:0.5s;*/
}
div#project_nav.active {transition-delay:0s;}
div#project_nav {left:inherit;left: -240px;}
div#project_nav.auto {left: -200px;}
div#project_nav.fixed, div#project_nav.auto.active {left: 0px;}
div#project_nav .toggle_btn {right:-15px;}
div#project_nav .toggle_btn > span {border-radius:0 5px 5px 0;}
div#project_nav .fix_btn {left:8px;right:inherit;}
div#project_nav.fixed.active {left: 0px;}
div#project_nav .filter {height:45px;background:#161616;color: #fff;text-transform: uppercase;padding: 13px 13px 13px 9px;}
div#project_nav .filter .dropdown .text {font: 200 13px/130% 'Lato',sans-serif;color: rgba(255,255,255,0.5);text-transform:none;}
div#project_nav .tabs > a {display: block;padding: 8px 8.7px;float: left;cursor:pointer;width:40px;text-decoration:none;}
div#project_nav .tabs > a:hover, div#project_nav .tabs > a.active {background:#161616;}
div#project_nav .tabs > a > i {color:#a8a8a8;font-size:22px;height:auto;line-height: 100%;}
div#project_nav ul > li {padding:4px 0 4px;border-bottom:1px solid transparent;height: 45px;position:relative;}
div#project_nav > ul > li > a {position:absolute;width:100%;height:100%;left:0;top:0;}
div#project_nav > ul > li:hover {background-color: rgba(0,0,0,0.3);}
div#project_nav ul > li > p {margin:0;}
div#project_nav  li > p:last-child {height: 34px;overflow: hidden;}
div#project_nav p:last-child > i {color: #a8a8a8;font-size:20px;}
div#project_nav > p:last-child {height:38px;position: absolute;width: 100%;bottom: 0;}
div#project_nav p:last-child > i, div#project_nav p:last-child > b {float:right;}
div#project_nav p:last-child > i.tgl {float:right;}
div#project_nav ul > li > div > p {margin:0;padding:12px 0 8px;line-height:100%;text-align:center;}
div#project_nav ul > li {padding-left:5px;padding-right:5px;}
div#project_nav ul > li > div > p > span {font: 600 14px/100% 'Lato',sans-serif;display:block;}
div#project_nav ul > li > div > p > span.time {color:#fdfdfd;}
div#project_nav ul > li > div > p > span.status {color:#acacac;}
div#project_nav ul > li > p {/*font: 300 13px/131% 'Lato',sans-serif;*/color:rgba(255,255,255,0.5);}
div#project_nav ul > li.bold > p {font-weight:600;}
div#project_nav ul > li > p > a {color:rgba(255,255,255,0.5);}
div#project_nav.fixed ul > li {padding-right:9px;}
div#project_nav ul > li > div.right {padding-left:10px;min-width:40px;}
div#project_nav .filter > i {padding-right: 12px;font-size: 22px;}
div#project_nav .filter > p {font-size: 13px;margin: 0;display: inline;position: relative;top: -2px;}
div#project_nav .filter > .btn_create_task {color: #fff;margin-left: 2px;padding-left: 1px;top: 1px;position: relative;}
div#project_nav .ui.checkbox {position: absolute;top: 10px;right: 1px;z-index: 100;}
div#project_nav .ui.checkbox label::before {background: rgba(255, 255, 255, 0.2);}
div#project_nav .ui.checkbox label, div#project_nav .ui.toggle.checkbox input:checked ~ label {color:#fff !important;}
div#project_nav.fixed b, div#project_nav.auto b, div#project_nav.mini b {position:relative;top:-1px;display:inline;font-weight:300;padding:0 13px;font-size:13px;}
div#project_nav .toggle_btn {top:0;cursor:pointer;opacity:1;transition:opacity 0.5s;-webkit-transition:opacity 0.5s;width: 15px;display: block;position: absolute;height:100%;}
div#project_nav.fixed .toggle_btn, div#project_nav.mini .toggle_btn {opacity:0;}
div#project_nav > p {color: #fff;font: 16px/100% 'Lato',sans-serif;text-transform: uppercase;padding: 10px 10px 10px 10px;background: #161616;margin: 0;text-align:left;}
div#project_nav .fix_btn {float: right;right: 11px;top: 6px;position: absolute;cursor: pointer;background-image: url('https://cdn.asdf.hoehnesoehne.de/img/short-nofix.svg');display: block;width: 22px;height: 22px;background-position: center;background-size: cover;}
div#project_nav .fix_btn.active {background-image: url('https://cdn.asdf.hoehnesoehne.de/img/short-fix.svg');}
div#project_nav ul > li {clear:both;display:block;list-style-type:none;height: 42px;}
div#project_nav ul > li:last-child > a > p {border-bottom:0;}
div#project_nav ul > li > a > p {display:none;color: rgba(255,255,255,0.5);/*font:300 14px/100% 'Lato',sans-serif;*/padding: 4px 5px 11px 5px;margin:0;border-bottom:1px solid #424242;width: calc(100% - 35px);}
div#project_nav.fixed > ul > li > a > p  {display:block;}
div#project_nav .toggle_btn > span {height: 70px;top: calc(50% - 35px);background: rgba(0,0,0,0.9);width: 15px;display: block;position: relative;}
div#project_nav ul > li > a > p {float:left;}
div#project_nav ul > li > a > p > span {padding-left:5px;font-weight:400;}

div#project_nav.fixed .tgl:not(.mini) {display:none;}
div#project_nav.mini .tgl:not(.auto) {display:none;}
div#project_nav.auto .tgl:not(.fixed) {display:none;}

#task_owner {
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 5px;
}

/* Task User Icon */
.add_milestone .va_top {
	vertical-align: top;
}

.add_milestone .item.ui.image.label.task_user_icon {
	float: left;
	padding: 5px !important;
	margin-bottom: 3px;
	min-width: 94%;
}

.add_milestone .ui.search.selection.dropdown {
	padding: 3px 20px 1px 1px;
}

.ui.multiple.dropdown.userlist {
	padding:0 20px 0 0;
}
.ui.multiple.dropdown.userlist a.ui.label {
	padding:5px;
	margin:1px;
	z-index: 4;
}
.ui.dropdown.userlist i.search.icon {
	padding: 10px 5px 0 0;
}
.userdd .menu .task_user_icon,
.userlist .menu .task_user_icon {
	display: inline-table !important;
}
.userdd > .image.label,
.userlist > .image.label {
	padding: 0;
}
.userdd .image.label,
.userlist .image.label,
div.ui.image.label.task_user_icon {
	display: inline-block;
	padding: 0.5833em 0.833em 0.5833em 0.5em;
}
.userdd .image.label,
.userlist .image.label,
a.ui.image.label.task_user_icon {
	display: inline-block;
	width: 200px !important;
	padding: 0.5833em 0.833em 0.5833em 0.5em;
	text-align: left;
	font-weight: normal;
}
.userdd .ui.label .profile_pic img,
.userlist .ui.label .profile_pic img,
.ui.image.label.task_user_icon .profile_pic img {
	height: 25px;
	display: inline-block;
	position: unset;
	margin: 0;
}
.userdd .ui.label .profile_pic,
.userlist .ui.label .profile_pic,
.task_user_icon .profile_pic {
	font-size: 12px;
	float: left;
	display: block;
	height: 25px;
	min-width: 25px;
	text-align: center;
	overflow: hidden;
	border: 1px solid white;
	border-radius: 50%;
}
.userdd .ui.label .user_name,
.userlist .ui.label .user_name,
.task_user_icon .user_name {
	font-size: 12px;
	float: left;
	display: inline-block;
	margin-left: 5px;
	max-width: calc(100% - 32px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


/* Task Board */
div#agile_board.fullscreen {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 1000;
	overflow: hidden;
}
.board.agile {overflow:auto;}

body.agile .main_tab_item {height:auto;}
body.calendar .ui.multiple.dropdown.userlist,
body.agile .ui.multiple.dropdown.userlist {padding: .22619048em 2.1em .22619048em .35714286em;}
#agile_board.fullscreen .board.agile #board_form {height: calc(100vh - 70px);}
#agile_board.fullscreen .board.agile {overflow-x:auto;overflow-y: hidden;}
#agile_board.fullscreen .board .table ul {height:100vh;}
.board.agile #board_form {display:flex;align-items:stretch;height: calc(100vh - 220px);}
.board.agile #board_form .table {width:100%;border-right:1px solid #e2e2e4;display: inline-flex;width: auto;max-width: none;}
.board.agile #board_form .table.last {border-right:none;}
.board.agile #board_form .table .ui-sortable:empty ~ h3  {overflow:hidden;white-space: nowrap;max-width:100px;}
.board .table h3 {
	text-align:left;
	padding-left:15px;
	padding-right:15px;
	margin-left:0;
	clear:both;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.board .table h3 > span {float:right;}
.board .table h3.active {
	position: absolute;
	z-index: 1001;
	background-color: white;
	border-right: 1px solid #e2e2e4;
}

.board h3 {
	font-size: 15px;
    margin: 0px auto;
    display: block;
    text-align: center;
    padding: 10px 0;
	text-transform: none;
}
.board .table {border-right:1px solid #fff;box-sizing:border-box;}
.board .table:last-child ul {margin-right:0;}
.board .table ul {
	overflow-x: auto;
	height: calc(100vh - 220px);
	width: 100%;
	min-height: 520px;
	list-style-type: none;
	margin: 0;
	padding: 5px 0 0 0;
}
.board .table ul.empty {
	max-width:75px;
}
.board .table ul.empty:hover, .board .table ul.empty.hover {
	max-width:unset;
}
.board .table ul.last {
	border-right:none;
}
.board .table ul > li.header {
	min-width:60px;
	max-width:210px;
	padding-bottom: 20px;
	height: 40px;
}
.board .table ul > li.agiletask {
	position: relative;
	margin: 5px;
	font-size: 14px;
	box-sizing: border-box;
	border-radius: 5px;
    background: #fff;
    border: 1px solid #e0e1e2;
	width:210px;
	min-height:110px;
}
.board .table ul > li.ui-sortable-placeholder p {
	text-align: center;
	margin: 50px 15px 15px;
}
.board .table ul > li > .name {padding:5px 10px;display:block;width:100%;background:#e0e1e2 none;}
.board .table ul > li > .name strong {font-weight:700;}
.board .table ul > li .desc {padding:10px;}
.board .table ul > li .desc p {margin-bottom:0;word-break:break-word;}
.board .table ul > li .tags {padding-top:5px;padding-bottom:5px;}
.board .table ul > li .tags span {color:#7f7f7f;}
.board .table ul > li .bottom {display:block;}
.board .table ul > li .bottom .icon {color:#7f7f7f;}

.fullscreen_button {bottom: 50px;position: fixed;right: 50px;z-index: 1000;}
#filter.fullscreen_filter {position: fixed;z-index: 1001;top: 7px;left: 50px;}
.board.fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    padding: 50px;
    box-sizing: border-box;
}

.board.fullscreen #board_form {height:calc(100% - 52px);}

.board.fullscreen .table {height:100%;}
.board.fullscreen .table ul {height:100%;}
.board input.delete_cat {appearance:none;-webkit-appearance:none;float: right;position: absolute;top: 5px;right: 5px;border-radius: 0;background: red;color: white;padding: 5px;min-width: auto;}


/* TABS */

.ui.tabular.menu .active.item {
	
}
.ui.tabular.menu .item {
	border-bottom: 2px solid #D4D4D5;
	cursor: pointer;
	margin-bottom:-1px;
}
.chatThread {
	border-radius:5px;
}
.chatThread:hover {
	background-color: #e6e6e6;
}
/*
.ui.tabular.menu .item.red {
	border-bottom: 2px solid #DB2828;
	cursor: pointer;
}
.ui.tabular.menu .item.orange {
	border-bottom: 2px solid #F2711C;
	cursor: pointer;
}
.ui.tabular.menu .item.yellow {
	border-bottom: 2px solid #FBBD08;
	cursor: pointer;
}
.ui.tabular.menu .item.olive {
	border-bottom: 2px solid #B5CC18;
	cursor: pointer;
}
.ui.tabular.menu .item.green {
	border-bottom: 2px solid #21BA45;
	cursor: pointer;
}
.ui.tabular.menu .item.teal {
	border-bottom: 2px solid #00B5AD;
	cursor: pointer;
}
.ui.tabular.menu .item.blue {
	border-bottom: 2px solid #2185D0;
	cursor: pointer;
}
.ui.tabular.menu .item.violet {
	border-bottom: 2px solid #6435C9;
	cursor: pointer;
}
.ui.tabular.menu .item.purple {
	border-bottom: 2px solid #A333C8;
	cursor: pointer;
}
.ui.tabular.menu .item.pink {
	border-bottom: 2px solid #E03997;
	cursor: pointer;
}
.ui.tabular.menu .item.brown {
	border-bottom: 2px solid #A5673F;
	cursor: pointer;
}
.ui.tabular.menu .item.grey {
	border-bottom: 2px solid #767676;
	cursor: pointer;
}
.ui.tabular.menu .item.black {
	border-bottom: 2px solid #1b1c1d;
	cursor: pointer;
}
*/

/* MODEL CONTENT APPLICATION */
.clickable-row:hover {
	cursor: pointer;
	background-color: #f9fafb;
}

/* */

#taskfilter .ui.button.access,
#taskfilter .ui.button.cat,
#taskfilter .ui.button.area,
#taskfilter .ui.button.filter {width:139px;margin:5px;}
table.ui.celled.table tr:hover {background-color:#fafafa;}
table.ui.celled.table tr.bold * {font-weight:bold;}
#content_wrapper .dashboard table.ui.table tr > td:first-child,
#tasklist table {display:block;overflow-x:auto;}
#tasklist table tr > td:first-child {border-top-color:rgba(34, 36, 38, 0.1) !important;border-bottom-color:rgba(34, 36, 38, 0.1) !important;border-left:5px solid transparent;}
#tasklist table tr > th:nth-child(4) {max-width:55px;}
#tasklist .task_action {padding:11px;display:inline-block;border-radius:4px;}
#tasklist .task_action:hover {background:#e5e5e5;}

#taskfilter label {margin-top:10px;}
#taskfilter .ui.button.cat:not(.cat_all) {color:#fff;}
#taskfilter .ui.button.cat:not(.active) {background-color: #E0E1E2 !important;color: rgba(0, 0, 0, 0.6);}

/* Breadcrumb / Quicksave */

/*div#bottombar {left:0;position: fixed;width: 100%;bottom: -50px;top:inherit;background: rgba(0,0,0,0.9);min-height:50px;animation-name: hook;animation-duration: 0.5s;animation-delay: 0.5s;animation-timing-function: linear;animation-iteration-count: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;z-index:2;}*/
main .bread {width:100%;max-width:1260px;margin: 27px auto;position:relative;}
main .bread:after {clear: both;content: ".";display: block;font-size: 0;height: 0;visibility: hidden;}
main .bread ul li {list-style-type:none;float:left;padding:0 5px;}
main .quick_nav ul {margin-bottom:5px;}
main .quick_nav ul:nth-child(7) li a i {opacity:1 !important;}
main .quick_nav ul li {list-style-type: none;padding: 10px 6px;background: #fff;margin: 1px 0 0;border-left: 3px solid transparent; position: relative;cursor: pointer;}
main .quick_nav ul li.favorite a.favorite.active i.bell.icon {color:#fbbd08} 
main .quick_nav ul li.favorite a.favorite.active i.bell.outline.icon {color:#000} 
main .quick_nav ul li.active a,
main .quick_nav ul li.active i,
main .quick_nav ul li.active span {color:#fff !important;}
main .quick_nav ul li:first-child {border-top-right-radius: 5px;}
main .quick_nav ul li:last-child {border-bottom-right-radius: 5px;}
main .page_nav ul li {list-style-type:none;padding:15px 10px;background:#fff;margin:5px 0 0;border-radius: 5px 0 0 5px;}
main .quick_nav ul li a {position:relative;display:block;text-decoration:none;}
main .bread ul li:first-child img {position:absolute;top:6px;left:0;}
main .bread ul li:not(:last-child) {margin-top:10px;}
main .bread ul li:not(:first-child)::before {content: '/';font:400 16px/100% 'Lato',sans-serif;padding:0 10px 0 0;}
main .bread ul li:last-child::before {content: '/';font:700 30px/100% 'Lato',sans-serif;padding:0 6px;}
main .bread ul li:first-child::before {content: '';padding:0;}
main .bread ul li a {/*font:400 16px/100% 'Lato',sans-serif;*/color:rgba(0,0,0,1);text-transform:uppercase;}
main .bread ul li a:hover {color:rgba(0,0,0,0.5);}
main .bread ul li:last-child a, main .bread ul li:last-child span  {font:700 30px/100% 'Lato',sans-serif;}
main .bread ul li:last-child i.icon {font-size:30px;}
.subBreadTooltip {display:block; font-weight:normal; padding:0em; margin:0em; font-size:1rem; line-height:1.2em; color:rgba(0, 0, 0, 0.6); margin-left:2em;}
main .page_nav {width:50px;position:absolute;top:50px;left:-50px;float:right;}
main .page_nav span a {font: 400 18px/100% 'Lato', sans-serif;color:rgba(0,0,0,1);position:relative;text-align: center;display:inline-block;}
main .page_nav a {display: inline-block;cursor:pointer;}
main .page_nav a svg {fill:currentColor;color:rgba(85,85,93,0.9);}
main .quick_nav {width:45px;position:absolute;top: 50px;right: -50px;}
main .quick_nav ul li:first-child {margin-left:0;}
main .quick_nav ul li a, main .page_nav ul li a {display:block;width:30px;z-index:10;}
main .quick_nav ul li a i {color:rgba(0,0,0,1);fill: currentColor;display:block;margin:0 auto;text-align:center;font-size: 22px;transition: opacity 0.3s;}
main .quick_nav ul li:hover a i {opacity:0;}
main .page_nav, main .quick_nav {margin-bottom:10px;}

main .quick_nav .active_user {margin-top:30px;}
main .quick_nav .active_user span {width: 35px;height: 35px;display: block;margin: 5px 7.5px;border-radius: 18px;background-size:cover;}
main .quick_nav .qnp {display: block;position: absolute;right: 0px;top: 10px;font-size: 24px;width: 100%;height: 100%;margin: 0;}
main .quick_nav .counter {display: block; text-align: center; font-weight: bold;margin-top:-5px; margin-bottom: -5px;}
main .quick_nav .counter.second {margin-top: 10px;}

@-webkit-keyframes hook {
	from {bottom: -50px;}
    to {bottom: 0px;}
}

@keyframes hook {
    from {bottom: -50px;}
    to {bottom: 0px;}
}

#content_wrapper .ui.attached.rail {width:50px;}

/* Dashboard */
/*
#fullcalendar tr th {
    padding: 5px 10px;
    background: #F9FAFB;
}
*/
#fullcalendar table thead tr:first-child > th:last-child {border-radius: 0em 0.28571429rem 0em 0em;}
#fullcalendar table thead tr:first-child > th:first-child {border-radius: 0.28571429rem 0em 0em 0em;}
/*#fullcalendar .fc-content-skeleton table tr td {padding: 5px 0;}*/
#fullcalendar .fc-content-skeleton table tr td .fc-content {padding:5px 10px;}
#fullcalendar .fc-toolbar .fc-left > div > button, #fullcalendar .fc-toolbar .fc-left > div > h2 {float:left;}
#fullcalendar .fc-toolbar .fc-left > div > h2 {margin-left:30px;}
.fc-day {position:relative;cursor:pointer;}
.fc-day:hover{
    background:#fefefe;
}
.fc-day:hover::before {
	opacity:1;
}
.fc-day::before {
	opacity:0;
	transition:opacity 0.3s;
	content: "\f271";
	font-family: Icons;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 40px;
    color: #545454;
}

/*Allow pointer-events through*/
.fc-slats, /*horizontals*/
.fc-content-skeleton, /*day numbers*/
.fc-bgevent-skeleton /*events container*/{
    pointer-events:none
}

/*Turn pointer events back on*/
.fc-bgevent,
.fc-event-container{
    pointer-events:auto; /*events*/
}

/* Main */


main {box-sizing:border-box;padding-left:330px;padding-right:60px;opacity:0;transition:opacity 0.6s;-webkit-transition:opacity 0.6s;}
body.loaded main {opacity:1;}
body.overflow {overflow: hidden;}

main.short {padding-left:255px;}
main.task {padding-right:255px;}


header {width:100%;z-index:900;}
/*body header.active {top:-145px;}*/
body header.active, #project_nav.active {display:none;}
body.extended header.active {top:-178px}
/*header.transition, header:hover {transition: all 0.5s;-webkit-transition: all 0.5s;-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}*/
body.sticky header.active {top:0;}
header.active.show, body.extended header.active.show {top:0;}
body.sticky header, header.active {position:fixed;}
main {margin-top: 47px;}
/*body.sticky main {margin-top: 145px;}*/
body:not(.login) main {min-height: 1000px;margin-bottom: 100px;}

body.wrapper_fullscreen {background:#fff;}
body.wrapper_fullscreen #content_wrapper {max-width:none;padding: 10px 0;}
body.wrapper_fullscreen main {padding-left:260px;padding-right:20px;margin-top:46px;margin-bottom:0 !important;min-height:100%;min-height: auto !important;height:calc(100% - 46px);}
body.wrapper_fullscreen main .ui.segment {border-radius: 0;box-shadow: none;border: 0;padding:0;}
body.wrapper_fullscreen .main_tab {display:none;}
body.wrapper_fullscreen .bread {max-width:none;}
body.explorer.wrapper_fullscreen main {padding-left:240px;padding-right:0;}

.ui_explorer_head #modul_explorer.checked {background:lightblue;width:100%;} 
.ui_explorer_head #modul_explorer label,
.ui_explorer_head #modul_explorer input {
	font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-weight: 700;
	padding: 0;
	padding-left: 19px;
	margin-top: 10px;
	margin-left: 1px;
	margin-bottom: 10px;
}
#modal_uploaded_files #modul_explorer_head {background:#333333;}
#modal_uploaded_files #modul_explorer_head .breadcrumb_title, #modal_uploaded_files #modul_explorer_head #gallery_info h3 {color:#fff;padding-right:30px;}
.ui.modal > .content.explorer_modal {padding:0;}

#content_wrapper input.search_title {width:calc(100% - 60px);margin-left:30px;margin-right:30px;}
.main_tab_item, main.explorer_site .ui.segment, .modul_explorer_tree, #cat_tree {height:100%;max-height:none;}
#cat_tree {padding:0px 20px;}
.modul_explorer_tree {border-right:1px solid #a2a2a2;position:relative;}
.modul_explorer_assets {float:left;width:75%;}
body.explorer .modul_explorer_tree {max-width:420px;min-width:420px;}
body.explorer .modul_explorer_assets {width: calc(100% - 420px);}
body.explorer #modul_explorer_head {width: 100%}
#modul_explorer_head {width:100%;float:right;display:flex;flex-direction:row;align-items:center;border-bottom: 1px solid #aaa;}
#modul_explorer_head #modul_explorer.checkbox {margin-right:20px;}
.modul_explorer_assets .mm_processed {
	float: none;
	background: #e0e1e2;
	padding: 8px 10px;
	margin: 0;
	text-align: center;
	border-radius: 5px;
	display: inline-table;
	line-height: 12px;
	cursor: pointer;
}
.modal .modul_explorer_assets #upload_gallery .mm_desc {
	display: none;
}
#edit_area {float: left;width: 75%;}
body.explorer #edit_area {width:100%;}
body.explorer #edit_area #cat_form {padding:20px;}
body.explorer #edit_area .button.cat_remove {margin-right:20px;}
#modul_explorer_search {width: 25%;float: left;padding-bottom: 20px;padding-top: 20px;}

#stick, #nostick {display:none;cursor:pointer;}
#var2, #extend, #default {display:none;}
#var2.active, #extend.active, #default.active {display:block;cursor: pointer;padding-top: 12px;}
#stick.active, #nostick.active {display:inline;margin-top: 4px;}
#content_wrapper {opacity:1;transition:opacity 0.5s;-webkit-transition:opacity 0.5s;max-width:1280px;position:relative;/*height: 100%;*/}
.explorer_site #content_wrapper {height: calc(100% - 107px);}

.ui.cards.explorer_document_items > .card {
	width: 200px;
	height: auto;
}

body.register #content_wrapper .login,
body.login #content_wrapper .login,
body.auth #content_wrapper .login {
	margin-top:50px;
}
.login h1 {
	margin: 20px auto 30px;
}

/* Simplesite */
.module.new_modul {display: block;float: left;width: 105px;height: 85px;text-align: center;border: 1px solid #4183C4;vertical-align: middle;padding: 10px 0;cursor:pointer;}
.module.new_modul i {margin-bottom:5px;}
main .remove_module {position:absolute;top:20px;right:20px;cursor:pointer;}
.single_module {width:100%;background:#d4d4d4;padding:20px;margin:10px 0;}



/* Simplesite Module */
div.module {width:100px;height:100px;border:1px solid #000;float:left;text-align:center;margin:5px;}


/* Uploads verarbeiten Button */
.swap_processing {
    position: absolute;
    top: 0;
    right: 0;
}
/* Modal Explorer */
.ui.modal #upload_gallery.view_2 {
	display: block !important;
}
.ui.modal .modul_explorer_items {
	padding-top: 20px;
	padding-left: 30px;
}

.ui.modal .modul_explorer_items #uploaded_gallery {
	height: 300px;
}
.ui.modal .modul_explorer_items #uploaded_gallery > li {
	height: 150px;
	width: 150px;
	min-height: 150px;
	min-width: 150px;
}
.ui.modal .modul_explorer_items #uploaded_gallery > li .image {
	width: 130px;
}
.ui.modal .modul_explorer_assets #upload_gallery > li .image {
	margin-bottom: 0;
}

.ui.modal #item_list {
	max-height: calc(92vh - 130px);
}
.ui.modal #cat_tree {
	height: 100%;
}
.ui.modal .modul_explorer_tree {
	height: 755px;
}
.ui.modal .modul_explorer_tree {
	border-top: 1px solid #a2a2a2;
}
.ui.dimmer .ui.loader::after {
	border-color: black transparent transparent;
}
.ui.modal .view_2 .folder.icon {
	font-size: 30px;
	line-height: 30px;
}

/* grid layout media bilder 01.10.2018 */
#upload_gallery, #upload_images, #upload_documents {display: grid;grid-auto-flow: row dense;grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));margin-top:20px;}
.modals #upload_gallery {grid-template-columns: repeat(auto-fill,minmax(300px, 1fr));}
.modals #upload_gallery.view_1 {grid-template-columns: repeat(auto-fill,minmax(330px, 1fr));}
#upload_gallery.view_2, #upload_images.view_2, #upload_documents.view_2 {display: grid;grid-template-columns: repeat(auto-fill,minmax(150px, 1fr));}
#upload_gallery.view_3, #upload_images.view_3, #upload_documents.view_3 {display:block;}
#upload_gallery li.item_list_row,
#upload_images li.item_list_row,
#upload_documents li.item_list_row {
	grid-column: 1 / -1;
	width: 100%;
}

.upload_gallery.view_2 .pic.documents .mm_desc {display: block;text-align: center;top: 100px;bottom: initial;padding-top: 0;color: #000;height: 25px;background: transparent;z-index: 2;}
.modal .modul_explorer_assets #upload_gallery .pic.documents .mm_desc, .upload_gallery .pic.documents .mm_desc {display: block; text-align: center; padding-top: 0px;}

.upload_gallery.view_2 .pic .image {max-height:100px;margin-bottom:30px;}
.upload_gallery.view_2 .pic .mm_desc {display: block;top: initial;bottom: 0px;padding-top: 0;color: #000;height: 25px;background: transparent;z-index: 2;}
.upload_gallery.view_2 .pic .mm_desc > div {display:none;}
.upload_gallery.view_2 .pic .mm_desc > .mm_name {display: block;padding: 0;white-space: nowrap;overflow: hidden;text-align: center;}
.upload_gallery.view_2 .pic .mm_desc > .mm_name a {color:#000;}
.upload_gallery.view_2 li.folder h3, .upload_gallery.view_2 li#newProcessing h4 {font-size:16px;}
#upload_gallery.view_2 .pic .mm_desc > .mm_rating {
	display: block;
	position: absolute;
	top: -107px;
	right: 0;
	padding: 0;
}
#upload_gallery.view_2 .pic .mm_desc > .mm_rating > span {
	color: yellow;
	background: rgba(100,100,100,0.5);
	padding: 10px;
}

#uploaded_gallery i.close,
#uploaded_gallery .assets_links {
	position: absolute;
	top: 0;
	font-size: x-large;
	z-index: 99;
}
#uploaded_gallery i.close {
	left: 0;
}
#uploaded_gallery .assets_links {
	right: 0;
}

#uploaded_gallery > li {
	width: 200px;
	height: 272px;
}

/* Asset Management */
.ui.segment {
	margin-top:0px;
}
#gallery_info {
	font-size: 22px;
	cursor: pointer;
	padding-left: 10px;
}
.breadcrumb_separator::after {
	content: " > ";
}
.model_rating {
	position: absolute;
	left: calc(50% - 87px);
	bottom: 20px;
	border: 1px solid #ffe623;
	border-radius: 1px;
	background: rgba(50,50,50,0.5);
	padding: 10px;
}
.ui.input.search_tree {
	margin:0.5em;
	box-sizing:border-box;
	position: absolute;
    top: 10px;
	width: calc(100% - 60px);
}
.ui_explorer {
	max-height: 620px;
	overflow-y: scroll;
	border-bottom: 1px solid #e2e2e2;
}
#item_list {
	max-height: calc(100vh - 130px);
	overflow-y: scroll;
	padding: 1em;
	float:left;
	width: 100%; 
}
#item_list > .ui.grid {border-bottom: 1px solid #aaa;}
/*#upload_gallery {
	display: block;
}*/
.upload_gallery li {
	/*width: calc(100% / 6 - 20px);
	float: left;
	min-height: 130px;*/
}
.upload_gallery .pic {
	/*min-width: 300px;
	float: left;
	width: 300px;*/
	position: relative;
	
}
.upload_gallery .pic.mm_detail_active::after {
	content: "";
	color: rgba(0,0,0,.87);
	width: 34px;
	height: 34px;
	position: absolute;
	z-index: 1;
	top: calc(100% + 9px);
	left: calc(50% - 25px);
	transform: rotate(45deg);
	background: #f8f8f9;
	border: 1px solid rgba(34,36,38,.22);
	border-width: 1px 0 0 1px;
}
.upload_gallery li .select {
	font-family: outline-icons;
	font-size: 20px;
	display: inline-block;
    opacity: 1;
    margin: 0 .25rem 0 0;
    width: 1.18em;
    height: 1em;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    text-align: center;
    speak: none;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	position: absolute;
    z-index: 10;
    left: 10px;
    top: 10px;
}
.upload_gallery.selectmode li .select::before, .upload_gallery li:hover .select::before {
	content: "\f111";
}
.upload_gallery li .select:hover::before, .upload_gallery li.active .select::before {
	content: "\f058";
}
.modul_explorer_items .upload_gallery li .select:hover::before, .modul_explorer_items .upload_gallery li.active .select::before {
	content: "\f056";
}

.upload_gallery li .select:hover, .upload_gallery li.active .select {
	font-family: Icons;
	color: #2185d0!important;
}
.upload_gallery .pic .mm_desc {
	display: none;
	background-color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	/*height: 130px;*/
	color: #000;
	padding-top: 10px;
	border-radius:0 0 5px 5px;
}
.upload_gallery .pic .mm_desc .mm_tags,
.upload_gallery .pic .mm_desc .mm_filesize,
.upload_gallery .pic .mm_desc .mm_date,
.upload_gallery .pic .mm_desc .mm_variations,
.upload_gallery .pic .mm_desc .mm_uses {display:none;}
.upload_gallery .pic .mm_desc a {color:#000;}
.upload_gallery.view_1 .pic .mm_desc > div {
	padding-bottom:0;
}
.upload_gallery.view_2 .pic .mm_links > div {
	padding:0px 10px;
}
.upload_gallery:not(.selectmode).view_1 .pic:hover .mm_desc {
	display: block;
	background-color: #fff;
}
.upload_gallery:not(.selectmode).view_2 .pic:hover .mm_links {
	display: block;
	background-color: #fff;
}
.upload_gallery .pic .image {
	background-color: rgba(0,0,0,0.05);
}
.upload_gallery .pic .mm_name {
	font-weight: bold;
	text-align:center;
}
.upload_gallery.view_1 .pic .mm_links {
    font-weight: bold;
    font-size: 12px;
    padding: 10px;
    height: 40px;
    margin-bottom: 10px;
    text-align: center;
}
.upload_gallery .pic .mm_links > div {
    float: none;
    background: #e0e1e2;
    padding: 8px 10px;
    margin: 0;
    text-align: center;
    border-radius: 5px;
    display: inline-table;
	line-height: 12px;
}
.upload_gallery .pic .mm_links > div > i {
	font-size: 19px;
    line-height: 130%;
    text-align: center;
    display: inline;
	color:#747576;
	width:100%;
}
/*
.upload_gallery .pic .mm_links > .mm_processed {
    float: left;
    background: #e0e1e2;
    padding: 8px 10px;
    margin: 0 5px;
    height: 40px;
    text-align: center;
    border-radius: 5px;
    display: table;
}
*/
.upload_gallery .pic .mm_links > .mm_processed span {
	font-size: 17px;
	display: inline-block;
    line-height: 130%;
    padding-left: 5px;
    color: #747576;
}
.upload_gallery.view_1 .pic .mm_desc > .mm_rating {
	text-align: center;
    padding: 5px 0;
    color: #7a7b7c;
}
.upload_gallery.view_1 .pic:hover {
	/*
	border:1px solid lightgray;
	border-radius:5px;
	*/
	box-shadow: inset 0 0 0 1px lightgray;

}
.upload_gallery.view_1 .pic .mm_image > .mm_rating {display:none;}

/* viewmode Details */
.upload_gallery.view_3 li {margin-bottom:5px;}
.upload_gallery.view_3 li:hover {background-color: #fafafa;}
.upload_gallery.view_3 li::after {clear: both;content: ".";display: block;font-size: 0;height: 0;visibility: hidden;}
.upload_gallery.view_3 li.folder .content, .upload_gallery.view_3 li.newFolder .content {position:relative;}
.upload_gallery.view_3 .pic {clear:both;}
.upload_gallery.view_3 .pic .mm_image,
.upload_gallery.view_3 .pic .mm_document {
    float: left;
    height: 50px;
    width: 50px;
}
.upload_gallery.view_3 .pic .mm_desc {
	float: left;
    display: block;
    position: static;
    width: calc(100% - 100px);
    background: none;
    color: rgba(0,0,0,.87);
    padding-top: 0;
}
.upload_gallery.view_3 .pic .mm_desc > .mm_name {width: 35%;}
.upload_gallery.view_3 .pic .mm_desc > .mm_filesize {width: 15%;}
.upload_gallery.view_3 .pic .mm_desc > .mm_date {width: 25%;}
.upload_gallery.view_3 .pic .mm_desc > .mm_uses {width: 15%;}
.upload_gallery.view_3 .pic .mm_desc > div, .upload_gallery.view_3 li.isFolder .desc > div {
    padding: 5px 0px 5px 20px;
    float: left;
	text-align:left;
}
.upload_gallery.view_3 .pic .mm_links, .upload_gallery.view_3 .pic .mm_tags {display:none;}
.upload_gallery.view_3 .pic .mm_desc > .mm_name {word-break: break-all;}
.upload_gallery.view_3 .pic .mm_desc > .mm_name a {color:#000;}
.upload_gallery.view_3 .pic .mm_desc > .mm_variations {
    position: absolute;
    left: -15px;
    top: 0px;
    background: #fff;
    border: 1px solid #cecece;
    width: 25px;
    height: 25px;
    text-align: center;
    padding: 4px;
    font-weight: bold;
    border-radius: 4px;
	cursor:pointer;
}
.upload_gallery.view_3 .pic .mm_desc > .mm_variations span {display:none;}
#item_list .view_3 li.isFolder i, .upload_gallery.view_3 li.folder i, .upload_gallery.view_3 li#newProcessing i {float:left;margin:0;width:50px;height:50x;line-height: 50px;font-size: 40px}
.upload_gallery.view_3 li.isFolder .desc {float:left;width:calc(100% - 150px);}
#item_list .upload_gallery.view_3 li.isFolder .desc h3 {font: 700 16px/100% 'Lato',sans-serif;text-align:left;}

#upload_gallery .assets_links,
#upload_gallery .assets_default_crop {
	position: absolute;
	padding: 5px;
	font-size: 20px;
	background-color: white;
	z-index: 2;
}
#upload_gallery .assets_links {
	top: 0px;
	right: 0px;
}
#upload_gallery .assets_default_crop {
	top: 0px;
	left: 45%;
}
#gallery_form .assets_default_crop {
	position: absolute;
	padding: 5px;
	top: 30px;
	left: 45%;
	background-color: white;
	z-index: 2;
}
.assets_default_crop i.icon,
#gallery_form .assets_default_crop i.icon {
	font-size: 20px;
	margin: 0;
}

#drop-files .ajax-upload-dragdrop .ajax-file-upload {width: 100%;height: 125px;background: rgba(0,0,0,0.1);border-radius: 10px;border: 4px dashed rgba(0,0,0,0.2);padding: 47px 0 0 0;text-align: center;font-size: 1.5em;float: left;font-weight: bold;margin: 0;}
.ajax-file-upload-statusbar {
    border: 1px solid #1678c2;
    width: calc(25% - 10px);
    margin: 0px 10px 10px 0;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
	float: left;
	min-height: 260px;
	text-align: center;
}

.ajax-file-upload-statusbar img {
    width: auto !important;
    height: auto !important;
    max-height: 110px;
    max-width: 100px;
}

.ajax-file-upload-filename {
	width: 100%;
	height: auto;
	margin: 0 5px 5px 0px;
}

.ajax-file-upload-filesize {
	width: 50px;
	height: auto;
	margin: 0 5px 5px 0px;
	display: inline-block;
	vertical-align:middle;
}
.ajax-file-upload-progress {
	margin: 5px 10px 5px 0px;
	position: relative;
	width: 100%;
	border: 1px solid #ddd;
	padding: 1px;
	border-radius: 3px;
	display: inline-block;
	color:#FFFFFF;
}
.ajax-file-upload-bar {
	background-color: #1a69a4;
	width: 0;
	height: 15px;
	border-radius: 4px;
	color:#FFFFFF;
}
.ajax-file-upload-percent {
	position: absolute;
	display: inline-block;
	top: 3px;
	left: 48%
}
.ajax-file-upload-red {
	background-color: #db2828;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	color: #fff;
	padding: 11px;
	text-decoration: none;
	cursor: pointer;
	vertical-align: top;
	margin: 5px 10px 5px 0px;
}
.ajax-file-upload-green {
	background-color: #21ba45;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin: 0;
	padding: 0;
	display: inline-block;
	color: #fff;
	padding: 11px;
	text-decoration: none;
	cursor: pointer;
	vertical-align: top;
	margin: 5px 10px 5px 0px;
}
#drop-files {
	padding-top: 0;
	width: 35%;
	float:left;
}
.ajax-file-upload {
	padding: 15px 20px;
	cursor:pointer;
	height:25px;
	color: black;
	margin:0 10px 10px 0;
	display: inline-block;
	text-decoration: none;
	color: #000;
	background-color: #1678c2;
}
.ajax-file-upload:hover {
	background: #3396c9;
}

.ajax-upload-dragdrop {
	width: 100% !important;
	height: 125px;
	text-align:left;
	vertical-align:middle;
}
.state-hover {
	border:2px solid #A5A5C7;
	border-radius:10px;
}
.ajax-file-upload-container	{
	margin:0px;
	padding-left:30px;
	width: 65%;
	float:left;
}
#dropped-files {position: relative;width:100%;}
#upload-button {/*position: absolute;top: 87px;z-index: 9999;width: 210px;*/margin-top:20px;display: none;}
#dropped-files .image {position:relative;height: 100px;width: 90px;border: 4px solid #fff;float: left;border-radius: 4px;overflow: hidden;margin: 5px;background-position: center !important;}
#dropped-files .image > i {margin:0;background: #f50000;padding: 1px 0px;height: 20px;width: 20px;box-sizing: border-box;color: #fff;text-align: center;cursor:pointer;position:absolute;right:0;top:0;}
#upload-button .ss-upload {font-size: 0.7em;}
#upload-button .upload {margin:0 auto;display:table;}

/*#upload-button a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	box-shadow: 0 0 1000px 62px rgba(255, 255, 255, 1), inset 0 -35px 40px -10px #0A9FCA;
	font-size: 20px;
	padding: 10px 20px;
	background-color: #4bc1e3;
	border-radius: 10px;
}*/

#extra-files {display: none;float: left;position: relative;float:left;width:100px;height:100px;padding:5px;box-sizing:border-box;}
#extra-files .number {background: rgba(0,0,0,0.4);display: inline-block;position: relative;font-weight: bold;color: #fff;padding: 35px 20px;margin: 5px;cursor: pointer;font-size: 30px;height: 100%;line-height: 100%;width: 100%;text-align: center;}
#dropped-files #upload-button .delete {padding: 7px 6px 4px 6px;border-radius: 100px;background: rgba(0,0,0,0.6);box-shadow: none;font-size: 1em;margin-left: 8px;}
#dropped-files #upload-button .delete:hover {background: rgba(0,0,0,0.8);}
#extra-files #file-list {display: none;background: white;padding: 20px 0;border-radius: 5px;box-shadow: 0 0 15px rgba(0,0,0,0.1);width: 250px;top: 100px;border: 1px solid #dadada;left: -10px;left: -16px;max-height: 220px;top: 150px;position: absolute;color: #545454;}
#file-list ul {overflow: scroll;padding: 0;border-top: 1px solid #dadada;max-height: 200px;width: 250px;list-style: none;border-bottom: 1px solid #dadada !important;}
#file-list ul li:last-of-type {border-bottom: 0 !important;}
#uploaded-holder {width: 100%;display: none;float: left;padding:0;box-sizing: border-box;}
#extra-files #file-list:after, #extra-files #file-list:before {position: absolute;content: ' ';top: -40px;left: 40px;display: block;border: 20px solid;border-color: transparent transparent #ffffff transparent;}
#extra-files #file-list:before {border-color: transparent transparent #dadada transparent;top: -41px;}
#extra-files #file-list li {border-bottom: 1px solid #eee;font-weight: bold;font-size: 1.5em;padding: 10px;}
#loading {display: none;float: left;width: 100%;position: relative;}
#loading-bar {width: 404px;height: 40px;background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);border-radius: 5px;padding: 2px;}
.loading-color {width: 0%;height: 100%;-webkit-transition: all 0.1s ease-in;-moz-transition: all 0.1s ease-in;-ms-transition: all 0.1s ease-in;-o-transition: all 0.1s ease-in;transition: all 0.1s ease-in;border-radius: inherit;background-color: #4edbf1;}
#loading-content {position: absolute;top: 15px;font-size: 1.2em;font-weight: bold;text-align: center;width: 405px;}
#file-name-holder {width: 100%;float: left;}
#file-name-holder h1 {text-align: center;border-bottom: 1px solid #dadada;padding: 20px 0;font-size: 3em;margin: 0;}
#uploaded-files {background: white;border-radius: 5px;box-shadow: 0 0 15px rgba(0,0,0,0.1);/*width: 407px;*/top: 100px;padding: 0;border: 1px solid #dadada;/*max-height: 320px;*//*overflow: scroll;*/color: #545454;}
#uploaded-files li {padding: 10px;border-bottom: 1px solid #eee;font-size: 1.5em;font-weight: bold;line-height: 25px;color: #545454;}
#uploaded-files a {color: #1bacbf;}
/*.upload_gallery {overflow-y: scroll;border: 1px solid rgba(0, 0, 0, 0.13);}*/

.upload_gallery li {/*width: calc(100% / 6 - 20px);float: left;min-height: 130px;*/box-sizing: border-box;margin:10px;list-style-type: none;position:relative;}

.modal .upload_gallery li {width: calc(100% / 3 - 20px);float: left;min-height: 300px; min-width: 300px;}
.modal .upload_gallery.view_2 li {width: calc(100% / 6 - 20px);float: left;min-height: 170px; min-width: 170px;}
.modal .upload_gallery li .image {width: 300px;}
.modal .upload_gallery.view_2 li .image {width: 170px;}
.modal .upload_gallery.view_1 li {min-width: 320px;}
.modal .upload_gallery.view_1 li .image {width: 320px;}

.upload_gallery.show2 li {width: calc(100% / 2 - 20px);}
.upload_gallery.show3 li {width: calc(100% / 3 - 20px);}
.upload_gallery.show4 li {width: calc(100% / 4 - 20px);}
.upload_gallery.show5 li {width: 150px;}
.upload_gallery.show6 li {width: calc(100% / 6 - 20px);}

.upload_gallery li.folder, .upload_gallery li.newFolder {cursor: pointer;overflow:hidden;}
.upload_gallery li.folder .content, .upload_gallery li.newFolder .content {position:absolute;top:0;left:0;width:100%;height:auto;}
.upload_gallery li.folder > *, .upload_gallery li.newFolder > * {padding-bottom:99.9%;position:relative;}
.upload_gallery.view_3 li.folder > *, .upload_gallery.view_3 li.newFolder > * {padding-bottom:0;}
.upload_gallery li.folder i, .upload_gallery li#newProcessing i {font-size: 60px;}
.upload_gallery.img_select li {width: calc(100% / 3 - 20px);}
.upload_gallery li.clear.cat {width:100%;}
.upload_gallery li.preload {border-color:#a7a7a7;}
/*.upload_gallery li:hover {opacity:0.9;}*/
.upload_gallery li .image {background-size:contain;background-position:center;background-repeat:no-repeat;background-color:rgba(0,0,0,0.04);}
.upload_gallery li .image:before {content: '';display:block;padding-top: 100%;}
.upload_gallery li input[type=checkbox] {display:none;}
.upload_gallery li i.close {display:none;}
.upload_gallery li.item_list_row > i.close {display:inherit;}
#uploaded_gallery li i.close {display:inherit;}
.upload_gallery li.active .image {
	//border:3px solid #6ca4ca;
	box-shadow: inset 0 0 0 3px #6ca4ca;
}
.upload_gallery li.active .overlay {background-color:#6ca4ca;}
.upload_gallery li.active .image {opacity: 0.7;}
.upload_gallery li img {max-width:100%;display:block;position:absolute;top: calc(50% - 9.5px);}
.upload_gallery li > p {font-weight: 300;font-size: 12px;margin-left: 0;}
.upload_gallery li p.title {height: 18px;overflow: hidden;}
.upload_gallery li:hover .info, .upload_gallery li:hover .delimg {display:block;z-index:1;}
.upload_gallery li .delimg {position:absolute;top:10px;right:10px;display:none;}
.upload_gallery li div.info {position:absolute;top:10px;left:10px;display:none;}
#dragzone {background:rgba(255,255,255,0.3);position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;}

.upload_gallery li .info_cont {display:none;position: absolute;width: 100%;top: 0;left: 0;height: 181px;background: rgba(0,0,0,0.8);color: #fff;padding: 45px 10px;}
.upload_gallery li .flowing_popup:hover + .info_cont {display:block;}

/* Layout Switch */
#processing.grid .upload_gallery li {width:calc(100% / 12 - 4px);margin:2px;}
#processing.grid .upload_gallery li p {display:none;}

#processing.list .upload_gallery li {width:100%;}
#processing.list .upload_gallery li .overlay {float:left;width:300px;height:300px;}
#processing.list .upload_gallery li p {text-align:left;padding-left:20px;overflow:hidden;height:auto;font-size:16px;}
#processing.list .upload_gallery li p.title::before {content: 'Titel: ';font-weight:700;}
#processing.list .upload_gallery li p.time::before {content: 'Ablaufzeit: ';font-weight:700;}

#processing.documents .upload_gallery li:not(.cat) {width:calc(100% / 10 - 4px);margin:2px;}

gallery_wrap .ui.form .field input[type=text] {margin-bottom:10px;}
.gallery_wrap .slidecontent { display:none; }
.gallery_wrap .slidecontent.show_slide { display:block; }

#processing {clear:both;display:block;}

.layout_buttons {float:right;}
.layout_buttons button#blog,
.layout_buttons button#list,
.layout_buttons button#grid {
	vertical-align: top;
}
.ui.form.checkall {float:left;}

#media_toolbar, .content_toolbar {border-top: 1px solid #333;position: fixed;left: calc(50% - 640px);bottom: -60px;width: 1280px;height: 60px;background: #fff;transition: bottom 0.3s ease;-webkit-transition: bottom 0.3s ease;z-index: 100;border-left: 1px solid #333;border-right: 1px solid #333;}
#media_toolbar .wrapper, .content_toolbar .wrapper {width:100%;max-width:1280px;margin:0 auto;padding: 12px;}
#media_toolbar #toolbar_counter, #media_toolbar #check_all, .content_toolbar #toolbar_counter, .content_toolbar #check_all {padding: 10px;display: block;float: left;}
#media_toolbar.active, .content_toolbar.active {bottom:0;}

/* Media Videos */
.loader {width: 100%;background: white;position: absolute;height: 100%;display: flex;align-items: center;box-sizing: border-box;justify-content: center;z-index: 12;clear: both;top: 0;left: 0;}
.sign {height:20px;width:20px;display:none;}
.vid_prev {
	height: 195px;
    width: calc(100% / 6 - 20px);
    background-color: black;
    color: white;
    margin: 10px;
    cursor: pointer;
    position: relative;
}
.pev_pic {width:100%;height:165px;box-sizing:border-box;}
#vid_section {position: relative;clear: both;}
.vid_caption {width:100%;height:30px;box-sizing:border-box;overflow:hidden;padding: 10px;}
.vids{display: flex;flex-direction: row;flex-wrap: wrap;width:100%;position: relative;}
.modal_container {display: flex;flex-direction: row;}
.video_info {margin-left: 1em;margin-top: 1em;}
.video_simplesites {display: flex;flex-direction: column;margin-left: 1em;margin-top: 1em;}
.video_warning {
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: red;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin: 5px;
}
.rb_type{margin-top: 5px;}

/* Media Bilder */

#item_list li.isFolder i, .upload_gallery li.folder i, .upload_gallery li#newProcessing i {
	display: block;
    margin-top: 10px;
	margin-bottom: 10px;
    top: 0;
    width: auto;
    height: auto;
	padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
}
#item_list .view_2 li.isFolder i, .upload_gallery.view_2 li.folder i, .upload_gallery.view_2 li#newProcessing i {margin:20px auto 20px; text-align: center;}
#item_list li.isFolder h3 {
	margin-top: 10px;
	width: 100%;
}
#item_list .folder_action {
	position: absolute;
	top: 0;
	left: 0;
}
#item_list li.isFolder .folder_action i {
	font-size: 20px;
	padding: 10px;
	color: blue;
	border: 1px solid blue;
}

.ui_explorer li {list-style-type:none;cursor:pointer;margin-bottom:10px;}
.ui_explorer li.act > h3, .ui_explorer li .dd:hover + img + h3, .ui_explorer li img:hover + h3, .ui_explorer li h3:hover {background:lightblue;}
/*.ui_explorer > li:first-child:not(.sub)::before {display:none;}*/

.ui_explorer > li > ul {display:none;}
.ui_explorer > li > ul > li > ul {display:none;}
.ui_explorer > li > ul > li > ul > li > ul {display:none;}
.ui_explorer > li > ul > li > ul > li > ul > li > ul {display:none;}
.ui_explorer > li > ul > li > ul > li > ul > li > ul > li > ul {display:none;}
.ui_explorer > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul {display:none;}

.ui_explorer > li > ul.active, .ui_explorer > li.active > ul {display:block;}
.ui_explorer > li > ul.active > li > ul.active, .ui_explorer > li.active > ul > li.active > ul {display:block;}
.ui_explorer > li > ul.active > li > ul.active > li > ul.active, .ui_explorer > li.active > ul > li.active > ul > li.active > ul {display:block;}
.ui_explorer > li > ul.active > li > ul.active > li > ul.active > li > ul.active, .ui_explorer > li.active > ul > li.active > ul > li.active > ul > li.active > ul {display:block;}
.ui_explorer > li > ul.active > li > ul.active > li > ul.active > li > ul.active > li > ul.active, .ui_explorer > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul {display:block;}
.ui_explorer > li > ul.active > li > ul.active > li > ul.active > li > ul.active > li > ul.active > li > ul.active, .ui_explorer > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul > li.active > ul {display:block;}

.ui_explorer li img {display:block;float:left;width:20px;margin-right: 10px;}
.ui_explorer li i {display:block;float:left;width:20px;margin-right: 10px;margin-top: 3px;font-size: 19px;}
.ui_explorer li:not(.sub)::before {content:'';width:10px;float:left;display:block;height:20px;margin-right:5px;}
.ui_explorer li.sub > .dd {background:url(https://cdn.asdf.hoehnesoehne.de/img/dropdown.svg) center no-repeat;width: 10px;height: 20px;display: block;float: left;margin-right:5px;transform: rotate(270deg);}
.ui_explorer li.sub > .nodd {width: 10px;height: 20px;display: block;float: left;margin-right:5px;transform: rotate(-90deg);}
.ui_explorer li.sub.active > .dd {transform: rotate(0deg);}
.ui_explorer ul {margin-left:10px;}
.ui_explorer h3 {margin:0;}
#item_list li.folder h3, #item_list li#newProcessing h4 {text-align: center;padding: 0;cursor:pointer;}

/* Cropper */

#crop_fullscreen {display:none;position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1001;padding: 110px;box-sizing: border-box;background-color: rgba(0, 0, 0, 0.2);}
#crop_fullscreen .content {background-color: black; padding: 10px;}
#crop_fullscreen .content .side {padding-left: 10px;}
#crop_fullscreen .content .actions label {color: white;}
.cropper-container {font-size: 0;line-height: 0;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;direction: ltr;-ms-touch-action: none;touch-action: none}
.cropper-container img {display: block;min-width: 0 !important;max-width: none !important;min-height: 0 !important;max-height: none !important;width: 100%;height: 100%;image-orientation: 0deg}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.cropper-wrap-box {overflow: hidden;}

.cropper-drag-box {opacity: 0;background-color: #fff;}
.cropper-modal {opacity: .5;background-color: #000;}
.cropper-view-box {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
}

.cropper-dashed {
  position: absolute;
  display: block;
  opacity: .5;
  border: 0 dashed #eee
}

.cropper-dashed.dashed-h {
  top: 33.33333%;
  left: 0;
  width: 100%;
  height: 33.33333%;
  border-top-width: 1px;
  border-bottom-width: 1px
}

.cropper-dashed.dashed-v {
  top: 0;
  left: 33.33333%;
  width: 33.33333%;
  height: 100%;
  border-right-width: 1px;
  border-left-width: 1px
}

.cropper-center {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  opacity: .75
}

.cropper-center:before,
  .cropper-center:after {
  position: absolute;
  display: block;
  content: ' ';
  background-color: #eee
}

.cropper-center:before {
  top: 0;
  left: -3px;
  width: 7px;
  height: 1px
}

.cropper-center:after {
  top: -3px;
  left: 0;
  width: 1px;
  height: 7px
}

.cropper-face,
.cropper-line,
.cropper-point {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: .1;
}

.cropper-face {top: 0;left: 0;background-color: #fff;}
.cropper-line {background-color: #39f}

.cropper-line.line-e {
  top: 0;
  right: -3px;
  width: 5px;
  cursor: e-resize
}

.cropper-line.line-n {
  top: -3px;
  left: 0;
  height: 5px;
  cursor: n-resize
}

.cropper-line.line-w {
  top: 0;
  left: -3px;
  width: 5px;
  cursor: w-resize
}

.cropper-line.line-s {
  bottom: -3px;
  left: 0;
  height: 5px;
  cursor: s-resize
}

.cropper-point {
  width: 5px;
  height: 5px;
  opacity: .75;
  background-color: #39f
}

.cropper-point.point-e {
  top: 50%;
  right: -3px;
  margin-top: -3px;
  cursor: e-resize
}

.cropper-point.point-n {
  top: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: n-resize
}

.cropper-point.point-w {
  top: 50%;
  left: -3px;
  margin-top: -3px;
  cursor: w-resize
}

.cropper-point.point-s {
  bottom: -3px;
  left: 50%;
  margin-left: -3px;
  cursor: s-resize
}

.cropper-point.point-ne {
  top: -3px;
  right: -3px;
  cursor: ne-resize
}

.cropper-point.point-nw {
  top: -3px;
  left: -3px;
  cursor: nw-resize
}

.cropper-point.point-sw {
  bottom: -3px;
  left: -3px;
  cursor: sw-resize
}

.cropper-point.point-se {
  right: -3px;
  bottom: -3px;
  width: 20px;
  height: 20px;
  cursor: se-resize;
  opacity: 1
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    width: 5px;
    height: 5px;
    opacity: .75
  }
}
.cropper-point.point-se:before {
  position: absolute;
  right: -50%;
  bottom: -50%;
  display: block;
  width: 200%;
  height: 200%;
  content: ' ';
  opacity: 0;
  background-color: #39f
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.cropper-hidden {display: none !important;}
.cropper-move {cursor: move;}
.cropper-crop {cursor: crosshair;}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {cursor: not-allowed;}
.container {height:calc(100vh - 280px);width:90%;float:left;overflow:hidden;}
.side {width:10%;float:left;padding-left:30px;box-sizing:border-box;color:#fff;}
.side .ui.form .field > label {color:#fff;}
.actions {width:100%;clear:both;padding-top:20px;}
#result img {max-width:100%;border:1px solid lightgrey;}
#image {max-width: 100%;}
/* 8.6.18 - Olli
.ui.form .field > label {color:#fff;}
*/
#amount_comp, #amount_prio, #amount_days {margin-top: 10px; display: inline-block;}
.rotate, .ratio, .scale {float:left;margin-right:60px;}
#close_crop {position:absolute;right:10px;top:10px;color:#fff;cursor:pointer;}

input.negative {
  background-color: #d41515;
  text-shadow: none;
}

.galleryControl .delete_gallery,
.galleryControl .update_gallery,
.galleryControl .insert_gallery {
	float: right;
}

/*****************************/
/******* UI + Userseite ******/
/*****************************/

.ui.negative.message a {color:#912D2B !important;font-weight:bold;}

/* Semantic UI Upgrades */

.disabled:not(.button) {
	cursor: default;
	opacity: 0.45;
	background-image: none;;
	-webkit-box-shadow: none;
	box-shadow: none;
	pointer-events: none;
}

.ui.modal > .content {
	position: relative;
}

div.ui.modal > i.expand.icon {
	position:absolute;
	width:2.25rem;
	height:2.25rem;
	font-size: 1.25em;
	display:none;
	cursor:pointer;
	padding: .625rem 0 0 0;
	top:1.0535rem;
	right:1.0535rem;
}
div.ui.modal.fullscreen > i.expand.icon {
	position:absolute;
	top:1.0535rem;
	right:3em;
	display:none;
	cursor:pointer;
}
div.ui.modal > i.expand.icon:hover {
}


.ui.vertical.divider {
	/* bugfix*/
	left: 50% !important;
}
/* pagination centered */
.ui.pagination.menu.centered,
.pagination.centered {
	display: table;
	margin: 0 auto;
}
.ui.pagination.menu.centered .item {
	float: left;
}
.ui.info.message.centered {
	text-align: center;
}
.ui.info.message > .ui.button {
	padding-top: 5px;
	padding-bottom: 5px;
}



/* create_site */
#create_site_submit {float: right;top: 40px;position: relative;}
#step2, #step3, #next2, #create_site_submit {display:none;}

.inline_placeholder {
  position: relative;
  width: 150px;
}

.inline_placeholder input {
  width: 100%;
}

.inline_placeholder .unit {
    position: absolute;
    display: block;
    top: -5px;
    right: -4px;
    color: black;
    padding-left: 0px;
    width: 53px;
    margin: 6px 13px 5px 5px;
    height: 34px;
    padding-top: 8px;
}

/* User */

.userdata, .cos_info, .notice {clear: both;float: left;width: 100%;margin-bottom: 50px;}
.userdata input[type=text],
.userdata input[type=email],
.userdata select {max-width:250px;width:100%;}
.userdata .geb_date select {padding: 10px;}
.userdata label {width:105px;margin-top: 12px;}
.cos_info label {width:145px;margin-top: 2px;}
.cos_info span.info {float:left;display:block;color:rgba(0,0,0,0.7);}
.cos_info .col3 p {padding-bottom: 35px;}
.notice .col2 label {display: block;margin: 0 auto;float: none;text-align: center;}
.notice .col4 textarea {margin-left:10px;}
.notice .col2 input {margin:0 auto;}

.conversation .entry .user {background-color: #e5e5e5;border-radius: 5px;padding: 5px;position:relative;}
.conversation .entry .user figure {margin:0 10px 0 0;float:left;display:block;background-size:cover;background-position:center;width:45px;height:45px;border-radius:22.5px;}
.conversation .entry .user .username {float:left;padding-top:0px;font-weight:500;margin-top: 0px;}
.conversation .entry .user .username .group {font-weight:300;}
.conversation .entry .message {margin-left:10px;}
.conversation .entry .message > p,
.conversation .entry .date > p {color:rgba(0,0,0,0.7);}
.conversation .entry .date > p {text-align:center;}
.conversation .entry .user::before {content: ' ';display: block;width: 8px;height: 8px;background-color: #e5e5e5;position: absolute;right: -4px;top: 10px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}

/* Task Kurzansicht */
.timeline {width:100%;position:relative;margin: 0 0 10px 0;}
.timeline .bar .progress {position:absolute;background:#fbbd08;height:100%;border-radius:5px;border-radius:5px;color:#fff;font: 700 16px/100% 'Lato',sans-serif;text-align: right;padding: 4px 5px;}

.prio_content .rs-range-color,
.prio_content .rs-handle {background-color:#000;}

.progress_content.neg #progress_slider .rs-range-color,
.progress_content.neg #progress_slider .rs-handle {background-color:red;}

.progress_content.pos #progress_slider .rs-range-color,
.progress_content.pos #progress_slider .rs-handle {background-color:green;}

.timeline .bar .progress.neg {background: red;}
.timeline .bar .progress.pos {background: green;}
.timeline .bar .remain_percent {left: 6%;position: absolute;width: 50px;height: 50px;padding-top: 34px;text-align: right;border-right: 2px solid #000;font: 700 16px/100% 'Lato',sans-serif;padding-right: 5px;}

.timeline .bar_wrapper {width: 100%;height:25px;border-radius:5px;box-sizing:border-box;position:relative;max-width: 250px;left: calc(50% - 125px);top: -28px;}
.timeline .bar {background:#e5e5e5;width:100%;position: absolute;left: 0;top: 0;height: 25px;border-radius:5px;}
.timeline .start_date span, .timeline .end_date span,
.timeline .time_elapsed {font-family:'Lato',sans-serif;font-size:22px;font-weight:700;color:#212121;margin:0;}
.prio_content, .progress_content {position:relative;width:180px;margin:10px auto 20px;}
.prio_content .tooltip, .progress_content .tooltip {position:absolute;width:100%;height:100%;top:0;left:0;z-index:9;font: 700 22px/100% 'Lato',sans-serif;text-align:center;margin:0;padding: 61px 0 0;}
.prio_content .tooltip span, .progress_content .tooltip span {display:block;font-size:38px;padding-top: 5px;}
.ajax_task .right .info p {margin:0;padding-left:30px;}
.ajax_task .description pre {white-space: pre-wrap;word-wrap: break-word;margin: 10px 0 5px 5px;line-height: 1.4285em;font-size: 16px;font-weight: 300;font-family: 'Lato',sans-serif;}
.ajax_task .access > a.ui.image.label {margin-bottom:5px;}
.ajax_task .milestones .item .header, .ajax_task .milestones .item .description {font-size:12px;}

/* Task Übersicht */

#chose_user.active, #chose_group.active, #chose_project.active {display:block;}

#task_user > a.label,
.ui.label {
    color: rgba(0, 0, 0, 0.6) !important;
}
#filter #amount1,
#filter #amount2 {
	position: absolute;
    left: 0;
    background: none;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    line-height: 100%;
    height: auto;
    min-height: 0;
    top: -5px;
}

#filter #slider-range1,
#filter #slider-range2 {margin-top:10px;}

/* Task Ansicht */
.planningColLeft {
	width:calc(63% - 20px);
	/*max-width:770px;*/
	float:left;
	margin:10px;
}
.planningColRight {
	width: calc(37% - 40px);
	/*max-width:390px;*/
	float:left;
	margin: 10px 0px 10px 40px;
}
.add_milestone .ui.dropdown.milestone_status {width: 50px !important;display: inline-block;min-width:0;}
.add_milestone .ui.selection.dropdown {white-space:nowrap;}
.add_milestone .ui.dropdown.milestone_status .item,
.add_milestone .ui.dropdown.milestone_status .text {font-family: 'w3icons';font-style: normal;}
.milestone .date {margin:0;text-align:center;font: 400 15px/130% 'Lato',sans-serif;color:#5e5e5e;padding-top:10px;}
.milestone .status {margin:0;font: 700 22px/130% 'Lato',sans-serif;color:#000;text-align:center;}
.milestone .items {margin:0;text-align:center;font: 400 15px/130% 'Lato',sans-serif;color:#5e5e5e;}
.milestone .user {margin:0;text-align:center;padding-top: 10px;padding-bottom: 10px;}
.milestone .progress {font:700 35px/130% 'Lato',sans-serif;text-align:center;}
.milestone:not(.last)::after,.milestone:not(.last)::before {content: ' ';display:block;width:2px;margin:0 auto;height:25px;background: #000;}
#edit_task .timeline .bar_wrapper {max-width: 400px;left: calc(50% - 200px);top:-43px;}
#edit_task span.delay {font: 700 16px/100% 'Lato',sans-serif;display:block;text-align:right;position: relative;top: 10px;}
#edit_task .start_date, #edit_task .end_date {margin:0;}
#edit_task .add_milestone.field {margin: 0 0 5px 0;}
#edit_task .add_milestone.field .field {margin:0;}
#edit_task .access {display:none;}
#edit_task .access.active {display:block;}
p.copy_info {position: absolute;left: 0px;top: 5px;background: #000;color: #fff;padding: 9px 10px;border-radius: 5px;font-size: 10px;line-height: 100%;display:none;transition:all 0.2s;-webkit-transition:all 0.2s;}

/* Loading */
#loader {position:fixed;height:0;z-index:2;top:0;}

/* Morris.JS CSS */
.morris-hover{position:absolute;z-index:1000;}
.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center;}
.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}

/* FAVORITEN */
.border_highlight {
	background-color:#c9fcff !IMPORTANT;
}

/* */
p#detail_toggle {text-align: center;padding: 10px 0;cursor: pointer;}


/* Autoshow / Autohide */

body.autoshow header.active {position:fixed;top:-145px;}
body.autoshow header.active #shownav.active, body.autoshow header.active.show {top:0;}

body.autoshow header.active.show #shownav.active {top:145px;}

#content_wrapper {width:100%;margin:0px auto 0;padding-top:1px;/*transition:all 0.5s;-webkit-transition:all 0.5s;*/}
#content_wrapper .workarea .headline {background: #fafafa;padding:22px;border-radius: 7px 7px 0 0;}
#content_wrapper .workarea .headline p {/*font:200 18px/100% 'Lato', sans-serif;*/text-transform:uppercase;color:rgba(22,22,22,0.7);}
#content_wrapper .workarea .workarea_content {background:#fff;padding:25px 0px;border-radius: 0 0 7px 7px;}
#content_wrapper .workarea .workarea_content a:not(.button){color:#000;font-weight:bold;}
#content_wrapper .workarea .workarea_content .container {padding:0 20px;}
#content_wrapper .workarea .workarea_content .desc {width:200px;float:left;margin-top: 22px;}
#content_wrapper .workarea .workarea_content .desc > p {text-align:right;font:200 16px/100% 'Lato', sans-serif;color:rgba(22,22,22,0.7);padding-right:4px;}
#content_wrapper .workarea .workarea_content .setting {width:410px;float:left;}
#content_wrapper .workarea .workarea_content .setting > .notification {margin-left:8px;margin-top:18px;}

/* Formulare */

:not(.ui.form) label {margin-right:36px;float:left;/*font: 500 16px/100% 'Lato',sans-serif;*/color: #000;text-align: right;}
.field label {float:none;text-align:left;}
select {padding: 10px 15px;border-radius: 5px;margin: 9px;}
textarea, input[type=text], input[type=email],
input[type=password], select {font: 300 16px/100% 'Lato',sans-serif;max-width:100%;border: 1px solid #e2e2e4;padding: 8px 18px;border-radius: 5px;min-width: 100px;
	margin: 0px;box-sizing: border-box;color:#000;-webkit-appearance:none;-moz-appearance: none;appearance:none;display:inline-block;min-height: 38px;}
:not(.ui.form) select, .ms-parent.multiple {max-width: 245px;}
input[type="submit"] {max-width: inherit;appearance:none;-webkit-appearance:none;-moz-appearance:none;color: #4c4c4c;font: 300 16px/100% 'Lato',sans-serif;text-transform: uppercase;background: #e5e5e5;padding: 12px 40px;border-radius: 3px;margin:0;display:table;min-width:140px;border:0;cursor:pointer;}

body textarea.small {max-width:100%;width:100%;height:135px;}
body textarea.big {max-width:100%;width:100%;height:200px;}

/*
@-moz-document url-prefix() {
	textarea, input, select {padding: 8px 18px;}
}
*/

select, .ms-parent.multiple {background-image:url('../img/select.svg');background-repeat: no-repeat;background-size: contain;background-position-y: 0;background-position-x: 100%;background-position:100% 0;}
input.two {width:calc(50% - 16px);float:left;}
input.one {width:100%;}


/* clear floating */

.comment_form:after, div#project_nav .tabs:after,
div#shortcuts ul > li:after, div#project_nav ul > li:after, .col4_wrapper:after, .col3_wrapper:after, .col2_wrapper:after, .col1_wrapper:after,
#content_wrapper .workarea .workarea_content:after {clear: both;content: ".";display: block;font-size: 0;height: 0;visibility: hidden;}


/* Buttons */

.gray.button, input[type=button] {color:#4c4c4c;/*font:300 16px/100% 'Lato',sans-serif;*/text-transform:uppercase;background: #e5e5e5;padding: 6px 20px;border-radius:3px;-webkit-appearance:none;appearance:none;border:0;}
.color_button {text-transform: uppercase;color: #4c4c4c;background-color: #e5e5e5;border-radius: 5px;border-left-width: 6px;border-style:solid;min-width: 250px;text-align: center;padding: 12px;display: table;margin-left: 34px;border-top:0;border-bottom:0;border-right:0;}
.color_button:first-child {margin-left:0;}

/* Klassen */

.text-center			{text-align:center;}
.text-right				{text-align:right;}
.text-left				{text-align:left;}
.text-justify			{text-align:justify;}
.no-min-width			{min-width:0 !important;}
.line-through			{text-decoration:line-through;}
.red					{color:red;}
.blue					{color:#4183C4;}
.green:not(.ui)			{color:#21BA45 !important;}
.inline					{display:inline;}
.left:not(.icon):not(.aligned)	{float:left;}
.left.attached			{float:inherit;}
.right:not(.icon):not(.aligned)	{float:right;}
.right.attached			{float:inherit;}
.relative				{position:relative;}
.clear					{clear:both;}
.whitebg				{background: #fff;}
.radius					{border-radius: 7px;}
body .block				{display:block;}
.segment:after, .clearfix:after			{clear: both;content: ".";display: block;font-size: 0;height: 0;visibility: hidden;}
.pointer				{cursor:pointer;}

.notification_counter {
    background-color: #DB2828;
    padding: 4px 0 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 50%;
    width: 25px !important;
	height: 25px !important;
    display: block;
	position: absolute !important;
	top: -12px;
	right: -12px;
	z-index: 10;
	cursor: help;
}


/** Multiple Select **/


.ms-parent {display: inline-block;position: relative;vertical-align: middle;}
.ms-parent.multiple {max-width:100%;width: 100%;border: 1px solid #e2e2e4;border-radius: 5px;margin: 0px;box-sizing: border-box;-webkit-appearance:none;-moz-appearance: none;appearance:none;display:inline-block;min-height: 41px;}
.ms-choice {display: block;width: 100%;height: 41px;padding: 0;overflow: hidden;cursor: pointer;text-align: left;white-space: nowrap;line-height: 26px;color: #444;text-decoration: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #fff;border:0;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.ms-choice.disabled {background-color: #f4f4f4;background-image: none;border: 1px solid #ddd;cursor: default;}
.ms-choice > span {position: absolute;top: 0;left: 0;right: 41px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding: 13px 18px;font: 300 16px/100% 'Lato',sans-serif;color: #000;}
.ms-choice > span.placeholder {color: #999;}
.ms-choice > div {position: absolute;top: 0;right: 0;width: 41px;height: 41px;background-image: url('https://cdn.asdf.hoehnesoehne.de/img/select.svg');background-repeat: no-repeat;background-size: contain;background-position-y: 0;background-position-x: 100%;background-position: 100% 0;border-radius: 0 4px 4px 0;}
.ms-choice > div.open {background-image: url('../../img/select.svg');transform: rotate(180deg);-webkit-transform: rotate(180deg);border-radius: 4px 0 0 4px;}
.ms-drop {width: 100%;overflow: hidden;display: none;margin-top: -1px;padding: 0;position: absolute;z-index: 1000;background: #fff;color: #000;border: 1px solid #aaa;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.ms-drop.bottom {top: 100%;-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);-moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);box-shadow: 0 4px 5px rgba(0, 0, 0, .15);}
.ms-drop.top {bottom: 100%;-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);-moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);}
.ms-search {display: inline-block;margin: 0;min-height: 26px;padding: 4px;position: relative;white-space: nowrap;width: 100%;z-index: 10000;}
.ms-search input {width: 100%;height: auto !important;min-height: 24px;padding: 0 20px 0 5px;margin: 0;outline: 0;font-family: 'Lato' sans-serif;font-size: 1em;border: 1px solid #aaa;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: #fff url('../../img/select.svg') no-repeat 100% -22px;background: url('../../img/select.svg') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));background: url('../../img/select.svg') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);background: url('../../img/select.svg') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);background: url('../../img/select.svg') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);background: url('../../img/select.svg') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);background: url('../../img/select.svg') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);}
.ms-search, .ms-search input {-webkit-box-sizing: border-box;-khtml-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.ms-drop ul {overflow: auto;margin: 0;padding: 5px 8px;}
.ms-drop ul > li {list-style: none;display: list-item;background-image: none;position: static;padding: 5px;}
.ms-drop ul > li .disabled {opacity: .35;filter: Alpha(Opacity=35);}
.ms-drop ul > li.multiple {display: block;float: left;}
.ms-drop ul > li.group {clear: both;}
.ms-drop ul > li.multiple label {width: 100%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ms-drop ul > li label {font-weight: normal;display: block;white-space: nowrap;}
.ms-drop ul > li label.optgroup {font-weight: bold;}
.ms-drop input[type="checkbox"] {vertical-align: middle;}
.ms-drop .ms-no-results {display: none;}



/*****************************/
/********* COLORPICKER NEW ***/
/*****************************/
.colorwell {
    min-width: 0px !IMPORTANT;
    max-width: 30px !IMPORTANT;
    border: 2px solid #fff;
    text-align: center;
    cursor: pointer;
}
.colorwell-selected {
    border: 2px solid #000;
}
.colorpicker {
    width: unset !important;
}


/*****************************/
/********* COLORPICKER *******/
/*****************************/
.colorDev {
    background-color: #2e2e2e;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 2px 2px 2px #444444;
    color: #FFFFFF;
    font-size: 12px;
    position: absolute;
    z-index: 2000;
}
.ui.form input[type=text].preview {
    width:calc(100% - 38px - 0.5em);
}
.outcome {
    float:left;
    height:38px;
    width:38px;
    border-radius:5px;
    border:1px solid #e2e2e2;
    margin-right:0.5em;
}
#picker_cms {
    cursor: crosshair;
    float: left;
    margin: 0.5em;
    border: 0;
}



/*.ui.segment.modelFormContainer .ui.form .ui.search {height:100%;}*/
.ui.segment.modelFormContainer .ui.form .ui.search .results {top: 0!important;left: 100% !important;margin-top: 0;}


.modelTattoContainer .ui.cards > .card {
	width: 250px;
}

.appointment_label_desc {
	text-align:right;
	margin-top:29px !important;
}







/* Media Queries */
/*Navigation*/
/*
@media only screen and (max-width: 1880px){
	header .topline li.admin_nav, 
    #hide_menu,
    header .topline li.search {display:none;}
}
@media only screen and (max-width: 1440px){
	header .topline li.admin_nav {display:none;}
}
*/


@media screen and (max-width: 2550px) {
	/*main.task .col33, main.short .col33 {width:calc(33.333% - 20px);}*/
}

@media screen and (max-width: 2517px) {
	/*main:not(.task) .col33, main:not(.short) .col33 {width: calc(33.333% - 20px);}*/
}

@media screen and (max-width: 2380px) {
	/*main.task .col33, main.short .col33 {width:calc(50% - 20px);}*/
}



@media screen and (min-width:1915px) {
	body header nav #nav > li > a > span.nav_title {width:auto;}
	header nav > ul > li > a > span.nav_title {padding-left:7px;}
}


@media screen and (max-width:1921px) {
	/*body header.active {top:-223px;}*/
	header nav li ul.sub_nav {min-height:101px;}
	body header nav #nav > li {height:50px;}
}

@media screen and (max-width:1900px) {
	header img#extend {display:none;}
	body.extended header nav #nav > li > a > span.nav_title {font: 700 18px/100% 'Lato',sans-serif;width: 0px;}
	body.extended header nav > ul > li.active > a > span.nav_title, body.extended header nav > ul > li:hover > a > span.nav_title {width: 174px !important;}
	body.extended header .topline {padding: 7px 0 35px;}
	body.extended header nav #nav > li {padding: 12px 0 11px 13px;}
	/*main:not(.short) .col33, main:not(.task) .col33 {width: calc(50% - 20px);}*/
}


@media screen and (max-width: 1770px) {
	/*main.task .col33, main.short .col33 {width:calc(100% - 20px);}*/
}

@media screen and (max-width: 1640px) {
	.planningColLeft {
		width:60%;
		float:left;
		margin:10px;
	}
	.planningColRight {
		width: 36%;
		float:left;
		margin: 10px;
	}
	.add_milestone .ui.input:nth-child(4) {
		width: 260px !important;
		min-width: auto;
	}
	.prio_content, .progress_content {
		width: 150px;
	}
	#prio_slider {
		width: 145px !important;
		height: 145px !important;
	}
	#prio_slider .rs-container,
	#progress_slider .rs-container {
		width: 145px !important;
		height: 145px !important;
	}
}
@media screen and (max-width: 1900px) {
	#toggle_admin_nav {display:block;}
	#toggle_admin_nav:hover + ul {display:block;}
	header .topline .admin_elements ul {position: absolute;right: 215px;top: 47px;background: #2e2e2e;display:none;}
	header .topline .admin_elements ul.active, header .topline .admin_elements ul:hover {display:block;}
	header .topline .admin_elements ul li {width:100%;float:none;}
}
@media screen and (max-width: 1440px) {
	.planningColLeft {
		width:55%;
		float:left;
		margin:10px;
	}
	.planningColRight {
		width: 36%;
		float:left;
		margin: 10px;
	}
	.add_milestone .ui.input {
		width: 100px !important;
	}
}

@media screen and (max-width: 1420px){
	.board.agile #board_form {height: calc(100vh - 260px);}
	.board .table ul {height: calc(100vh - 260px);}
}
@media screen and (max-width: 1270px){
	main {padding-left:60px;}
    main.explorer_site {padding-left:40px;}
	/*main .bread ul li:last-child a {font: 700 25px/100% 'Lato',sans-serif;}
	main .bread ul li:last-child::before {font: 700 25px/100% 'Lato',sans-serif;}
	main .bread ul li a {font: 400 11px/100% 'Lato',sans-serif;}
	main .bread ul li:not(:last-child) {margin-top: 4px;}
	main .bread ul li:first-child img {top: 0px;}*/
	main .quick_nav ul li svg {width:25px;}

	div#project_nav.fixed {left: -200px;}
	div#project_nav.fixed:hover {left: 0;}
	div#project_nav.active.fixed {right:0;}
	div#shortcuts.fixed {right: -200px;}
	div#shortcuts.active.fixed {left:0;}
	div#shortcuts.fixed .toggle_btn, div#project_nav.fixed .toggle_btn {opacity:1;}
	body.wrapper_fullscreen main {padding-left: 60px !important;}

	main.task {padding-right:55px;}
	main.short {padding-left:55px;}
	/*main:not(.task) .col33, main:not(.short) .col33 {width: calc(100% - 20px);}*/
}
@media screen and (max-width: 1180px){
	#toggle_user_nav {display:block;}
	#toggle_user_nav:hover + ul {display:block;}
	header .topline .user_elements ul {position: absolute;top: 47px;left: 240px;background: #2e2e2e;display:none;}
	header .topline .user_elements ul li {width:100%;float:none;}
	header .topline .user_elements ul.active, header .topline .user_elements ul:hover {display:block;}
}

@media screen and (max-width: 1120px){
	header nav li ul.sub_nav {min-height: 151px;}
	/*#content_wrapper {margin: 340px auto 0;}*/
	/*body header.active {top: -273px;}*/
	div#shownav {margin: 150px auto 0;}

}

@media screen and (max-width: 1030px){
	.div33 {width: calc(100% - 20px);}
}

@media screen and (max-width: 700px){
	/*#content_wrapper:not(.short) .col4_wrapper,
	#content_wrapper:not(.task) .col4_wrapper	{width: 320px;}*/
	#nav, #nav .sub_nav {display:none;}
	#shortcuts, #project_nav {display:none;}
}