/* CSS Document
.wt-notification {
  background-color: #555;
  color: white;
  text-decoration: none;
  padding: 15px 26px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.wt-notification:hover {
  background: red;
}
*/
.wt-notification:hover {
    cursor: pointer;
}
/*
วิธีใช้ class ใส่ในเมนูใด ๆ: 
<a href="#" class="wt-notification">
  <span>Inbox</span>
  <span class="badge">3</span>
</a>
*/
.wt-notification .badge {
    /*position: absolute;*/
    top: -10px;
    /*right: -10px;*/
    padding: 5px 10px;
    border-radius: 10%;
    background: red;
    color: white;
    z-index: 12;
}

.CountAlert {
    font-size: 1.1em;
}

.row-list-notice {
    border-bottom: 1px solid #CCCCCC;
}

.cal-description ul.box-notice {
    list-style: none;
    display: inline;
}
.cal-description ul.box-notice .item-notice {
    margin-right: 7px;
}
.cal-description ul.box-notice .item-notice.css-datetime {
    color: #ff5e00;
}
.cal-description ul.box-notice .item-notice .title {
    padding: 2px;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #8f8f8f;
}

.row-wt-notification-list {
    max-height: 350px;
    overflow-y: scroll;
}

.dropdown-menu.box-wt-alert {
    max-height: 500px;
    overflow-y: scroll;
}

.dropdown-menu.box-wt-alert::-webkit-scrollbar-track, .row-wt-notification-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    opacity: 0;
}

.dropdown-menu.box-wt-alert::-webkit-scrollbar, .row-wt-notification-list::-webkit-scrollbar {
    width: 14px;
    opacity: 0;
}

.dropdown-menu.box-wt-alert::-webkit-scrollbar-thumb, .row-wt-notification-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f11313;
}