.menu-legend {
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  text-align: right;
  padding: 0 15px;
  margin-bottom: -10px;
}

.sidebar-toggled .menu-legend {
  margin-bottom: 0;
  text-align: center;
}

.focus-icon {
  width: 32px;
  filter: grayscale(100%) invert(100%) brightness(200%);
}

.bg-gradient-primary {
  background-color: #051136;
  background-image: linear-gradient(180deg,#312b6b 10%,#23317a);
  background-size: cover;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #312b6b;
  border-color: #2e2c6d;
}

.btn-primary {
  color: #fff;
  background-color: #312b6a;
  border-color: #2e2c6d;
}

.fas.fa-circle.text-primary {
  color: #36b9cc !important;
}

.fas.fa-circle.text-success {
  color: #f6c23e !important;
}

.text-primary {
  color: #312b6a!important;
}

@media (min-width:768px) {
  .chart-area {
    height: 25rem;
  }
}

.fas.fa-circle.text-info {
  color: #4e73df !important;
}

.card-link + .card-link {
  margin-left: 0;
}

.notification-item, .message-item {
  display: block;
  width: 100%;
  padding: .25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #3a3b45;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  overflow: hidden;
}

.notification-item, .message-item {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #e3e6f0;
  line-height: 1.3rem;
}

.notification-item .filename {
  flex-grow: 1;
  word-break: break-all;
}

.notification-item .close {
  font-size: 14px;
  color: red;
  outline: none;
}

.notification-item p {
  white-space: normal;
}

.notification-item.active, .notification-item:active, .message-item.active, .message-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #4e73df;
}

.notification-item:focus, .notification-item:hover, .message-item:focus, .message-item:hover {
  color: #2e2f37;
  text-decoration: none;
  background-color: #f8f9fc;
}

.font-weight-bold {
  max-width: 70%;
}

.message-item .status-indicator {
  background-color: #eaecf4;
  height: .75rem;
  width: .75rem;
  border-radius: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  border: .125rem solid #fff;
}

.message-item .dropdown-list-image {
  position: relative;
  height: 2.5rem;
  width: 2.5rem;
}

.message-item .dropdown-list-image img {
  height: 2.5rem;
  width: 2.5rem;
}

.rounded-circle {
  object-fit: cover;
}

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0;
  /*box-shadow: none;*/
  /*outline: none;*/
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  color: inherit;
  white-space: nowrap;
  margin-top: 3px;
  margin-right: 3px;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable thead th, table.dataTable tfoot td {
  border: inherit;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
  background-position: center left;
  white-space: nowrap;
}

.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  position: relative;
  display: inline-block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #4e73df !important;
  background-color: #fff;
  border: 1px solid #dddfeb;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  z-index: 3;
  color: #fff !important;
  background: #4e73df;
  border-color: #4e73df;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  z-index: 2;
  color: #224abe !important;
  text-decoration: none;
  background: #eaecf4;
  border-color: #dddfeb;
}

.paginate_button.next {
  border-top-right-radius: .35rem !important;
  border-bottom-right-radius: .35rem !important;
}

.paginate_button.previous {
  border-top-left-radius: .35rem !important;
  border-bottom-left-radius: .35rem !important;
}

table.dataTable tbody th, table.dataTable tbody td:focus {
  outline: none;
}

#laudosTable tbody tr:hover {
  background-color: #f2f3f7 !important;
  cursor: pointer;
}

.card-link.d-flex.align-items-center.notification-item .filename p {
  margin: auto;
}

.file-icon {
  font-size: 32px;
}

table .icon {
  width: 24px;
  height: auto;
}

#save-btn {
  position: fixed;
  bottom: 90px;
  right: 15px;
  box-shadow: 2px 3px 5px;
  /*display: none;*/
}

#add-file {
  box-shadow: 1px 1px 5px;
}

.body-content-middle {
  display: flex;
  align-items: center;
  height: 100vh;
  min-height: fit-content;
}

#logo-login-register {
  width: 75%;
  margin: auto;
  display: block;
  margin-bottom: 20px;
}

.body-content-middle {
  height: 100vh;
  min-height: fit-content;
  align-items: center;
  display: flex;
}

.sidebar .sidebar-brand .sidebar-brand-text {
  font-size: 14px;
}

.incoming:hover, .outgoing:hover {
  background: inherit;
}

.incoming, .outgoing {
  border-bottom: none;
}

.incoming .font-weight-bold {
  background-color: #ffffff;
  padding: 10px;
  border-radius: 5px;
  max-width: 100%;
}


.outgoing .font-weight-bold {
  background-color: #e0e2ff;
  padding: 10px;
  border-radius: 5px;
  max-width: 100%;
  margin-right: 15px;
}

.font-weight-bold {
  position: relative;
}

.outgoing .font-weight-bold:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  border: 10px solid;
  border-color: transparent transparent transparent #e0e2ff;
  left: calc(100% - 2px);
  top: 1px;
}
.incoming .font-weight-bold:before {
  content: "";
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  border: 10px solid;
  border-color: transparent #ffffff transparent transparent;
  right: calc(100% - 2px);
  top: 1px;
}

.message-item .dropdown-list-image.small, .message-item .dropdown-list-image.small img {
  width: 1.5rem;
  height: 1.5rem;
}

.incoming .text-truncate, .outgoing .text-truncate {
  white-space: normal;
}

.messages-body {
  background-color: #36b9cc;
}

#send_message_btn {
  background: #2e9dae;
  border: 1px solid #2e9dae;
}

#send_message_btn:hover {
  background: #208a9a;
  border: 1px solid #208a9a;
}

.message .small.text-gray-500 {
  white-space: normal;
  font-size: 75%;
  margin-top: 5px;
}

#messages-body .messages {
  max-height: 400px;
  overflow: auto;
  margin-bottom: 15px;
}

#messages-body .messages p {
  color: #fff;
}

@media screen and (max-width: 767px) {
  #messages-body .messages {
    height: 400px;
    max-height: calc(100vh - 215px);
  }
}

/* Formatting scrollbar on messages */
#messages-body .messages::-webkit-scrollbar {
  width: 5px;
}

#messages-body .messages::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

#messages-body .messages::-webkit-scrollbar-thumb {
  background: #30acc6;
  border-radius: 5px;
}

#messages-body .messages::-webkit-scrollbar-thumb:hover {
  background: #2a2e73;
}