:root{
    --pertama-color: #FF6600;
    --kedua-color: #99461D;
    --ketiga-color: #561D00;
    --light-pertama-color: #FE9565;
}

.container header h1 {
    color: var(--ketiga-color) !important;
}

.container header h1 span {
    color: var(--pertama-color) !important;
}

#login {
    border: 1px solid var(--pertama-color) !important;
}

#wrapper h1:after {
    background: -webkit-gradient(linear, left top, right top,  
    color-stop(0%, rgba(255, 102, 0, 0)),  
    color-stop(20%, rgba(255, 102, 0, 0.8)),  
    color-stop(53%, rgba(255, 102, 0, 1)),  
    color-stop(79%, rgba(255, 102, 0, 0.8)),  
    color-stop(100%, rgba(255, 102, 0, 0))) !important;
    background: linear-gradient(to right,  
        rgba(255, 102, 0, 0) 0%,  
        rgba(255, 102, 0, 0.8) 20%,  
        rgba(255, 102, 0, 1) 53%,  
        rgba(255, 102, 0, 0.8) 79%,  
        rgba(255, 102, 0, 0) 100%) !important;
}

[data-icon]:after {
    color: var(--kedua-color) !important;
}

.combobox-item-hover {
    background-color: var(--light-pertama-color) !important;
}

.combobox-item-selected {
    background-color: var(--pertama-color) !important;
}

.login.button input {
    background: var(--pertama-color) !important;
    border: 1px solid var(--kedua-color) !important;
}

.login.button:hover input {
    background: var(--ketiga-color) !important;
}