.long-sidemenu-item {
  word-break: break-word;
  white-space: normal;
}

.alert ul {
  margin-block-end: 0px !important;
}

.invalid-feedback {
  display: inline;
}

.task-new {
  border-color: #2196f3;
}

.task-new .time-end {
  color: #2196f3;
}

.task-completed {
  border-color: #28a745;
}

.task-completed .time-end {
  color: #28a745;
}

.hidden {
  display: none;
}

.select2 .select2-container .select2-container--default {
  width: 100%;
  color: #495057 !important;
}
[class^="select2"] {
  border-radius: 0px !important;
  color: #495057 !important;
  padding-top: 1px !important;
}

[class^="select2-selection select2-selection--single"] {
  border-radius: 0px !important;
  border: 0px none !important;
  border-bottom: 1px solid #d9d8d9 !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 14px;
  font-style: normal;
  color: #495057 !important;
}

[class^="select2-selection select2-selection--multiple"] {
  border-radius: 0px !important;
  border: 0px none !important;
  border-bottom: 1px solid #d9d8d9 !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 14px;
  font-style: normal;
  color: #495057 !important;
}

[class^="select2-dropdown select2-dropdown--below"] {
  border: 1px solid #d9d8d9 !important;
}

.select2-selection__rendered {
  height: 32px !important;
  line-height: 32px !important;
}
.select2-selection__choice {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border: 0px none !important;
}

.radio-tile-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-left: 5px;
}
.radio-tile-group .input-container {
  position: relative;
  height: 4rem;
  /* width: 20%; */
}
.radio-tile-group .input-container .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
.radio-tile-group .input-container .radio-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border: 1px solid #2196f3;
  border-radius: 5px;
  padding: 0rem;
  transition: transform 300ms ease;
}
.radio-tile-group .input-container .icon i {
  fill: #2196f3;
  color: #2196f3;
}
.radio-tile-group .input-container .radio-tile-label {
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #2196f3;
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile {
  background-color: #2196f3;
  border: 2px solid #2196f3;
  color: white;
  transform: scale(1.05, 1.05);
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .icon i {
  fill: white;
  color: white;
  background-color: #2196f3;
}
.radio-tile-group
  .input-container
  .radio-button:checked
  + .radio-tile
  .radio-tile-label {
  color: white;
  background-color: #2196f3;
}

.folder-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: left;
}

.folder {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  /* border: 1px solid rgba(0,0,0,.125); */
  border-radius: 3px;
  border-width: 0 0 0 0.75rem;
  border-style: solid;
  border-color: #fff;
  margin-bottom: 5px;
  box-shadow: 0 0.46875rem 1.1875rem rgba(90, 97, 105, 0.04),
    0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.03),
    0 0.25rem 0.53125rem rgba(90, 97, 105, 0.08),
    0 0.125rem 0.1875rem rgba(90, 97, 105, 0.08);
}

.folder-active {
  font-style: italic;
}

.folder-notpaid {
  border-color: #4f6d71 !important;
  padding-left: 15px;
}
.folder-paid {
  border-color: #17a553 !important;
  padding-left: 15px;
}
.folder-snoozed {
  border-color: #ccae4a !important;
  padding-left: 15px;
}
.folder-sent {
  border-color: #9c7954 !important;
  padding-left: 15px;
}
.folder-drafts {
  border-color: #ae5862 !important;
  padding-left: 15px;
}
.folder-actionlist {
  border-color: #ea222e !important;
  padding-left: 15px;
}
.folder-waitingpayment {
  border-color: #697f59 !important;
  padding-left: 15px;
}
.folder-open {
  border-color: #2e358f !important;
  padding-left: 15px;
}
.folder-closed {
  border-color: black !important;
  padding-left: 15px;
}
.folder-aged {
  border-color: darkolivegreen !important;
  padding-left: 15px;
}
.folder-all {
  border-color: white !important;
  padding-left: 15px;
}
.folder-trash {
  border-color: grey !important;
  padding-left: 15px;
}
.folder-canceled {
  border-color: #c82333 !important;
  padding-left: 15px;
}

.folder-completed {
  border-color: #28a745;
}

.task-row {
  padding-top: 10px;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  /* border: 1px solid rgba(0,0,0,.125); */
  border-radius: 3px;
  border-width: 0 0 0 0.75rem;
  border-style: solid;
  border-color: #fff;
  border-bottom-color: #000000;
  margin-bottom: 10px;
  box-shadow: 0 0.46875rem 1.1875rem rgba(90, 97, 105, 0.04),
    0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.03),
    0 0.25rem 0.53125rem rgba(90, 97, 105, 0.08),
    0 0.125rem 0.1875rem rgba(90, 97, 105, 0.08);
}

/* .list-group-item {
    position: relative;
    display: block;
    padding: 0rem .95rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
} */

/* .autocomplete-suggestions { margin-left: -17px; border: 1px solid #dee2e6; background: #FFF; overflow: auto;  }
.autocomplete-suggestion { padding: 10px 10px; white-space: nowrap; overflow: hidden; cursor: pointer; border-bottom: 1px solid #dee2e6 ; }
.autocomplete-selected { background: #1A96D4; color:#FFF; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-selected strong { font-weight: bold; color: #FFF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; } */

.autocomplete-highlighted {
  background-color: red;
}

.ui-autocomplete li div {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  border: 1px solid #dee2e6;
  background: #fff;
  overflow: auto;
}

.card > .table {
  border-right: 0;
  border-left: 0;
  margin-bottom: 0;
}

.card > .table:last-child {
  border-bottom: 0;
}

.card > .table:not(.table-sm) th,
.card > .table:not(.table-sm) td {
  padding: 0.75rem 1.25rem;
}

.card > .table td:first-child,
.card > .table th:first-child {
  border-left: 0;
}

.card > .table td:last-child,
.card > .table th:last-child {
  border-right: 0;
}

.card > .table tr:first-child td,
.card > .table tr:first-child th {
  border-top: 0;
}

.card > .table tr:last-child td {
  border-bottom: 0;
}

.card .card-header + .table {
  border-top: 0;
}

.btn-round {
  border-radius: 25px;
  height: 40px;
  width: 40px;
  min-width: 40px !important;
  font-weight: 400;
  padding: 0;
  margin: -0.5rem 0 -0.5rem 1rem;
  font-size: 1.125rem !important;
}

#django-hijack-notification {
  background-color: #fff3cd;
  border-color: #ffeeba;
  border: 1px solid;
  padding: 1rem;
  display: none;
}

ul.timeline {
  list-style-type: none;
  position: relative;
  margin: 0px 0px 0px 0px;
}

ul.timeline:before {
  content: " ";
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 29px;
  width: 2px;
  height: 100%;
  z-index: 400;
}

ul.timeline > li {
  margin: 20px 0;
  padding-left: 20px;
}

ul.timeline > li:before {
  content: " ";
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #22c0e8;
  left: 20px;
  width: 20px;
  height: 20px;
  z-index: 400;
}

.email-row {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding: 10px;
  cursor: hand;
}
.email-row:hover {
  background-color: #f9f9f9;
}

.email-sender-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

.email-info {
  flex-grow: 1;
}

.email-recipients {
  color: #555;
  font-size: 0.8em;
}

.email-indicator {
  margin-right: 10px;
}

.outgoing .email-indicator i {
  color: green;
}

.incoming .email-indicator i {
  color: blue;
}

.email-attachment i {
  color: #888;
}

.email-header {
  background-color: #fff;
  padding: 20px;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.email-header-left {
  display: flex;
  align-items: center;
}
.email-sender-avatar {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  margin-right: 20px;
}
.email-title {
  margin: 0;
  padding: 0;
}
.email-indicator {
  margin-right: 10px;
  font-size: 0.9em;
  color: #555;
}
.download-button {
  padding: 5px 10px;
  border: none;
  background-color: #007bff;
  color: white;
  border-radius: 5px;
  cursor: pointer;
}
.email-metadata {
  color: #555;
  font-size: 0.9em;
  margin-top: 5px;
}
.email-body {
  padding: 20px;
  background-color: #fff;
  margin-top: 10px;
}
.attachments {
  background-color: #fff;
  padding: 20px;
  margin-top: 10px;
  border-top: 1px solid #ddd;
}
.attachment {
  margin-bottom: 10px;
}