/* --- Custom Layout --- */

#imixs-header {
    background-color: #599191;
}

#imixs-branding {
  background-color: #599191;
  background-image: url("./logo-01.png");
  background-repeat: no-repeat;
  background-position: 10px 15px;
  background-size: 140px;
  min-height: 120px;
  color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 1px solid #599191;
    background: #599191;
    
}

.imixsfileupload input[type="file"] + label {
  background-color: #599191;
}
.imixsfileupload input[type="file"] + label:hover {
  background-color: #62a2a2;
}

.ui-button:hover {
    background: #62a2a2;
    
}

.imixs-workitem-chronicle-tabs ul li.active a {
  color: #599191;
}

.imixsdatatable th {
    background: #599191;
    color: #fff;
    border-left: 4px solid #599191;
    border-bottom: 1px solid #599191;
}


.imixs-llm, .imixs-llm:focus, .imixs-date.imixs-llm,  .imixs-date.imixs-llm:focus {
  border: none !important;
  border-bottom: 2px solid #faa732 !important;
  box-shadow: none !important;
  text-align: left !important;
  border-radius: 0;
  background-color: transparent !important;
} 




/* Neues Abstract markup */
.tooltip-container {
    position: relative;
    display: inline-block;
}

.tooltip-trigger {
    cursor: pointer;
    color: #007bff;
}

.tooltip-content {
    display: none;
    position: fixed;
    font-size: 0.85rem;
    line-height: 1.75;
    left: 0;
    top: 100%;
    z-index: 1200;
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
  
    min-width: 420px;
    max-width: 650px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);


    background-color: #ffffff;
  
    padding: 10px;
    transition: opacity 0.5s ease-in-out, visibility 0.3s ease-in-out;

}

.tooltip-container:hover .tooltip-content {
    display: block;
}





.imixs-workflowabstract-toggle-icon {
    margin-left: auto;
    align-self: flex-end;
    cursor: pointer;
    padding: 10px;
    font-size: 1.25rem;
    color: #599191;
}

.imixs-workflowabstract-content {
    flex-basis: 100%;   
    padding: 0 15px;
    border: 1px solid #599191;
   margin: 0 15px;
}