/* Form style */
input[type=text], select, textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

input[type=password], select, textarea {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
}

label, span {
    padding: 8px 8px 8px 0;
    display: inline-block;
    text-align: left;
}


.kotak {
    border-radius: 5px;
    padding: 20px;
    text-align: left;
}

.col-25 {
    float: left;
    width: 25%;
    margin-top: 6px;
    text-align: left;
}

.col-35 {
    float: left;
    width: 35%;
    margin-top: 6px;
    text-align: left;
}

.col-75 {
    float: left;
    width: 65%;
    margin-top: 6px;
    text-align: left;
}

.col-100 {
    float: left;
    width: 100%;
    margin-top: 6px;
    text-align: left;
}

.mr-1{
    margin-right: 1rem;
}

.mb-1{
    margin-bottom: 1rem;
}

/* Clear floats after the columns */
.baris:after {
    content: "";
    display: table;
    clear: both;
}

.datatable-selector{
    width: auto;
}

.acenter{
     text-align: center;
}
.aright{
     text-align: right;
}

#simpledatatables th {
    text-align: center;
}

.ovx-scroll {
    overflow-x: scroll;
}

@media screen and (max-width: 480px)
{
    .filter-wilayah .col-25 {
        width: 100%;
        float: none;
        text-align: center
    }
}