/* .pelayanan-card {
    border-color: #ffffff;
} */

.pelayanan-card {
 /* background-color: aliceblue; */
 box-shadow: 0 4px 6px #f3f3f3;
 transition: background-color 0.5s ease;
 border-radius: 5px;
 display: block;
 text-decoration: none !important;
}

.pelayanan-card:hover {
    cursor: pointer;
    background-color: #f3f3f3;
}

.text-pelayanan-title {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 500;
    display: block;
    /* text-transform: uppercase; */
} 

.text-pelayanan-link {
    font-family: 'Poppins', sans-serif;
    font-size: 14px !Important;
    border-radius: 10px;
    /* display: inline-block; */
    /* background-color: #f3f3f3;
    color: #000000; */
}

.text-pelayanan-link:hover {
    text-decoration: none;
}

.image-pelayanan {
    /* height: 135px; */
    background-color: #f3f3f3;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

.badge-status {
    background-color: rgb(172, 4, 4);
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    /* box-shadow: 0 4px 6px rgba(172, 4, 4, 0.546); */
}

.image-pelayanan-item {
    width: 60px;
    height: 60px;
}


/* Pagination Style */
.pagination .page-item {
    /* border: 1px s; */
}

.pagination .page-item .page-number {
    /* background-color: red; */
    border-radius: 5px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-left: 5px; */
    margin-right: 5px;
}

.pagination .page-item .page-number a {
    text-decoration: none;
    font-weight: 500;
    display: block;
    text-align: center;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.pagination .page-item.disabled .page-link {
    border-radius: 5px;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-left: 5px; */
    margin-right: 5px;
    background-color: rgb(172, 4, 4);
    color: #ffffff;
    border: none;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.pagination .page-link.page-nav {
    border-radius: 5px;
    margin-right: 5px;
}

.pagination .page-link.page-nav a {
    text-decoration: none;
    color: #000000;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.form-main-title {
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500 !important;
}

.form-main-subtitle {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400 !important;
    color: #2E263DB2;
}

.form-label {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400 !important;
    color: #2E263DE5;
}

.form-title {
    font-size: 20px;
    /* font-weight: 600; */
    font-family: 'Poppins', sans-serif;
}

.form-subtitle {
    font-size: 14px;
    font-weight: 600 !important;
    font-family: 'Poppins', sans-serif;
}

.form-line {
    border-top: 1px dashed #7e8299;
}

.pelayanan-alert-card {
    background-color: rgba(172, 4, 4, 0.31);
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600 !important;
    border-radius: 8px;
    color: rgba(172, 4, 4);
}

.form-control {
    font-size: 14px;
}

.form-control::placeholder {
    color: #2d2e34;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300 !important;
}

.form-control.custom-input {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400 !important;
    color: #2E263DE5;
}

.button-simpan {
    background-color: rgba(172, 4, 4);
    border: none;
    color: #ffffff;
    border-radius: 7px;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    transition: opacity 0.3s ease;
}

.button-simpan:hover {
    cursor: pointer;
    opacity: 0.9;
}

.button-back {
    background-color: transparent;
    border: 1px solid #8A8D93;
    color: #8A8D93;
    border-radius: 7px;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    transition: background-color 0.3s ease;
}

.button-back:hover {
    cursor: pointer;
    background-color: #8A8D93;
    color: #2d2e34;
}

.form-link {
    text-decoration: none;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600 !important;
    color: rgba(172, 4, 4);
    transition: color 0.3s ease;
}

.form-link:hover {
    text-decoration: none;
    color: rgb(245, 80, 80);
}