#template-customizer {
    display: none !important;
}
.input-required:after {
	content: " *" !important;
	color: #F06548 !important;
}
table tbody td {
    word-wrap: break-word !important;
    white-space: normal !important;
    vertical-align: middle !important;
}
table thead th {
    vertical-align: middle !important;
}
@media (min-width: 768px) {
    .no-padding-left {
        padding-left: 0 !important;
    }
}
.font-size-16 {
    font-size: 16px !important;
}
.d-flex-center {
    display: flex !important;
    align-items: center !important;
}
.disabled-href {
    cursor: not-allowed !important;
    pointer-events: none !important;
    text-decoration: none !important;
}
.btn-group label.is-invalid {
    border-color: #f06548 !important;
}
.select2-selection.is-invalid {
    border-color: #f06548 !important;
}
.form-control[readonly]:not(.flatpickr-input) {
    background-color: #eff2f7 !important;
    opacity: 1 !important;
    cursor: default !important;
    pointer-events: none !important;
}
.flatpickr-input[disabled] {
    background-color: #eff2f7 !important;
    opacity: 1 !important;
    cursor: default !important;
    pointer-events: none !important;
}
.to-white-logo {
    filter: brightness(0) invert(1) !important;
}
.custom-hr {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border-bottom: 1px solid #9ba3a7 !important;
    color: #e9ebec !important;
}
.avatar-custom-size-circle {
    height: 10.5rem !important;
    width: 10.5rem !important;
}
.avatar-custom-size-box {
    height: auto !important;
    width: 100% !important;
}
.card-img-top {
    width: 100% !important;
    height: 15vw !important;
    object-fit: cover !important;
}
.matter-card {
    position: relative !important;
    overflow: hidden !important;
}
.matter-badge {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    padding: 5px 10px !important;
    z-index: 1 !important;
}
.image-container {
    position: relative !important;
}
.matter-img {
    transition: transform 0.3s ease !important;
    width: 100% !important;
}
.matter-card:hover .matter-img {
    background-color: rgba(0, 0, 0, 0.5) !important;
    filter: brightness(50%) !important;
}
.matter-card:hover .matter-badge {
    filter: brightness(50%) !important;
}
.matter-hover-overlay {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}
.matter-card:hover .matter-hover-overlay {
    opacity: 1 !important;
}