body {
    margin: 0;     
    overflow-x: hidden;
}

.header-img {
    width: 100%;        
    object-fit: cover;
    margin-bottom: 0.5%;
}

.footer {
    width: 100%;      
    background-color: #343a40;
    color: #ffffff;
    text-align: center;
    padding: 1px;
    margin: 0;              
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.container {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.judul {
    background-color: rgb(255, 238, 5);
    border-radius: 5px;                
    margin-left: auto;
    margin-right: auto;  
    padding: 5px;  
    text-align: center; 
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); /* Menambahkan bayangan untuk efek 3D */        
}

h2 {
    margin-top: 1%;
    margin-bottom: 0.5%;
}

.heading {
    border: 1px solid;
    border-radius: 10px;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 0.5%;
}

.cancel {
    border: 1px solid;
    border-radius: 10px;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 0.5%;
}

.jenisWarning {
    border: 1px solid;
    border-radius: 10px;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 0.5%;
}

.isi {
    border: 1px solid;
    border-radius: 10px;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 0.5%;
}

#datepicker {
    width: 2.5%;
    text-align: center;
    background-color: azure;
}

#namaTC {
    width: 10%;
    text-align: center;
}

#namaWIND,
#namaWIND100 {
    width: 3%;
    text-align: center;
}

#namaWINDArah, #namaWINDArah100 {
    width: 10%;
    text-align: center;
}

::placeholder {
    font-style: italic;
}

.waktuFCST,
.waktuAT,
.textCNL {
    display: inline-block;
}

.repAT {
    display: inline-block;
    text-align: center;
}

.repAT input::placeholder {
    text-align: center;
}