#Automation_main {
    background-color : var(--background-color-primary);
}

#Automation_menu {
    border-bottom : 1px solid var(--border-color-brand);
}

#Automation_cont {
    margin-top : 0.5rem;
    display : flex;
    flex-direction: column;
}

.responsTimeLineDiv{
    background-color : var(--background-color-danger);
    color : var(--text-color-on-brand-bg)
}

.responsTimeLineDiv.responsChanged {
    background-color : var(--background-color-brand-soft);
    color : var(--text-color-invert);
}

#configWindow #configWindow_contAutomation button.configDefaultWidthShort {
    width: 80px;
    height: auto;
    transition: background-color 0.3s ease;
}

#configWindow #configWindow_contAutomation button.configDefaultWidthShort.configDefaultButtonOff  {
    background-color: var(--background-color-tertiary);
    border-color: var(--background-color-tertiary);
    color: var(--text-color-invert);
}

#configWindow #configWindow_contAutomation button.configDefaultWidthShort.configDefaultButtonOff:hover {
    background-color: var(--grey-40);
}

#configWindow #configWindow_contAutomation button.configDefaultWidthShort.configDefaultButtonOn {
    background-color: var(--background-color-success);
    border-color: var(--background-color-success);
    color: var(--text-color-primary);
}

#configWindow #configWindow_contAutomation button.configDefaultWidthShort.configDefaultButtonOn:hover {
    background-color: var(--background-color-success-sec);
    border-color: var(--background-color-success-sec);
}

#configWindow #configWindow_contAutomation button.configDefaultWidthShort.configDefaultButtonAuto {
    background-color: var(--background-color-brand);
    color: var(--text-color-on-brand-bg);
}

#configWindow #configWindow_contAutomation button.configDefaultWidthShort.configDefaultButtonAuto {
    background-color: var(--background-color-brand-sec);
}

.custom-inputfield-color{
    background-color: var(--background-color-brand);
    border: 1px solid var(--background-color-brand);
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.custom-inputfield-color:hover{
    background-color: var(--background-color-brand-sec);
    border-color: var(--background-color-brand-sec);
}

.bottom-modale-confirmation {
    display: flex;
    align-items: center;
    position : fixed;
    bottom : 0.5rem;
    width:99%;
    height : 38px;
    background-color : var(--background-color-secondary-bis);
    border-radius : var(--border-radius);
}

.configDefaultFlexAlignAtRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    margin-right: 0.5rem;
}

#configWindow #configWindow_contAutomation button.cancel-button {
    height: 25px;
    width : 160px;
    background-color : var(--background-color-secondary-bis);
    color : var(--text-color-on-brand-bg);
    font-weight: bold;
    border: 1px solid var(--background-color-tertiary);
    transition: border-color 0.3s ease;
}

#configWindow #configWindow_contAutomation button.cancel-button:hover{
    border-color: var(--border-color-brand);
}

#configWindow #configWindow_contAutomation button.save-button {
    height: 25px;
    width : 160px;
    background-color : var(--background-color-brand);
    color : var(--text-color-on-brand-bg);
    border: 1px solid var(--background-color-brand);
    transition: background-color 0.3s ease, border-color 0.3s ease;
}
#configWindow #configWindow_contAutomation button.save-button:hover {
    background-color: var(--background-color-brand-sec);
    border-color: var(--background-color-brand-sec);
}