.badge.notice-main-menu {
    color: white !important;
    background-color: #FF9F43 !important;
}

.icon-calendar-date-border {
    border-right: none !important;
}

.shorter-text {
    overflow: hidden;
    width: 300px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.no-margin-top-checkbox {
    margin-top: 0;
}

.user-information-detail dt {
    color: #01A1BF !important;
}

.detail-staff-dropdown {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
    background: rgba(98, 108, 198, 0.12);
    border-radius: 4px;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

.detail-staff-dropdown p {
    color: #01A1BF;
}

.remove-bg-policy {
    background-image: none !important;
    background-color: #F8F8F8 !important;
}

.policy-list .active {
    background-image: none !important;
    background-color: #01A1BF1F !important;
    background: rgba(98, 108, 198, 0.12);
    color: #01A1BF;
}

.policy-list h5 {
    color: #01A1BF !important;
}

.text-main-color {
    color: #01A1BF !important;
}

.bg-list-allocation {
    background-color: #f8f8f8 !important;
}

.no-border {
    border: none !important;
}

table#datatable>thead .sorting {
    cursor: pointer;
    position: relative;
}
table#datatable>thead .sorting:before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e5873' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-up'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    color: #6e6b7b;
    width: 14px;
    height: 14px;
    content: '';
    right: 0.3rem;
    top: 0.5rem; 
    position: absolute;
    opacity: 0.5;
}
table#datatable>thead .sorting:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e5873' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  color: #6e6b7b;
  width: 14px;
  height: 14px;
  content: '';
  right: 0.3rem;
  top: 1.3rem;
  position: absolute;
  opacity: 0.5;

}