/* Circle Theme als Grundlage*/
@import url(../../circle/stylesheets/application.css);
@import url(fonts.css);

@import url(fontawesome.min.css);
@import url(sharp-solid.min.css);
@import url(solid.min.css);
@import url(duotone.min.css);


/* Globale Elemente */
body, h1, h2, h3, h4, h5, h6 {
  font-family: "roboto", "helvetica neue", "helvetica", "arial", "sans-serif";
}

content h1, h2, h3, h4, h5, h6 {
  color: #000;
}

.note > .wiki {
  background-color: #f2f2f2;
}
.description > .wiki {
  padding: 7px 0px 7px 10px;
  background-color: #eaeaea;
}

.custom-fields-groups {
  margin-top: 10px;
  background-color: #eaeaea;
}
fieldset.collapsible.custom-fields-groups {
	border-width: 1px;
}

.contact-vote .value .icon {
	padding-left: 0px;
}

.wiki p {
  margin-top: 5px;
  margin-bottom: 8px;
  line-height: 1.35;
}


.wiki h1, .wiki h2, .wiki h3, .wiki h4, .wiki h5, .wiki h6 {
  margin: 8px inherit 2px inherit;
  background-color: transparent !important;
  color: #454545 !important;
  border: none;
}

.wiki h1 { font-size: 1.20rem; font-weight: 700; }
.wiki h2 { font-size: 1.15rem; font-weight: 600; }
.wiki h3 { font-size: 1.10rem; font-weight: 500; }
.wiki h4 { font-size: 1.05rem; font-weight: 500; }
.wiki h5 { font-size: 1.00rem; font-weight: 400; }
.wiki h6 { font-size: 1.00rem; font-weight: 400; }

div.wiki pre {
  margin: 8px 8px 8px 2px;
  padding: 2px;
}

div.wiki ul, div.wiki ol {
  padding-left: 20px;
  margin-top: 4px;
}

div.wiki li {
  list-style-type: square;
}

div.wiki li > ul > li {
  list-style-type: disc;
}

/* Inline Code  */
div.wiki *:not(pre)>code, div.wiki>code {
  background: rgba(91, 91, 91, 0.08);
  padding: 0.1em 0.2em;
  border-radius: 6px;
  border: 0px solid black;
  display: inline;
  font-family: "Fira Code", "Consolas", "Menlo", "Liberation Mono", "Courier", "monospace";
}

/* table.list tbody td, table.list tbody tr:hover td {
	border: solid 1px #e5ea9c;
} */

code {
  color: #000;
  background-color: #e3e3e3;
  display: block;
  padding: 4px 4px 4px 8px;
  line-height: 1.4;
  border-left: 2px dashed #b3b3b3;
}

fieldset.collapsible.custom-fields-groups {
	border: 1px solid #e3e3e3;
	margin-top: 4px;
	margin-bottom: 8px; 
}

div#footer{
  display: none;
}

/* Schmalere Sidebar... */
div#main{
  padding: 0 0 0 15px; 
}
div#sidebar {
  width: 18%;
  line-height: 1.45;
}
div#content { 
  width: 80%;
  padding-right: 20px;
}
div#sidebar li,
div#sidebar h3{
  padding: 0 0 0 5px;
}

div.details {
  padding: 15px 10px 10px 15px !important;
  box-shadow: 8px 8px 8px -8px rgba(0,0,0,0.69);
}

#history .tab-content {
  box-shadow: 8px 8px 8px -8px rgba(0,0,0,0.69);
  background-color: #f9f9f9;
  padding: 8px;
}

#content .tabs {
  margin-bottom: 0px;
}

/* Header .... */
#header {
  background: no-repeat 7px 8px/200px url(../images/logo.svg);
  padding-left: 0px;
}


#header > h1 {
  color: #000; 
  background: none;
  padding: 25px 10px 25px 235px;
  font-family: "roboto", "helvetica neue", "helvetica", "arial", "sans-serif";
}

#header a {
  color: black;
}

#header > h1 {
  text-transform: none;
  min-height: 36px;
  font-size: 20px;
}

#header > h1 > span.breadcrumbs,
#header > h1 > span.breadcrumbs a {
  color: black;
  text-transform: none;
  font-size: 12px;
}

#header > h1 > span.current-project,
#header > h1 > span.current-project a {
  color: black;
  text-transform: none;
  font-size: 20px;
}

#top-menu > ul > li > a.home,
#top-menu > ul > li > a.help {
  display: none;
}

#top-menu {
 min-height: 1.8em;
 height: inherit;
}

#top-menu ul {
  overflow: hidden;
}

#top-menu ul li {
  padding: 0px 0px 3px 0px;
}

#main-menu { 
  background-color: #2b3136;
  font-size: 15px;
}

#main-menu > ul > li {
  padding: 7px 0px;
}

#project-jump.drdn,
#project-jump .drdn-content {
  width: 582px !important; 
}

/* ... Ende Header */

/* Login Form */

#login-form {
  background-color: #f4f4f4;
  border: 1px solid #ccc;
}

/* ... Ende Login Form */


/* Responsive */

@media all and (max-width: 899px)
{
  #header {
    background-image: none;
  }
}

/* Anpassungen Hintergrundfarben */
div.issue, div.person, div.contact, div.deal{
  border: 1px solid #d7d7d7;
}

div.issue {
  background-color: #f1f1f1;
}

div.issue img.gravatar {
  display: none;
}


/* "Hoch" */
tr.odd.priority-low3, table.list tbody tr.odd.priority-low3:hover { color: #900; }
tr.odd.priority-low3 { background: #FFE2E2; }
tr.even.priority-low3, table.list tbody tr.even.priority-low3:hover { color: #900; }
tr.even.priority-low3 { background: #FFE2E2; }
tr.priority-low3 a { color: #900; }
tr.odd.priority-low3 td, tr.even.priority-low2 td { border-color: #FDC9C9; }

/* "Dringend" */
tr.odd.priority-low2, table.list tbody tr.odd.priority-low2:hover { color: #900; }
tr.odd.priority-low2 { background: #FFE2E2; }
tr.even.priority-low2, table.list tbody tr.even.priority-low2:hover { color: #900; }
tr.even.priority-low2 { background: #FFE2E2; }
tr.priority-low2 a { color: #900; }
tr.odd.priority-low2 td, tr.even.priority-low2 td { border-color: #FDC9C9; }

/* "Sofort" */
tr.odd.priority-lowest, table.list tbody tr.odd.priority-lowest:hover { color: #900; }
tr.odd.priority-lowest { background: #FFE2E2; }
tr.even.priority-lowest, table.list tbody tr.even.priority-lowest:hover { color: #900; }
tr.even.priority-lowest { background: #FFE2E2; }
tr.priority-lowest a { color: #900; }
tr.odd.priority-lowest td, tr.even.priority-lowest td { border-color: #FDC9C9; }

tr.overdue{ border-color: #FDC9C9; background: #f9fdbe; color: #900; }

/* Helpdesk */

.note {
	border-bottom: 1px solid #e8e4e4;
	margin: 10px 0 15px 0;
}

textarea#issue_description,
textarea#issue_notes {
  font-size: 1.2em;
  padding: 5px;
  margin-bottom: 10px;
}

div.email-template {
  background-color: #FFFEE5 !important;
}

fieldset.notes_with-send {
  background-color: inherit !important;
}

.helpdesk-send-response .helpdeks-ticket-line {
  display: none !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  color: #000 !important;
}


div.ui-tooltip-content { 
  color: #000 !important;
}

/* --------------------- */
/* Sidebar toggle button */
/* --------------------- */

#main-menu div.sidebar-toggle {
	position: absolute;
	right: 0;
  top: 10px;
	width: 30px;
	height: 81%;
	bottom: 0px;
	border: 0px;
	padding-right: 15px;
}