/* 
    Created on : 11 Apr, 2023, 8:17:43 PM
    Author     : Malan Jo

    Custom CSS to add more design and to override theme / plugin styels
*/

/*
Style for Font Awesome Icons 
Fix for some of the icons displayed as blank or square box
*/
.fas {
  font-weight: 900 !important;
  font-size: 15px !important;
}


.btn-app {
  font-size: 16px !important;
}

.direct-chat-text p {
  margin-bottom: 0 !important;
}

.direct-chat-text {
    display: inline-block !important;
}

/*
Style for DataTable

Style to show functions in same row.
Lenth, Search filter, buttons, table info and Pagination
*/

.dt_inline_control {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}
/*
div.dataTables_length, div.dataTables_filter, div.dt-buttons, div.dataTables_info, div.dataTables_paginate 
 {
  display: inline-block;
  margin-left: 1em;
}*/
/*
.dataTables_length{
    display: inline-flex;
    float:left;
}

.dt-buttons {
    display: inline-flex;
    float:right;
}

.dataTables_filter{
    display: inline-flex;
    float: right;
    padding-right: 20px;
}

.dataTables_info{
    display: inline-block;
    float:left;
}

.dataTables_paginate{
    display: inline-block;
    float: right;
}
*/

.truncate {
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Table Space between cells*/
.table td,
.table th {
  padding: 0.25rem !important;
}

.ck-balloon-panel{
  z-index:9999 !important
}


/* Modal Window */

.modal-fullscreen{
  width: 100% !important;
  max-width: 100% !important;
}





/* Timeline */