.bg-gradient-gdsk{
    background-image: linear-gradient(195deg, #587467 0%, #056839 100%);
}
.bg-gdsk-green{
    background-color: #056839;
}
.bg-gdsk-orange{
    background-color: #FF8040;
}
.text-gdsk{
    color:#056839;
}
.form-select{
    background-color: white !important;
    padding: 0.5rem 1rem 0.5rem 0.5rem;
}
.form-select:focus{
    border-width: 1px;
    border-style: solid;
    border-color: rgb(210, 214, 218);
}
.form-control{
    background-color: white !important;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(210, 214, 218);
    padding: 0.5rem 1rem 0.5rem 0.5rem;
}
.text-gdsk-orange{
    color: #FF8040;
}

.btn-link{
    color: #FF8040 !important;
}
.input-group.input-group-outline.is-focused .form-label+.form-control, .input-group.input-group-outline.is-filled .form-label+.form-control {
    border-color: #FF8040 !important;
    border-top-color: #FF8040 !important;
    box-shadow: inset 1px 0 #FF8040, inset -1px 0 #FF8040, inset 0 -1px #FF8040;
}

.input-group.input-group-outline.is-focused .form-label,
.input-group.input-group-outline.is-filled .form-label{
    color:#FF8040 !important;
}
.input-group.input-group-outline.is-focused .form-label:before,
.input-group.input-group-outline.is-focused .form-label:after,
.input-group.input-group-outline.is-filled .form-label:before,
.input-group.input-group-outline.is-filled .form-label:after{
    border-top-color:#FF8040 !important;
}
.form-check:not(.form-switch) .form-check-input[type="checkbox"]:checked, .form-check:not(.form-switch) .form-check-input[type="radio"]:checked {
    border-color: #FF8040 !important;
}
.page-header {
    /* Properti yang memastikan gambar menutupi seluruh area tanpa distorsi */
    background-size: cover; 
    background-position: center center;
    
    /* Penting untuk Material Dashboard: */
    position: relative; 
    min-height: 100vh;
}
.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: linear-gradient(195deg, #FF8040 0%, #FF8040 100%) !important;
}
.form-check:not(.form-switch) .form-check-input[type=radio]:after {
    transition: opacity 0.25s ease-in-out;
    content: "";
    position: absolute;
    width: 0.8375rem;
    height: 0.8375rem;
    border-radius: 50%;
    background-image: linear-gradient(195deg, #FF8040 0%, #FF8040 100%), var(--bs-gradient);
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.btn-gdsk{
    --bs-btn-color: #FFFF;
    --bs-btn-bg: #FF8040;
    --bs-btn-border-color: #FF8040;
    --bs-btn-hover-color: #FFFF;
    --bs-btn-hover-bg: rgb(204, 147, 42);
    --bs-btn-hover-border-color: rgb(204, 147, 42);
    --bs-btn-focus-shadow-rgb: rgb(204, 147, 42);
    --bs-btn-active-color: #FFFF;
    --bs-btn-active-bg: rgb(204, 147, 42);
    --bs-btn-active-border-color: rgb(204, 147, 42);
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: #FFFF;
    --bs-btn-disabled-bg: #FF8040;
    --bs-btn-disabled-border-color: #FF8040;
}