button.dt-button.buttons-excel.buttons-html5{
		/*margin-top: 10px;*/
    margin-left: 15px;
    border: 0px;
    padding: 5px;        
	}
    
    button.dt-button.buttons-print {
    border: 0px;
    padding: 5px;
}


.subTitle{
    font-size: 10px;
    color: gray;
}

.notification-list li.active  {
    background-color: #f1eded;
} 


.activity .activity-list > li.active .activity-content
,.activity-list > li.active .activity-user
    {
       background-color: #f1eded;  
    }


.task-danger {
    color: #dc3545;
    font-size: 13px;
}

.image-upload>input {
  display: none;
}

.image-upload img {
      cursor: pointer;
}

.avatar > img{
    height: 100%;
}

.icon-admin{
    color: #f5d21f;
}

.ticket-desc table{
    width: 100%;
}

.badge-primary_count {
    color: #fff600 !important ;
    background-color: rgba(248, 255, 0, 0.4);
}

.class_task{
    background: #cfdbaa !important;
}

.class_permission{
    background: #3807543b !important;
}

.class_outside{
    background: #07544d3b !important;
}

.avatar2{
    margin: 0 0 0 10px;
}

.message-area .input-group .form-control {
    background-color: #fff;
    border: 1px solid #eaeaea;
    box-shadow: none;
    color: #555;
    display: block;
    font-size: 14px;
    height: 44px;
    margin: 0;
    padding: 6px 12px;
}

.noti-dot:before {

    border: 5px solid #f43b48;
    background-color: #f43b48;
 
}


.noti-dot:after {

    border: 4px solid #f5d21f;

}


.account-page {
	align-items: center ;
	background: #ffffff;
	background-repeat: no-repeat;
	 background-image: url("../img/bg-login1-2.gif");
	 /*background-image: url("../img/eid.png");*/
	 background-size: cover;
	 

	display: flex;
}


                #clearSearch {
  position: absolute;
  right: 10px;  
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px; /* big size ❌ */
  background: transparent;
  border: none;
  cursor: pointer;
  display: none;
}
#menuSearch:valid + #clearSearch {
  display: inline;
}
                
#clearSearch {
  display: none; /* hidden by default */
}
          
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}

input[type="search"] {
    -webkit-appearance: none; /* Safari */
}