centurion_erp/app/project-static/ticketing.css

#badge {
    display: table;
    padding: 1px 5px 0px 2px;
    margin: 0px;
    border: 1px solid #ccc;
    border-radius: 15px;
    /* height:fit-content; */
}

#badge #text {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
}

#badge #icon {
    display: inline-block;
    width: 20px;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

#badge .icon svg{
    width: 20px;
    height: 20px;

}


#linked-tickets {
    display: table;
    padding: 0px;
    margin: 0px;
}

#linked-tickets .ticket {
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
}


#linked-tickets .ticket svg{
    display: inline;
    width: 20px;
    height: 30px;

}


#linked-tickets .icon {
    display: inline-block;
    width: 20px;
    line-height: 30px;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
}

#linked-tickets .icon svg{
    display: inline;
    width: 20px;
    height: 30px;

}

#linked-tickets .icon.icon-related svg{
    background-color: #afdbff;
    border-radius: 10px;
    fill: #0b91ff;
    height: 20px;
}

#linked-tickets .icon.icon-blocks svg{
    background-color: #fcd5b1;
    border-radius: 10px;
    fill: #e79b37;
    height: 20px;
}

#linked-tickets .icon.icon-blocked_by svg{
    background-color: #f3c6c6;
    border-radius: 10px;
    fill: #ff1c1c;
    height: 20px;
}


#linked-tickets .ticket #ticket-icon {
    display: inline-block;
    width: 20px;
    line-height: 30px;
    vertical-align: middle;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    height: 20px;
}

#linked-tickets .ticket #ticket-icon svg {
    display: inline;
    height: 22px;
    padding: 1px;
    border: none;
    border-radius: 10px;

}


#ticket-additional-data {
    padding-right: 10px;
}


#ticket-additional-data div {
    margin-top: 10px;
    padding: 0px;
}


#ticket-content {
  display: flex;
  height: auto;
  margin: 20px;
  padding: 0px;
  width: auto;
  font-size: 12pt;
}


#ticket-content div {
  display: inline-block;
}


#ticket-data {
  margin: 0px;
  padding: 0px;
  width: 100%;
}


#ticket-data div {
    display: block;
}


#ticket-description {
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0px 10px 0px 0px;
    padding: 0px;
}


#ticket-description h3 {
    font-size: inherit;
    font-weight: normal;
    height: 30px;
    line-height: 30px;
    margin: 0px;
    padding: 0px 10px 0px 10px;
    text-align: left;
}


#ticket-description h3 span.sub-script {
    color: #777;
    font-size:smaller;
}


#ticket-description div {
    padding: 10px;
}

#data-block {
    border: 1px solid #ccc;
    padding: 0px;
}


#data-block h3 button {
    float: right;
    height: 20px;
    margin-bottom: auto;
    margin-top: auto;


}


#data-block div {
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}


#data-block.linked-item div#item {
    display: inline-block;
    text-align: center;
    width: 33%;
}

#data-block.linked-item div#item p{
    margin: 0px;
    padding: 0px;
}


#ticket-comments {
    padding: 10px;
}


#ticket-comments ul {
    padding: 0px;
    padding-left: 30px;
    margin: 0px;
}


#ticket-comments li:not(#Action)  {
    line-height: 30px;
    margin: 0px;
    margin-bottom: 30px;
    padding-left: 10px;
}

#ticket-comments li#Action  {
    line-height: 30px;
    margin: 0px;
    margin-bottom: -10px;
    margin-top: -20px;
    padding-left: 10px;
}


#data-block h3 {
    background-color: #177ee6;
    color: #fff;
    display: flex;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    margin: 0px;
    padding-left: 5px;
}


#data-block h3 #text {
    height: inherit;
    line-height: inherit;
    padding: 0px;
    width: 100%;

}


#data-block h3 #icons {
    height: inherit;
    line-height: inherit;
    margin-right: 0px;
    margin-left: auto;
    text-align: right;
    width: 200px;
}

#data-block h3 #icons svg {
    height: 30px;
    margin: 0px;
    margin-right: 5px;
    width: 20px;
    fill: #fff;
}


#rendered-ticket-link {
    display: flexbox;
    line-height: 30px;
}

#rendered-ticket-link #text{
    display: inline-block;
    height: 20px;
    line-height: inherit;
    font-size: inherit;
}

#icon.ticket-status {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 30px;
    margin: 0px;
    vertical-align: middle;
}

#rendered-ticket-link #icon.ticket-status svg {
    width: 20px;
    height: 20px;
    margin: 0px;
    line-height: inherit;
}

#icon.ticket-status-assigned svg {
    background-color: #e1ffb2;
    border: none;
    border-radius: 10px;
    fill: #2e9200;
}

#icon.ticket-status-assigned_planning svg {
    background-color: #e1ffb2;
    border: none;
    border-radius: 10px;
    fill: #2e9200;
}

#icon.ticket-status-approvals svg {
    background-color: #ffceb2;
    border: none;
    border-radius: 10px;
    fill: #d86100;
}

#icon.ticket-status-accepted svg {
    background-color: #e1ffb2;
    border: none;
    border-radius: 10px;
    fill: #2e9200;
}

#icon.ticket-status-evaluation svg {
    background-color: #b2d6ff;
    border: none;
    border-radius: 10px;
    fill: #007592;
}

#icon.ticket-status-testing svg {
    background-color: #b2d3ff;
    border: none;
    border-radius: 10px;
    fill: #8c00ff;
}

#icon.ticket-status-draft svg {
    background-color: #cacaca;
    border: none;
    border-radius: 10px;
    fill: #4d4d4d;
}

#icon.ticket-status-new svg {
    background-color: #b2dcff;
    border: none;
    border-radius: 10px;
    fill: #004492;
}

#icon.ticket-status-pending svg {
    background-color: #ffceb2;
    border: none;
    border-radius: 10px;
    fill: #d86100;
}

#icon.ticket-status-solved svg {
    background-color: #c9b2ff;
    border: none;
    border-radius: 10px;
    fill: #640092;
}

#icon.ticket-status-closed svg {
    background-color: #c9b2ff;
    border: none;
    border-radius: 10px;
    fill: #640092;
}

#icon.ticket-status-invalid svg {
    background-color: #ffb2b6;
    border: none;
    border-radius: 10px;
    fill: #920000;
}


#ticket-comments #comment {
    border: 1px solid #177ee6;
}

#ticket-comments #comment h4 {
    background-color: #177ee6;
    border: none;
    color: #fff;
    display: flex;
    font-size: inherit;
    height: 30px;
    line-height: 30px;
    margin: 0px;
    padding-left: 5px;
}


#comment h4 #text {
    height: inherit;
    line-height: inherit;
    padding: 0px;
    text-align: left;
    width: 100%;
}

#comment h4 #text span.sub-script{
    font-size: smaller;
}


#comment h4 #icons {
    border: none;
    display: inline-block;
    height: inherit;
    line-height: inherit;
    margin-right: 0px;
    margin-left: auto;
    text-align: right;
    width: 200px;
}


#ticket-comments #comment h4 #icons svg {
    fill: #fff;
    height: 30px;
    margin: 0px;
    margin-right: 5px;
    width: 20px;
}


#discussion {
    margin: 0px;
}


#discussion h4 {
    border-left: 1px solid #177fe66e;
    border-right: 1px solid #177fe66e;
    display: block;
    margin: 0px;
    margin-right: 0px;
    margin-left: auto;
    height: 30px;
    line-height: inherit;
    text-align: right;
    padding: 0px;
}


#discussion svg {
    width: 20px;
    height: 30px;
    margin: 0px;
    margin-right: 5px;
    margin-left: 5px;
}


#ticket-meta {
  background-color: #fff;
  width: 400px;
  border: 1px solid #ccc;
  margin-right: 0px;
  margin-left: auto;
  padding: 0px;
}


#ticket-meta h3 {
    line-height: 30px;
    height: 30px;
    margin: 0px;
    text-align: center;
}


#ticket-meta fieldset {
    display: block;
    margin: 10px;
    border: none;
}


#ticket-meta fieldset label {
    width: 100%;
    display: block;
    line-height: 30px;
    font-weight: bold;
}


#ticket-meta fieldset span.text {
   /*width: 100%;*/
    display: block;
    line-height: 30px;
    border: none;
    border-bottom: 1px solid #ccc;
}


.incident-ticket {
    background-color: #f7baba;
}


.request-ticket {
    background-color: #f7e9ba;
}


.change-ticket {
    background-color: #badff7;
}


.problem-ticket {
    background-color: #f7d0ba;
}


.issue-ticket {
    background-color: #baf7db;
}


.project_task-ticket {
    background-color: #c5baf7;
}


.comment-type-default {
    background-color: #fff;
}


.comment-type-Notification {
    background-color: #96c7ff;
}


.comment-type-Solution {
    background-color: #b7ff96;
}


.comment-type-Task {
    background-color: #f8ff96;
}


#comment fieldset {
    border: none;
    display: inline-block;
    line-height: 14pt;
    width: 200px;
    font-size: 10pt;
}


#comment fieldset label {
    display: block;
    font-weight: bold;
    line-height: inherit;
}


#comment fieldset span {
    display: block;
    line-height: inherit;
    
}


#comment hr {
    border: none;
    border-bottom: 1px solid #ccc;
    margin: 0px 5px 0px 5px;
}

#markdown {
    font-size: 12pt;
}

#markdown p {
    font-size: inherit;
}

div#markdown {
    justify-content: center;
    display: block;
    text-align: left;
    padding: 10px;
}
#markdown .codehilite {
    display: block;
    width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap;
}

#markdown h1 {
    background-color: inherit;
    color: inherit;
    font-size: 24px;
    line-height: 24px;
    padding: 24px 0px 48px 0px;
    margin: 0px;
    text-align: left;

}


#markdown h2 {
    background-color: inherit;
    color: inherit;
    font-size: 20px;
    line-height: 20px;
    padding: 20px 0px 40px 0px;
    margin: 0px;
    text-align: left;

}


#markdown h3 {
    background-color: inherit;
    color: inherit;
    font-size: 18px;
    line-height: 18px;
    padding: 18px 0px 36px 0px;
    margin: 0px;
    text-align: left;

}


#markdown h4 {
    background-color: inherit;
    color: #000;
    font-size: 16px;
    line-height: 16px;
    padding: 16px 0px 32px 0px;
    margin: 0px;
    text-align: left;

}


#markdown h5 {
    background-color: inherit;
    color: #000;
    font-size: 14px;
    line-height: 14px;
    padding: 14px 0px 28px 0px;;
    margin: 0px;
    text-align: left;

}


#markdown li {
    background-color: inherit;
    font-size: inherit;
    line-height: 25px;
    padding: 5px;
    margin: 0px;
    text-align: left;

}



#markdown p:not(div.admonition p){
    background-color: inherit;
    font-size: inherit;
    line-height: 25px;
    padding: 0px;
    margin: 0px;
    text-align: left;

}

#markdown div.admonition {
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    font-size: inherit;
    margin: 10px;
    padding: 0px;
}

#markdown div.admonition p.admonition-title {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: inherit;
    margin: 0px;
    padding: 2px 10px 2px 10px;
    width: 100%;
}

#markdown div.admonition p:not(p.admonition-title) {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: inherit;
    padding: 10px;
    margin: 0px;
    width: 100%;
}

#markdown div.admonition.info {
    background-color: #b6f5dd;
    border-color:#27ffbe;
}

#markdown div.admonition.info p.admonition-title {
    background-color: #1ef59170;
}

#markdown div.admonition.note {
    background-color: #b6d3f5;
    border-color:#278cff;
}

#markdown div.admonition.note p.admonition-title {
    background-color: #1e82f570;
    color: #fff;
}

#markdown div.admonition.tip {
    background-color: #bbf5b6;
    border-color:#39ff27;
}

#markdown div.admonition.tip p.admonition-title {
    background-color: #37f51e70;
    color: #fff;
}

#markdown div.admonition.warning {
    background-color: #f5d8b6;
    border-color:#ffa127;
}

#markdown div.admonition.warning p.admonition-title {
    background-color: #f5911e70;
    color: #fff;
}

#markdown div.admonition.danger {
    background-color: #f5b6b6;
    border-color:#ff2727;
}

#markdown div.admonition.danger p.admonition-title {
    background-color: #f51e1e70;
    color: #fff;
}

#markdown div.admonition.quote {
    background-color: #d3d3d3;
    border-color:#868686;
}

#markdown div.admonition.quote p.admonition-title {
    background-color: #81818170;
    color: #fff;
}
#markdown div.admonition.quote p:not(p.admonition-title) {
    font-style: italic;
}