.judul-art{
    width: 100%;
    text-align: center;
}
.artformgroup{
    width: 100%;
}
.artformgroup label{
    width: 100%;
    margin-left: 5px;
}
.artformgroup input{
    width: 100%;
    padding: 8px;
    border-radius: 7px;
    border: 1px solid black;
    margin-bottom: 15px;
}
.artformgroup select{
    width: 100%;
    padding: 8px;
    border-radius: 7px;
    border: 1px solid black;
    margin-bottom: 15px;
}
.artformgroup button{
    width: 100%;
    padding: 8px;
    border-radius: 7px;
    border:none;
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: var(--btn-primary);
    color: var(--text-color);
    font-weight: bolder;
}
.artformgroup button:hover{
    background-color: var(--btn-primary-hover);
}
.artformgroup textarea{
    width: 100%;
    border-radius: 0px;
    border: 1px solid black;
    margin-bottom: 15px;
}
.row-flex {
    display: flex;
    gap: 15px;
}
.row-flex .half {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.maxContainer-art{
    max-width: 1200px;
    display:block;
    background-color: var(--container-putih);
    margin: 0 auto;
    padding: 15px;
}
select {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
}
input[type="datetime-local"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
}
input[type="datetime-local"]:invalid::before {
  color: #000;
  content:"Pilih Tanggal";
}
#ckeditor{
    height: 1000px;
}
#selectid{
    width: 100%;
    max-width: 100%;
    padding: 10px;
    overflow-x: auto;
    overflow-y: auto;
    white-space: nowrap;
}
#selectid option{
    white-space: nowrap;
}
.red-text{
    color: #ff0000;
    margin-top: -10px;
    margin-bottom: 10px;
}