.configBadge{
    width:10px !important;
    height:10px !important;
    font-size:10px;
    color:#fff;
    background-image: linear-gradient(180deg, #660007, #b90c12 , #ff4f72);
    padding: 5px 8px;
    border-radius:15px;
    text-align: center;
    font-weight: 600;
}

.configBadge2{
    width:10px !important;
    height:10px !important;
    font-size:10px;
    color:#fff;
    background-image: linear-gradient(180deg, #660007, #b90c12 , #ff4f72);
    padding: 5px 5px;
    border-radius:15px;
    text-align: center;
    font-weight: 600;
}

.tagStatus > span{
    background-color: #1b6ce5 !important;
    color:#fff;
    padding:2px 10px 2px;
    border-radius: 45px;
    font-size:12px !important;
    position:absolute;
    top:5px;
    right:5px;
}

.liNotifyCancel span{
    background-color:#8b0000 !important;
}
/* .liNotifyCancel , .liNotifyTakeactionAlready{
    background-color:#f6f6f6 !important;
} */
.liNotifyTakeactionAlready > span{
    background-color:#0b6802 !important;
}

.typeBadge{
    width:20px !important;
    height:20px !important;
    font-size:10px;
    color:#fff;
    background-image: linear-gradient(180deg, #660007, #b90c12 , #ff4f72);
    border-radius:15px;
    padding:2px 2px 2px !important;
    text-align: center;
    font-weight: 600;
    margin-left:4px;
}

.titlenotify{
    font-size: 13px !important;
}

.usernotifyDisplayNone{
    display:none;
}

.notifyDatetime{
    font-size:12px !important;
    position:absolute;
    bottom:2px;
    right:10px;
}

/* Data table Control Notice info page */
.ntinfo-th1{
    width: 80px !important;
}

/* #tbl_noticeinfo_list tbody tr:hover {
    cursor: pointer !important;
} */
.editCate , .editArticle{
    font-size:22px;
    transition:transform .2s;
    color:#d6c22b;
    margin-right:15px !important;
}
.editCate:hover , .editArticle:hover{
    cursor:pointer;
    transform:scale(1.2);
}
.delCate , .delArticle{
    font-size:22px;
    transition:transform .2s;
    color:#af0000;
}
.delCate:hover , .delArticle:hover{
    cursor:pointer;
    transform:scale(1.2);
}

/* .modal {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}

.modal.show {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
} */

.subtitleText{
    font-size:18px;
}

.menu2Text{
    font-size: 13px;
    text-align: center;
    display:block;
    line-height: 1.2;
    margin-top:6px;
}
.menuIcon{
    border:1px solid #ccc;
    border-radius:10px;
    padding-top:10px;
    padding-bottom:10px;
    width:60px;
    position:relative;
    transition: transform .2s;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.menuIcon:hover {
    transform: scale(1.2);
}

.activenotify{
    position:absolute;
    right:-12px;
    top:-10px;
    font-size:18px;
    color:#ffffff;
    padding:2px 5px 2px;
    border-radius: 45%;
    background-color:#10c200;
}

.activenotifyLeft{
    font-size:16px;
    color:#ffffff;
    padding:1px 5px 1px;
    border-radius: 45%;
    background-color:#10c200;
}

.progressnotify{
    position:absolute;
    right:-12px;
    top:-10px;
    font-size:18px;
    color:#fff;
    padding:2px 4px 2px;
    border-radius: 45%;
    background-color:#e46700;
}

.progressnotifyLeft{
    font-size:16px;
    color:#fff;
    padding:1px 4px 1px;
    border-radius: 45%;
    background-color:#e46700;
}


.btnreadall{
    font-size:10px !important;
    height: 30px !important;
    position:absolute;
    right:5px;
}

/* Menu Setting */
#tbl_menuCategory_list{
    width:100% !important;
}
.menuCat-th1{
    width:80px;
}



.editMenuCate{
    font-size:22px;
    transition:transform .2s;
    color:#d6c22b;
    margin-right:15px !important;
}
.editMenuCate:hover{
    cursor:pointer;
    transform:scale(1.2);
}
.delMenuCate{
    font-size:22px;
    transition:transform .2s;
    color:#af0000;
}
.delMenuCate:hover{
    cursor:pointer;
    transform:scale(1.2);
}


.editMenuItem{
    font-size:22px;
    transition:transform .2s;
    color:#d6c22b;
    margin-right:15px !important;
}
.editMenuItem:hover{
    cursor:pointer;
    transform:scale(1.2);
}
.delMenuItem{
    font-size:22px;
    transition:transform .2s;
    color:#af0000;
}
.delMenuItem:hover{
    cursor:pointer;
    transform:scale(1.2);
}


#tbl_menuItem_list{
    width:100% !important;
}
.menuItem-th1{
    width:80px;
}

.menuItem-th3{
    width:160px !important;
}

.menuItem-th4{
    width:100px;
}

.divShowIcon{
    max-height: 250px;
    margin-bottom: 10px;
    overflow:scroll;
    -webkit-overflow-scrolling: touch;
}

.groupMenu{
    background-color:#ececec;
}
/* .groupMenu > h3 {
    color:#fff;
} */