body {
   font-family: 'Cairo', sans-serif;
   font-size: 15px;
}
.bold {
   font-family: 'Cairo', sans-serif;
   font-weight: 700;
}
#app {
   font-family: 'Cairo', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   color: #2c3e50;
}
.navbar-nav {
   padding: 0;
}
.trinity-rings-spinner {
   margin: auto;
}
.pagination-div {
   font-size: 18px;
}
.pagination-div a {
   color: #2c3e50;
   vertical-align: middle;
}
.pagination-div a i {
   font-size: 24px;
}
.pagination-div div {
   padding-right: 5px;
   padding-left: 5px;
}
select.form-control {
   padding: 0.25rem 0.75rem;
}
.date-content {
   direction: ltr;
}
.chat-container {
   height: 500px;
   overflow-y: scroll;
}
.chat-container ul {
   list-style: none;
   padding: 0px;
}
.chat-container .col-auto img {
   height: 50px;
}
.looping-rhombuses-spinner {
   margin: auto;
}
.ltr {
   direction: ltr;
}
.nowrap {
   white-space: nowrap;
}
h3, .h3 {
   font-size: 1.5rem;
}
.thum-400 {
   max-width: 400px;
   max-height: 300px;
}
ul.material-pagination {
   list-style: none;
}
.material-table .table-footer {
   direction: ltr;
}
.material-table .actions {
   margin-left: 0 !important;
   margin-right: auto;
}
.material-table table th, .material-table table td {
   padding-left: 0px !important;
   padding-right: 15px !important;
}
.profile-img {
   max-width: 150px;
}
.form-check {
   padding-right: 1.25rem;
   padding-left: 0;
}
.emad {
   background-color: #fc9207;
}
.bg-em {
background-color: #9dc003;
}
.bg-ad {
   background-color: rgb(6, 89, 89);
}


@media (min-width: 576px){
   .topbar .dropdown .dropdown-menu {
      right: auto;
      left: 0;
   }
}

@media (min-width: 768px){
   .sidebar .nav-item .nav-link {
      text-align: right;
   }
   .sidebar .nav-item .nav-link i {
      margin-right: 0;
      margin-left: .25rem;
   }
   .sidebar .sidebar-heading {
      text-align: right;
   }
   .sidebar .nav-item .nav-link[data-toggle=collapse]::after, 
   .sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::after {
      content: "";
   }
   .sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::before {
      content: '\f104';
   }
   .sidebar .nav-item .nav-link[data-toggle=collapse]::before {
      width: 1rem;
      text-align: center;
      float: left;
      vertical-align: 0;
      border: 0;
      font-weight: 900;
      content: '\f104';
      font-family: 'Font Awesome 5 Free';
   }
}