@charset "UTF-8";
body.sidebar-hidden .page-content {
  padding-left: 0px;
}
body.with-side-menu .page-content {
  padding-top: 69px;
}

input:disabled, select:disabled, textarea:disabled {
  cursor: not-allowed !important;
  color: #6c7a86 !important;
  opacity: 0.8 !important;
}
input.autosize, select.autosize, textarea.autosize {
  resize: none;
  overflow: hidden;
}

.table-responsive {
  overflow: visible;
}

.drop-file-to-folder {
  width: 200px;
  padding: 6px 8px;
  background-color: #f3fbff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
  border-color: #d8e2e7;
  left: 10px !important;
}
.drop-file-to-folder .arrow:after {
  border-right-color: #f3fbff !important;
}
.drop-file-to-folder .popover-content {
  font-weight: 500;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 14px !important;
  line-height: 14px;
  color: #000;
}
.drop-file-to-folder .popover-content .btn-file-to-folder-copy {
  width: 100px;
  margin-top: 6px;
  float: right;
  background-color: #73bade;
  color: #fff;
  border-color: #fff;
}
.drop-file-to-folder .popover-content .btn-file-to-folder-copy:hover {
  background-color: #666;
}
.drop-file-to-folder .popover-content .btn-file-to-folder-move {
  width: 100px;
  margin-top: 6px;
  float: right;
  background-color: #73bade;
  color: #fff;
  border-color: #fff;
}
.drop-file-to-folder .popover-content .btn-file-to-folder-move:hover {
  background-color: #666;
}

.folder-container {
  display: flex;
}
.folder-container.folder-container-email .jstree-anchor[aria-level="1"] {
  padding-top: 2px;
  margin-bottom: 3px;
  height: 25px;
}
.folder-container.folder-container-email .jstree-anchor[aria-level="1"] .jstree-icon.jstree-themeicon {
  font-size: 30px;
  margin-right: 14px;
  line-height: 20px;
}
.folder-container .folder-list {
  flex: 0 0 auto;
  min-width: 100px;
  max-width: 400px;
  padding-right: 15px;
}
.folder-container .folder-list .folder {
  width: 40px;
  height: auto;
  margin-left: 12px;
  margin-bottom: 5px;
  position: relative;
  cursor: pointer;
  display: block;
}
.folder-container .folder-list .folder .folder-count {
  position: absolute;
  top: 31px;
  left: -10px;
  height: 17px;
  background-color: #fa424a;
  border-radius: 6px;
  color: #fff;
  font-size: 14px;
  line-height: 15px;
  padding-left: 3px;
  padding-right: 3px;
  font-weight: 600;
  font-family: "Pragati Narrow", sans-serif;
  border: 1px solid #fff;
}
.folder-container .folder-list .folder .folder-favo {
  position: absolute;
  top: 21px;
  left: 26px;
  height: 16px;
  width: 16px;
  background-color: #fa424a;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
}
.folder-container .folder-list .folder.folder-open .folder-favo {
  transform: skew(-26deg, -4deg);
  height: 12px;
  width: 12px;
  font-size: 9px;
  line-height: 13px;
  top: 24px;
  left: 30px;
}
.folder-container .folder-list .folder .folder-icon {
  height: 40px;
  font-size: 40px;
  line-height: 40px;
  color: #73bade;
}
.folder-container .folder-list .folder .folder-name {
  font-weight: 500;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 14px;
  line-height: 14px;
  color: #666;
  text-align: center;
  position: relative;
  left: 50%;
  transform: translateX(-48%);
  max-width: 110px;
  min-width: 110px;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
  overflow: hidden;
}
.folder-container .folder-list .folder.drop-hover {
  transform: scale(1.2);
}
.folder-container .folder-list .folder-list-sub {
  margin-left: 10px;
}
.folder-container .folder-file {
  flex: 1 1 auto;
}
.folder-container .folder-file .folder-file-option {
  display: block;
  position: relative;
  min-height: 30px;
  color: #000;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown {
  display: inline-block;
  position: absolute;
  top: -4px;
  left: -39px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown {
  width: 31px;
  height: 31px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown .btn-folder-file-option i {
  font-size: 22px;
  line-height: 30px;
  color: #fff;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown .btn-folder-file-option .badge {
  right: -5px;
  top: -9px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown .dropdown-menu {
  min-width: 230px;
  background-color: #f3fbff;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown .dropdown-menu .dropdown-item {
  padding: 2px 12px;
  font-size: 0.8rem;
  border: 0px;
  position: unset;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown .dropdown-menu .dropdown-item .fa {
  color: #666;
  margin-right: 3px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown .dropdown-menu .dropdown-item .fa:before {
  display: inline-block;
  background-color: #73bade;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  line-height: 19px;
  text-align: center;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown .dropdown-menu .dropdown-item.dropdown-item-folder-option {
  font-weight: 500;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 14px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown .dropdown-menu.show {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown .dropdown-menu.show:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 4px;
  right: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #f3fbff;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown .dropdown-menu.show:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 2px;
  right: -12px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent #b5bcc1;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown .dropdown-menu.show.action:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 6px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #f3fbff transparent;
}
.folder-container .folder-file .folder-file-option .folder-file-option-dropdown .dropdown .dropdown-menu.show.action:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -12px;
  left: 4px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0px 12px 12px 12px;
  border-color: transparent transparent #73bade transparent;
}
.folder-container .folder-file .folder-file-option .folder-file-option-breadcrumb {
  display: inline-block;
  max-width: calc(100% - 380px);
  line-height: 15px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-breadcrumb li {
  display: inline-block;
  color: #666;
  font-weight: 500;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 16px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-breadcrumb li.parent {
  cursor: pointer;
}
.folder-container .folder-file .folder-file-option .folder-file-option-breadcrumb li.parent:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  padding-left: 5px;
  padding-right: 5px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-breadcrumb li.current {
  font-weight: 500;
  color: #000;
}
.folder-container .folder-file .folder-file-option .folder-file-option-upload {
  float: right;
  width: 180px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-upload .upload-file {
  width: 100%;
  font-weight: 600;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 14px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-upload .upload-file:disabled {
  opacity: 0.35 !important;
}
.folder-container .folder-file .folder-file-option .folder-file-option-collapse {
  float: right;
  width: 180px;
  margin-right: 10px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-collapse .collapse-file {
  width: 100%;
  font-weight: 600;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 14px;
  background-color: #f3fbff;
  color: #73bade !important;
}
.folder-container .folder-file .folder-file-option .folder-file-option-collapse .collapse-file:hover {
  background-color: #f3fbff !important;
}
.folder-container .folder-file .folder-file-option .folder-file-option-action {
  background-color: #f3fbff;
  border: 1px solid #73bade;
  margin-top: 10px;
  padding: 10px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-action .input-option-action {
  font-size: 0.8rem;
  padding: 0.2rem 0.4rem;
}
.folder-container .folder-file .folder-file-option .folder-file-option-action .btn-option-action {
  font-family: "Pragati Narrow", sans-serif;
  font-size: 14px;
  font-weight: 500;
  background-color: #73bade;
  border: 0px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-action h5 {
  background-color: unset;
  color: #666;
  font-size: 18px;
}
.folder-container .folder-file .folder-file-option .folder-file-option-action .typeahead-container .typeahead-field {
  background-color: transparent;
}
.folder-container .folder-file .folder-file-option .folder-file-option-action .typeahead-container .typeahead-field .new-file-folder {
  height: 31px;
}
.folder-container .jstree-anchor {
  font-size: 14px;
  font-weight: 500;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.folder-container .jstree-anchor .jstree-icon {
  background: unset !important;
}
.folder-container .jstree-anchor .jstree-icon.jstree-themeicon {
  font-style: normal;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #73bade;
  font-size: 20px;
}
.folder-container .jstree-anchor .jstree-icon.jstree-themeicon:before {
  content: "\f07b";
}
.folder-container .jstree-anchor.drop-hover {
  transform: scale(1.2);
}
.folder-container .jstree-anchor.jstree-clicked {
  background: unset !important;
  box-shadow: none !important;
  border: 0 !important;
  font-weight: 600;
}
.folder-container .jstree-anchor.jstree-clicked .jstree-icon.jstree-themeicon {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.folder-container .jstree-anchor.jstree-clicked .jstree-icon.jstree-themeicon:before {
  content: "\f07c";
}
.folder-container .jstree-anchor[aria-level="1"] {
  padding-top: 2px;
  margin-bottom: 3px;
  height: 25px;
}
.folder-container .jstree-anchor[aria-level="1"] .jstree-icon.jstree-themeicon {
  font-size: 30px;
  margin-right: 14px;
  line-height: 20px;
}
.folder-container .jstree-anchor[aria-level="1"][data-document-folder-insert-file="0"] {
  position: relative;
}
.folder-container .jstree-anchor[aria-level="1"][data-document-folder-insert-file="0"]:after {
  position: absolute;
  top: 12px;
  left: 20px;
  width: 12px;
  height: 13px;
  background-color: #fa424a;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f574";
  font-size: 8px;
  line-height: 13px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
}
.folder-container .jstree-anchor[aria-level="1"][data-document-folder-insert-file="0"].jstree-clicked:after {
  transform: skew(-26deg, -4deg);
  height: 10px;
  width: 10px;
  font-size: 6px;
  line-height: 11px;
  top: 14px;
}
.folder-container .jstree-anchor[aria-level="1"][data-document-folder-system="1"] {
  position: relative;
}
.folder-container .jstree-anchor[aria-level="1"][data-document-folder-system="1"]:after {
  position: absolute;
  top: 12px;
  left: 20px;
  width: 12px;
  height: 13px;
  background-color: #fa424a;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f013";
  font-size: 10px;
  line-height: 13px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
}
.folder-container .jstree-anchor[aria-level="1"][data-document-folder-system="1"].jstree-clicked:after {
  transform: skew(-26deg, -4deg);
  height: 10px;
  width: 10px;
  font-size: 8px;
  line-height: 11px;
  top: 14px;
}
.folder-container.folder-container-email .jstree-anchor[aria-level="1"] {
  padding-top: 2px;
  margin-bottom: 3px;
  height: 25px;
}
.folder-container.folder-container-email .jstree-anchor[aria-level="1"] .jstree-icon.jstree-themeicon {
  font-size: 20px;
  margin-right: 5px;
  line-height: 20px;
}
.folder-container .jstree-anchor[aria-level="2"][data-document-folder-system="1"] {
  position: relative;
}
.folder-container .jstree-anchor[aria-level="2"][data-document-folder-system="1"]:after {
  position: absolute;
  top: 12px;
  left: 16px;
  width: 8px;
  height: 8px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f111";
  font-size: 8px;
  line-height: 8px;
  color: #fa424a;
}
.folder-container .jstree-anchor[aria-level="2"][data-document-folder-system="1"].jstree-clicked:after {
  transform: skew(-26deg, -4deg);
  font-size: 6px;
}
.folder-container .jstree-node.jstree-custom.no-user-access .jstree-anchor {
  cursor: not-allowed;
}
.btn-xs.btn-icon .fa.cancel {
  position: relative;
}
.btn-xs.btn-icon .fa.cancel:after {
  position: absolute;
  top: -5px;
  left: -5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f715";
  width: 20px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  color: #fa424a;
  text-shadow: -0.01em 0.01em 2px #fff;
  border: 1px solid #fa424a;
  border-radius: 50%;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
}

.graph-files-navi-container .graph-files-navi-link {
  font-family: "Pragati Narrow", sans-serif;
  background-color: #f6f8fa;
  padding: 4px 4px;
  width: 100%;
  border-top: 1px solid #d8e2e7;
  cursor: pointer;
  margin-top: 1px;
}
.graph-files-navi-container .graph-files-navi-link img {
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.graph-files-navi-container .graph-files-navi-link .graph-files-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.graph-files-navi-container .graph-files-navi-link .graph-files-create-name {
  font-size: 12px;
  line-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.graph-files-navi-container .graph-files-navi-btn {
  display: block;
  width: 100%;
  text-align: left;
  padding: 4px 6px;
  margin-bottom: 15px;
  border: 0px;
  font-size: 14px;
}
.graph-files-navi-container .graph-files-navi-btn i {
  margin-right: 5px;
}
.graph-files-navi-container .graph-files-navi-btn.active {
  background-color: #73bade;
  color: #fff;
}

.graph-files-result-container .table-container {
  display: block;
  margin-top: 10px;
  width: 100%;
}
.graph-files-result-container .table-container .card-deck {
  margin-left: 2px;
  margin-top: 20px;
}
.graph-files-result-container .table-container .card-deck .card.card-file {
  min-width: 200px;
  max-width: 200px;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-header .graph-files-clipboard {
  position: absolute;
  top: -4px;
  left: 40px;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-header .graph-files-clipboard i {
  color: #fa424a;
  font-size: 15px;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-header img {
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-header .graph-files-name {
  font-size: 13px;
  font-weight: 700;
  line-height: 12px;
  font-family: "Pragati Narrow", sans-serif;
  color: #000;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-header .graph-files-create-name {
  font-size: 11px;
  line-height: 12px;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-header .graph-files-accessed {
  font-size: 11px;
  line-height: 12px;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-body .graph-files-img-preview {
  width: 100%;
  height: 100px;
  background-color: #fff;
  border: 1px solid #d8e2e7;
  margin-bottom: 8px;
  text-align: center;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-body .graph-files-img-preview img {
  width: 96px;
  height: 96px;
  -o-object-fit: contain;
     object-fit: contain;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-body .file-reload {
  position: absolute;
  width: 14px;
  height: 14px;
  background-color: #fff;
  right: 12px;
  bottom: 3px;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-body .file-reload .file-sync {
  font-size: 12px;
  cursor: pointer;
  text-align: right;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-body .file-size {
  font-family: "Pragati Narrow", sans-serif;
  font-size: 11px;
  line-height: 10px;
  display: inline-block;
  width: 48%;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-body .file-object {
  text-align: right;
  display: inline-block;
  width: 50%;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-body .file-group {
  text-align: left;
  display: block;
  width: 100%;
  border-top: 1px solid #ccc;
  padding-top: 4px;
  margin-top: 4px;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-body .file-group .badge-group {
  font-family: "Pragati Narrow", sans-serif;
  font-size: 11px;
  line-height: 8px;
  background-color: #73bade;
  color: #fff;
  font-weight: 500;
}
.graph-files-result-container .table-container .card-deck .card.card-file .card-body .description {
  clear: both;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 11px;
  line-height: 10px;
}
.graph-files-result-container .table-container blockquote {
  margin: 0px;
  margin-left: 20px;
}
.graph-files-result-container .table-container blockquote .card-deck {
  margin-left: -58px;
  margin-top: 20px;
}
.graph-files-result-container .table-container-sub {
  margin: 0px;
}
.graph-files-result-container .table-container-sub .graph-files-name-result img {
  margin-left: 10px;
}
.graph-files-result-container .flex-table {
  display: flex;
  flex-flow: row wrap;
  transition: 0.5s;
}
.graph-files-result-container .flex-table.header {
  border-top: solid 1px #d8e2e7;
  height: 37px;
}
.graph-files-result-container .flex-table.header .flex-row {
  background: #f6f8fa;
  color: #666;
  border-color: #d8e2e7;
  font-weight: 700;
  font-size: 13px;
  font-family: "Pragati Narrow", sans-serif;
}
.graph-files-result-container .flex-table.row:nth-child(odd) .flex-row {
  background: #f4f2f1;
}
.graph-files-result-container .flex-table:hover {
  background: #F5F5F5;
  transition: 500ms;
}
.graph-files-result-container .flex-row {
  width: 12.5%;
  text-align: left;
  padding: 0.5em 0.5em;
}
.graph-files-result-container .flex-row.file-list-options {
  width: 100%;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 13px;
}
.graph-files-result-container .flex-row.file-list-options .select-action-checkbox {
  margin-left: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.graph-files-result-container .flex-row.file-list-result {
  font-family: "Pragati Narrow", sans-serif;
  font-size: 13px;
}
.graph-files-result-container .flex-row.graph-files-checkbox {
  width: 3%;
}
.graph-files-result-container .flex-row.graph-files-checkbox .checkbox-pill {
  position: absolute;
  left: 23px;
  margin-top: 5px;
}
.graph-files-result-container .flex-row.graph-files-name-result {
  width: 23%;
  position: relative;
}
.graph-files-result-container .flex-row.graph-files-name-result img {
  float: left;
  margin-right: 10px;
  cursor: pointer;
}
.graph-files-result-container .flex-row.graph-files-name-result .graph-files-shared {
  display: inline-block;
  margin-right: 3px;
  font-size: 12px;
  line-height: 12px;
  height: 10px;
}
.graph-files-result-container .flex-row.graph-files-name-result .graph-files-shared i {
  font-size: 11px;
  position: relative;
  top: -1px;
  color: #73bade;
}
.graph-files-result-container .flex-row.graph-files-name-result .graph-files-name {
  font-size: 14px;
  font-weight: 700;
  line-height: 12px;
}
.graph-files-result-container .flex-row.graph-files-name-result .graph-files-create-name {
  font-size: 12px;
  line-height: 12px;
  display: inline-block;
  margin-right: 3px;
}
.graph-files-result-container .flex-row.graph-files-name-result .graph-files-accessed {
  font-size: 12px;
  line-height: 12px;
  display: inline-block;
  margin-right: 3px;
}
.graph-files-result-container .flex-row.graph-files-update-result {
  width: 16.25%;
}
.graph-files-result-container .flex-row.graph-files-update-result .graph-files-update {
  font-size: 14px;
  line-height: 16px;
}
.graph-files-result-container .flex-row.graph-files-update-result .graph-files-update-name {
  font-size: 12px;
  line-height: 14px;
}
.graph-files-result-container .flex-row.graph-files-size-result {
  width: 14.25%;
}
.graph-files-result-container .flex-row.graph-files-shared-create-result {
  width: 16.25%;
}
.graph-files-result-container .flex-row.graph-files-preview {
  width: 10.25%;
}
.graph-files-result-container .flex-row.graph-files-preview img {
  height: 70px;
  width: 55px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #ccc;
}
.graph-files-result-container .flex-row.graph-files-group {
  width: 7%;
}
.graph-files-result-container .flex-row.graph-files-group .badge-group {
  font-family: "Pragati Narrow", sans-serif;
  font-size: 11px;
  line-height: 8px;
  background-color: #73bade;
  color: #fff;
  font-weight: 500;
}
.graph-files-result-container .flex-row.graph-files-object {
  width: 7%;
}
.graph-files-result-container .flex-row.graph-files-object .preview-data {
  margin-left: 0px;
  height: 30px;
}
.graph-files-result-container .flex-row.graph-files-object .preview-data.preview-data-list {
  margin-left: -25px;
  float: right;
}
.graph-files-result-container .flex-row.graph-files-object .preview-data .preview-data-img {
  width: 30px;
}
.graph-files-result-container .flex-row.graph-files-object .preview-data .preview-data-icon {
  width: 30px;
}
.graph-files-result-container .flex-row.graph-files-object .preview-data .preview-data-icon i {
  font-size: 18px;
  line-height: 18px;
  position: relative;
  top: -7px;
}
.graph-files-result-container .flex-row.graph-files-button {
  width: 3%;
  position: relative;
}
.graph-files-result-container .flex-row.graph-files-button .dropdown.dropleft {
  margin-left: -15px;
}
.graph-files-result-container .flex-row.graph-files-button .file-sync {
  position: absolute;
  top: 6px;
  right: -6px;
}
.graph-files-result-container .rowspan {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
}
.graph-files-result-container .column {
  display: flex;
  flex-flow: column wrap;
  width: 75%;
  padding: 0;
}
.graph-files-result-container .column .flex-row {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 0;
  border: 0;
  border-bottom: solid 1px #d9d9d9;
}
.graph-files-result-container .column .flex-row:hover {
  background: #F5F5F5;
  transition: 500ms;
}
.graph-files-result-container .flex-cell {
  width: 33.3333333333%;
  text-align: center;
  padding: 0.5em 0.5em;
  border-right: solid 1px #d9d9d9;
}
.graph-files-result-container .table.table-sm td {
  line-height: 15px;
}
.graph-files-result-container .graph-files-parent-path {
  font-size: 14px;
}
.graph-files-result-container .graph-files-parent-path .parent-path-link {
  display: inline-block;
  margin-right: 2px;
  color: #73bade;
  cursor: pointer;
}
.graph-files-result-container .graph-files-parent-path .parent-path-link.active {
  color: #666;
}
.graph-files-result-container .graph-files-parent-path i {
  display: inline-block;
  font-size: 12px;
  color: #666;
}
.graph-files-result-container .graph-files-parent-path #getOneDriveFileList {
  float: right;
}
.graph-files-result-container .search-result .graph-files-name-result {
  cursor: pointer;
}
.graph-files-result-container .search-result .graph-files-name-result img {
  float: left;
  margin-right: 10px;
}
.graph-files-result-container .search-result .graph-files-name-result .graph-files-name {
  font-size: 14px;
  line-height: 14px;
}
.graph-files-result-container .search-result .graph-files-name-result .graph-files-create-name {
  font-size: 12px;
  line-height: 14px;
}
.graph-files-result-container .search-result .graph-files-update-result .graph-files-update {
  font-size: 14px;
  line-height: 16px;
}
.graph-files-result-container .search-result .graph-files-update-result .graph-files-update-name {
  font-size: 12px;
  line-height: 14px;
}
.graph-files-result-container .search-result .graph-files-accessed-result {
  font-size: 14px !important;
}
.graph-files-result-container .search-result .graph-files-size-result {
  font-size: 14px !important;
}
.graph-files-result-container .search-result .graph-files-shared-create-result {
  font-size: 14px !important;
}
.graph-files-result-container .search-result .graph-files-shared-name-result {
  font-size: 14px !important;
}
.graph-files-result-container .search-result .graph-files-img-preview {
  width: 80px;
  height: 58px;
  position: absolute;
  top: 3px;
  left: 0px;
  border: 1px solid #ccc;
}
.graph-files-result-container .search-result .graph-files-img-preview img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.custom-checkbox, .custom-radio {
  font-size: 14px !important;
  line-height: 24px;
}
.custom-checkbox .custom-control-label:before, .custom-radio .custom-control-label:before {
  width: 1rem !important;
  height: 1rem !important;
  border: solid 1px rgba(197, 214, 222, 0.7);
  background-color: #f8f9fa;
}
.custom-checkbox .custom-control-label:after, .custom-radio .custom-control-label:after {
  width: 1rem !important;
  height: 1rem !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #73bade;
}
.custom-checkbox.custom-radio-inline, .custom-radio.custom-radio-inline {
  display: inline-block !important;
  margin-right: 15px;
}

.toggle-checkbox-list .custom-checkbox .custom-control-label:before, .toggle-checkbox-list .custom-radio .custom-control-label:before {
  background-color: #fff;
}
.toggle-checkbox-list .alert {
  margin-top: 6px;
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: 6px;
  border-radius: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #73bade;
  color: #fff;
}

.btn-new-file-folder {
  height: 31px !important;
  border: solid 1px #73bade !important;
  background: #73bade !important;
  color: #fff !important;
  font-weight: 600 !important;
}

.file-folder-list .table thead th {
  background: #73bade !important;
  color: #fff;
}

.input-group.input-group-sm .input-group-append {
  height: 30px;
}
.input-group.input-group-sm .input-group-append select {
  height: 100% !important;
}
.input-group.input-group-file {
  font-size: 12px;
  height: 30px;
}
.input-group.input-group-file .input-group-prepend .input-group-text {
  background-color: #a7505f;
  color: #fff !important;
  border: 1px solid #a7505f;
  padding: 0.375rem 0.55rem;
}
.input-group.input-group-file .custom-file {
  height: 30px;
}
.input-group.input-group-file .custom-file .custom-file-label {
  height: 30px;
  line-height: 1.4;
}
.input-group.input-group-file .custom-file .custom-file-label:after {
  content: "Wählen";
  height: 29px;
  line-height: 1.4;
  background-color: #73bade;
  color: #fff;
  font-weight: bold;
  border: 1px solid #73bade;
}
.input-group .select2 {
  position: relative;
  flex: 1 1 auto;
  width: 1% !important;
  margin-bottom: 0;
  height: 27px;
}
.input-group .select2 .select2-selection__rendered {
  max-height: 27px;
  font-size: 0.8rem !important;
}

.select2-results {
  font-size: 14px;
}

.form-group.self .preview-data.xs {
  min-width: 100%;
}
.form-group .bootstrap-tagsinput {
  width: 100%;
  background-color: #f8f9fa;
  border: solid 1px rgba(197, 214, 222, 0.7);
  border-radius: 0.2rem;
  box-shadow: none;
}
.form-group .bootstrap-tagsinput .label-info {
  background-color: #73bade;
  font-size: 13px;
  font-weight: 400 !important;
  font-family: "Pragati Narrow", sans-serif;
}
.form-group .box-none {
  height: 1px;
  overflow: hidden;
  padding-top: 1px;
}
.form-group.form-group-select-list {
  white-space: nowrap;
}
.form-group.form-group-select-list .form-control {
  width: calc(100% - 30px);
  display: inline-block;
  margin-right: 5px;
}
.form-group.form-group-select-list .add-select-list {
  width: 25px;
  display: inline-block;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
  color: #73bade;
}
.form-group.form-group-select-list .add-select-list:before {
  position: relative;
  top: 5px;
}

.file-preview-container {
  height: 600px !important;
}

.module-api {
  cursor: pointer;
}
.module-api .btn-email-account {
  font-size: 11px !important;
  font-weight: 600;
  font-family: "Pragati Narrow", sans-serif;
}

.label-primary {
  background-color: #73bade;
}
.label-primary.label-reverse {
  background-color: #fff;
  color: #73bade;
  border: 1px solid #73bade;
}

.btn-modal-save.wait {
  position: relative;
  padding-left: 26px;
  opacity: 0.5;
  pointer-events: none;
}
.btn-modal-save.wait:after {
  content: "\f252";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
  position: absolute;
  top: 4px;
  left: 10px;
  color: #73bade;
  pointer-events: none;
}

.label-customer {
  background-color: #00a8ff;
}

.label-object {
  background-color: #46c35f;
}

.label-object-image {
  background-color: #46c35f;
}

.label-file {
  background-color: #a7505f;
}

.label-task {
  background-color: #efce03;
  color: #000;
}

.label-xs {
  font-size: 12px;
}

.label-sm {
  font-size: 16px;
}

.label-md {
  font-size: 20px;
}

#projectTaskModal {
  z-index: 1049;
}

.alert.alert-danger {
  border-color: #fa424a;
  background-color: #feecec;
  color: #fa424a;
}
.alert .alert-headline {
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 16px;
}
.alert .alert-text {
  font-size: 13px;
}
.alert .alert-icon {
  float: left;
  width: 30px;
  height: 30px;
}
.alert .alert-icon i {
  font-size: 20px;
  line-height: 1;
  margin-top: 3px;
}
.alert div.alert-icon + div.alert-headline {
  margin-left: 41px;
}
.alert div.alert-icon + div.alert-headline + div.alert-text {
  margin-left: 40px;
}

.math-utilities, .math-rental {
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 300;
  font-size: 16px;
  display: inline-block;
  margin-left: 10px;
}

#alertModal .modal-dialog .modal-content .modal-header {
  background-color: #fa424a !important;
}
#alertModal .modal-dialog .modal-content .modal-body {
  background-color: #feecec;
}

@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
.pulse {
  animation: pulse 1s linear infinite;
}

@keyframes pulse-content {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.05, 1.05);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes pulse-shadow {
  0% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
  }
}
.pulse-content {
  animation: pulse-content 1s linear infinite;
}

.bs-popover-right {
  margin-left: 0.5rem;
}
.bs-popover-right .arrow:after {
  border-right-color: #ccc;
}

.bs-popover-left {
  margin-right: 0.5rem;
  left: -20px !important;
}
.bs-popover-left .arrow:after {
  border-left-color: #ccc;
}

.dropdown-email-object .bs-popover-left {
  margin-right: 0.5rem;
  left: -210px !important;
}
.dropdown-email-object .bs-popover-left .arrow {
  right: -74px !important;
}
.dropdown-email-object .bs-popover-left .arrow:after {
  border-left-color: #46c35f;
}

.dropdown-email-customer .bs-popover-left {
  margin-right: 0.5rem;
  left: -210px !important;
}
.dropdown-email-customer .bs-popover-left .arrow {
  right: -74px !important;
}
.dropdown-email-customer .bs-popover-left .arrow:after {
  border-left-color: #00a8ff;
}

.cropper {
  width: 100%;
  height: 100%;
}

#objectOverview, #customerOverview {
  font-size: 14px;
}

.btn-history {
  padding: 1px 4px;
  font-size: 12px;
  line-height: 12px;
  margin-top: 3px;
  font-weight: 700 !important;
  font-family: "Pragati Narrow", sans-serif;
}

.insert-event-description {
  background-color: #b348ae;
  border-radius: 2px;
  color: #fff;
  display: table;
  padding: 1px 2px;
  font-size: 12px;
  line-height: 12px;
  margin-top: 2px;
}

.history {
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
}
.history h5 {
  margin-left: -5px;
  margin-top: 6px;
  margin-bottom: 6px;
}
.history .history-filter {
  text-align: right;
}
.history .history-filter .history-filter-select {
  margin-top: 2px;
  margin-right: 2px;
}
.history .history-container {
  overflow-x: hidden;
  overflow-y: auto;
}
.history .history-container .history-container-object {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 2;
}
.history .history-container .history-list-option {
  background-color: #fff;
  padding-top: 4px;
  text-align: right;
}
.history .history-container .history-list {
  background-color: #fff;
  margin-bottom: 2px;
}
.history .history-container .history-list .history-list-value {
  background-color: #e9f2f7;
  margin-left: -8px;
  margin-right: -8px;
  margin-top: 4px;
}
.history .history-container .history-list .history-list-value .history-user {
  background-color: #e9f2f7;
  width: 160px;
}
.history .history-container .history-list .history-list-value .badge-task-status {
  font-size: 9px;
  background-color: #666;
}
.history .history-container .history-list .history-list-value .badge-task-status.badge-task-status- {
  background-color: #666;
}
.history .history-container .history-list .history-list-value .badge-task-status.badge-task-status-0 {
  background-color: #666;
}
.history .history-container .history-list .history-list-value .badge-task-status.badge-task-status-1 {
  background-color: #73bade;
}
.history .history-container .history-list .history-list-value .badge-task-status.badge-task-status-2 {
  background-color: #46c35f;
}
.history .history-container .history-list .history-list-value .badge-task-status.badge-task-status-8 {
  background-color: #fa424a;
}
.history .history-container .history-list .history-list-value .badge-task-status.badge-task-status-18 {
  background-color: #efce03;
}
.history .history-container .history-list .history-user {
  background-color: #fff;
  width: 130px;
  position: absolute;
  top: -3px;
  left: 12px;
}
.history .history-container .history-list .history-user-old {
  margin-top: 6px;
  width: 124px;
  text-align: right;
  float: right;
  margin-right: -10px;
}
.history .history-container .history-list .history-date {
  font-size: 12px;
  position: absolute;
  top: -7px;
  right: 15px;
}
.history .history-container .history-list .history-tab {
  font-size: 12px;
  position: absolute;
  top: 11px;
  right: 15px;
}
.history .history-container .history-list .history-tab .btn-attachment {
  font-size: 12px;
  background-color: #eee;
}
.history .history-container .history-list .history-tab .btn-attachment i {
  font-size: 10px;
}
.history .history-container .history-list .history-name {
  font-weight: 600;
  margin-left: 0px;
  text-align: right;
}
.history .history-container .history-list .history-name .history-name-text {
  font-size: 14px;
  color: #73bade;
}
.history .history-container .history-list .history-name .history-name-text .arrow-right {
  font-size: 18px;
  position: relative;
  top: 2px;
}
.history .history-container .history-list .history-name .history-name-text .btn-to-calendar {
  margin-top: 10px;
  margin-right: 18px;
  background-color: #b348ae;
  border-color: #b348ae;
  color: #fff;
  font-size: 14px;
  width: 90%;
}
.history .history-container .history-list .history-name .history-name-text .history-name-text-sub {
  font-weight: 400;
  font-size: 14px;
}
.history .history-container .history-list .history-name .history-name-text .history-name-text-sub .event-list-data {
  position: relative;
  border: solid 1px rgba(197, 214, 222, 0.7);
  background-color: #f8f9fa;
  width: 90%;
  margin-top: 10px;
  padding: 5px 5px;
  text-align: left;
}
.history .history-container .history-list .history-name .history-name-text .history-name-text-sub .event-list-data .preview-data {
  margin-top: 5px;
  min-width: 100%;
}
.history .history-container .history-list .history-name .history-name-text .history-name-text-sub .event-list-data .preview-data:first-of-type {
  margin-top: 10px;
}
.history .history-container .history-list .history-name .history-name-text .history-name-text-sub .event-list-data label {
  position: absolute;
  top: 0px;
  left: 0px;
}
.history .history-container .history-list .history-old-info {
  font-size: 14px;
  text-align: right;
}
.history .history-container .history-list .history-new {
  color: #000;
  font-size: 16px;
  margin-top: 8px;
  margin-left: -15px;
}
.history .history-container .history-list .history-new .event-list-info {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
}
.history .history-container .history-list .history-new .form-label {
  color: #666;
  border-bottom: 1px solid #ccc;
  padding-bottom: 2px;
}
.history .history-container .history-list .history-old {
  color: #999;
  font-size: 14px;
}
.history .history-container .history-list .history-image-box {
  max-width: 250px;
}
.history .history-container .history-list .history-image-box .history-image {
  width: 40px;
  height: 40px;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  border: 1px solid #ccc;
  border-radius: 50%;
  margin-right: 6px;
}
.history .history-container .history-list .history-image-box .history-image-option {
  display: inline-block;
}
.history .history-container .history-list .history-image-box .history-image-option .history-image-name {
  font-size: 16px;
  line-height: 6px;
}
.history .history-container .history-list .history-image-box .history-image-option .history-image-size {
  font-size: 12px;
  line-height: 4px;
  display: inline;
  margin-right: 5px;
  color: #666;
}
.history .history-container .history-list .history-image-box .history-image-option .history-image-group {
  font-size: 12px;
  line-height: 4px;
}
.history.dashboard .history-filter .history-filter-select {
  margin-top: 2px;
  margin-right: 2px;
  font-size: 14px;
  padding: 0px 6px;
  font-family: "Pragati Narrow", sans-serif;
  min-width: 108px;
}
.history.dashboard .history-container {
  height: 400px;
}
.history.dashboard .rate {
  font-size: 11px !important;
}

.btn.open-clipboard {
  background-color: #fff;
  height: 35px !important;
  position: relative;
  top: -2px;
  min-width: 220px;
  text-align: left !important;
  color: #000 !important;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 500;
  font-size: 14px !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
}
.btn.open-clipboard .open-clipboard-object {
  background-color: #46c35f;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  min-width: 86px;
  height: 30px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  float: left;
}
.btn.open-clipboard .open-clipboard-object i {
  background-color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #399c4d;
  color: #46c35f;
  text-align: center;
}
.btn.open-clipboard .open-clipboard-object i:before {
  font-size: 9px;
  line-height: 15px;
  position: relative;
  top: -0.15em;
}
.btn.open-clipboard .open-clipboard-object .badge {
  padding: 0px;
  border-radius: 0.25rem;
  top: -1px;
  font-weight: 600;
  font-size: 13px;
  min-width: 10px;
  background-color: transparent;
  border: 0px;
  color: #fff;
}
.btn.open-clipboard .open-clipboard-customer {
  background-color: #00a8ff;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  min-width: 50px;
  height: 30px;
  float: left;
}
.btn.open-clipboard .open-clipboard-customer i {
  background-color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #0186c8;
  color: #00a8ff;
  text-align: center;
}
.btn.open-clipboard .open-clipboard-customer i:before {
  font-size: 9px;
  line-height: 15px;
  position: relative;
  top: -0.12em;
}
.btn.open-clipboard .open-clipboard-customer .badge {
  padding: 0px;
  border-radius: 0.25rem;
  top: -1px;
  font-weight: 600;
  font-size: 13px;
  min-width: 10px;
  background-color: transparent;
  border: 0px;
  color: #fff;
}
.btn.open-clipboard .open-clipboard-file {
  background-color: #a7505f;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  min-width: 50px;
  height: 30px;
  float: left;
}
.btn.open-clipboard .open-clipboard-file i {
  background-color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #7d3c47;
  color: #a7505f;
  text-align: center;
}
.btn.open-clipboard .open-clipboard-file i:before {
  font-size: 9px;
  line-height: 15px;
  position: relative;
  top: -0.12em;
}
.btn.open-clipboard .open-clipboard-file .badge {
  padding: 0px;
  border-radius: 0.25rem;
  top: -1px;
  font-weight: 600;
  font-size: 13px;
  min-width: 10px;
  background-color: transparent;
  border: 0px;
  color: #fff;
}
.btn.open-clipboard .open-clipboard-email {
  background-color: #fa424a;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  min-width: 50px;
  height: 30px;
  float: left;
}
.btn.open-clipboard .open-clipboard-email i {
  background-color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #cb373f;
  color: #fa424a;
  text-align: center;
}
.btn.open-clipboard .open-clipboard-email i:before {
  font-size: 9px;
  line-height: 15px;
  position: relative;
  top: -0.12em;
}
.btn.open-clipboard .open-clipboard-email .badge {
  padding: 0px;
  border-radius: 0.25rem;
  top: -1px;
  font-weight: 600;
  font-size: 13px;
  min-width: 10px;
  background-color: transparent;
  border: 0px;
  color: #fff;
}
.btn.open-clipboard .open-clipboard-task {
  background-color: #efce03;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  min-width: 50px;
  height: 30px;
  float: left;
}
.btn.open-clipboard .open-clipboard-task i {
  background-color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #c2a904;
  color: #efce03;
  text-align: center;
}
.btn.open-clipboard .open-clipboard-task i:before {
  font-size: 9px;
  line-height: 15px;
  position: relative;
  top: -0.15em;
}
.btn.open-clipboard .open-clipboard-task .badge {
  padding: 0px;
  border-radius: 0.25rem;
  top: -1px;
  font-weight: 600;
  font-size: 13px;
  min-width: 10px;
  background-color: transparent;
  border: 0px;
  color: #fff;
}
.btn.open-clipboard .open-clipboard-observe {
  background-color: #999;
  text-align: center;
  padding-left: 0px;
  padding-right: 0px;
  min-width: 50px;
  height: 30px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  float: left;
}
.btn.open-clipboard .open-clipboard-observe i {
  background-color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #7e7e7e;
  text-align: center;
  color: #999;
}
.btn.open-clipboard .open-clipboard-observe i:before {
  font-size: 9px;
  line-height: 15px;
  position: relative;
  top: -0.12em;
}
.btn.open-clipboard .open-clipboard-observe .badge {
  padding: 0px;
  border-radius: 0.25rem;
  top: -1px;
  font-weight: 600;
  font-size: 13px;
  min-width: 10px;
  background-color: transparent;
  border: 0px;
  color: #fff;
}
.btn.open-clipboard .fa-clipboard-list:before {
  background-color: #73bade;
  padding: 4px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 21px;
  height: 21px;
  text-align: center;
}
.btn.open-clipboard .clipboard-count-box {
  position: absolute;
  z-index: 1;
  top: -8px;
  right: -8px;
  height: 17px;
  text-align: right;
}
.btn.open-clipboard .clipboard-count-box .clipboard-attach-count {
  height: 17px;
  display: inline-block;
  position: relative;
  right: 0px;
}
.btn.open-clipboard .clipboard-count-box .clipboard-attach-count .fa-bookmark {
  font-size: 10px;
  padding-left: 2px;
}
.btn.open-clipboard .clipboard-count-box .clipboard-attach-count .clipboard-attach-count-value {
  display: inline-block;
  padding-right: 2px;
}
.btn.open-clipboard .clipboard-count-box .re-submit-attach-count {
  height: 17px;
  display: inline-block;
  position: relative;
  right: 0px;
}
.btn.open-clipboard .clipboard-count-box .re-submit-attach-count .fa-paperclip {
  font-size: 10px;
  padding-left: 2px;
}
.btn.open-clipboard .clipboard-count-box .re-submit-attach-count .re-submit-attach-count-value {
  display: inline-block;
  padding-right: 2px;
}
.btn.open-clipboard .clipboard-count-box .project-task-attach-count {
  height: 17px;
  display: inline-block;
  position: relative;
  right: 0px;
}
.btn.open-clipboard .clipboard-count-box .project-task-attach-count .fa-clipboard {
  font-size: 10px;
  padding-left: 2px;
}
.btn.open-clipboard .clipboard-count-box .project-task-attach-count .project-task-attach-count-value {
  display: inline-block;
  padding-right: 2px;
}
.btn.open-clipboard .clipboard-count-box .upload-count {
  height: 17px;
  display: inline-block;
  position: relative;
  right: 0px;
}
.btn.open-clipboard .clipboard-count-box .upload-count .fa-cloud {
  font-size: 10px;
  padding-left: 2px;
}
.btn.open-clipboard .clipboard-count-box .upload-count .upload-count-value {
  display: inline-block;
  padding-right: 2px;
}
.btn.open-clipboard .open-global-modal-headline {
  position: absolute;
  top: 3px;
  left: 32px;
  font-size: 13px;
  font-weight: 700;
  color: #73bade;
}
.btn.open-clipboard .open-global-modal-headline.top {
  top: -7px;
  left: 29px;
  background-color: #fff;
  color: #73bade;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 12px;
}
.btn.open-clipboard .open-global-modal-to {
  position: absolute;
  top: 3px;
  left: 32px;
  font-size: 12px;
  font-weight: 600;
}
.btn.open-email-write {
  background-color: #fff;
  height: 35px !important;
  position: relative;
  top: -2px;
  min-width: 220px;
  text-align: left;
  color: #000 !important;
}
.btn.open-email-write .fa-envelope:before {
  background-color: #73bade;
  padding: 4px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  top: 6px;
  left: 6px;
  width: 21px;
  height: 21px;
  text-align: center;
}
.btn.open-email-write .email-attach-count {
  position: absolute;
  top: -6px;
  right: -4px;
}
.btn.open-email-write .email-attach-count .fa-paperclip {
  font-size: 10px;
  padding-left: 2px;
}
.btn.open-email-write .email-attach-count .email-attach-count-value {
  display: inline-block;
  padding-right: 2px;
}
.btn.open-email-write .open-global-modal-headline {
  position: absolute;
  top: 3px;
  left: 32px;
  font-size: 13px;
  font-weight: 700;
  color: #73bade;
}
.btn.open-email-write .open-global-modal-headline.top {
  top: -7px;
  left: 29px;
  background-color: #fff;
  color: #73bade;
  padding-left: 3px;
  padding-right: 3px;
  line-height: 12px;
}
.btn.open-email-write .open-global-modal-to {
  position: absolute;
  top: 3px;
  left: 32px;
  font-size: 12px;
  font-weight: 600;
}

.popover {
  z-index: 901000 !important;
}
.popover .popover-header {
  padding: 0.3rem 0.75rem;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
  background-color: #f7f7f7;
  border: 0px;
  font-weight: 600;
  font-family: "Pragati Narrow", sans-serif;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
}
.popover .popover-body {
  padding: 4px;
  min-width: 264px;
  min-height: 60px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #ccc;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
}
.popover .popover-body .card {
  margin: 0px !important;
  background: rgb(230, 230, 230);
  background: linear-gradient(to bottom, rgb(230, 230, 230) 0%, rgb(254, 255, 255) 36%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e6eff4", endColorstr="#feffff",GradientType=0 );
}
.popover .popover-body .card .form-label {
  white-space: nowrap;
  text-shadow: 0px 0px 5px #ffffff;
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 12px;
  color: #73bade;
  font-weight: 700 !important;
  font-family: "Pragati Narrow", sans-serif;
  letter-spacing: 0.02em;
}
.popover .popover-body .card .card-body {
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 4px;
  line-height: 15px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.popover .popover-body .card .preview-data-info-sub {
  font-weight: normal;
}
.popover.confirmation.show .popover-header {
  font-size: 14px;
  padding: 5px 10px;
  background-color: #fff;
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
  border-bottom: 0px;
  color: #73bade;
  font-weight: bold;
}
.popover.confirmation.show .popover-body {
  font-size: 14px;
  padding: 1px 10px;
  background-color: #fff;
  box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.75);
}
.popover.confirmation.show .popover-body .confirmation-buttons {
  text-align: right !important;
}
.popover.confirmation.show .popover-body .confirmation-buttons .btn-group .confirm-ok {
  border-radius: 25rem;
  margin-bottom: 10px;
  color: #00a8ff;
  border: 1px solid #00a8ff;
  padding-left: 6px;
  padding-right: 6px;
}
.popover.confirmation.show .popover-body .confirmation-buttons .btn-group .confirm-ok:hover {
  background-color: #00a8ff;
  color: #fff;
}
.popover.confirmation.show .popover-body .confirmation-buttons .btn-group .confirm-no {
  border-radius: 25rem;
  margin-bottom: 10px;
  margin-left: 5px;
  color: #6b7a85;
  border: 1px solid #6b7a85;
  padding-left: 6px;
  padding-right: 6px;
}
.popover.confirmation.show .popover-body .confirmation-buttons .btn-group .confirm-no:hover {
  background-color: #6b7a85;
  color: #fff;
}
.popover.confirmation.show .popover-body .image-preview {
  height: calc(100% - 12px);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f8f9fa;
  border: solid 1px rgba(197, 214, 222, 0.7);
}
.popover.confirmation.show.popover-preview {
  max-width: 450px;
  min-width: 450px;
}
.popover.confirmation.show.popover-preview .popover-body {
  min-width: 100%;
}
.popover.confirmation.show.popover-preview .popover-body .confirmation-content {
  height: calc(100% - 34px);
}
.popover.confirmation.show.popover-preview .popover-body .confirmation-content iframe {
  height: calc(100% - 10px);
  width: 100%;
}
.popover.popover-typeahead {
  min-width: 450px;
}
.popover.popover-typeahead.customer .popover-header {
  background-color: #00a8ff;
  color: #fff;
  box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.5);
}
.popover.popover-typeahead.customer .popover-body {
  background-color: #00a8ff;
  box-shadow: 6px 6px 5px 0px rgba(0, 0, 0, 0.5);
}
.popover.popover-typeahead.customer .arrow:after {
  border-left-color: #00a8ff;
}
.popover.popover-typeahead.customer .btn-save-popover {
  background-color: #00a8ff;
  color: #fff;
}

.btn {
  border: solid 1px #73bade;
  background: #73bade;
}
.btn.btn-primary {
  background-color: #73bade;
  border-color: #73bade;
}
.btn.btn-expose-option {
  display: block;
  border: 0px;
  margin-bottom: 4px;
}
.btn.btn-expose-option i {
  color: #73bade;
}
.btn.btn-expose-option:hover {
  background-color: transparent;
  color: #6b7a85 !important;
}

h5 {
  color: #73bade;
}

h6 {
  color: #73bade;
  padding-bottom: 0.2rem !important;
  font-weight: 600;
}

.page-item.active .page-link {
  border-color: #73bade !important;
  background-color: #73bade !important;
}

.nav.nav-tabs.nav-tabs-sm .nav-item {
  font-size: 12px;
}
.nav.nav-tabs.nav-tabs-custom {
  position: relative;
  z-index: 2;
}
.nav.nav-tabs.nav-tabs-custom .nav-link {
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 16px;
  color: #666;
  background-color: #ebecec;
}
.nav.nav-tabs.nav-tabs-custom .nav-link.active {
  background-color: #f8f9fa;
  border-bottom: 1px solid #f8f9fa;
  font-weight: 600;
}
.nav.nav-tabs.nav-tabs-custom .nav-link:not(.active) {
  position: relative;
  top: 2px;
  height: 38px;
  border: 1px solid #fff;
}

.tabs-section-nav {
  border-top: 0px;
  overflow: visible;
}
.tabs-section-nav .tbl {
  width: unset;
}
.tabs-section-nav .tbl .nav .nav-item .nav-link {
  position: relative;
}
.tabs-section-nav .tbl .nav .nav-item .nav-link:not(.show) {
  border-right: 1px solid #ccc;
  border-left: 1px solid #fff;
  box-shadow: inset 0px 1px 0px 0px #ccc;
}
.tabs-section-nav .tbl .nav .nav-item .nav-link .preview-data-clipboard {
  position: absolute;
  top: 0px;
  right: 8px;
  color: #fa424a;
}
.tabs-section-nav .tbl .nav .nav-item .nav-link.active .nav-link-in {
  border-top-color: #73bade;
}
.tabs-section-nav .tbl .nav .nav-item .nav-link.only {
  width: 206px;
}
.tabs-section-nav .tbl .nav .nav-item .nav-link .nav-link-in {
  padding-left: 15px;
  padding-right: 15px;
}
.tabs-section-nav .tbl .nav .nav-item .nav-link .nav-link-in .badge-custom {
  position: absolute;
  top: -7px;
  right: 5px;
  z-index: 1000;
  font-size: 11px;
  line-height: 14px;
  font-weight: 600;
  font-family: "Pragati Narrow", sans-serif;
  padding: 2px 4px;
}
.tabs-section-nav.tabs-section-nav-icons .nav-link.active {
  color: #343434;
}
.tabs-section-nav.tabs-section-nav-icons .nav-link.active .fa {
  color: #fff;
}

.current-expose-var-image {
  height: 285px;
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: 5px;
}

.cropper-container {
  max-width: 100%;
  max-height: 100%;
}

.expose {
  width: 420px;
  height: 594px;
  position: relative;
  border: 1px solid #ccc;
  box-shadow: 6px 5px 5px 0px rgba(0, 0, 0, 0.75);
}
.expose img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
}
.expose .expose-logo {
  position: absolute;
  z-index: 0;
  top: 3%;
  right: 3%;
  width: 31%;
  height: 5%;
  background-image: url("../images/logo-4.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
}
.expose .expose-background {
  position: absolute;
  top: 10%;
  height: 83%;
  width: 94%;
  background-repeat: no-repeat;
  background-size: cover;
  left: 3%;
}
.expose .expose-background:after {
  content: "Bild";
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  z-index: 0;
  text-align: center;
  padding-top: 25%;
  font-size: 0.9rem;
  top: 0px;
  left: 0px;
}
.expose .expose-background img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.expose .expose-footer {
  position: absolute;
  left: 3%;
  bottom: 2%;
  z-index: 3;
  height: 4%;
  width: 94%;
  background-color: #72283f;
  color: #fff;
  font-size: 0.6rem;
  line-height: 1.4rem;
  padding-left: 3%;
  padding-right: 3%;
  text-align: right;
}
.expose .expose-footer .expose-footer-address {
  float: left;
}
.expose .expose-footer .expose-footer-page {
  float: right;
}
.expose .expose-center {
  position: absolute;
  z-index: 2;
  width: 150px;
  height: 150px;
  top: calc(50% - 75px);
  left: calc(50% - 75px);
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
}
.expose .expose-center .expose-center-headline {
  font-size: 1.6rem;
  line-height: 1;
  font-style: italic;
  font-weight: bold;
  color: #72283f;
  margin-top: 34%;
}
.expose .expose-center .expose-center-address {
  font-size: 0.8rem;
  position: relative;
}
.expose .expose-overview-headline {
  font-size: 1.6rem;
  line-height: 1;
  font-style: italic;
  font-weight: 500;
  color: #72283f;
  margin-top: 20%;
  margin-left: 6%;
  position: relative;
}
.expose .expose-overview-headline .click {
  top: unset !important;
  bottom: 0px;
  left: -20px !important;
}
.expose .expose-overview-address {
  font-size: 0.8rem;
  line-height: 1;
  color: #72283f;
  margin-top: 1%;
  margin-left: 6%;
  border-top: 1px solid #72283f;
  display: inline-block;
  padding-top: 1%;
  font-weight: 600;
  font-style: italic;
}
.expose .expose-overview-address .click {
  top: unset !important;
}
.expose .expose-overview-facts {
  font-size: 0.6rem;
  line-height: 1;
  color: #72283f;
  margin-top: 6%;
  margin-left: 6%;
  font-weight: bold;
}
.expose .expose-overview-data {
  font-size: 0.8rem;
  line-height: 1;
  color: #72283f;
  margin-top: 1%;
  margin-left: 6%;
  margin-right: 6%;
  border-top: 1px solid #72283f;
}
.expose .expose-overview-data .expose-overview-data-value {
  position: relative;
  display: table;
  width: 100%;
  border-spacing: 0rem;
}
.expose .expose-overview-data .expose-overview-data-value .expose-overview-data-value-row {
  display: table-row;
  width: 100%;
}
.expose .expose-overview-data .expose-overview-data-value .expose-overview-data-value-row .expose-overview-data-value-left {
  font-size: 0.5rem;
  width: 50%;
  line-height: 0.8rem;
  display: table-cell;
  border-bottom: 0.1em solid #72283f;
  padding-bottom: 2px;
  padding-top: 2px;
}
.expose .expose-overview-data .expose-overview-data-value .expose-overview-data-value-row .expose-overview-data-value-right {
  font-size: 0.5rem;
  width: 50%;
  line-height: 0.6rem;
  display: table-cell;
  border-bottom: 0.1em solid #72283f;
  padding-bottom: 3px;
}
.expose .expose-location {
  font-size: 0.5rem;
  line-height: 0.68rem;
  margin-top: 1%;
  padding-top: 2%;
  margin-left: 6%;
  margin-right: 6%;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 26px;
       column-gap: 26px;
  -moz-column-fill: balance;
       column-fill: balance;
  height: 32%;
}
.expose .expose-location .click {
  top: unset !important;
}
.expose .expose-imgage-left {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 33%;
  width: 46%;
  top: 10%;
  left: 3%;
}
.expose .expose-imgage-left:after {
  content: "Bild";
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  z-index: 0;
  text-align: center;
  padding-top: 25%;
  font-size: 0.9rem;
  top: 0px;
  left: 0px;
}
.expose .expose-imgage-right {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 33%;
  width: 46%;
  top: 10%;
  right: 3%;
}
.expose .expose-imgage-right:after {
  content: "Bild";
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  z-index: 0;
  text-align: center;
  padding-top: 25%;
  font-size: 0.9rem;
  top: 0px;
  left: 0px;
}
.expose .expose-imgage-top-left {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 41%;
  width: 46%;
  top: 10%;
  left: 3%;
}
.expose .expose-imgage-top-left:after {
  content: "Bild";
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  z-index: 0;
  text-align: center;
  padding-top: 25%;
  font-size: 0.9rem;
  top: 0px;
  left: 0px;
}
.expose .expose-imgage-top-right {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 41%;
  width: 46%;
  top: 10%;
  right: 3%;
}
.expose .expose-imgage-top-right:after {
  content: "Bild";
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  z-index: 0;
  text-align: center;
  padding-top: 25%;
  font-size: 0.9rem;
  top: 0px;
  left: 0px;
}
.expose .expose-imgage-bottom-left {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 41%;
  width: 46%;
  top: 52%;
  left: 3%;
}
.expose .expose-imgage-bottom-left:after {
  content: "Bild";
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  z-index: 0;
  text-align: center;
  padding-top: 25%;
  font-size: 0.9rem;
  top: 0px;
  left: 0px;
}
.expose .expose-imgage-bottom-right {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 41%;
  width: 46%;
  top: 52%;
  right: 3%;
}
.expose .expose-imgage-bottom-right:after {
  content: "Bild";
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  z-index: 0;
  text-align: center;
  padding-top: 25%;
  font-size: 0.9rem;
  top: 0px;
  left: 0px;
}
.expose .expose-imgage-top-text {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 36%;
  width: 94%;
  top: 24%;
  left: 3%;
}
.expose .expose-imgage-top-text:after {
  content: "Bild";
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  z-index: 0;
  text-align: center;
  padding-top: 25%;
  font-size: 0.9rem;
  top: 0px;
  left: 0px;
}
.expose .expose-imgage-bottom-text {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 36%;
  width: 94%;
  top: 57%;
  left: 3%;
}
.expose .expose-imgage-bottom-text:after {
  content: "Bild";
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  z-index: 0;
  text-align: center;
  padding-top: 25%;
  font-size: 0.9rem;
  top: 0px;
  left: 0px;
}
.expose .expose-imgage-center {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 49%;
  width: 94%;
  top: 44%;
  left: 3%;
}
.expose .expose-imgage-center:after {
  content: "Bild";
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  z-index: 0;
  text-align: center;
  padding-top: 25%;
  font-size: 0.9rem;
  top: 0px;
  left: 0px;
}
.expose .expose-imgage-top {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 41%;
  width: 94%;
  top: 10%;
  left: 3%;
}
.expose .expose-imgage-top:after {
  content: "Bild";
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  z-index: 0;
  text-align: center;
  padding-top: 25%;
  font-size: 0.9rem;
  top: 0px;
  left: 0px;
}
.expose .expose-imgage-bottom {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  height: 41%;
  width: 94%;
  top: 52%;
  left: 3%;
}
.expose .expose-imgage-bottom:after {
  content: "Bild";
  width: 100%;
  height: 100%;
  background-color: #eee;
  position: absolute;
  z-index: 0;
  text-align: center;
  padding-top: 25%;
  font-size: 0.9rem;
  top: 0px;
  left: 0px;
}
.expose .expose-plan-data {
  position: absolute;
  height: 15%;
  width: 94%;
  top: 60%;
  left: 3%;
}
.expose .expose-plan-data .expose-plan-data-left {
  position: absolute;
  height: 15%;
  width: 46%;
  top: 10%;
  left: 3%;
}
.expose .expose-plan-data .expose-plan-data-right {
  position: absolute;
  height: 15%;
  width: 46%;
  top: 10%;
  right: 3%;
}
.expose .expose-plan-data .expose-plan-data-headline {
  font-size: 0.6rem;
  line-height: 1rem;
  color: #72283f;
  min-height: 14px;
  font-weight: bold;
  border-bottom: 1px solid #72283f;
}
.expose .expose-plan-data .expose-plan-data-value {
  position: relative;
  display: table;
  border-spacing: 0.1rem;
  width: 100%;
}
.expose .expose-plan-data .expose-plan-data-value .expose-plan-data-value-row {
  display: table-row;
  width: 100%;
}
.expose .expose-plan-data .expose-plan-data-value .expose-plan-data-value-row .expose-plan-data-value-left {
  width: 38%;
  color: #72283f;
  display: table-cell;
  font-size: 0.6rem;
  line-height: 0.7rem;
  border-bottom: 0.1em solid #72283f;
}
.expose .expose-plan-data .expose-plan-data-value .expose-plan-data-value-row .expose-plan-data-value-right {
  width: 58%;
  color: #72283f;
  display: table-cell;
  font-size: 0.6rem;
  line-height: 0.7rem;
  border-bottom: 0.1em solid #72283f;
}
.expose:not(.thumbnail) .edit-expose-var .click {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 2;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #fa424a;
  border: 1px solid #fff;
  color: #fff;
  cursor: pointer;
}
.expose:not(.thumbnail) .edit-expose-var.rotating-border {
  background: linear-gradient(90deg, #fa424a 50%, transparent 50%), linear-gradient(90deg, #fa424a 50%, transparent 50%), linear-gradient(0deg, #fa424a 50%, transparent 50%), linear-gradient(0deg, #fa424a 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 2px, 15px 2px, 2px 15px, 2px 15px;
  padding: 4px;
  animation: border-dance 10s infinite linear;
}
.expose:not(.thumbnail) .edit-expose-var.rotating-border:after {
  content: "Klicke auf ein Bild um den Ausschnitt und die Größe zu bestimmen";
  font-weight: 600;
  text-align: center;
  padding-top: 13%;
  padding-left: 10%;
  padding-right: 10%;
  position: absolute;
  z-index: 0;
  top: 3px;
  left: 3px;
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  background-color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}
@keyframes border-dance {
  0% {
    background-position: 0 0, 100% 100%, 0 100%, 100% 0;
  }
  100% {
    background-position: 100% 0, 0 100%, 0 0, 100% 100%;
  }
}
.expose .expose-plan-data-headline.edit-expose-var .click, .expose .expose-plan-data-value.edit-expose-var .click, .expose .expose-overview-data-value.edit-expose-var .click {
  top: 0px;
  left: -16px;
}
.expose.thumbnail {
  width: 210px;
  height: 297px;
  margin-bottom: 15px;
}
.expose.thumbnail .edit-expose-var.rotating-border {
  background: linear-gradient(90deg, #fa424a 50%, transparent 50%), linear-gradient(90deg, #fa424a 50%, transparent 50%), linear-gradient(0deg, #fa424a 50%, transparent 50%), linear-gradient(0deg, #fa424a 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 10px 2px, 10px 2px, 2px 10px, 2px 10px;
  padding: 1px;
  animation: border-dance 7s infinite linear;
}
@keyframes border-dance {
  0% {
    background-position: 0 0, 100% 100%, 0 100%, 100% 0;
  }
  100% {
    background-position: 100% 0, 0 100%, 0 0, 100% 100%;
  }
}
.expose.thumbnail.active:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  font-size: 48px;
  color: #666;
  position: absolute;
  top: 39%;
  right: -52px;
}
.expose.thumbnail .expose-footer {
  font-size: 0.2rem;
  line-height: 0.8rem;
}
.expose.thumbnail .expose-center {
  width: 70px;
  height: 70px;
  top: calc(50% - 35px);
  left: calc(50% - 35px);
}
.expose.thumbnail .expose-center .expose-center-headline {
  font-size: 0.8rem;
}
.expose.thumbnail .expose-center .expose-center-address {
  font-size: 0.3rem;
}
.expose.thumbnail .expose-overview-headline {
  font-size: 0.8rem;
  line-height: 0.3rem;
}
.expose.thumbnail .expose-overview-address {
  font-size: 0.4rem;
  margin-top: 0;
}
.expose.thumbnail .expose-overview-facts {
  font-size: 0.4rem;
}
.expose.thumbnail .expose-overview-data .expose-overview-data-value {
  border-spacing: 0rem;
}
.expose.thumbnail .expose-overview-data .expose-overview-data-value .expose-overview-data-value-row .expose-overview-data-value-left {
  font-size: 4.2px;
  line-height: 0.2rem;
}
.expose.thumbnail .expose-overview-data .expose-overview-data-value .expose-overview-data-value-row .expose-overview-data-value-right {
  font-size: 4.2px;
  line-height: 0.2rem;
}
.expose.thumbnail .expose-location {
  font-size: 4px;
  line-height: 0.32rem;
}
.expose.thumbnail .expose-plan-data .expose-plan-data-headline {
  font-size: 0.3rem;
  line-height: 0.6rem;
  min-height: 7px;
  border-bottom: 0.1em solid #72283f;
}
.expose.thumbnail .expose-plan-data .expose-plan-data-value {
  border-spacing: 0.1rem;
}
.expose.thumbnail .expose-plan-data .expose-plan-data-value .expose-plan-data-value-row .expose-plan-data-value-left {
  font-size: 4.8px;
  line-height: 0.3rem;
}
.expose.thumbnail .expose-plan-data .expose-plan-data-value .expose-plan-data-value-row .expose-plan-data-value-right {
  font-size: 4.8px;
  line-height: 0.3rem;
}
.expose.thumbnail .expose-background:after {
  font-size: 0.7rem;
}
.expose.thumbnail .expose-imgage-left:after {
  font-size: 0.7rem;
}
.expose.thumbnail .expose-imgage-right:after {
  font-size: 0.7rem;
}
.expose.thumbnail .expose-imgage-top-left:after {
  font-size: 0.7rem;
}
.expose.thumbnail .expose-imgage-top-right:after {
  font-size: 0.7rem;
}
.expose.thumbnail .expose-imgage-bottom-left:after {
  font-size: 0.7rem;
}
.expose.thumbnail .expose-imgage-bottom-right:after {
  font-size: 0.7rem;
}
.expose.thumbnail .expose-imgage-top-text:after {
  font-size: 0.7rem;
}
.expose.thumbnail .expose-imgage-bottom-text:after {
  font-size: 0.7rem;
}
.expose.thumbnail .expose-imgage-center:after {
  font-size: 0.7rem;
}
.expose.thumbnail .expose-imgage-top:after {
  font-size: 0.7rem;
}
.expose.thumbnail .expose-imgage-bottom:after {
  font-size: 0.7rem;
}
.expose.preview {
  width: 105px;
  height: 148px;
  margin-bottom: 15px;
  margin-top: 15px;
  cursor: pointer;
}
.expose.preview .expose-background:after {
  font-size: 0.6rem;
}
.expose.preview .expose-imgage-left:after {
  font-size: 0.6rem;
}
.expose.preview .expose-imgage-right:after {
  font-size: 0.6rem;
}
.expose.preview .expose-imgage-top-left:after {
  font-size: 0.6rem;
}
.expose.preview .expose-imgage-top-right:after {
  font-size: 0.6rem;
}
.expose.preview .expose-imgage-bottom-left:after {
  font-size: 0.6rem;
}
.expose.preview .expose-imgage-bottom-right:after {
  font-size: 0.6rem;
}
.expose.preview .expose-imgage-top-text:after {
  font-size: 0.6rem;
}
.expose.preview .expose-imgage-bottom-text:after {
  font-size: 0.6rem;
}
.expose.preview .expose-imgage-center:after {
  font-size: 0.6rem;
}
.expose.preview .expose-imgage-top:after {
  font-size: 0.6rem;
}
.expose.preview .expose-imgage-bottom:after {
  font-size: 0.6rem;
}
.expose.preview .crop {
  background-color: #fa424a !important;
}
.expose.preview.select {
  border: 4px solid #73bade;
}
.expose.preview .expose-footer {
  font-size: 0.1rem;
  line-height: 0.4rem;
}
.expose.preview .image {
  background-color: #ccc;
}
.expose.preview .text:after {
  content: "...";
  font-size: 12px;
}
.expose.preview .expose-center {
  width: 35px;
  height: 35px;
  top: calc(50% - 17px);
  left: calc(50% - 17px);
}
.expose.preview .expose-center .expose-center-headline {
  font-size: 0.5rem;
}
.expose.preview .expose-center .expose-center-address {
  font-size: 0.2rem;
}
.expose.preview .expose-overview-headline {
  font-size: 0.4rem;
  line-height: 0;
}
.expose.preview .expose-overview-address {
  font-size: 0.4rem;
  margin-top: 0;
}
.expose.preview .expose-overview-facts {
  font-size: 0.2rem;
}
.expose.preview .expose-overview-data {
  font-size: 0.4rem;
}
.expose.preview .expose-overview-data .expose-overview-data-name {
  font-size: 2.8px;
}
.expose.preview .expose-overview-data .expose-overview-data-value {
  font-size: 2.8px;
}
.expose.preview .expose-location {
  font-size: 2.8px;
}
.expose.preview.leipzig .expose-location {
  font-size: 2px;
  line-height: 0.2rem;
  -moz-column-gap: 4px;
       column-gap: 4px;
  margin-top: 3px;
}

.all-object-expose {
  min-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.all-object-expose .button-box {
  width: 21px;
  height: 30px;
}

.preview-box {
  display: inline-block;
  width: 130px;
  float: left;
}

.bg-color-calendar {
  background-color: #b348ae !important;
  border-color: #b348ae !important;
  color: #fff !important;
}

.bg-color-file {
  background-color: #a7505f !important;
  border-color: #a7505f !important;
  color: #fff !important;
}

.bg-color-email {
  background-color: #fa424a !important;
  border-color: #fa424a !important;
  color: #fff !important;
}

.bg-color-object {
  background-color: #46c35f !important;
  border-color: #46c35f !important;
  color: #fff !important;
}

.bg-color-customer {
  background-color: #00a8ff !important;
  border-color: #00a8ff !important;
  color: #fff !important;
}

.bg-color-project {
  background-color: #EFCE05 !important;
  border-color: #EFCE05 !important;
  color: #fff !important;
}

.bg-color-user {
  background-color: #f79033 !important;
  border-color: #f79033 !important;
  color: #fff !important;
}

.small {
  font-size: 12px !important;
}

.red {
  color: #fa424a !important;
}

.green {
  color: #46c35f !important;
}

.blue {
  color: #73bade !important;
}

.orange {
  color: #f29824 !important;
}

.grey {
  color: #929faa !important;
}

.black {
  color: #000 !important;
}

.magenta {
  color: #b348ae !important;
}

.daterangepicker.dropdown-menu {
  width: auto;
  z-index: 9011;
}

.btn-customer {
  background-color: #73bade;
}

.btn-secondary.image-favo {
  background-color: #73bade !important;
}

.btn-primary.image-favo {
  background-color: #46c35f !important;
}

.btn-group-toggle {
  display: block;
  padding-top: 4px;
}
.btn-group-toggle .btn.btn-radio {
  z-index: 1;
  background-color: #f8f9fa !important;
  border-radius: 11px !important;
  width: calc(50% - 15px);
  text-align: left;
  font-size: 13px;
  line-height: 14px;
  border: solid 1px rgba(197, 214, 222, 0.7);
  color: #666 !important;
  margin-right: 0px;
  margin-left: 0px;
  -ms-flex: 0 0 50%;
  position: relative;
  min-height: 1px;
  display: inline-block;
  margin-bottom: 9px;
}
.btn-group-toggle .btn.btn-radio.active {
  background-color: #73bade !important;
  color: #fff !important;
}
.btn-group-toggle .btn.btn-radio.active:hover {
  background-color: #6da5c1 !important;
  border: solid 1px rgba(197, 214, 222, 0.7) !important;
}
.btn-group-toggle .btn.btn-radio:not(.active):hover {
  background-color: #e7eef5 !important;
  border: solid 1px rgba(197, 214, 222, 0.7) !important;
}
.btn-group-toggle .btn.btn-radio.odd {
  left: 25px;
}

.chart-credit {
  position: relative;
  top: -6px;
}

.checkbox-room label small, .checkbox-car label small {
  position: relative;
  top: -6px;
}
.checkbox-room label i, .checkbox-car label i {
  background-color: #999;
  color: #fff;
  border-radius: 50%;
  padding: 4px;
}

.checkbox-disabled {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  border-radius: 3px;
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
  background-color: #ccc;
}

.checkbox-pill.checkbox-pill-inline {
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.checkbox-pill.disabled {
  opacity: 0.5;
}
.checkbox-pill .cr {
  position: relative;
  display: inline-block;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  float: left;
  margin-right: 0.5em;
  background-color: #fff;
  cursor: pointer;
}
.checkbox-pill .cr i {
  position: absolute;
  font-size: 21px;
  line-height: 0;
  top: 50%;
  left: 0px;
  color: #73bade;
}
.checkbox-pill .cr.disabled {
  top: -30px;
}
.checkbox-pill label {
  font-size: 14px;
  font-weight: 500;
}
.checkbox-pill label.no-text {
  display: inline-block;
  width: 21px;
  height: 21px;
  overflow: hidden;
}
.checkbox-pill label input[type=checkbox] {
  display: none;
}
.checkbox-pill label input[type=checkbox] + .cr > i.cr-check {
  opacity: 0;
}
.checkbox-pill label input[type=checkbox] + .cr > i.cr-uncheck {
  opacity: 1;
}
.checkbox-pill label input[type=checkbox]:checked + .cr > i.cr-check {
  opacity: 1;
}
.checkbox-pill label input[type=checkbox]:checked + .cr > i.cr-uncheck {
  opacity: 0;
}
.checkbox-pill label:after {
  content: "";
  display: table;
  clear: both;
}

.preview-data.checkbox-insert {
  margin-left: 40px;
}
.preview-data.checkbox-insert .checkbox-pill {
  position: absolute;
  top: -2px;
  left: -30px;
}
.preview-data.preview-data-inline {
  display: inline-block;
}
.preview-data.preview-data-inline-checkbox {
  display: inline-block;
  min-width: calc(100% - 60px) !important;
  top: -6px;
}

.checkbox .toggle {
  min-height: unset;
  border-radius: 11px;
  border: solid 1px rgba(235, 236, 236, 0.7) !important;
}
.checkbox .toggle.btn .toggle-group .btn {
  border: 0px;
  text-align: left;
  line-height: 14px !important;
  padding: 0.25rem 0.5rem;
  font-size: 13px;
}
.checkbox .toggle.btn .toggle-group .btn.btn-success {
  background-color: #73bade !important;
}
.checkbox .toggle.btn .toggle-group .btn.btn-danger {
  background-color: #fa424a !important;
}
.checkbox .toggle.btn .toggle-group .btn.btn-default.toggle-handle {
  background-color: #fff !important;
}
.checkbox .toggle.btn .toggle-group .btn.btn-default {
  background-color: #f8f9fa !important;
  color: #666 !important;
}
.checkbox .toggle.btn .toggle-group .btn.toggle-handle {
  display: none;
}
.checkbox.disabled .toggle.btn {
  border-color: #eceff4 !important;
}
.checkbox.disabled .toggle.btn .toggle-group .btn.btn-success {
  background-color: #eceff4 !important;
  color: #343434 !important;
}
.checkbox.disabled .toggle.btn .toggle-group .btn.btn-danger {
  background-color: #eceff4 !important;
  color: #343434 !important;
}
.checkbox.disabled .toggle.btn .toggle-group .btn.btn-default.toggle-handle {
  background-color: #fff !important;
}
.checkbox.disabled .toggle.btn .toggle-group .btn.btn-default {
  background-color: #eceff4 !important;
  color: #343434 !important;
}
.checkbox label {
  font-size: 13px !important;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}
.blink {
  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
}

form.disabled .form-control {
  background-color: #eceff4;
}
form .btn-save {
  position: fixed;
  top: 66px;
  right: 16px;
  z-index: 70;
  width: 190px;
  line-height: 1;
  padding: 0.3rem 0.5rem;
  border-radius: 2px;
  background-color: #fa424a !important;
  border-color: #fa424a !important;
}
form .btn-save:hover {
  background-color: #fa424a !important;
}
form .btn-save.merge {
  animation: blick 1s infinite;
}

.tabs-section-nav.save-button {
  width: calc(100% - 200px);
}

.jq-toast-wrap.bottom-right {
  right: 30px !important;
}
.jq-toast-wrap.top-right {
  top: 56px;
  right: 16px;
}

.jq-toast-wrap {
  width: 400px;
  z-index: 1050 !important;
}
.jq-toast-wrap .toast-info-box {
  background-color: #eee;
  padding: 5px;
  margin-top: 8px;
  margin-bottom: 8px;
  border-radius: 5px;
  color: #666;
}
.jq-toast-wrap .jq-icon-success {
  background-image: none;
  color: #fff;
  background-color: #46c35f;
  border: 2px solid #fff;
  box-shadow: 0px 0px 10px 2px rgb(255, 255, 255);
}
.jq-toast-wrap .jq-icon-success:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f118";
  position: absolute;
  left: 11px;
  top: 11px;
  font-size: 20px;
  line-height: 20px;
}
.jq-toast-wrap .jq-icon-error {
  background-image: none;
  color: #fff;
  background-color: #fa424a;
  border: 2px solid #fff;
  box-shadow: 0px 0px 10px 2px rgb(255, 255, 255);
}
.jq-toast-wrap .jq-icon-error:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f119";
  position: absolute;
  left: 11px;
  top: 11px;
  font-size: 20px;
  line-height: 20px;
}
.jq-toast-wrap .jq-icon-error.copy:before {
  content: "\f24d";
}
.jq-toast-wrap .jq-icon-warning {
  background-image: none;
  color: #fff;
  background-color: #fa424a;
  border: 2px solid #fff;
  box-shadow: 0px 0px 10px 2px rgb(255, 255, 255);
}
.jq-toast-wrap .jq-icon-warning:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f071";
  position: absolute;
  left: 11px;
  top: 11px;
  font-size: 20px;
  line-height: 20px;
}
.jq-toast-wrap .jq-icon-info {
  background-image: none;
  color: #fff;
  background-color: #64a2c1;
  border: 2px solid #fff;
  box-shadow: 0px 0px 10px 2px rgb(255, 255, 255);
}
.jq-toast-wrap .jq-icon-info:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f05a";
  position: absolute;
  left: 11px;
  top: 11px;
  font-size: 20px;
  line-height: 20px;
}
.jq-toast-wrap .jq-icon-max-height .jq-toast-content {
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
}
.jq-toast-wrap .jq-icon-project-task {
  border: 2px solid #EFCE05 !important;
  background-color: #e9f2f7;
}
.jq-toast-wrap .jq-icon-project-task:after {
  content: "";
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  top: 6px;
  left: 6px;
  z-index: 1;
  border: 2px solid #EFCE05;
}
.jq-toast-wrap .jq-icon-project-task:before {
  content: "\f46d";
  color: #EFCE05;
  z-index: 2;
  left: 14px;
}
.jq-toast-wrap .jq-icon-project-task .close-jq-toast-single {
  color: #000;
}
.jq-toast-wrap .jq-icon-project-task .jq-toast-heading {
  color: #000;
  margin-left: 4px;
}
.jq-toast-wrap .jq-icon-project-task .jq-toast-content {
  color: #666;
  display: inline-block;
}
.jq-toast-wrap .jq-icon-project-task .jq-toast-content .polling-project-task {
  margin-top: 5px;
  font-size: 12px;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 600;
  padding: 0px 5px;
  display: block;
}
.jq-toast-wrap .jq-icon-email {
  border: 2px solid #fa424a !important;
  background-color: #e9f2f7;
}
.jq-toast-wrap .jq-icon-email:after {
  content: "";
  position: absolute;
  background-color: #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  top: 6px;
  left: 6px;
  z-index: 1;
  border: 2px solid #fa424a;
}
.jq-toast-wrap .jq-icon-email:before {
  content: "\f0e0";
  color: #fa424a;
  z-index: 2;
  left: 13px;
  font-size: 17px;
  line-height: 21px;
}
.jq-toast-wrap .jq-icon-email .close-jq-toast-single {
  color: #000;
}
.jq-toast-wrap .jq-icon-email .jq-toast-heading {
  color: #000;
  margin-left: 4px;
}
.jq-toast-wrap .jq-icon-email .jq-toast-content {
  color: #666;
  display: inline-block;
  width: 100%;
}
.jq-toast-wrap .jq-icon-email .jq-toast-content .polling-project-task {
  margin-top: 5px;
  font-size: 12px;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 600;
  padding: 0px 5px;
  display: block;
}
.jq-toast-wrap .jq-icon-email .jq-toast-content .email-list-entry {
  position: relative;
  left: -30px;
  top: 5px;
  width: calc(100% + 30px);
}
.jq-toast-wrap .jq-toast-single {
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 400;
  font-size: 16px;
}
.jq-toast-wrap .jq-toast-single.jq-has-icon {
  margin-top: 10px;
  padding: 10px 15px 15px 40px;
  border: 0px;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.5);
}
.jq-toast-wrap .jq-toast-single h2.jq-toast-heading {
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 700;
  border-bottom: 1px solid #fff;
  padding-bottom: 4px;
  margin-bottom: 8px;
  font-size: 16px;
}
.jq-toast-wrap .new-function-toast {
  background-image: none;
  color: #fff;
  background-color: #666;
  border: 2px solid #fff;
  width: 400px;
  margin-left: -100px;
  box-shadow: 0px 0px 10px 2px rgb(255, 255, 255);
}
.jq-toast-wrap .new-function-toast:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f7d9";
  position: absolute;
  left: 11px;
  top: 11px;
  font-size: 20px;
  line-height: 20px;
  text-shadow: -2px 0px 0px #000;
  color: #fff;
}
.jq-toast-wrap .new-function-toast .jq-toast-content h5 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 7px;
}
.jq-toast-wrap .new-function-toast .jq-toast-content button {
  background-color: #fff;
  border: 0px;
  color: #666;
  display: block;
}

.open-global-modal-link {
  cursor: pointer;
}
.open-global-modal-link.open-global-modal-popover {
  cursor: context-menu;
}

.open-global-modal-popover {
  cursor: context-menu;
}

.scale-minus-1 {
  transform: scale(0.7);
  margin-left: -14%;
}

.card h4 {
  color: #73bade;
}
.card .card-popup-info {
  background-color: #ccc;
  padding: 2px 10px;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
.card .card-header .preview-data .preview-data-clipboard {
  top: -10px;
  right: 32px;
}
.card .card-header-custom {
  background-color: #ccc;
  padding-bottom: 2px;
  padding-left: 4px;
  margin-top: -3px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
}
.card .checkbox-pill {
  position: absolute;
  z-index: 1;
  top: -8px;
  left: -8px;
}
.card .card-action-button {
  width: 21px;
  height: 21px;
  position: absolute;
  z-index: 2;
  top: -8px;
  right: -8px;
}
.card .card-action-button .dropdown {
  position: relative;
  top: -2px;
}
.card .card-action-button .dropdown .dropdown-menu.show {
  width: 230px;
  z-index: 1;
  background-color: #f3fbff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
}
.card .card-action-button .dropdown .dropdown-menu.show:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 4px;
  right: -9px;
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #f3fbff;
}
.card .card-action-button .dropdown .dropdown-menu.show:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 2px;
  right: -12px;
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent #b5bcc1;
}
.card .card-action-button .dropdown .dropdown-menu .dropdown-item {
  font-size: 13px;
  color: #666;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.card .card-action-button .dropdown .dropdown-menu .dropdown-item:hover {
  color: #73bade;
}
.card .card-action-button .dropdown .dropdown-menu .dropdown-item i {
  color: #73bade;
  min-width: 18px;
}
.card .card-action-button .dropdown .dropdown-menu .dropdown-item i:before {
  display: inline-block;
  background-color: #73bade;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  line-height: 19px;
  text-align: center;
}
.card.card-list {
  margin-bottom: 15px;
  margin-left: 15px;
  margin-right: 0px;
}
.card.card-list .tag.xl {
  margin-bottom: 0px;
  height: 100%;
}
.card.card-user {
  min-width: 264px;
  max-width: 264px;
  background-color: #f6f8fa;
  border: 1px solid #d8e2e7;
}
.card.card-user .card-popup-info {
  background-color: #f79033;
  color: #fff;
}
.card.card-user .card-header {
  border: 0px;
}
.card.card-user .card-body {
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 4px;
  line-height: 15px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.card.card-user .card-body .name {
  padding-left: 43px;
  margin-top: -8px;
  margin-bottom: 5px;
  color: #666;
}
.card.card-user .card-body .contact {
  border-top: 1px solid #ccc;
  padding-top: 6px;
}
.card.card-user .card-body .contact .content {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.card.card-user .card-body .contact .content .fa.circle:before {
  display: inline-block;
  border: 1px solid #ccc;
  font-size: 11px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  padding: 3px;
  text-align: center;
  color: #666;
  line-height: 12px;
  margin-right: 4px;
  margin-bottom: 4px;
}
.card.card-user .card-body .address {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-user .card-body .description {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-user .card-body .info {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-expose {
  min-width: 230px;
  max-width: 230px;
  background-color: #f6f8fa;
  border: 1px solid #d8e2e7;
}
.card.card-expose.full {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.card.card-expose .card-header {
  border: 0px;
  color: initial;
  font-weight: initial;
  cursor: pointer;
}
.card.card-expose .card-body {
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 4px;
  line-height: 15px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.card.card-expose .card-body:hover {
  transform: scale(1.1);
  margin: 7%;
  padding: 0px;
}
.card.card-expose .card-body .name {
  font-size: 12px;
  font-weight: 600;
  color: #666;
}
.card.card-expose .card-body .info {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-expose .expose.thumbnail {
  box-shadow: none;
  border: 0px;
  background-color: #fff;
}
.card.card-customer-copy-field {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 255px;
}
.card.card-customer-copy-field .card-header {
  background-color: #fa424a;
  padding: 3px 10px;
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
}
.card.card-customer-copy-field .card-header .btn-close-customer-copy-field {
  width: 18px;
  height: 18px;
  border: 0px;
  background-color: transparent;
  float: right;
  position: relative;
  top: 3px;
  right: -5px;
}
.card.card-customer-copy-field .card-header .btn-close-customer-copy-field i {
  font-size: 14px;
}
.card.card-customer-copy-field .card-body {
  background-color: #fff;
  padding: 10px 10px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
}
.card.card-customer-copy-field .card-body .merge-copy-field {
  cursor: pointer;
  background-color: #eee;
  padding: 3px 5px;
  margin-bottom: 5px;
}
.card.card-customer-copy-field .card-body .merge-copy-field[data-field=customer_description] {
  width: 400px;
}
.card.card-customer-copy-field .card-body .merge-copy-field:hover {
  background-color: #e4e4e4;
}
.card.card-customer-copy-field .card-body .merge-copy-field img.preview {
  float: none;
}
.card.card-customer-copy-field .card-footer {
  background-color: #fff;
  padding: 10px 10px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
}
.card.card-customer-copy-field .card-footer .btn-save-customer-copy-field {
  background-color: #46c35f;
}
.card.card-attachment {
  min-width: 130px;
  max-width: 130px;
  background-color: #f6f8fa;
  border: 1px solid #d8e2e7;
  margin-bottom: 10px !important;
  margin-right: -4px !important;
}
.card.card-attachment .card-body {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
}
.card.card-attachment .card-body .attachment-name {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
  margin-top: 5px;
}
.card.card-attachment .card-body .attachment-size {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
  font-family: "Pragati Narrow", sans-serif;
  color: #000;
  margin-top: 3px;
}
.card.card-attachment .card-body i {
  color: #a7505f;
  border: 2px solid #a7505f !important;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
}
.card.card-attachment .card-body i:before {
  font-size: 24px;
  line-height: 35px;
}
.card.card-customer-person {
  min-width: 264px;
  max-width: 264px;
  background-color: #f6f8fa;
  border: 1px solid #ccc;
}
.card.card-customer-person.full {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.card.card-customer-person .card-popup-info {
  background-color: #00a8ff;
  color: #fff;
}
.card.card-customer-person .card-header {
  border: 0px;
}
.card.card-customer-person .card-body {
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 4px;
  line-height: 15px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.card.card-customer-person .card-body:hover {
  transform: scale(1.1);
  margin: 7%;
  padding: 0px;
}
.card.card-customer-person .card-body .shareholder {
  height: 45px;
}
.card.card-customer-person .card-body .shareholder input {
  background-color: #00a8ff;
  color: #fff !important;
  font-size: 12px;
  font-weight: bold;
}
.card.card-customer-person .card-body .shareholder .input-group-text {
  font-size: 12px;
  background-color: #666;
  color: #fff !important;
  font-weight: bold;
}
.card.card-customer-person .card-body .count .badge {
  margin-top: 6px;
  margin-bottom: 6px;
  margin-right: 3px;
}
.card.card-customer-person .card-body .count .badge i:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 11px;
  line-height: 11px;
  position: relative;
  top: 0px;
  left: 2px;
  margin-right: 3px;
}
.card.card-customer-person .card-body .self {
  background-color: #fff;
  border: 1px solid #d8e2e7;
  border-radius: 5px;
  padding: 4px;
  color: #000;
  font-size: 12px;
  position: relative;
  top: 3px;
}
.card.card-customer-person .card-body .name {
  color: #666;
}
.card.card-customer-person .card-body .contact {
  border-top: 1px solid #ccc;
  padding-top: 6px;
}
.card.card-customer-person .card-body .contact .content {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.card.card-customer-person .card-body .contact .content .fa.circle:before {
  display: inline-block;
  border: 1px solid #ccc;
  font-size: 11px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  padding: 3px;
  text-align: center;
  color: #666;
  line-height: 12px;
  margin-right: 4px;
  margin-bottom: 4px;
}
.card.card-customer-person .card-body .address {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-customer-person .card-body .description {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-customer-person .card-body .info {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-customer-person .card-body .info .col-6:nth-child(even) {
  padding-right: 12px;
  padding-left: 3px;
}
.card.card-customer-person .card-body .info .col-6:nth-child(odd) {
  padding-right: 3px;
  padding-left: 12px;
}
.card.card-customer-person .card-body .info .col-6 .self {
  min-height: 35px;
  margin-bottom: 7px;
}
.card.card-customer-person .card-body .info .col-6 .self label {
  position: relative;
  top: -12px;
  left: 0px;
  background-color: #fff;
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
}
.card.card-customer-person .card-body .info .col-6 .self .preview-data {
  margin-top: -12px;
}
.card.card-object {
  min-width: 264px;
  max-width: 264px;
  background-color: #f6f8fa;
  border: 1px solid #d8e2e7;
}
.card.card-object.full {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.card.card-object .card-popup-info {
  background-color: #46c35f;
  color: #fff;
}
.card.card-object .card-header {
  border: 0px;
}
.card.card-object .card-body {
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 4px;
  line-height: 15px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.card.card-object .card-body:hover {
  transform: scale(1.1);
  margin: 7%;
  padding: 0px;
}
.card.card-object .card-body .name {
  padding-left: 43px;
  margin-top: -8px;
  margin-bottom: 5px;
  color: #666;
}
.card.card-object .card-body .property .badge-object:first-child {
  margin-top: 4px;
  margin-bottom: 4px;
}
.card.card-object .card-body .property .badge-object:last-child {
  margin-bottom: 4px;
}
.card.card-object .card-body .contact {
  border-top: 1px solid #ccc;
  padding-top: 6px;
}
.card.card-object .card-body .contact .content {
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.card.card-object .card-body .contact .content .fa.circle:before {
  display: inline-block;
  border: 1px solid #ccc;
  font-size: 11px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  padding: 3px;
  text-align: center;
  color: #666;
  line-height: 12px;
  margin-right: 4px;
  margin-bottom: 4px;
}
.card.card-object .card-body .self {
  background-color: #fff;
  border: 1px solid #d8e2e7;
  border-radius: 5px;
  padding: 4px;
  color: #000;
  font-size: 12px;
  position: relative;
  top: 3px;
}
.card.card-object .card-body .address {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-object .card-body .description {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-object .card-body .info {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-object .card-body .info .col-6:nth-child(even), .card.card-object .card-body .info .col-4:nth-child(even) {
  padding-right: 12px;
  padding-left: 3px;
}
.card.card-object .card-body .info .col-6:nth-child(odd), .card.card-object .card-body .info .col-4:nth-child(odd) {
  padding-right: 3px;
  padding-left: 12px;
}
.card.card-object .card-body .info .col-6 .self, .card.card-object .card-body .info .col-4 .self {
  min-height: 35px;
  margin-bottom: 7px;
}
.card.card-object .card-body .info .col-6 .self label, .card.card-object .card-body .info .col-4 .self label {
  position: relative;
  top: -12px;
  left: 0px;
  background-color: #fff;
  display: inline-block;
  padding-left: 2px;
  padding-right: 2px;
}
.card.card-object .card-body .info .col-6 .self .preview-data, .card.card-object .card-body .info .col-4 .self .preview-data {
  margin-top: -12px;
}
.card.card-image {
  min-width: 213px;
  max-width: 213px;
  background-color: #f6f8fa;
  border: 1px solid #d8e2e7;
}
.card.card-image.popover {
  min-width: 264px;
  max-width: 264px;
}
.card.card-image.full {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.card.card-image.default:not(.weg) {
  background-color: #46c35f;
  color: #fff;
}
.card.card-image.default:not(.weg) .card-body {
  color: #fff;
}
.card.card-image.default:not(.weg) .card-body .title {
  color: #fff;
}
.card.card-image .card-header {
  position: relative;
  z-index: 0;
  top: 0px;
  left: 0px;
  height: 118px;
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 2px solid #46c35f;
  overflow: visible;
}
.card.card-image .card-header.edit-object-image {
  cursor: pointer;
}
.card.card-image .card-header .card-header-clipboard {
  position: absolute;
  z-index: 1;
  top: -3px;
  right: 16px;
}
.card.card-image .card-header .card-header-clipboard i {
  color: #fa424a;
  font-size: 18px;
}
.card.card-image .card-header .card-header-clipboard i:before {
  position: relative;
  z-index: 2;
}
.card.card-image .card-header .card-header-clipboard i:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f02e";
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 1;
  font-size: 21px;
  color: #fff;
}
.card.card-image .card-header .favo-object-image {
  position: absolute;
  right: 0px;
  bottom: -10px;
  border: 1px solid #fff;
  width: 26px;
  height: 26px;
  background-color: #46c35f;
  cursor: default;
}
.card.card-image .card-header .favo-object-image:hover {
  background-color: #46c35f !important;
  border: 1px solid #fff !important;
}
.card.card-image .card-header .favo-object-image i {
  font-size: 14px;
  line-height: 23px;
}
.card.card-image .card-header .card-header-icon {
  position: relative;
  bottom: -87px;
  border: 1px solid #fff;
  width: 26px;
  height: 26px;
  background-color: #46c35f;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 700;
  font-size: 10px;
  cursor: default;
  margin-right: -6px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.4);
}
.card.card-image .card-header .card-header-icon:hover {
  background-color: #46c35f !important;
  border: 1px solid #fff !important;
}
.card.card-image .card-header .card-header-icon i {
  font-size: 14px;
  line-height: 23px;
}
.card.card-image .card-header .card-header-icon.red {
  background-color: #fa424a !important;
}
.card.card-image .card-header .card-header-icon.blue {
  background-color: #73bade !important;
}
.card.card-image .card-body {
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 15px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.card.card-image .card-body .self {
  background-color: #fff;
  border: 1px solid #d8e2e7;
  border-radius: 5px;
  padding: 4px;
  color: #000;
  font-size: 12px;
  position: relative;
  top: 3px;
}
.card.card-image .card-body .weg {
  margin-top: 1px;
  margin-bottom: 5px;
  margin-left: -3px;
  padding-bottom: 4px;
  border-bottom: 1px solid #ccc;
}
.card.card-image .card-body .weg .preview-data-info {
  max-width: 160px;
}
.card.card-image .card-body .title {
  color: #666;
  font-weight: 600;
  margin-top: 2px;
}
.card.card-image .card-body .group {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-image .card-body .description {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-image .card-body .size {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-image .card-body .type {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-image .card-body .date .row {
  margin-left: -17px;
  margin-right: -17px;
}
.card.card-image .card-body .date .row .col-6 .self .preview-data.xs .preview-data-info {
  max-width: 58px;
}
.card.card-image .card-body .date .row .col-6 .self .preview-data.xs .preview-data-info-sub {
  max-width: 58px;
}
.card.card-image .card-body .version {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-image.select-expose {
  min-width: 100px;
  max-width: 100px;
}
.card.card-image.select-expose .card-header {
  height: 100px;
}
.card.card-image.select-expose .card-header .card-header-icon {
  position: relative;
  bottom: -72px;
  border: 1px solid #fff;
  width: 22px;
  height: 22px;
  background-color: #46c35f;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 700;
  font-size: 9px;
  line-height: 9px;
  cursor: default;
  margin-right: -6px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.4);
}
.card.card-image.select-expose .card-header .card-header-icon:hover {
  background-color: #46c35f !important;
  border: 1px solid #fff !important;
}
.card.card-image.select-expose .card-header .card-header-icon i {
  font-size: 12px;
  line-height: 21px;
}
.card.card-image.select-expose .card-body {
  font-size: 13px;
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 0px;
  padding-bottom: 6px;
  line-height: 8px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.card.card-image.select-expose .card-body .type {
  border-top: 0px;
}
.card.card-image.select-expose .card-body .size {
  border-top: 0px;
}
.card.card-bugtracker {
  min-width: 213px;
  max-width: 213px;
  background-color: #f6f8fa;
  border: 1px solid #d8e2e7;
}
.card.card-bugtracker.popover {
  min-width: 264px;
  max-width: 264px;
}
.card.card-bugtracker.full {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.card.card-bugtracker .card-header {
  position: relative;
  z-index: 0;
  top: 0px;
  left: 0px;
  height: 118px;
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  overflow: visible;
}
.card.card-bugtracker .card-header.edit-bugtracker {
  cursor: pointer;
}
.card.card-bugtracker .card-header .card-header-image-count {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 40px;
  height: 22px;
  background-color: #666;
  color: #fff;
  padding-left: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.card.card-bugtracker .card-header .card-header-icon {
  position: relative;
  bottom: -87px;
  border: 1px solid #fff;
  width: 26px;
  height: 26px;
  background-color: #46c35f;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 700;
  font-size: 10px;
  cursor: default;
  margin-right: -6px;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.4);
}
.card.card-bugtracker .card-header .card-header-icon:hover {
  background-color: #46c35f !important;
  border: 1px solid #fff !important;
}
.card.card-bugtracker .card-header .card-header-icon i {
  font-size: 14px;
  line-height: 23px;
}
.card.card-bugtracker .card-header .card-header-icon.red {
  background-color: #fa424a !important;
}
.card.card-bugtracker .card-header .card-header-icon.blue {
  background-color: #73bade !important;
}
.card.card-bugtracker .card-header .card-header-icon.magenta {
  background-color: #b348ae !important;
}
.card.card-bugtracker .card-header .card-header-icon.green {
  background-color: #46c35f !important;
}
.card.card-bugtracker .card-header .card-header-icon.brown {
  background-color: #a7505f !important;
}
.card.card-bugtracker .card-body {
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 15px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.card.card-bugtracker .card-body .self {
  background-color: #fff;
  border: 1px solid #d8e2e7;
  border-radius: 5px;
  padding: 4px;
  color: #000;
  font-size: 12px;
  position: relative;
  top: 3px;
}
.card.card-bugtracker .card-body .title {
  color: #666;
  font-weight: 600;
  margin-top: 2px;
}
.card.card-bugtracker .card-body .group {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-bugtracker .card-body .description {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-bugtracker .card-body .size {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-bugtracker .card-body .type {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-bugtracker .card-body .date .row {
  margin-left: -17px;
  margin-right: -17px;
}
.card.card-bugtracker .card-body .date .row .col-6 .self .preview-data.xs .preview-data-info {
  max-width: 58px;
}
.card.card-bugtracker .card-body .date .row .col-6 .self .preview-data.xs .preview-data-info-sub {
  max-width: 58px;
}
.card.card-email {
  min-width: 370px;
  max-width: 370px;
  background-color: #f6f8fa;
  border: 1px solid #d8e2e7;
}
.card.card-email .checkbox-pill {
  top: -10px !important;
  left: -10px !important;
}
.card.card-email .checkbox-pill .no-text {
  width: 20px !important;
  height: 20px !important;
}
.card.card-email.full {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.card.card-email .card-popup-info {
  background-color: #f79033;
  color: #fff;
}
.card.card-email .card-header {
  border: 0px;
  overflow: visible;
  padding-bottom: 0px;
}
.card.card-email .card-header .preview-data-clipboard {
  right: 100px;
}
.card.card-email .card-body {
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 4px;
  line-height: 15px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.card.card-email .card-body .email-message-new {
  border-left: 5px solid #fa424a;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.card.card-email .card-body .email-message-current {
  border-left: 5px solid #46c35f;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.card.card-email .card-body .email-message-parent {
  border-left: 5px solid #73bade;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.card.card-email .card-body .email-body-short {
  border-top: 1px solid #ccc;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 16px;
  background-color: #fff;
  color: #666;
}
.card.card-email .card-body .email-body-short message-new {
  border-left: 5px solid #fa424a;
  display: block;
  padding-left: 5px;
}
.card.card-email .card-body .email-body-short message-new message-current {
  border-left: 5px solid #46c35f;
  display: block;
  padding-left: 5px;
}
.card.card-email .card-body .email-body-short message-parent {
  border-left: 5px solid #73bade;
  display: block;
  padding-left: 5px;
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid #73bade;
}
.card.card-email .card-body .attachments {
  margin-top: 2px;
}
.card.card-email .card-body .attachments .open-global-modal-link {
  min-height: 16px;
}
.card.card-email .card-body .attachments .open-global-modal-link .attachment-name {
  float: left;
  width: 80%;
  font-size: 13px;
  font-weight: 500;
}
.card.card-email .card-body .attachments .open-global-modal-link .attachment-size {
  float: right;
  width: 20%;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  text-align: right;
}
.card.card-email .card-body .self {
  background-color: #fff;
  border: 1px solid #d8e2e7;
  border-radius: 5px;
  padding: 4px;
  color: #000;
  font-size: 12px;
  position: relative;
  top: 3px;
  margin-bottom: 10px;
}
.card.card-file {
  min-width: 264px;
  max-width: 264px;
  background-color: #f6f8fa;
  border: 1px solid #d8e2e7;
}
.card.card-file .checkbox-pill {
  top: -10px !important;
  left: -10px !important;
}
.card.card-file .checkbox-pill .no-text {
  width: 20px !important;
  height: 20px !important;
}
.card.card-file.full {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.card.card-file .card-popup-info {
  background-color: #f79033;
  color: #fff;
}
.card.card-file .card-header {
  border: 0px;
}
.card.card-file .card-body {
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 4px;
  line-height: 15px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.card.card-file .card-body .self {
  background-color: #fff;
  border: 1px solid #d8e2e7;
  border-radius: 5px;
  padding: 4px;
  color: #000;
  font-size: 12px;
  position: relative;
  top: 3px;
}
.card.card-file .card-body .tags {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-file .card-body .description {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-file .card-body .sizr {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-file .card-body .info {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-dashboard {
  min-width: 280px;
  max-width: 280px;
  background-color: #f6f8fa;
  border: 1px solid #d8e2e7;
  border-radius: 0px;
  margin-bottom: 15px !important;
  margin-right: 0px !important;
}
.card.card-dashboard.double {
  min-width: 575px;
  max-width: 575px;
}
.card.card-dashboard.full {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
}
.card.card-dashboard .card-header {
  border: 0px;
  color: #666;
  border-bottom: 1px solid #c0e3f5;
  background-color: #f3fbff;
  padding: 5px 10px;
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 16px;
  border-radius: 0px;
}
.card.card-dashboard .card-header i.icon:before {
  border-radius: 50%;
  color: #fff;
  background-color: #666;
  position: absolute;
  right: -4px;
  top: -4px;
  width: 26px;
  height: 26px;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
}
.card.card-dashboard .card-header.customer i.icon:before {
  color: #fff;
  background-color: #00a8ff;
}
.card.card-dashboard .card-header.project i.icon:before {
  color: #fff;
  background-color: #efce03;
}
.card.card-dashboard .card-header.object i.icon:before {
  color: #fff;
  background-color: #46c35f;
}
.card.card-dashboard .card-header.user i.icon:before {
  color: #fff;
  background-color: #f29824;
}
.card.card-dashboard .card-body {
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 6px;
  padding-bottom: 4px;
  line-height: 15px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
  background-color: #fff;
  min-height: 300px;
}
.card.card-dashboard .card-body .header {
  margin-top: 0px;
  margin-bottom: 6px;
  color: #73bade;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #ccc;
  padding-bottom: 3px;
}
.card.card-dashboard .card-body .re-submit-list {
  background-color: #f3fbff;
  margin-bottom: 10px;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #8cd4f9;
  cursor: pointer;
}
.card.card-task {
  min-width: 264px;
  max-width: 264px;
  background-color: #f6f8fa;
  border: 1px solid #d8e2e7;
}
.card.card-task .card-header {
  color: #000;
  border: 0px;
}
.card.card-task .card-body {
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 0px;
  padding-bottom: 4px;
  line-height: 15px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.card.card-task .card-body .self {
  background-color: #fff;
  border: 1px solid #d8e2e7;
  border-radius: 5px;
  padding: 4px;
  color: #000;
  font-size: 12px;
  position: relative;
  top: 3px;
}
.card.card-task .card-body .tags {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-task .card-body .description {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-task .card-body .sizr {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-task .card-body .info {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  margin-top: 4px;
}
.card.card-notes {
  min-width: 264px;
  max-width: 264px;
  background-color: #f6f8fa;
  border: 1px solid #d8e2e7;
}
.card.card-notes .card-header {
  color: #000;
}
.card.card-notes .card-header .object-notes-icon i {
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  background-color: #73bade;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-align: center;
}

.card-deck .card {
  margin-bottom: 30px;
}
.card-deck.card-deck-file {
  margin-left: -3px;
}
.card-deck.card-deck-file .card.card-file {
  min-width: 230px;
  max-width: 230px;
}
.card-deck.card-deck-file .card.card-file .card-header .preview-data.sm {
  min-width: 100%;
  max-width: 100%;
}

.bugtracker-image-preview {
  height: 60px;
  width: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #999;
  cursor: pointer;
}

.bugtracker-image {
  width: 97%;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #999;
}

.re-submit-preview .card {
  background-color: #fff;
  margin-bottom: 0px;
}

#imageMap {
  width: 100%;
  height: 170px;
}

.object-image-option {
  font-size: 0.85rem;
}
.object-image-option input[type=checkbox] {
  width: 10px;
  height: 10px;
}
.object-image-option .form-check-label {
  margin-bottom: 2px;
  padding-top: 0px;
}

.search-result select.form-control.limit {
  display: inline-block;
  width: 120px;
  height: 33px !important;
  margin-right: 8px;
}
.search-result select.form-control.weg {
  display: inline-block;
  width: 140px;
  height: 33px !important;
  margin-right: 8px;
}
.search-result .pagination {
  display: flex !important;
  margin-top: 0px;
}
.search-result .card-deck.object-image-expose {
  max-height: 408px;
  overflow-x: hidden;
  overflow-y: auto;
}
.breadcrumb {
  font-size: 0.85rem;
  background-color: transparent;
  border-radius: 0rem;
  padding: 0px;
  margin-bottom: 0px;
  display: inline-block;
  margin-left: -2px;
}
.breadcrumb h4 {
  margin: 0;
  padding: 0;
}
.breadcrumb .dropdown-menu {
  min-width: 250px;
  background-color: #f3fbff;
}
.breadcrumb .dropdown-menu .dropdown-item {
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 400;
  padding: 2px 12px;
  font-size: 0.9rem;
  border: 0px;
  position: unset;
}
.breadcrumb .dropdown-menu .dropdown-item .fa {
  color: #666;
  margin-right: 3px;
  font-size: 0.9rem;
  position: relative;
  top: -2px;
}
.breadcrumb .dropdown-menu .dropdown-item .fa:before {
  display: inline-block;
  background-color: #73bade;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  line-height: 19px;
  text-align: center;
}
.breadcrumb .dropdown-menu .dropdown-item i {
  color: #666;
  margin-right: 3px;
  font-size: 0.9rem;
  position: relative;
  top: -2px;
}
.breadcrumb .dropdown-menu .dropdown-item i:before {
  display: inline-block;
  background-color: #73bade;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  line-height: 19px;
  text-align: center;
}
.breadcrumb .dropdown-menu.action .dropdown-item {
  font-size: 0.8rem;
}
.breadcrumb .dropdown-menu.show {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
}
.breadcrumb .dropdown-menu.show:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 4px;
  left: -10px;
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #f3fbff transparent transparent;
}
.breadcrumb .dropdown-menu.show:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 2px;
  left: -13px;
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 12px 12px 12px 0;
  border-color: transparent #b5bcc1 transparent transparent;
}
.breadcrumb .data-copy {
  width: 25px;
  height: 25px;
  background-color: #fa424a;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #fff;
  display: inline-block;
  animation: blick 1s infinite;
  position: relative;
  top: -2px;
  margin-left: 4px;
  margin-right: 4px;
}
.breadcrumb .data-copy .fa {
  font-size: 12px;
}
.breadcrumb a {
  font-weight: 600;
  position: relative;
  top: -2px;
}
.breadcrumb a .fa {
  position: relative;
  top: 2px;
  font-size: 26px;
  color: #73bade;
  background-color: #fff;
  border-radius: 50%;
}
.breadcrumb img.preview {
  float: none;
  position: relative;
  top: 0px;
  height: 26px !important;
  width: 26px !important;
}
.breadcrumb .active {
  color: #000;
}

.breadcrumb li {
  margin-right: 6px;
}
.breadcrumb li:before {
  content: "" !important;
  padding: 0px !important;
}

.btn-lock-edit {
  height: 24px;
}

.btn-lock-user, .btn-lock-edit {
  height: 24px;
}
.btn-lock-user img.preview.xs, .btn-lock-edit img.preview.xs {
  width: 16px;
  height: 16px;
  margin-right: 6px;
  margin-top: 2px;
}
.btn-lock-user img.preview.xxs, .btn-lock-edit img.preview.xxs {
  width: 12px;
  height: 12px;
  margin-right: 6px;
  margin-top: 2px;
}
.btn-lock-user .fa, .btn-lock-edit .fa {
  float: left;
  line-height: 18px;
  margin-right: 6px;
}
.btn-lock-user .preview.xs.info, .btn-lock-edit .preview.xs.info {
  width: auto;
  line-height: 20px;
}

#map {
  min-height: 250px;
  background-color: #eee;
  border: 1px solid #ccc;
  position: relative;
}
#map p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #999;
  text-align: center;
}
#map p .fa {
  display: block;
  font-size: 40px;
}

#sale-chart {
  width: 100%;
  min-height: 240px;
}

.error {
  color: #fa424a;
}

#textTodoFields {
  font-weight: 700;
}
#textTodoFields.check {
  padding: 4px 8px;
  color: #fff;
  border-radius: 5px;
  background-color: #fa424a;
  cursor: pointer;
}
#textTodoFields #countTodoFields {
  display: inline-block;
  background-color: #fff;
  color: #fa424a;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-align: center;
  font-size: 15px;
  line-height: 18px;
}

.tabs-section-nav .nav-item .nav-link {
  font-size: 1rem;
}
.tabs-section-nav .nav-item .nav-link.duplette {
  color: #fa424a;
  animation: blick 1s infinite;
}
.tabs-section-nav .nav-item .nav-link.duplette .nav-link-in .fa {
  color: #fff;
  background-color: #fa424a;
}
.tabs-section-nav .nav-link-in {
  padding: 5px;
  border-top: solid 2px transparent;
  font-weight: 400 !important;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 14px;
}
.tabs-section-nav.tabs-section-nav-icons .fa, .tabs-section-nav.tabs-section-nav-icons .far {
  display: inline-block;
  font-size: 11px;
  line-height: 18px;
  color: #fff;
  background-color: #73bade;
  width: 19px;
  height: 19px;
  text-align: center;
  border-radius: 50%;
  margin: 0;
}
.tabs-section-nav.tabs-section-nav-icons .fa.fa-home {
  position: relative;
  left: -0.05em;
}

#calendarEventUser,
#calendarEventCustomer,
#calendarEventObject,
#typeahead-customer,
#typeahead-customer-contact,
#typeaheadProjectTasktCustomer,
#typeaheadObjectWeg,
#typeaheadCustomerPurchaseSeller,
#typeaheadObjectUser,
#typeaheadCustomerPurchaseAgent,
#typeaheadCustomerPurchaseAdmin,
#typeaheadCustomerSaleCreditBank,
#typeaheadCustomerSaleBuyWith,
#typeaheadObjectApartmentCustomer,
#typeaheadCustomerPurchaseBuyWith,
#typeaheadCustomerPerson,
#typeaheadCustomerShareholder,
#typeaheadCustomerOwner,
#typeaheadCustomerPurchaseCreditBank,
#typeaheadCustomerSale {
  border-radius: 0px;
  height: 27px;
  font-size: 12px;
  border: solid 1px #ced4da;
}

#typeahead-object,
#typeaheadProjectTasktObject,
#typeaheadObjectAttachment,
#typeaheadObjectImage {
  border-radius: 0px;
  height: 27px;
  font-size: 12px;
  border: solid 1px #ced4da;
}

#typeaheadCustomerUser,
#typeaheadProjectTasktUserObserver,
#typeahead-user {
  border-radius: 0px;
  height: 27px;
  font-size: 12px;
  border: solid 1px #ced4da;
}

#typeaheadCustomerShareholderAddButton {
  border-color: #00a8ff;
  background-color: #00a8ff;
  color: #fff;
  border-radius: 0px;
  height: 27px;
  font-size: 12px;
  line-height: 12px;
}

#typeaheadCustomerPersonAddButton {
  border-color: #00a8ff;
  background-color: #00a8ff;
  color: #fff;
  border-radius: 0px;
  height: 27px;
  font-size: 12px;
  line-height: 12px;
}

.btn-typeahead-customer {
  border-color: #23b9e2 !important;
  background-color: #23b9e2 !important;
  border-radius: 0px;
}

.btn-typeahead-object {
  border-color: #46c35f;
  background-color: #46c35f;
  border-radius: 0px;
}

.btn-typeahead-user {
  border-color: #f29824;
  background-color: #f29824;
  border-radius: 0px;
}

.typeahead-result .typeahead-list {
  background-color: #999;
  width: intrinsic;
  width: -moz-max-content;
  width: max-content;
  min-width: -webkit-fill-available;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.typeahead-result .typeahead-list .typeahead-item:hover {
  transform: scale(1.1);
  margin-left: 5%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.typeahead-result .typeahead-list .typeahead-item a {
  font-size: 15px;
  line-height: 10px;
  font-weight: 700;
  padding: 6px 4px;
  color: #fff;
  min-height: 32px;
  font-family: "Pragati Narrow", sans-serif;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content-icon {
  display: inline-block;
  background-color: #999;
  border-radius: 3px;
  height: 16px;
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding-left: 4px;
  padding-right: 4px;
  color: #fff;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content-value {
  display: inline-block;
  margin-left: 30px;
  min-height: 22px;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content-value:hover {
  color: #fff !important;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content-value .tag-content-sub {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  color: #fff;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content-value .te {
  display: inline-block;
  background-color: #fa424a;
  color: #fff;
  font-size: 10px;
  line-height: 6px;
  position: relative;
  top: -2px;
  border-radius: 3px;
  padding: 4px 3px;
  margin-left: 3px;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content-value:hover {
  color: #000;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content-value.tag-content-value-only {
  font-size: 18px;
  line-height: 20px;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content-new {
  position: absolute;
  z-index: 1;
  bottom: 1px;
  left: 3px;
  width: 16px;
  height: 16px;
  background-color: #fa424a;
  color: #fff;
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 8px;
  line-height: 14px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #fff;
  letter-spacing: -0.03em;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content-image {
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  display: inline;
  position: absolute;
  z-index: inherit;
  top: 4px;
  left: 5px;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content-image .btn {
  position: relative !important;
  top: 1px !important;
  left: 1px !important;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content-image:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 14px;
  line-height: 14px;
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  /* background-color: #fff; */
  border: 1px solid #fff;
  padding: 4px;
  width: 24px;
  height: 24px;
  text-align: center;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content-image:before:hover {
  color: #fff;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content {
  padding-top: 5px;
  padding-bottom: 5px;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content.customer {
  background-color: #00a8ff;
}
.typeahead-result .typeahead-list .typeahead-item a .tag-content.user {
  background-color: #f79033;
}

.typeahead-container .typeahead-field {
  padding: 5px;
  background-color: #e9ecef;
  z-index: 1;
}
.typeahead-container .typeahead-field .typeahead-query .input-group-text {
  height: 27px;
  width: 26px;
  padding: 0px;
  background-color: #fff;
}
.typeahead-container .typeahead-field .typeahead-query .input-group-text i {
  font-size: 27px;
  color: #73bade;
}
.typeahead-container .typeahead-field.filter {
  padding: 0px;
  margin-bottom: 0px !important;
}
.typeahead-container .typeahead-field.filter #typeahead-object-filter, .typeahead-container .typeahead-field.filter #typeahead-customer-filter {
  border-radius: 0px;
  height: 31px;
  font-size: 14px;
  border: solid 1px rgba(197, 214, 222, 0.7);
  width: 180px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  padding-left: 20px;
}
.typeahead-container .typeahead-field.filter.filter-project #typeahead-object-filter, .typeahead-container .typeahead-field.filter.filter-project #typeahead-customer-filter {
  height: 40px;
  font-size: 16px;
  width: 200px;
}
.typeahead-container .typeahead-field.filter.filter-project:after {
  top: 10px;
}
.typeahead-container .typeahead-field.filter.filter-project .typeahead-query .typeahead-cancel-button {
  top: 3px;
}
.typeahead-container .typeahead-field.filter .typeahead-cancel-button {
  position: absolute;
  right: 0;
  cursor: pointer;
  line-height: 1.05;
  padding: 0.5rem 0.75rem;
  display: none;
}
.typeahead-container .typeahead-field.filter:after {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 2;
  width: 14px;
  height: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0b0";
  color: #73bade !important;
  font-size: 14px;
}
.typeahead-container.customer-and-user .typeahead-result .typeahead-list {
  background-color: transparent !important;
  border: 0px !important;
}
.typeahead-container.customer-and-user .typeahead-result .typeahead-list .typeahead-item a {
  padding: 0px !important;
  border-bottom: 1px solid #fff;
}
.typeahead-container.customer-and-user .typeahead-result .typeahead-list .typeahead-item a .tag-content .tag-content-value {
  margin-left: 34px;
}
.typeahead-container.contact .typeahead-field .typeahead-query .input-group-text i, .typeahead-container.customer .typeahead-field .typeahead-query .input-group-text i {
  color: #00a8ff;
}
.typeahead-container.contact .typeahead-result .typeahead-list, .typeahead-container.customer .typeahead-result .typeahead-list {
  background-color: #00a8ff;
}
.typeahead-container.contact .typeahead-result .typeahead-list .typeahead-item a .tag-content-image:before, .typeahead-container.customer .typeahead-result .typeahead-list .typeahead-item a .tag-content-image:before {
  content: "\f007";
}
.typeahead-container.user .typeahead-field .typeahead-query .input-group-text i {
  color: #f79033;
}
.typeahead-container.user .typeahead-result .typeahead-list {
  background-color: #f79033;
}
.typeahead-container.user .typeahead-result .typeahead-list .typeahead-item a .tag-content-image:before {
  content: "\f007";
}
.typeahead-container.object .typeahead-field .typeahead-query .input-group-text i {
  color: #46c35f;
}
.typeahead-container.object .typeahead-result .typeahead-list {
  background-color: #46c35f;
}
.typeahead-container.object .typeahead-result .typeahead-list .typeahead-item a .tag-content-image:before {
  content: "\f015";
}
.typeahead-container.file .typeahead-field {
  background-color: transparent;
}
.typeahead-container.file .typeahead-field .typeahead-query .input-group-text i {
  color: #a7505f;
}
.typeahead-container.file .typeahead-result .typeahead-list .typeahead-item a .tag-content-image:before {
  content: "\f5fd";
}

.object-overview.circle {
  width: 40px;
  height: 40px;
  border: 2px solid #73bade;
  color: #73bade;
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 20px;
  text-align: center;
  line-height: 37px;
  border-radius: 50%;
  display: inline-block;
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 0px;
  position: relative;
  letter-spacing: -0.1em;
}
.object-overview.circle.deactive {
  border: 2px solid #ccc;
  color: #ccc;
}
.object-overview.circle.deactive:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f715";
  position: absolute;
  top: 0px;
  left: -2px;
  width: 40px;
  height: 40px;
  font-size: 29px;
  text-shadow: 0px 2px 2px #fff;
}
.object-overview.property {
  border: 2px solid #73bade;
  border-radius: 6px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 12px;
  width: 94px;
  margin-top: 10px;
  position: relative;
  left: 2px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 5px;
}

.my-slides-box {
  position: relative;
}
.my-slides-box .my-slides-img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.my-slides-box .my-slides-plus {
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  z-index: 1;
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  background-color: #73bade;
  border-radius: 50%;
}
.my-slides-box .my-slides-plus.my-slides-plus-left {
  left: 4px;
}
.my-slides-box .my-slides-plus.my-slides-plus-right {
  right: 5px;
}

.add-object-apartment-rental, .edit-object-apartment-rental {
  background-color: #46c35f !important;
  color: #fff !important;
  border-color: #46c35f !important;
  margin-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.add-object-apartment-rental {
  margin-top: 3px;
  margin-bottom: 0px;
  margin-left: 4px;
}

.delete-object-apartment-rental {
  margin-bottom: 10px;
  margin-top: 10px;
}

.add-customer-object-apartment-rental {
  min-width: 120px;
}

.toggle-checkbox-list {
  border: solid 1px rgba(197, 214, 222, 0.7);
  background-color: #f8f9fa;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 4px;
  margin-bottom: 6px;
}
.toggle-checkbox-list .preview-data.xs.file {
  min-width: 100%;
  max-width: 100%;
}
.toggle-checkbox-list.blue {
  background-color: #73bade;
  color: #fff !important;
}
.toggle-checkbox-list.object-overview {
  background-color: #eceff4;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.toggle-checkbox-list.object-overview.calendar h5 {
  color: #666;
}
.toggle-checkbox-list.object-overview.calendar h5 .btn {
  position: relative;
  top: -2px;
}
.toggle-checkbox-list.object-overview.history h5 {
  color: #666;
}
.toggle-checkbox-list.object-overview.history h5 .btn {
  position: relative;
  top: -2px;
}
.toggle-checkbox-list .form-group .form-label {
  margin-top: 10px;
}
.toggle-checkbox-list .form-group input {
  background-color: #fff;
}
.toggle-checkbox-list .checkbox {
  top: 8px;
  left: -8px;
  width: calc(100% + 16px);
}
.toggle-checkbox-list .checkbox .toggle.btn .toggle-group .btn.btn-default {
  background-color: #fff !important;
}

.toggle-info-list {
  border: solid 1px rgba(197, 214, 222, 0.7);
  background-color: #f8f9fa;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
.toggle-info-list .form-group {
  margin-bottom: 0.2rem !important;
}
.toggle-info-list .form-group .form-label {
  margin-top: 5px !important;
  margin-bottom: 0px !important;
}

.tag-container-list {
  margin-bottom: -6px;
  background-color: #e9ecef;
  border: 6px solid #e9ecef;
  padding-top: 4px;
}
.tag-container-list .card {
  background-color: #fff;
  border: solid 1px #ced4da;
}
.tag-container-list .card:first-child {
  margin-top: 0px;
}
.tag-container-list .card:last-child {
  margin-bottom: 0px;
}

.tag-container {
  margin-bottom: -6px;
  background-color: #e9ecef;
  border: 6px solid #e9ecef;
  padding-top: 4px;
  position: relative;
  z-index: 0;
  top: -16px;
}
.tag-container .multi-object {
  position: relative;
  top: -12px;
  left: 0px;
}
.tag-container .multi-object .fa-caret-down {
  font-size: 22px;
}
.tag-container .arrow-down {
  margin-top: -10px;
}
.tag-container .arrow-down .arrow-down-icon {
  display: block;
}
.tag-container .tag {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
  background-color: rgba(0, 168, 255, 0.2);
  border: solid 1px #ced4da;
  padding: 4px;
  border-radius: 3px;
}
.tag-container .tag.xs .tag-to-object-info {
  position: absolute;
  top: 2px;
  right: 0px;
  z-index: 2;
  width: 50%;
  height: 32px;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  color: #666;
  overflow: hidden;
}
.tag-container .tag.xs .tag-to-object-info .badge {
  padding: 0.1em 0.3em;
  letter-spacing: -0.02em;
}
.tag-container .tag.xs .tag-to-object-info .email-object-search {
  border: 1px solid #d8e7ee;
  font-size: 13px;
  line-height: 26px;
  width: 99%;
  padding-left: 4px;
  background-color: #f3fbff;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 500;
  color: #666;
}
.tag-container .tag.xs .tag-to-object-info .tag-to-object-info-priority {
  display: inline-block;
  width: 20px;
  height: 12px;
  position: relative;
  top: 1px;
}
.tag-container .tag.xs .tag-to-customer-info {
  position: absolute;
  top: 2px;
  right: 0px;
  z-index: 2;
  width: 50%;
  height: 32px;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  color: #666;
  overflow: hidden;
}
.tag-container .tag.xs .tag-to-customer-info .badge {
  padding: 0.1em 0.3em;
  letter-spacing: -0.02em;
}
.tag-container .tag.xs .tag-to-customer-info .email-customer-search {
  border: 1px solid #d8e7ee;
  font-size: 13px;
  line-height: 26px;
  width: 99%;
  padding-left: 4px;
  background-color: #f3fbff;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 500;
  color: #666;
}
.tag-container .tag.xs .tag-to-user-info {
  position: absolute;
  top: 2px;
  right: 0px;
  z-index: 2;
  width: 50%;
  height: 32px;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  color: #666;
  overflow: hidden;
}
.tag-container .tag.xs .tag-to-user-info .badge {
  padding: 0.1em 0.3em;
  letter-spacing: -0.02em;
}
.tag-container .tag.xs .tag-to-user-info .email-user-search {
  border: 1px solid #d8e7ee;
  font-size: 13px;
  line-height: 26px;
  width: 99%;
  padding-left: 4px;
  background-color: #f3fbff;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 500;
  color: #666;
}
.tag-container .tag.xl {
  display: block;
  margin-bottom: 10px;
  margin-right: 0px;
  min-height: 61px;
  position: relative;
  /*background-color: #f8f9fa !important;*/
  background-color: #fff !important;
}
.tag-container .tag.xl.half {
  width: 49%;
  float: left;
}
.tag-container .tag.xl.half.odd {
  float: right;
}
.tag-container .tag.xl.tag-card {
  width: 270px;
}
.tag-container .tag .tag-content {
  float: left;
  margin-right: 6px;
  font-size: 14px;
  font-weight: 400;
}
.tag-container .tag .tag-content .tag-content-icon {
  display: inline-block;
  background-color: #fff;
  border-radius: 3px;
  height: 16px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
  padding-left: 4px;
  padding-right: 4px;
}
.tag-container .tag .tag-content img {
  background-color: #FFF;
}
.tag-container .tag.xl .tag-content {
  height: 26px;
  font-weight: 400;
  width: calc(100% - 50px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tag-container .tag.xl .tag-content.up img {
  display: none;
}
.tag-container .tag.xl .tag-content.down {
  height: 21px;
}
.tag-container .tag.xl .tag-content.down img {
  display: inline-block;
}
.tag-container .tag.xl .tag-select-info {
  color: #fff;
  font-size: 13px;
  line-height: 11px;
  margin-top: 8px;
  margin-left: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Pragati Narrow", sans-serif;
  padding-left: 7px;
  padding-right: 24px;
  background-color: #666;
  border-radius: 15px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.tag-container .tag.xl .tag-select-info i {
  font-size: 20px;
  float: left;
  margin-right: 7px;
}
.tag-container .tag.xl .tag-info {
  cursor: pointer;
  margin-right: 8px;
  color: #999;
  position: absolute;
  right: 14px;
  top: 2px;
  z-index: 1;
}
.tag-container .tag.xl .tag-info.no-tag-close {
  right: 2px;
}
.tag-container .tag.xl .tag-info .far, .tag-container .tag.xl .tag-info .fas {
  font-size: 13px;
}
.tag-container .tag.xl .tag-info.up .fas {
  display: none;
}
.tag-container .tag.xl .tag-info.up .far {
  display: inline-block;
}
.tag-container .tag.xl .tag-info.down .fas {
  display: inline-block;
}
.tag-container .tag.xl .tag-info.down .far {
  display: none;
}
.tag-container .tag .tag-close {
  cursor: pointer;
  color: #999;
  font-weight: 100;
  margin-right: 4px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1;
}
.tag-container .tag .tag-close .fa {
  font-size: 14px;
}
.tag-container .tag .tag-organizer {
  position: absolute;
  top: 4px;
  right: 40px;
  z-index: 1;
  font-size: 13px;
  color: #fa424a;
}
.tag-container .tag .tag-tracking {
  font-size: 13px;
  line-height: 15px;
  color: #666;
  padding: 4px 4px;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 400;
  border-radius: 0px;
}
.tag-container .tag .tag-tracking .icon {
  font-size: 18px;
  margin-left: 12px;
  margin-top: 1px;
}
.tag-container .tag .tag-tracking .checkbox {
  margin-left: -18px;
  margin-bottom: 0px;
  margin-top: 3px;
}
.tag-container .tag .tag-description {
  padding-bottom: 0px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #000;
  position: relative;
  margin-bottom: -5px;
}
.tag-container .tag .tag-description .tag-description-name {
  font-size: 14px;
  font-weight: bold;
}
.tag-container .tag .tag-description .tag-description-address {
  margin-top: 10px;
  font-size: 13px;
}
.tag-container .tag .tag-description .tag-description-contact {
  margin-top: 10px;
  font-size: 13px;
}
.tag-container .tag .tag-description .card {
  min-width: calc(100% + 10px);
  max-width: calc(100% + 10px);
  margin-bottom: 0px;
  margin-left: -5px;
  margin-top: -5px;
  background-color: #f8f9fa;
}
.tag-container .tag .tag-description.down {
  min-height: 51px;
  max-height: 51px;
  overflow: hidden;
}
.tag-container .tag .tag-object-apartment {
  padding: 10px 8px;
}
.tag-container .tag .tag-object-apartment label {
  top: 8px;
  left: -2px;
}
.tag-container .tag .tag-object-apartment .preview-data {
  margin-bottom: 5px;
}
.tag-container .tag.tag-card .tag-description {
  height: calc(100% - 27px);
  background-color: #fff;
}
.tag-container .tag.customer {
  background-color: #00a8ff;
  color: #fff;
}
.tag-container .tag.customer .tag-content .tag-content-icon {
  color: #00a8ff;
}
.tag-container .tag.customer.apartment {
  background-color: #f8f9fa !important;
  border: solid 1px rgba(197, 214, 222, 0.7);
}
.tag-container .tag.customer.select {
  position: relative;
  background-color: #fff;
  width: 100% !important;
  height: 34px;
  padding-top: 6px;
  color: #000;
}
.tag-container .tag.customer.select label {
  width: 90% !important;
}
.tag-container .tag.customer.select label:before {
  margin-top: 1px;
}
.tag-container .tag.object {
  background-color: #46c35f;
  color: #fff;
}
.tag-container .tag.object .tag-content .tag-content-icon {
  color: #46c35f;
}
.tag-container .tag.object.select {
  position: relative;
  background-color: #fff;
  width: 100% !important;
  height: 34px;
  padding-top: 6px;
  color: #000;
}
.tag-container .tag.object.select label {
  width: 90% !important;
}
.tag-container .tag.object.select label:before {
  margin-top: 1px;
}
.tag-container .tag.user {
  background-color: #f79033;
  color: #fff;
}
.tag-container .tag.user .tag-content .tag-content-icon {
  color: #f79033;
}
.tag-container .tag.user.select {
  position: relative;
  background-color: #fff;
  width: 100% !important;
  height: 34px;
  padding-top: 6px;
  color: #000;
}
.tag-container .tag.user.select label {
  width: 90% !important;
}
.tag-container .tag.user.select label:before {
  margin-top: 1px;
}
.tag-container .tag.file {
  background-color: #a7505f;
  color: #fff;
}
.tag-container .tag.file .tag-content .tag-content-icon {
  color: #a7505f;
}
.tag-container .tag:first-child {
  margin-top: 10px;
}
.tag-container .tag:last-child {
  margin-bottom: 0px;
}
.tag-container .tag .card {
  background-color: #fff !important;
}
.tag-container .tag.email {
  position: relative;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  height: 32px;
  border-radius: 5px;
  border: 0px;
}
.tag-container .tag.email .tag-image {
  float: left;
  margin-right: 4px;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 1px solid #ccc;
  width: 22px;
  height: 22px;
}
.tag-container .tag.email .tag-name {
  font-weight: 600;
  display: inline-block;
  line-height: 11px;
  padding-right: 10px;
}
.tag-container .tag.email .tag-name .tag-email {
  font-weight: 400;
}
.tag-container .tag.email .tag-close {
  top: -1px;
  right: 0px;
}
.tag-container .tag.email .tag-close i {
  color: #fff !important;
  font-size: 12px;
}
.tag-container .tag.only-image {
  background-color: transparent !important;
  border: 0px;
  display: inline;
  top: 10px;
  left: 14px;
}
.tag-container .tag.only-image .tag-close {
  height: 20px;
  width: 20px;
  top: -30px;
  left: 12px;
}
.tag-container .tag.only-image .tag-close i {
  position: relative;
  top: 3px;
  color: #fa424a;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
}
.tag-container.tag-container-clear {
  background-color: #fff;
  border: 0;
}

.card.card-customer-person.apartment {
  background-color: #f8f9fa !important;
}

#typeahead-tags {
  font-size: 0.85rem;
  padding: 5px 6px 4px 6px;
}

.file-icon-box {
  text-align: center;
  height: 40px;
  width: 40px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  border: 2px solid #a7505f;
}
.file-icon-box .file-icon-type {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  color: #fff;
  font-size: 9px;
  font-weight: 600;
  padding-top: 16px;
}
.file-icon-box .file-icon {
  font-size: 25px;
  position: absolute;
  z-index: 1;
  top: 5px;
  left: calc(50% - 9px);
  color: #a7505f;
}

.file-preview-container {
  height: 500px;
}

.file-list-upload .file-tags {
  display: none;
}
.file-list-upload .file-note {
  display: none;
}
.file-list-upload .file-status {
  display: none;
}
.file-list-upload .file-name input {
  width: calc(100% - 40px);
  display: inline-block;
}
.file-list-upload .file-option {
  width: 31px;
  display: inline-block;
}
.file-list-upload .file-option .far {
  color: #666;
  position: relative;
  top: 6px;
  font-size: 28px;
  line-height: 16px;
  margin-left: 10px;
  cursor: pointer;
}

.page-end {
  position: absolute;
  z-index: 1;
  bottom: 0px;
}

.control-panel .page-content {
  padding-right: 0px;
}

.loader {
  position: absolute;
  z-index: 1090;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.loader:before {
  content: "";
  position: absolute;
  z-index: 1090;
  left: calc(50% + 50px);
  top: calc(50% + 50px);
  z-index: 1;
  margin: -75px 0 0 -75px;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #23b9e2;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.checkbox-toggle input:checked + label:before {
  background-color: #73bade;
}

.checkbox-toggle {
  margin-bottom: 0px;
}
.checkbox-toggle label {
  position: relative;
  top: 2px;
  font-size: 0.75rem !important;
}

.btn.btn-card-action {
  width: 22px !important;
  height: 22px !important;
  border: 1px solid #fff;
}
.btn.btn-breadcrumb {
  height: 25px !important;
  width: 25px !important;
  font-size: 14px !important;
  line-height: 17px !important;
  border: 0px;
}
.btn.btn-add {
  height: 22px !important;
  width: 22px !important;
  font-size: 14px !important;
  line-height: 17px !important;
  border: 0px;
}
.btn.btn-action {
  background-color: #fa424a !important;
  border-color: #fa424a !important;
  color: #fff !important;
}
.btn.btn-action.dropdown-toggle:after {
  display: none;
}
.btn.btn-action .fa.fa-circle {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 21px;
  color: #6b7a85;
  z-index: 1;
}
.btn.btn-action .fa.fa-sync {
  position: absolute;
  top: 6px;
  left: 5px;
  font-size: 11px;
  color: #fff;
  z-index: 1;
}
.btn.btn-action .fa.fa-ellipsis-h {
  position: absolute;
  top: 6px;
  left: 5px;
  z-index: 2;
  font-size: 11px;
}
.btn.btn-xs {
  font-size: 0.8rem;
  padding: 1px 6px;
}
.btn.btn-xs .fa {
  font-size: 11px;
}
.btn.btn-xxs {
  font-size: 0.7rem;
  padding: 1px 6px;
}
.btn.btn-xxs .fa, .btn.btn-xxs .far {
  font-size: 10px;
}
.btn.btn-header {
  background-color: #73bade;
  color: #fff;
  border: 0px;
  float: right;
  margin-right: 0px;
}
.btn.btn-icon.btn-sm {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  font-size: 16px;
  line-height: 30px;
  padding: 0px;
  margin: 0px;
}
.btn.btn-icon.btn-xs {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  font-size: 11px;
  line-height: 20px;
  padding: 0px;
  margin: 0px;
}
.btn.btn-icon:before {
  display: none !important;
}
.btn.btn-icon:after {
  display: none !important;
}
.btn.btn-event-file {
  position: absolute;
  top: 0px;
  right: 0px;
  box-shadow: 0px 0px 5px 2px rgb(255, 255, 255);
}
.btn.btn-event-file.btn-event-file-preview {
  right: 10px;
}
.btn.btn-event-file.btn-event-file-download {
  right: 35px;
}
.btn.btn-event-file.btn-event-file-print {
  right: 60px;
}
.btn.btn-event-file.btn-event-file-delete {
  right: 85px;
}
.btn .badge-buttom-custom {
  font-size: 11px;
  position: absolute;
  right: 4px;
  top: -6px;
  min-width: 17px;
  height: 17px;
  background-color: #000;
  color: #fff;
  padding: 0px 3px 0px 3px;
  line-height: 18px;
  font-weight: 500;
}
.btn .badge-buttom-custom.badge-red {
  background-color: #fa424a;
  color: #fff;
}
.btn .badge-buttom-custom.badge-green {
  background-color: #46c35f;
  color: #fff;
}
.btn .badge-buttom-custom.badge-yellow {
  background-color: #efce03;
  color: #000;
}
.btn .badge-buttom-custom.badge-blue {
  background-color: #73bade;
  color: #fff;
}
.btn .badge-buttom-custom.badge-orange {
  background-color: #f29824;
  color: #fff;
}
.btn .badge-buttom-custom.badge-grey {
  background-color: #666;
  color: #fff;
}
.btn .badge-buttom-custom.badge-file {
  background-color: #a7505f;
  color: #fff;
}

.sign-box {
  font-size: 13px;
  max-width: 360px;
  position: relative;
}
.sign-box .sign-title {
  position: absolute;
  z-index: 0;
  top: -24px;
  left: 10px;
  padding: 3px 3px;
  border-radius: 50%;
  background-color: #fa424a;
  color: #fff;
  border: 3px solid #fff;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
}
.sign-box .checkbox label {
  font-size: 13px;
}
.sign-box .user-client-logo {
  height: 45px;
  width: 50%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: center;
     object-position: center;
}
.sign-box .login-pin {
  margin-top: 12px;
}
.sign-box .login-pin .login-pin-input {
  width: 70px;
  max-width: 70px;
  font-size: 28px;
  height: 38px !important;
  color: #666;
}
.sign-box .login-pin .login-pin-sep {
  font-size: 28px;
  margin-left: 3px;
  margin-right: 3px;
  line-height: 32px;
  color: #666;
}

.site-header .site-logo img {
  float: left;
  height: 45px;
  position: relative;
  top: -2px;
  margin-right: 9px;
  max-width: 150px;
  min-width: 150px;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: left;
     object-position: left;
}
.site-header .site-header-shown {
  width: 260px;
}
.site-header .site-header-shown .user-menu {
  float: right;
}
.site-header .site-header-shown .user-menu .dropdown-toggle {
  text-align: left;
  position: relative;
  top: -6px;
}
.site-header .site-header-shown .user-menu .dropdown-toggle .preview-data {
  display: inline-block;
  min-width: 170px;
  max-width: 170px;
}
.site-header .site-header-shown .user-menu .dropdown-toggle:after {
  top: -8px;
  border-top: 8px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.site-header .site-header-collapsed {
  width: calc(100% - 260px);
  margin-right: 0px;
}
.site-header .site-header-collapsed .site-header-collapsed-in {
  margin-right: 0px;
}
.site-header .dropdown {
  margin-right: 6px;
}
.site-header .dropdown.toast-history {
  float: right;
  margin: 0 0 0 15px;
  height: 30px;
  line-height: 30px;
}
.site-header .dropdown.toast-history .btn-icon {
  font-size: 18px !important;
  padding: 0px !important;
  background-color: #666;
}
.site-header .dropdown.toast-history .btn-icon .toast-history-count {
  position: absolute;
  right: -7px;
  top: -4px;
}
.site-header .dropdown .btn.btn-sm {
  height: 30px;
  padding: 0 12px;
  font-size: 0.8125rem;
  line-height: 28px;
  color: #fff;
}
.site-header .dropdown .dropdown-menu.show {
  width: auto;
}
.site-header .dropdown .dropdown-menu.dropdown-menu-right {
  z-index: 1051 !important;
}
.site-header .dropdown .dropdown-menu .dropdown-item .fa {
  color: #73bade;
  width: 18px;
  text-align: center;
  margin-right: 6px;
}
.site-header .dropdown .global-search-input {
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 16px;
  background-color: #fff;
  height: 35px;
  position: relative;
  top: -2px;
  min-width: 220px;
  text-align: left;
  color: #666;
  border: solid 1px #73bade;
  padding: 0px 6px;
}
.site-header .dropdown .global-search-result {
  min-width: 400px;
  max-height: 599px;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #fff;
  position: absolute;
  top: 40px;
  left: 0px;
  min-height: 60px;
  border: solid 1px #73bade;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
}
.site-header .dropdown .global-search-result .scroll-down-info {
  font-size: 26px;
  position: absolute;
  z-index: 1091;
  bottom: 4px;
  left: calc(50% - 13px);
  color: #666;
}
.site-header .dropdown .global-search-result h4 {
  font-size: 20px;
  text-align: center;
  margin-top: 15px;
  color: #666;
}
.site-header .dropdown .global-search-result .row.odd {
  background-color: #f5f5f5;
  border-top: 0px;
  margin-left: -9px;
  margin-right: -9px;
}
.site-header .dropdown .global-search-result .row.even {
  background-color: #fff;
  border-top: 0px;
  margin-left: -9px;
  margin-right: -9px;
}
.site-header .dropdown .global-search-result .row .global-search-result-info {
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 13px;
  line-height: 14px;
  color: #666;
}
.site-header .dropdown .global-search-result .row .global-search-result-info i {
  margin-left: -16px;
}
.site-header .dropdown .global-search-result .row .global-search-result-count {
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 13px;
  line-height: 14px;
  color: #666;
}
.site-header .dropdown .global-search-result .row .global-search-result-close {
  text-align: right;
}
.site-header .dropdown .global-search-result .row .global-search-result-close i {
  cursor: pointer;
  font-size: 14px;
  color: #666;
  position: relative;
  top: -3px;
  right: -3px;
}
.site-header .toast-history-box .text h5 {
  font-family: "Pragati Narrow", sans-serif;
  color: #fff;
  font-weight: 600;
  margin-bottom: 7px;
}
.site-header .toast-history-box .preview-data .preview-data-nr {
  color: #fff;
}
.site-header .toast-history-box .preview-data .preview-data-nr .preview-data-nr-value {
  color: #fff !important;
}
.site-header .toast-history-box .preview-data .preview-data-info {
  color: #fff;
}
.site-header .toast-history-box .preview-data .preview-data-info-sub {
  color: #fff;
}
.site-header a.dropdown-toggle .fa {
  color: #73bade;
  position: relative;
  top: 1px;
  margin-right: 4px;
}
.site-header a.dropdown-toggle:hover {
  color: #73bade !important;
}
.site-header a.dropdown-toggle:hover .fa {
  color: #73bade;
}
.site-header .site-header-search-container {
  width: 200px;
}
.site-header .site-header-search-container .site-header-search {
  border-radius: 3px;
  border-color: #73bade;
}
.site-header .site-header-search-container .site-header-search .fa {
  color: #73bade;
}

.mail-box-item {
  padding: 10px 10px 10px 30px;
  font-size: 0.8375rem;
}
.mail-box-item .mail-box-item-header {
  position: relative;
  min-height: 32px;
  padding: 0px;
}
.mail-box-item .mail-box-item-header .attach {
  width: 20px;
  position: absolute;
  left: -24px;
  top: 0px;
  text-align: center;
  font-size: 0.875rem;
}
.mail-box-item .mail-box-item-header .attach .fa-paperclip {
  color: #ccc;
}
.mail-box-item .mail-box-item-header .read {
  width: 20px;
  position: absolute;
  left: -24px;
  top: 23px;
  text-align: center;
  font-size: 0.875rem;
}
.mail-box-item .mail-box-item-header .read .fa-check-circle {
  color: #ccc;
}
.mail-box-item .mail-box-item-header .read .fa-circle {
  color: #73bade;
}
.mail-box-item .mail-box-item-header .tbl-cell-name {
  line-height: 20px;
}
.mail-box-item .mail-box-item-content {
  position: relative;
  color: #919fa9;
  height: inherit;
  padding: 0px;
}

.new-object-image-group {
  font-size: 26px;
  margin-top: 3px;
  margin-left: 6px;
  color: #73bade;
}

.file-preview-content .image-preview {
  background-repeat: no-repeat;
  background-position: center center;
  height: calc(100% - 45px);
  background-size: contain;
  background-color: #fff;
  margin-left: 15px;
  margin-top: 30px;
  background-color: #f8f9fa;
  border: solid 1px rgba(197, 214, 222, 0.7);
}
.file-preview-content iframe {
  height: calc(100% - 45px);
  width: calc(100% - 15px);
  margin-left: 15px;
  margin-top: 30px;
}

.graph-file-preview .graph-files-clipboard {
  position: absolute;
  top: -4px;
  left: 240px;
}
.graph-file-preview .graph-files-clipboard i {
  color: #fa424a;
  font-size: 15px;
}
.graph-file-preview .graph-file-preview-option {
  font-size: 13px;
  color: #666;
  font-weight: 600;
  letter-spacing: -0.02em;
  display: block;
  margin-bottom: 5px;
}
.graph-file-preview .graph-file-preview-option i {
  color: #73bade;
  min-width: 18px;
}
.graph-file-preview .graph-file-preview-option i:before {
  display: inline-block;
  background-color: #73bade;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  line-height: 19px;
  text-align: center;
}
.graph-file-preview .form-group .graph-file-preview-icon {
  float: left;
  margin-right: 10px;
}
.graph-file-preview .file-preview-container {
  height: 660px !important;
  padding-left: 15px;
}
.graph-file-preview .file-preview-container .file-preview h5 {
  margin-left: -15px;
}
.graph-file-preview .file-preview-container .file-preview .file-preview-headline {
  position: unset;
  margin: 0px;
  padding: 0px;
}
.graph-file-preview .file-preview-container .file-preview .file-preview-headline .file-preview-thumbnail-small {
  border: 2px solid #ccc !important;
  float: left;
  margin-right: 10px;
  cursor: pointer;
  padding: 3px;
}
.graph-file-preview .file-preview-container .file-preview .file-preview-content {
  height: 500px;
  background-color: #eee;
  padding: 10px 10px;
  margin-top: 10px;
}
.graph-file-preview .file-preview-container .file-preview .file-preview-content .file-preview-thumbnail-large {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}
.graph-file-preview .file-preview-container .file-preview .file-preview-content h4 {
  text-align: center;
  margin-top: 45%;
}

label.info {
  font-size: 12px;
  font-weight: bold;
  color: #73bade;
  clear: both;
  margin-top: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

hr.style-six {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 5px;
  margin-top: 5px;
  clear: both;
}

hr.list {
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  margin-top: 10px;
  clear: both;
}
hr.list.arraw {
  position: relative;
}
hr.list.arraw:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 30px;
  line-height: 1;
  margin: 0px;
  padding: 0px;
  position: absolute;
  color: #73bade;
}
hr.list.arraw.top {
  margin-top: 25px;
}
hr.list.arraw.top:before {
  content: "\f0d8";
  top: -24px;
}
hr.list.arraw.bottom {
  margin-bottom: 25px;
}
hr.list.arraw.bottom:before {
  content: "\f0d7";
  top: -8px;
}
hr.list.arraw.left:before {
  left: 10px;
}
hr.list.arraw.right:before {
  right: 10px;
}

.file-preview {
  font-family: "Pragati Narrow", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.file-preview .file-preview-list {
  background-color: #dcf0fb;
  padding: 2px 5px;
  margin-top: 2px;
  border-radius: 4px;
}
.file-preview .file-preview-list .file-preview-name {
  display: inline-block;
  width: 65%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
  top: 2px;
}
.file-preview .file-preview-list .file-preview-size {
  display: inline-block;
  width: 15%;
  text-align: right;
  position: relative;
  top: -2px;
  white-space: nowrap;
}
.file-preview .file-preview-list .file-preview-type {
  display: inline-block;
  width: 10%;
  text-align: right;
  position: relative;
  top: -2px;
}
.file-preview .file-preview-list .file-preview-button {
  display: inline-block;
  width: 10%;
  text-align: right;
  position: relative;
  top: -3px;
}

#globalModalDocumentFileUpload {
  background-color: #73bade !important;
  border-color: #73bade !important;
  color: #fff !important;
}

.upload-container {
  position: relative;
}
.upload-container .upload-area {
  width: 100%;
  height: 170px;
  border: 2px dashed #000;
  margin: 0 auto;
  text-align: center;
  overflow: auto;
  background-color: #73bade;
}
.upload-container .upload-area .upload-area-info {
  position: absolute;
  bottom: 7px;
  right: 7px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  padding: 2px 4px;
  font-weight: 300;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 16px;
  line-height: 16px;
}
.upload-container .upload-area .thumbnail {
  position: relative;
  margin: 8px;
  margin-bottom: -10px;
}
.upload-container .upload-area .thumbnail.error-size {
  opacity: 0.5;
}
.upload-container .upload-area .thumbnail.error-size:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f715";
  color: #000;
  font-size: 38px;
  line-height: 55px;
  text-align: center;
  width: 86px;
  height: 80px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.upload-container .upload-area .thumbnail img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 65%;
  height: 65%;
}
.upload-container .upload-area .thumbnail .size {
  font-weight: 300;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 12px;
  position: absolute;
  top: 20px;
  left: 0px;
  width: 100%;
  text-align: center;
}
.upload-container .upload-area .thumbnail .name {
  font-weight: 300;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 12px;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 12px;
}
.upload-container .upload-area .thumbnail .type {
  font-weight: 300;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 12px;
  line-height: 12px;
}
.upload-container .upload-area h4 {
  text-align: center;
  font-weight: 300;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 26px;
  color: #000;
  line-height: 25px;
  padding: 0px;
  margin: 0px;
  transform: translateY(56%);
}
.upload-container .upload-area h4:before {
  content: "";
  position: absolute;
  top: -13px;
  left: calc(50% - 255px);
  width: 100px;
  height: 100px;
  background-image: url("../images/drag_and_drop_2.png");
  background-size: cover;
}
.upload-container .upload-area:hover {
  cursor: pointer;
}

#file {
  display: none;
}

/* Thumbnail */
.thumbnail {
  width: 80px;
  height: 80px;
  padding: 2px;
  float: left;
}

.size {
  font-size: 12px;
}

.fa-multi {
  position: relative;
  margin-right: 15px;
  cursor: pointer;
  float: right;
}
.fa-multi .fa, .fa-multi .far {
  position: absolute;
}
.fa-multi .fa.fa-file, .fa-multi .far.fa-file {
  font-size: 22px;
  color: #73bade;
}
.fa-multi .fa.fa-search, .fa-multi .far.fa-search {
  font-size: 10px;
  line-height: 24px;
  margin-left: 3px;
  color: #000;
}

img.preview {
  float: left;
  margin-right: 4px;
  border-radius: 50%;
  border: 1px solid #ccc;
  -o-object-fit: cover;
     object-fit: cover;
}
img.preview.xxs {
  width: 12px;
  height: 12px;
}
img.preview.xs {
  width: 20px;
  height: 20px;
}
img.preview.sm {
  width: 40px;
  height: 40px;
}
img.preview.md {
  width: 80px;
  height: 80px;
}
img.preview.lg {
  width: 160px;
  height: 160px;
}

.preview.xs.info {
  display: inline;
  width: calc(100% - 26px);
  float: left;
  line-height: 11px;
  font-size: 12px;
}
.preview.sm.info {
  display: inline;
  width: calc(100% - 80px);
  float: left;
  line-height: 16px;
  font-size: 14px;
}

.update-copy-field {
  cursor: pointer;
  position: relative;
  z-index: 3;
  top: 5px;
  background-color: #fa424a;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
  border: 2px solid #fff;
  display: table;
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
  padding: 1px 2px;
  margin-top: -6px;
}
.update-copy-field i {
  font-size: 10px;
}
.update-copy-field.merge {
  background-color: #46c35f;
}
.update-copy-field:not(.merge) {
  animation: blick 1s infinite;
}
.update-copy-field.out {
  top: 13px;
}

@keyframes blick {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.document-file-breadcrumb {
  font-size: 14px;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 400;
}
.document-file-breadcrumb .document-file-breadcrumb-copy {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-color: #efce03;
  color: #000;
  border-radius: 50%;
  border: 1px solid #fff;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  padding: 0px;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 600;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  animation: pulse-shadow 2s infinite;
}

.preview-data {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.preview-data.toast {
  background-color: #fff;
}
.preview-data .preview-data-completed {
  position: absolute;
  z-index: 1;
  top: -4px;
  left: -6px;
  width: 40px;
  height: 12px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #fff;
  box-shadow: inset 0px 0px 0px 1px #00a8ff;
  transform: scale(0.8);
}
.preview-data .preview-data-completed .led-1 {
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 2px;
  width: 11px;
  height: 6px;
  background-color: #999;
}
.preview-data .preview-data-completed .led-2 {
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 14px;
  width: 11px;
  height: 6px;
  background-color: #999;
}
.preview-data .preview-data-completed .led-3 {
  position: absolute;
  z-index: 2;
  top: 2px;
  left: 26px;
  width: 10px;
  height: 6px;
  background-color: #999;
}
.preview-data .preview-data-completed.completed-10 .led-1 {
  background-color: #46c35f;
  border-right: 1px solid #42ad57;
  border-bottom: 1px solid #42ad57;
}
.preview-data .preview-data-completed.completed-10 .led-2 {
  background-color: #46c35f;
  border-right: 1px solid #42ad57;
  border-bottom: 1px solid #42ad57;
}
.preview-data .preview-data-completed.completed-10 .led-3 {
  background-color: #46c35f;
  border-right: 1px solid #42ad57;
  border-bottom: 1px solid #42ad57;
}
.preview-data .preview-data-completed.completed-9 .led-1 {
  background-color: #46c35f;
  border-right: 1px solid #42ad57;
  border-bottom: 1px solid #42ad57;
}
.preview-data .preview-data-completed.completed-9 .led-2 {
  background-color: #46c35f;
  border-right: 1px solid #42ad57;
  border-bottom: 1px solid #42ad57;
}
.preview-data .preview-data-completed.completed-9 .led-3 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-8 .led-1 {
  background-color: #46c35f;
  border-right: 1px solid #42ad57;
  border-bottom: 1px solid #42ad57;
}
.preview-data .preview-data-completed.completed-8 .led-2 {
  background-color: #46c35f;
  border-right: 1px solid #42ad57;
  border-bottom: 1px solid #42ad57;
}
.preview-data .preview-data-completed.completed-8 .led-2:after {
  content: "";
  background-color: #ffff00;
  position: absolute;
  top: 0px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-8 .led-3 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-7 .led-1 {
  background-color: #46c35f;
  border-right: 1px solid #42ad57;
  border-bottom: 1px solid #42ad57;
}
.preview-data .preview-data-completed.completed-7 .led-2 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-7 .led-3 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-6 .led-1 {
  background-color: #46c35f;
  border-right: 1px solid #42ad57;
  border-bottom: 1px solid #42ad57;
}
.preview-data .preview-data-completed.completed-6 .led-1:after {
  content: "";
  background-color: #ffff00;
  position: absolute;
  top: 0px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-6 .led-2 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-6 .led-3 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-5 .led-1 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-5 .led-2 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-5 .led-3 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-4 .led-1 {
  background-color: #fa424a;
  border-right: 1px solid #c03c43;
  border-bottom: 1px solid #c03c43;
}
.preview-data .preview-data-completed.completed-4 .led-1:after {
  content: "";
  background-color: #ffff00;
  position: absolute;
  top: 0px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-4 .led-2 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-4 .led-3 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-3 .led-1 {
  background-color: #fa424a;
  border-right: 1px solid #c03c43;
  border-bottom: 1px solid #c03c43;
}
.preview-data .preview-data-completed.completed-3 .led-2 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-3 .led-3 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-2 .led-1 {
  background-color: #fa424a;
  border-right: 1px solid #c03c43;
  border-bottom: 1px solid #c03c43;
}
.preview-data .preview-data-completed.completed-2 .led-2 {
  background-color: #fa424a;
  border-right: 1px solid #c03c43;
  border-bottom: 1px solid #c03c43;
}
.preview-data .preview-data-completed.completed-2 .led-2:after {
  content: "";
  background-color: #ffff00;
  position: absolute;
  top: 0px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-2 .led-3 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-1 .led-1 {
  background-color: #fa424a;
  border-right: 1px solid #c03c43;
  border-bottom: 1px solid #c03c43;
}
.preview-data .preview-data-completed.completed-1 .led-2 {
  background-color: #fa424a;
  border-right: 1px solid #c03c43;
  border-bottom: 1px solid #c03c43;
}
.preview-data .preview-data-completed.completed-1 .led-3 {
  background-color: #ffff00;
  border-right: 1px solid #c7c78a;
  border-bottom: 1px solid #c7c78a;
}
.preview-data .preview-data-completed.completed-0 .led-1 {
  background-color: #fa424a;
  border-right: 1px solid #c03c43;
  border-bottom: 1px solid #c03c43;
}
.preview-data .preview-data-completed.completed-0 .led-2 {
  background-color: #fa424a;
  border-right: 1px solid #c03c43;
  border-bottom: 1px solid #c03c43;
}
.preview-data .preview-data-completed.completed-0 .led-3 {
  background-color: #fa424a;
  border-right: 1px solid #c03c43;
  border-bottom: 1px solid #c03c43;
}
.preview-data .preview-data-completed.completed- .led-1 {
  background-color: #fa424a;
  border-right: 1px solid #c03c43;
  border-bottom: 1px solid #c03c43;
}
.preview-data .preview-data-completed.completed- .led-2 {
  background-color: #fa424a;
  border-right: 1px solid #c03c43;
  border-bottom: 1px solid #c03c43;
}
.preview-data .preview-data-completed.completed- .led-3 {
  background-color: #fa424a;
  border-right: 1px solid #c03c43;
  border-bottom: 1px solid #c03c43;
}
.preview-data .preview-data-clipboard {
  position: absolute;
  z-index: 1;
  top: -2px;
  right: 6px;
  width: 12px;
  height: 15px;
}
.preview-data .preview-data-clipboard i {
  color: #fa424a;
  font-size: 15px;
}
.preview-data .preview-data-project-task {
  position: absolute;
  z-index: 1;
  top: -2px;
  right: 26px;
  width: 12px;
  height: 15px;
}
.preview-data .preview-data-project-task i {
  color: #efce03;
  font-size: 15px;
}
.preview-data .preview-data-active {
  position: absolute;
  z-index: 1;
  top: 1px;
  left: 30px;
}
.preview-data .preview-data-active i {
  font-size: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  position: inherit;
  background-color: #fff;
}
.preview-data .preview-data-new {
  position: absolute;
  z-index: 1;
  bottom: -3px;
  left: -3px;
  width: 19px;
  height: 19px;
  background-color: #fa424a;
  color: #fff;
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 10px;
  line-height: 16px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #fff;
  letter-spacing: -0.03em;
}
.preview-data .preview-data-original {
  position: absolute;
  z-index: 1;
  top: -3px;
  left: -3px;
  width: 19px;
  height: 19px;
  background-color: #efce03;
  color: #000;
  border-radius: 50%;
  border: 1px solid #fff;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  padding: 0px;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 600;
  box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
  animation: pulse-shadow 2s infinite;
}
.preview-data .preview-data-folder {
  position: absolute;
  z-index: 1;
  top: 24px;
  left: 22px;
  width: 19px;
  height: 19px;
  background-color: #f3fbff;
  color: #73bade;
  font-size: 11px;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #73bade;
}
.preview-data .preview-data-copy {
  position: absolute;
  z-index: 1;
  bottom: -4px;
  left: 22px;
  width: 19px;
  height: 19px;
  background-color: #fa424a;
  color: #fff;
  font-size: 10px;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #fff;
  animation: blick 1s infinite;
}
.preview-data .preview-data-admin {
  position: absolute;
  z-index: 1;
  bottom: -4px;
  left: 22px;
  width: 19px;
  height: 19px;
  background-color: #fa424a;
  color: #fff;
  font-size: 10px;
  line-height: 18px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #fff;
}
.preview-data .preview-data-user-rating {
  position: absolute;
  z-index: 1;
  bottom: -4px;
  left: 0px;
  width: 19px;
  height: 19px;
  background-color: transparent;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  text-align: center;
  font-weight: 600;
}
.preview-data .preview-data-user-rating:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f005";
  color: #fa424a;
  font-size: 18px;
  line-height: 19px;
  text-align: center;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 0px;
  left: -1px;
  z-index: -1;
  text-shadow: 1px -1px #fff;
}
.preview-data .preview-data-icon {
  background-color: #fff;
  border-radius: 50%;
}
.preview-data .preview-data-icon img {
  width: 98%;
  height: 98%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  position: relative;
  top: -3px;
}
.preview-data .preview-data-checkbox {
  position: absolute;
  z-index: 1;
  top: -3px;
  left: -8px;
  width: 20px;
  height: 20px;
}
.preview-data.xs {
  height: 20px;
  min-width: 130px;
}
.preview-data.xs.only-image {
  min-width: 20px;
}
.preview-data.xs.email-found-object {
  min-width: 50%;
}
.preview-data.xs.email-to-object {
  min-width: 100%;
}
.preview-data.xs.email-to-customer {
  min-width: 50%;
}
.preview-data.xs .preview-data-clipboard {
  top: -2px;
}
.preview-data.xs .preview-data-clipboard i {
  font-size: 10px;
}
.preview-data.xs .preview-data-img, .preview-data.xs .preview-data-icon {
  width: 20px;
}
.preview-data.xs .preview-data-info, .preview-data.xs .preview-data-info-sub {
  margin-left: 25px;
  width: calc(100% - 36px);
  font-size: 13px;
  line-height: 10px;
  text-shadow: 0px 0px 5px #ffffff;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.preview-data.xs .preview-data-info.no-icon {
  margin-left: 0px;
  width: 100%;
}
.preview-data.xs .preview-data-info-sub {
  color: #7a7979;
  font-size: 10px;
  line-height: 11px;
}
.preview-data.xs .preview-data-nr {
  display: none;
}
.preview-data.xs .preview-data-rating {
  display: none;
}
.preview-data.xs .preview-data-icon {
  font-size: 12px;
  line-height: 24px;
}
.preview-data.xs.data-img-only {
  min-width: 20px;
  display: inline-block;
}
.preview-data.xs.data-img-only.preview-data-list {
  margin-left: -10px;
}
.preview-data.xs.data-img-only.preview-data-list .preview-data-img {
  box-shadow: -2px 0px 0px 0px rgb(255, 255, 255);
}
.preview-data.xs.data-img-only.preview-data-list .preview-data-img.object {
  border: 2px solid #46c35f;
}
.preview-data.xs.data-img-only.preview-data-list .preview-data-img.user {
  border: 2px solid #f79033;
}
.preview-data.xs.data-img-only.preview-data-list .preview-data-img.customer {
  border: 2px solid #00a8ff;
}
.preview-data.xs .preview-data-active {
  position: absolute;
  z-index: 1;
  top: -1px;
  left: 15px;
}
.preview-data.xs .preview-data-active i {
  font-size: 8px;
  border: 1px solid #fff;
  border-radius: 50%;
  position: inherit;
  background-color: #fff;
}
.preview-data.xs .preview-data-new {
  width: 13px;
  height: 13px;
  font-size: 6px;
  line-height: 11px;
  bottom: -2px;
  left: -4px;
}
.preview-data.xs .preview-data-completed {
  display: none;
}
.preview-data.xs .preview-data-copy {
  width: 13px;
  height: 13px;
  font-size: 6px;
  line-height: 11px;
  bottom: -2px;
  left: 11px;
}
.preview-data.xs .preview-data-admin {
  width: 13px;
  height: 13px;
  font-size: 6px;
  line-height: 11px;
  bottom: -2px;
  left: 11px;
}
.preview-data.xs .preview-data-user-rating {
  width: 13px;
  height: 13px;
  font-size: 7px;
  bottom: 1px;
}
.preview-data.xs .preview-data-user-rating:before {
  font-size: 11px;
  width: 13px;
  height: 13px;
}
.preview-data.sm {
  height: 40px;
  min-width: 170px;
}
.preview-data.sm.only {
  max-width: 250px;
}
.preview-data.sm.only:before {
  content: "";
  position: absolute;
  top: -6px;
  left: -3px;
  z-index: 0;
  width: calc(100% + 3px);
  height: calc(100% + 12px);
  background-color: #f5f7f9;
  border: 1px solid #eee;
  border-radius: 6px;
}
.preview-data.sm.only .preview-data-nr, .preview-data.sm.only .preview-data-info, .preview-data.sm.only .preview-data-info-sub {
  position: relative;
}
.preview-data.sm.only .preview-data-clipboard {
  top: -8px;
}
.preview-data.sm .preview-data-img, .preview-data.sm .preview-data-icon {
  width: 40px;
}
.preview-data.sm .preview-data-info, .preview-data.sm .preview-data-info-sub {
  margin-left: 45px;
  width: calc(100% - 45px);
  max-width: 210px;
}
.preview-data.sm .preview-data-info {
  font-size: 14px;
}
.preview-data.sm .preview-data-icon {
  font-size: 25px;
  line-height: 42px;
}
.preview-data.sm.data-img-only {
  min-width: 40px;
  display: inline-block;
}
.preview-data.sm.data-img-only.preview-data-list {
  margin-left: -15px;
}
.preview-data.sm.data-img-only.preview-data-list .preview-data-img {
  box-shadow: -4px 0px 0px 0px rgb(255, 255, 255);
}
.preview-data.sm.data-img-only.preview-data-list .preview-data-img.object {
  border: 2px solid #46c35f;
}
.preview-data.sm.data-img-only.preview-data-list .preview-data-img.user {
  border: 2px solid #f79033;
}
.preview-data.sm.data-img-only.preview-data-list .preview-data-img.customer {
  border: 2px solid #00a8ff;
}
.preview-data.sm.project {
  min-width: 100%;
}
.preview-data.md {
  height: 80px;
  min-width: 200px;
}
.preview-data.md .preview-data-img, .preview-data.md .preview-data-icon {
  width: 80px;
}
.preview-data.md .preview-data-info, .preview-data.md .preview-data-info-sub {
  margin-left: 85px;
  width: calc(100% - 85px);
}
.preview-data.md .preview-data-icon {
  font-size: 65px;
  line-height: 82px;
}
.preview-data.lg {
  height: 160px;
  min-width: 250px;
}
.preview-data.lg .preview-data-img, .preview-data.lg .preview-data-icon {
  width: 160px;
}
.preview-data.lg .preview-data-info, .preview-data.lg .preview-data-info-sub {
  margin-left: 165px;
  width: calc(100% - 165px);
}
.preview-data.lg .preview-data-icon {
  font-size: 145px;
  line-height: 1622px;
}
.preview-data .preview-data-more {
  position: absolute;
  top: -4px;
  left: -7px;
  z-index: 1;
}
.preview-data .preview-data-icon {
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: center;
  color: #999;
}
.preview-data .preview-data-img {
  position: absolute;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.preview-data .preview-data-info {
  font-size: 12px;
  line-height: 13px;
  color: #000;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
  font-family: "Pragati Narrow", sans-serif;
}
.preview-data .preview-data-info.custom {
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 13px;
  line-height: 13px;
  color: #666;
}
.preview-data .preview-data-shareholder {
  position: absolute;
  z-index: 1;
  top: 22px;
  left: -4px;
  color: #fff;
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 12px;
  line-height: 20px;
  border-radius: 50%;
  width: 24px;
  text-align: center;
}
.preview-data .preview-data-shareholder:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: -2px;
  left: 0px;
  background-color: #fa424a;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #fff;
}
.preview-data .preview-data-nr {
  font-size: 12px;
  color: #999;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 14px;
  margin-left: 45px;
  width: calc(100% - 45px);
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
}
.preview-data .preview-data-nr .preview-data-nr-value {
  color: #666 !important;
  font-weight: 400;
  font-size: 12px;
  margin-right: 3px;
}
.preview-data .preview-data-rating {
  margin-left: 45px;
  margin-top: 0px;
  height: 8px;
  position: relative;
}
.preview-data .preview-data-rating .rate {
  font-size: 8px;
  line-height: 8px;
  position: absolute;
  top: 0px;
}
.preview-data .preview-data-rating .rate.rate-1 {
  left: 0px;
}
.preview-data .preview-data-rating .rate.rate-2 {
  left: 10px;
}
.preview-data .preview-data-rating .rate.rate-3 {
  left: 20px;
}
.preview-data .preview-data-rating .rate.rate-4 {
  left: 30px;
}
.preview-data .preview-data-rating .rate.rate-5 {
  left: 40px;
}
.preview-data .preview-data-version {
  background-color: #fa424a;
  color: #fff;
  font-weight: 600;
  font-size: 10px;
  line-height: 10px;
  display: inline-block;
  border-radius: 3px;
  padding: 1px 2px;
}
.preview-data .preview-data-info-sub {
  font-size: 12px;
  line-height: 12px;
  color: #666;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
}
.preview-data.file .preview-data-nr {
  color: #a7505f;
}
.preview-data.file .preview-data-nr i {
  color: #999 !important;
  margin-right: 4px;
}
.preview-data.file .preview-data-info-sub i {
  color: #999 !important;
  margin-right: 4px;
}
.preview-data.file .preview-data-img {
  border: 2px solid #a7505f !important;
  font-size: 10px;
  text-align: center;
  padding-top: 14px;
  color: #fff;
  font-weight: 700;
}
.preview-data.file .preview-data-icon {
  color: #a7505f;
}
.preview-data.file.xs .preview-data-img {
  border: 1px solid #a7505f !important;
  font-family: "Pragati Narrow", sans-serif;
  padding-top: 7px;
  font-size: 6px;
}
.preview-data.file.xs .preview-data-icon {
  line-height: 22px;
}
.preview-data.file.xs .preview-data-info {
  font-weight: 700;
}
.preview-data.file.xs .preview-data-info-sub {
  color: #000;
}
.preview-data.file:not(.no-scale):hover {
  transform: scale(1.1);
  margin-left: 1%;
}
.preview-data.project .preview-data-nr {
  color: #666;
}
.preview-data.project .preview-data-nr .preview-data-nr-value {
  position: relative;
  top: 1px;
}
.preview-data.project .preview-data-nr .badge-task-count {
  font-size: 9px;
  padding: 0.15em 0.3em;
}
.preview-data.project .preview-data-nr .badge-task-count i {
  font-size: 8px;
}
.preview-data.project .preview-data-nr .badge-task-customer {
  float: right;
  font-size: 9px;
  background-color: #00a8ff;
  margin-left: 2px;
  padding: 0.15em 0.3em;
}
.preview-data.project .preview-data-nr .badge-task-object {
  float: right;
  font-size: 9px;
  background-color: #46c35f;
  margin-left: 2px;
  padding: 0.15em 0.3em;
}
.preview-data.project .preview-data-nr .preview-data-nr-option {
  position: absolute;
  top: 12px;
  right: 0px;
}
.preview-data.project .preview-data-nr .badge-task-status {
  float: right;
  font-size: 9px;
  min-width: 35px;
  margin-left: 2px;
  padding: 0.15em 0.3em;
  background-color: #666;
}
.preview-data.project .preview-data-nr .badge-task-status.badge-task-status- {
  background-color: #666;
}
.preview-data.project .preview-data-nr .badge-task-status.badge-task-status-0 {
  background-color: #666;
}
.preview-data.project .preview-data-nr .badge-task-status.badge-task-status-1 {
  background-color: #73bade;
}
.preview-data.project .preview-data-nr .badge-task-status.badge-task-status-2 {
  background-color: #46c35f;
}
.preview-data.project .preview-data-nr .badge-task-status.badge-task-status-8 {
  background-color: #fa424a;
}
.preview-data.project .preview-data-nr .badge-task-status.badge-task-status-18 {
  background-color: #efce03;
}
.preview-data.project .preview-data-img {
  border: 2px solid #efce03 !important;
}
.preview-data.project .preview-data-icon {
  color: #efce03;
  background-color: #fff;
  border: 2px solid #efce03;
  line-height: 39px;
}
.preview-data.project .preview-data-project-finished {
  position: absolute;
  z-index: 1;
  right: 0px;
  bottom: 3px;
  width: 70px;
  height: 13px;
  font-size: 12px;
  text-align: right;
  color: #73bade;
  line-height: 20px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
}
.preview-data.project .preview-data-project-assigned {
  position: absolute;
  z-index: 1;
  top: 20px;
  left: -4px;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 1px solid #fff;
}
.preview-data.project .preview-data-project-assigned .preview-data-project-img {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 1px solid #f79033;
}
.preview-data.project.sm .preview-data-info {
  max-width: calc(100% - 120px);
}
.preview-data.project.sm .preview-data-clipboard {
  right: 60px;
}
.preview-data.customer .preview-data-nr {
  color: #00a8ff;
  margin-top: -5px;
}
.preview-data.customer .preview-data-info-sub {
  margin-top: -2px;
}
.preview-data.customer .preview-data-img {
  border: 2px solid #00a8ff !important;
}
.preview-data.customer .preview-data-icon {
  color: #00a8ff;
}
.preview-data.customer .preview-data-object-apartment {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  bottom: -2px;
  left: 24px;
  background-color: #46c35f;
  border-radius: 50%;
  border: 2px solid #fff;
}
.preview-data.customer .preview-data-customer-project {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  bottom: -4px;
  left: -4px;
  background-color: #efce03;
  border-radius: 50%;
  border: 2px solid #fff;
}
.preview-data.customer.xs .preview-data-img {
  border: 1px solid #00a8ff !important;
}
.preview-data.customer.xs .preview-data-icon {
  line-height: 22px;
}
.preview-data.customer.xs .preview-data-object-apartment {
  width: 14px;
  height: 14px;
  font-size: 6px;
  line-height: 11px;
  left: 11px;
  bottom: -3px;
}
.preview-data.customer.xs .preview-data-shareholder {
  left: unset;
  right: 0px;
  top: 0px;
  font-size: 11px;
  line-height: 22px;
  width: 22px;
}
.preview-data.customer.xs .preview-data-shareholder:after {
  content: "";
  top: 0px;
  left: 0px;
  width: 22px;
  height: 22px;
}
.preview-data.customer:not(.no-scale):hover {
  transform: scale(1.1);
  margin-left: 4%;
}
.preview-data.object .preview-data-nr {
  color: #46c35f;
}
.preview-data.object .preview-data-img {
  border: 2px solid #46c35f !important;
}
.preview-data.object .preview-data-icon {
  color: #46c35f;
}
.preview-data.object .preview-data-object-apartment {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  bottom: -2px;
  left: 24px;
  background-color: #46c35f;
  border-radius: 50%;
  border: 2px solid #fff;
}
.preview-data.object .preview-data-object-project {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  top: -4px;
  left: -4px;
  background-color: #efce03;
  border-radius: 50%;
  border: 2px solid #fff;
}
.preview-data.object.xs .preview-data-img {
  border: 1px solid #46c35f !important;
}
.preview-data.object.xs .preview-data-icon {
  line-height: 22px;
}
.preview-data.object.xs .preview-data-object-apartment {
  width: 14px;
  height: 14px;
  font-size: 6px;
  line-height: 11px;
  left: 11px;
  bottom: -3px;
}
.preview-data.object.xs .preview-data-object-project {
  width: 14px;
  height: 14px;
  font-size: 6px;
  line-height: 11px;
  text-align: center;
  top: -4px;
  left: -4px;
}
.preview-data.object:not(.no-scale):hover {
  transform: scale(1.1);
  margin-left: 4%;
}
.preview-data.object-image .preview-data-nr {
  color: #000;
  font-size: 15px;
  font-weight: 400;
}
.preview-data.object-image .preview-data-img {
  border: 2px solid #46c35f !important;
}
.preview-data.object-image .preview-data-info {
  color: #666;
}
.preview-data.object-image .preview-data-info-sub {
  color: #000;
}
.preview-data.object-expose .preview-data-nr {
  color: #000;
  font-size: 15px;
  font-weight: 400;
}
.preview-data.object-expose .preview-data-img {
  border: 2px solid #46c35f !important;
}
.preview-data.object-expose .preview-data-info {
  color: #666;
}
.preview-data.object-expose .preview-data-info-sub {
  color: #000;
}
.preview-data.object-notes .preview-data-nr {
  color: #000;
  font-size: 15px;
  font-weight: 400;
}
.preview-data.object-notes .preview-data-img {
  border: 2px solid #46c35f !important;
}
.preview-data.object-notes .preview-data-info {
  color: #666;
  text-overflow: unset;
  white-space: unset;
}
.preview-data.object-notes .preview-data-info-sub {
  color: #000;
}
.preview-data.object_apartment .preview-data-nr {
  color: #46c35f;
}
.preview-data.object_apartment .preview-data-img {
  border: 2px solid #46c35f !important;
  background-color: #46c35f;
}
.preview-data.object_apartment .preview-data-img:not(.preview-img):before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f015";
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  width: 17px;
  height: 17px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.preview-data.object_apartment .preview-data-icon {
  font-weight: 400 !important;
  font-family: "Pragati Narrow", sans-serif;
  color: #fff;
  background-color: #46c35f;
  line-height: 33px;
  font-size: 21px;
  letter-spacing: -0.04em;
}
.preview-data.object_apartment .preview-data-icon small {
  position: absolute;
  bottom: -6px;
  left: 0px;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  width: 100%;
}
.preview-data.object_apartment .preview-data-icon.no-option {
  font-size: 23px;
  line-height: 39px;
}
.preview-data.object_apartment .preview-data-icon.no-option i {
  font-size: 20px !important;
  opacity: 0.7;
}
.preview-data.object_apartment .preview-data-img {
  width: 20px;
  height: 20px;
  top: -2px;
  left: 30px;
  border-color: #fff !important;
}
.preview-data.object_apartment .preview-data-nr {
  margin-left: 52px;
  line-height: 14px;
}
.preview-data.object_apartment .preview-data-info {
  position: relative;
  z-index: 1;
}
.preview-data.object_apartment .preview-data-info-sub .preview-data-info-sub-nr {
  color: #46c35f;
  font-weight: 600;
}
.preview-data.object_apartment .preview-data-new {
  left: -8px;
}
.preview-data.object_apartment.xs .preview-data-icon {
  line-height: 16px;
  font-size: 12px;
}
.preview-data.object_apartment.xs .preview-data-icon small {
  font-size: 6px;
  bottom: -2px;
}
.preview-data.user .preview-data-nr {
  color: #f79033;
}
.preview-data.user .preview-data-info.custom-sub {
  color: #000;
}
.preview-data.user .preview-data-img {
  border: 2px solid #f79033 !important;
}
.preview-data.user .preview-data-icon {
  color: #f79033;
}
.preview-data.user.xs .preview-data-img {
  border: 1px solid #f79033 !important;
}
.preview-data.user.xs .preview-data-icon {
  line-height: 22px;
}
.preview-data.user:not(.no-scale):hover {
  transform: scale(1.1);
  margin-left: 4%;
}
.preview-data.unknown .preview-data-nr {
  color: #666;
}
.preview-data.unknown .preview-data-icon {
  color: #ccc;
  border: 2px solid #ccc !important;
  font-size: 22px;
  line-height: 38px;
}
.preview-data.unknown .preview-data-icon:before {
  content: "+";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #999;
  color: #fff;
  border: 2px solid #fff;
  font-size: 15px;
  line-height: 16px;
  padding-left: 0px;
  text-align: center;
  font-weight: 800;
  z-index: 1;
  background-color: #00a8ff;
}
.preview-data.unknown.xs.preview-data {
  min-width: 100%;
  height: 26px;
}
.preview-data.unknown.xs.preview-data .preview-data-icon {
  border: 1px solid #ccc !important;
  font-size: 12px;
  line-height: 19px;
  top: 4px;
  width: 22px;
  height: 22px;
}
.preview-data.unknown.xs.preview-data .preview-data-icon:before {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 11px;
}
.preview-data.unknown.xs.preview-data .preview-data-nr {
  display: block !important;
  margin-left: 25px;
  width: calc(100% - 36px);
  font-size: 9px;
  line-height: 9px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
}
.preview-data.unknown.xs.preview-data .preview-data-info {
  font-size: 12px;
  line-height: 8px;
  font-weight: 600;
}
.preview-data.unknown.xs.preview-data .preview-data-info-sub {
  font-size: 11px;
  line-height: 11px;
}
.preview-data.email {
  width: 100%;
}
.preview-data.email.sm {
  height: 56px;
  max-height: 56px;
}
.preview-data.email .preview-data-clipboard {
  right: 60px;
}
.preview-data.email .preview-data-date {
  position: absolute;
  right: 0px;
  top: 0px;
  white-space: normal;
  width: 90px;
  font-size: 13px;
  line-height: 12px;
  color: #6d6b6b;
  font-weight: 500;
  font-family: "Pragati Narrow", sans-serif;
  text-align: right;
  padding-right: 5px;
}
.preview-data.email .preview-data-option {
  position: absolute;
  top: -2px;
  left: 54px;
  width: 8px;
  height: 59px;
  background-color: #eee;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.preview-data.email .preview-data-option .preview-data-option-seen {
  background-color: #00a8ff;
  box-shadow: inset 0px -2px 0px 0px #fff;
  flex-grow: 1;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  font-family: "Pragati Narrow", sans-serif;
}
.preview-data.email .preview-data-option .preview-data-option-priority {
  background-color: #fa424a;
  box-shadow: inset 0px -2px 0px 0px #fff;
  flex-grow: 1;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  font-family: "Pragati Narrow", sans-serif;
}
.preview-data.email .preview-data-option .preview-data-option-event {
  background-color: #b348ae;
  box-shadow: inset 0px -2px 0px 0px #fff;
  flex-grow: 1;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  font-family: "Pragati Narrow", sans-serif;
}
.preview-data.email .preview-data-option .preview-data-option-project {
  background-color: #efce03;
  box-shadow: inset 0px -2px 0px 0px #fff;
  flex-grow: 1;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  font-family: "Pragati Narrow", sans-serif;
}
.preview-data.email .preview-data-nr {
  color: #00a8ff;
  margin-top: 0px;
  max-width: calc(100% - 126px);
  width: calc(100% - 126px);
  margin-left: 70px;
  font-size: 14px;
  font-weight: 500;
  color: #0491db;
}
.preview-data.email .preview-data-nr .preview-data-nr-value {
  margin-left: 0px;
  display: block;
  text-align: right;
}
.preview-data.email .preview-data-info {
  max-width: calc(100% - 126px);
  width: calc(100% - 126px);
  margin-left: 70px;
  font-weight: 500;
  margin-top: 1px;
  margin-bottom: 1px;
}
.preview-data.email .preview-data-info-sub {
  max-width: calc(100% - 126px);
  width: calc(100% - 126px);
  margin-left: 70px;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.preview-data.email .preview-data-object {
  position: absolute;
  right: 0px;
  top: 25px;
  min-width: 90px;
  white-space: normal;
  display: block;
  width: 90px;
  line-height: 10px;
}
.preview-data.email .preview-data-object .dropdown-email-object {
  float: right;
  margin-right: 2px;
  margin-top: 2px;
  text-align: right;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object i {
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  top: 0px;
  left: 2px;
  color: #ccc;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object.found-object {
  border: 1px solid #46c35f;
  animation: pulse 1s linear infinite;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px 0px 1px 1px #ffffff;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object.found-object i {
  color: #46c35f;
  left: 2px;
  line-height: 18px;
  font-size: 12px;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object.found-object:before {
  content: "?";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #46c35f;
  color: #fff;
  border: 1px solid #fff;
  font-size: 12px;
  line-height: 12px;
  padding-left: 0px;
  text-align: center;
  font-weight: 600;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object.to-object {
  border: 0px;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object.to-object i {
  color: #46c35f;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object.to-object .preview-data {
  box-shadow: 0px 0px 1px 1px #ffffff;
  border-radius: 50%;
  margin-left: -12px;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object.to-object .preview-data .preview-data-img {
  width: 20px;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object.to-object .preview-data .preview-data-icon {
  width: 20px;
  height: 20px;
  background-color: #fff;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object.to-object .preview-data .preview-data-icon i {
  font-size: 12px !important;
  line-height: 19px;
  left: 3px;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object.to-object .dropdown-email-no-object {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ccc;
  display: inline-block;
  background-color: #fff;
  box-shadow: 0px 0px 1px 1px #ffffff;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object.to-object .dropdown-email-no-object i {
  font-size: 12px !important;
  line-height: 19px;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #ccc !important;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object.to-object .dropdown-email-no-object:before {
  content: "+";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #ccc;
  color: #fff;
  border: 1px solid #fff;
  font-size: 16px;
  line-height: 9px;
  padding-left: 0px;
  text-align: center;
  font-weight: 800;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object .email-to-object-list-end {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: -12px;
  position: relative;
  background-color: #46c35f;
  border-radius: 50%;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object .email-to-object-list-end i {
  color: #fff;
  width: 20px;
  text-align: center;
}
.preview-data.email .preview-data-object .dropdown-email-object .email-list-entry-from-email-object .email-to-object-list-end-info {
  margin-right: 5px;
  margin-top: 2px;
  font-size: 12px;
  color: #666;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 500;
}
.preview-data.email .preview-data-object .dropdown-email-object .dropdown-menu {
  background-color: transparent;
  border: 0px;
}
.preview-data.email .preview-data-object .dropdown-email-object .dropdown-menu .popover {
  top: -24px;
}
.preview-data.email .preview-data-object .dropdown-email-object .dropdown-menu .popover .arrow:after {
  border-right-color: #46c35f;
}
.preview-data.email .preview-data-object .dropdown-email-object .dropdown-menu .popover .popover-header {
  background-color: #46c35f;
  border: 3px solid #46c35f;
  padding: 4px 8px;
  max-width: 340px;
  width: 340px;
  color: #fff;
  padding-bottom: 0px;
  padding-top: 0px;
  position: relative;
  box-shadow: none;
}
.preview-data.email .preview-data-object .dropdown-email-object .dropdown-menu .popover .popover-header .popover-close {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 0px;
  width: 18px;
  text-align: center;
}
.preview-data.email .preview-data-object .dropdown-email-object .dropdown-menu .popover .popover-body {
  background-color: #fff;
  border: 3px solid #46c35f;
  padding: 4px 8px;
  max-width: 340px;
  width: 340px;
}
.preview-data.email .preview-data-object .dropdown-email-object .dropdown-menu .popover .popover-body .email-preview-body {
  font-family: "Pragati Narrow", sans-serif;
  font-size: 12px;
  line-height: 12px;
}
.preview-data.email .preview-data-img {
  border: 2px solid #00a8ff !important;
  box-shadow: none;
}
.preview-data.email .preview-data-icon {
  line-height: 0px;
  width: 30px;
  height: 30px;
  background-color: transparent;
}
.preview-data.email .preview-data-icon i {
  font-size: 16px !important;
  line-height: 27px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer {
  min-width: 30px;
  display: inline-block;
  text-align: left;
  width: 60px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer {
  margin-right: 5px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer i {
  font-size: 12px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-customer {
  border: 0px;
  margin-left: 24px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-customer i {
  color: #00a8ff;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-customer .dropdown-email-no-customer {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #ccc;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  top: -2px;
  left: 4px;
  box-shadow: 0px 0px 1px 1px #ffffff;
  line-height: 0px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-customer .dropdown-email-no-customer i {
  font-size: 16px !important;
  line-height: 26px;
  position: absolute;
  top: 0px;
  left: 7px;
  color: #ccc !important;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-customer .preview-data {
  box-shadow: 0px 0px 1px 1px #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-top: 5px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-customer .preview-data .preview-data-icon {
  width: 30px;
  background-color: #fff;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-customer .preview-data .preview-data-icon i {
  font-size: 16px !important;
  line-height: 26px;
  position: absolute;
  top: 2px;
  left: 8px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-customer .preview-data .preview-data-img {
  width: 30px;
  box-shadow: none;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-customer .preview-data.preview-data-list {
  margin-left: -20px;
  float: right;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-unknown {
  border: 0px;
  margin-left: 24px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-unknown .preview-data {
  float: left !important;
  box-shadow: 0px 0px 1px 1px #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-top: 5px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-unknown .preview-data .preview-data-icon {
  width: 30px;
  background-color: #fff;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-unknown .preview-data .preview-data-icon i {
  font-size: 17px !important;
  line-height: 21px;
  position: absolute;
  top: 2px;
  left: 6px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-unknown .preview-data .preview-data-icon:before {
  line-height: 12px;
  width: 19px;
  height: 19px;
  font-size: 18px;
  top: -9px;
  left: -11px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-unknown .preview-data .preview-data-img {
  width: 30px;
  box-shadow: none;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .email-list-entry-from-email-customer.to-unknown .preview-data.preview-data-list {
  margin-left: -20px;
  float: right;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .dropdown-menu {
  background-color: transparent;
  border: 0px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .dropdown-menu .popover {
  top: -24px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .dropdown-menu .popover .arrow:after {
  border-right-color: #00a8ff;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .dropdown-menu .popover .popover-header {
  background-color: #00a8ff;
  border: 3px solid #00a8ff;
  padding: 4px 8px;
  max-width: 340px;
  width: 340px;
  color: #fff;
  padding-bottom: 0px;
  padding-top: 0px;
  position: relative;
  box-shadow: none;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .dropdown-menu .popover .popover-header .popover-close {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 0px;
  width: 18px;
  text-align: center;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .dropdown-menu .popover .popover-body {
  background-color: #fff;
  border: 3px solid #00a8ff;
  padding: 4px 8px;
  max-width: 340px;
  width: 340px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-customer .dropdown-email-customer .dropdown-menu .popover .popover-body .email-preview-body {
  font-family: "Pragati Narrow", sans-serif;
  font-size: 12px;
  line-height: 12px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user {
  min-width: 30px;
  display: inline-block;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user {
  margin-right: 0px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .email-list-entry-from-email-user i {
  font-size: 12px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .email-list-entry-from-email-user.to-user {
  border: 0px;
  margin-right: -24px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .email-list-entry-from-email-user.to-user i {
  color: #f79033;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .email-list-entry-from-email-user.to-user .preview-data {
  box-shadow: 0px 0px 1px 1px #ffffff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  min-width: 30px;
  margin-top: 5px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .email-list-entry-from-email-user.to-user .preview-data .preview-data-icon {
  color: #f79033;
  background-color: #fff;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .email-list-entry-from-email-user.to-user .preview-data .preview-data-icon i {
  font-size: 12px;
  left: 4.5px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .email-list-entry-from-email-user.to-user .preview-data .preview-data-img {
  border: 2px solid #f79033 !important;
  width: 30px;
  box-shadow: none;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .email-list-entry-from-email-user.to-user .preview-data.preview-data-list {
  margin-left: -20px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .dropdown-menu {
  background-color: transparent;
  border: 0px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .dropdown-menu .popover {
  top: -24px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .dropdown-menu .popover .arrow:after {
  border-right-color: #f79033;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .dropdown-menu .popover .popover-header {
  background-color: #f79033;
  border: 3px solid #f79033;
  padding: 4px 8px;
  max-width: 340px;
  width: 340px;
  color: #fff;
  padding-bottom: 0px;
  padding-top: 0px;
  position: relative;
  box-shadow: none;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .dropdown-menu .popover .popover-header .popover-close {
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 0px;
  width: 18px;
  text-align: center;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .dropdown-menu .popover .popover-body {
  background-color: #fff;
  border: 3px solid #f79033;
  padding: 4px 8px;
  max-width: 340px;
  width: 340px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-user .dropdown-menu .popover .popover-body .email-preview-body {
  font-family: "Pragati Narrow", sans-serif;
  font-size: 12px;
  line-height: 12px;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-no-user {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #ccc;
  display: inline-block;
  background-color: #fff;
  position: absolute;
  top: 0px;
  left: -15px;
  box-shadow: 0px 0px 1px 1px #ffffff;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-no-user i {
  font-size: 12px !important;
  line-height: 17px;
  position: absolute;
  top: 0px;
  left: 4px;
  color: #ccc !important;
}
.preview-data.email .preview-data-icon .email-list-entry-from-user .dropdown-email-no-user:before {
  content: "+";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #ccc;
  color: #fff;
  border: 1px solid #fff;
  font-size: 16px;
  line-height: 9px;
  padding-left: 2px;
  font-weight: 800;
}
.preview-data.email .preview-data-attachment {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  top: 26px;
  left: 24px;
  background-color: #a7505f;
  color: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
}
.preview-data.email .preview-data-flagged {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  top: 26px;
  left: -6px;
  color: #fff;
  background-color: #fa424a;
  border-radius: 50%;
  border: 2px solid #fff;
}
.preview-data.email .preview-data-answered {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  top: -2px;
  left: 24px;
  background-color: #ccc;
  border-radius: 50%;
  border: 2px solid #fff;
}
.preview-data.email .preview-data-seen {
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  background-color: #00a8ff;
  border-radius: 50%;
  border: 2px solid #fff;
  float: left;
  color: #fff;
  margin-top: -3px;
}
.preview-data.email .preview-data-priority {
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 17px;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid #fff;
  float: left;
  margin-top: -3px;
}
.preview-data.email .preview-data-priority i {
  font-size: 16px;
  color: #fa424a;
}
.preview-data.email .preview-data-event {
  width: 20px;
  height: 20px;
  font-size: 9px;
  line-height: 16px;
  text-align: center;
  background-color: #b348ae;
  border-radius: 50%;
  border: 2px solid #fff;
  float: left;
  margin-top: -3px;
}
.preview-data.email .preview-data-event i {
  font-size: 9px;
  color: #fff;
}
.preview-data.email.xs {
  top: 0px !important;
}
.preview-data.email.xs .preview-data-nr {
  display: block;
  text-align: left;
  font-size: 13px;
  line-height: 13px;
}
.preview-data.email.xs .preview-data-nr .preview-data-nr-value {
  display: none;
}
.preview-data.email.xs .preview-data-info {
  white-space: normal;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-align: left;
  margin-top: -1px;
  font-size: 12px;
  line-height: 9px;
}
.preview-data.email.xs .preview-data-attachment, .preview-data.email.xs .preview-data-flagged, .preview-data.email.xs .preview-data-answered, .preview-data.email.xs .preview-data-object, .preview-data.email.xs .preview-data-info-sub {
  display: none;
}
.preview-data.email.xs .preview-data-option {
  top: 2px;
  width: 4px;
  height: 30px;
}
.preview-data.email.xs .preview-data-icon .preview-data-email-to-customer, .preview-data.email.xs .preview-data-icon .preview-data-email-to-user {
  top: 0px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  margin-top: 0px !important;
  margin-right: -2px !important;
}
.preview-data.email.xs .preview-data-icon .preview-data-email-to-customer .preview-data-icon, .preview-data.email.xs .preview-data-icon .preview-data-email-to-user .preview-data-icon {
  width: 30px !important;
  height: 30px !important;
}
.preview-data.email.xs .preview-data-icon .preview-data-email-to-customer .preview-data-img, .preview-data.email.xs .preview-data-icon .preview-data-email-to-user .preview-data-img {
  width: 30px !important;
  height: 30px !important;
}
.preview-data.email.xs .preview-data-clipboard i {
  color: #fa424a !important;
}
.preview-data.email:not(.no-scale):hover {
  transform: scale(1.1);
  margin-left: 4%;
}
.preview-data.email-to-user.xs, .preview-data .email-to-customer.xs, .preview-data .email-to-object.xs, .preview-data .email-found-object.xs, .preview-data .apartment.xs {
  min-width: 100%;
}
.preview-data.email-to-user.xs .preview-data-img, .preview-data .email-to-customer.xs .preview-data-img, .preview-data .email-to-object.xs .preview-data-img, .preview-data .email-found-object.xs .preview-data-img, .preview-data .apartment.xs .preview-data-img {
  width: 20px;
}
.preview-data.email-to-user.xs .preview-data-icon, .preview-data .email-to-customer.xs .preview-data-icon, .preview-data .email-to-object.xs .preview-data-icon, .preview-data .email-found-object.xs .preview-data-icon, .preview-data .apartment.xs .preview-data-icon {
  width: 20px;
  height: 20px;
}
.preview-data.email-to-user.xs .preview-data-icon i, .preview-data .email-to-customer.xs .preview-data-icon i, .preview-data .email-to-object.xs .preview-data-icon i, .preview-data .email-found-object.xs .preview-data-icon i, .preview-data .apartment.xs .preview-data-icon i {
  font-size: 12px;
  position: relative;
  top: -6px;
}
.preview-data.email-to-user.xs .preview-data-nr, .preview-data .email-to-customer.xs .preview-data-nr, .preview-data .email-to-object.xs .preview-data-nr, .preview-data .email-found-object.xs .preview-data-nr, .preview-data .apartment.xs .preview-data-nr {
  width: calc(100% - 45px);
  font-size: 12px;
  margin-left: 25px;
}
.preview-data.email-to-user.xs .preview-data-info, .preview-data .email-to-customer.xs .preview-data-info, .preview-data .email-to-object.xs .preview-data-info, .preview-data .email-found-object.xs .preview-data-info, .preview-data .apartment.xs .preview-data-info {
  width: calc(100% - 45px);
  font-size: 12px;
  margin-left: 25px;
}
.preview-data.email-to-user.xs .preview-data-info-sub, .preview-data .email-to-customer.xs .preview-data-info-sub, .preview-data .email-to-object.xs .preview-data-info-sub, .preview-data .email-found-object.xs .preview-data-info-sub, .preview-data .apartment.xs .preview-data-info-sub {
  width: calc(100% - 45px);
  margin-left: 25px;
}

#customerEmailTags .preview-data.xs.customer {
  min-width: 100%;
}
#customerEmailTags .preview-data.xs.customer .preview-data-img {
  width: 20px;
}
#customerEmailTags .preview-data.xs.customer .preview-data-icon {
  width: 20px;
  height: 20px;
}
#customerEmailTags .preview-data.xs.customer .preview-data-icon i {
  font-size: 12px;
  position: relative;
  top: -6px;
}
#customerEmailTags .preview-data.xs.customer .preview-data-nr {
  width: calc(100% - 45px);
  font-size: 12px;
  margin-left: 25px;
}
#customerEmailTags .preview-data.xs.customer .preview-data-info {
  width: calc(100% - 45px);
  font-size: 12px;
  margin-left: 25px;
}
#customerEmailTags .preview-data.xs.customer .preview-data-info-sub {
  width: calc(100% - 45px);
  margin-left: 25px;
}

#objectEmailTags .preview-data.xs.object {
  min-width: 100%;
}
#objectEmailTags .preview-data.xs.object .preview-data-img {
  width: 20px;
}
#objectEmailTags .preview-data.xs.object .preview-data-icon {
  width: 20px;
  height: 20px;
}
#objectEmailTags .preview-data.xs.object .preview-data-icon i {
  font-size: 12px !important;
  position: relative;
  top: -6px;
  color: #46c35f;
}
#objectEmailTags .preview-data.xs.object .preview-data-nr {
  width: calc(100% - 45px);
  font-size: 12px;
  margin-left: 25px;
}
#objectEmailTags .preview-data.xs.object .preview-data-info {
  width: calc(100% - 45px);
  font-size: 12px;
  margin-left: 25px;
}
#objectEmailTags .preview-data.xs.object .preview-data-info-sub {
  width: calc(100% - 45px);
  margin-left: 25px;
}
#objectEmailTags .preview-data.xs.object .preview-data-info-sub .preview-data-info-sub-tag-object {
  padding: 0.1em 0.3em;
  letter-spacing: -0.02em;
  background-color: #46c35f !important;
  border-color: #46c35f !important;
  color: #fff !important;
  border-radius: 0.25rem;
  font-weight: 600;
  display: inline-block;
}

.user-client-checkbox .preview-data.xs .preview-data-img, .user-client-checkbox .preview-data.xs .preview-data-icon {
  width: 21px;
}

.dropdown-toggle .preview-data {
  min-width: 100%;
}

.dropdown-menu.dropdown-menu-table-header {
  background-color: #f3fbff;
}

.dropdown-item .preview-data {
  min-width: 100%;
}
.dropdown-item .text-only {
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #666;
  font-size: 16px;
}
.dropdown-item.dropdown-item-table-header {
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #000;
  font-size: 15px;
  padding: 0px 8px;
}

.dropdown-item .preview-data, .btn-table-header .preview-data, li .preview-data {
  display: inline-block;
}
.dropdown-item .preview-data .preview-data-completed, .btn-table-header .preview-data .preview-data-completed, li .preview-data .preview-data-completed {
  position: relative;
  z-index: 1;
  top: 2px;
  left: 0px;
  width: 40px;
  height: 12px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #fff;
  box-shadow: inset 0px 0px 0px 1px #00a8ff;
  cursor: default;
}

.image-zoom {
  margin-left: 110px;
}

.object-image-upload-list {
  max-height: 450px;
  overflow: auto;
}

.filelists {
  margin: 10px 0 !important;
}
.filelists .filelist {
  padding: 0px !important;
}
.filelists .filelist.complete {
  display: none;
}
.filelists .filelist.queue {
  display: none;
}

.object-image-main .object-image-full {
  width: 100%;
  height: 420px;
  background-color: #f8f9fa;
  border: solid 1px rgba(197, 214, 222, 0.7);
  border-radius: 0.2rem;
  padding: 10px;
}
.object-image-main .object-image-full .object-image {
  position: relative;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.object-image-main .object-image-full .object-image .object-image-left {
  position: absolute;
  top: 50%;
  left: 10px;
  font-size: 32px;
  background-color: #73bade;
  color: #fff;
  border-radius: 50%;
  line-height: 0;
  cursor: pointer;
}
.object-image-main .object-image-full .object-image .object-image-right {
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 32px;
  background-color: #73bade;
  color: #fff;
  border-radius: 50%;
  line-height: 0;
  cursor: pointer;
}

.object-image-description {
  height: 62px !important;
}

.fs-upload {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
  position: relative;
  overflow: hidden;
}
.fs-upload.fs-light .fs-upload-target {
  background: #fff;
  border: 3px dashed #607d8b;
  border-radius: 2px;
  color: #455a64;
  font-size: 14px;
  margin: 0;
  padding: 25px;
  text-align: center;
  transition: background 0.15s linear, border 0.15s linear, color 0.15s linear, opacity 0.15s linear;
}
.fs-upload.fs-light .fs-upload-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  background: #fff;
  border: 1px solid #455a64;
  border-radius: 2px;
  color: #455a64;
  font-size: 16px;
  width: 100%;
  margin: 10px 0;
  padding: 5px 10px;
}

.fileuploadInputPreview {
  position: absolute;
  top: 6px;
  right: 7px;
  width: 46px;
  height: 46px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin-right: 4px;
  margin-top: 3px;
}

.filelists {
  margin: 20px 0;
}
.filelists h5 {
  margin: 10px 0 0;
}
.filelists .filelist {
  margin: 0;
  padding: 10px 0;
}
.filelists .filelist li {
  background: #fff;
  font-size: 14px;
  list-style: none;
  padding: 0px;
  position: relative;
  margin-bottom: 2px;
}
.filelists .filelist li .content {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-bottom: 1px solid #ECEFF1;
  line-height: 26px;
}
.filelists .filelist li .content .btn {
  position: absolute;
  top: 4px;
  right: 0px;
}
.filelists .filelist li .content .fileuploadPreview {
  float: left;
  width: 20px;
  height: 20px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin-right: 4px;
  margin-top: 3px;
}
.filelists .filelist li .content .fileupload {
  color: #73bade;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70%;
  white-space: nowrap;
  font-size: 14px;
  line-height: 25px;
  font-weight: 600;
}
.filelists .filelist li .content .size {
  clear: both;
  color: #999;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 70%;
  white-space: nowrap;
  font-size: 11px;
  line-height: 11px;
}
.filelists .filelist li .content .cancel {
  color: red;
  cursor: pointer;
  display: block;
  float: right;
  font-size: 10px;
  margin: 0 0 0 10px;
  text-transform: uppercase;
}
.filelists .filelist li .content .progress {
  color: #B0BEC5;
  display: block;
  float: right;
  font-size: 10px;
  text-transform: uppercase;
  height: 26px;
  background-color: transparent;
}
.filelists .filelist li .bar {
  background: #73bade;
  color: #fff;
  content: "";
  height: 100%;
  height: 27px;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 0;
  transition: width 0.1s linear;
  padding-top: 3px;
  font-weight: 600;
  z-index: 1;
  opacity: 0.4;
}
.filelists .filelist li.error .file {
  color: red;
}
.filelists .filelist li.error .cancel {
  display: none;
}
.filelists .filelist li.error .progress {
  color: red;
}
.filelists .cancel_all {
  color: red;
  cursor: pointer;
  clear: both;
  font-size: 10px;
  margin: 0;
  text-transform: uppercase;
}

.fc-day-grid-event.fc-re-submit {
  background-color: #73bade !important;
  border-color: #73bade !important;
}
.fc-day-grid-event.fc-re-submit .fc-content .fa {
  color: #fff !important;
}
.fc-day-grid-event.fc-re-submit .fc-content .fc-title {
  color: #fff !important;
}

.fc-time-grid .fc-now-indicator-line {
  width: 1800px;
}

.fc-bgevent {
  opacity: 1 !important;
}
.fc-bgevent:after {
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 700;
  position: absolute;
  top: 0px;
  left: 3px;
  color: #000;
  content: "Abwesend";
  font-size: 12px;
  line-height: 12px;
}
.fc-bgevent::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f506";
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 34px;
  color: #fff;
}
.fc-bgevent.room-event {
  background-color: transparent !important;
  box-shadow: #ccc 14px 0px 0px 0px inset !important;
}
.fc-bgevent.room-event:after {
  content: attr(data-room) "\a" attr(data-organizer) "\a" attr(data-title);
  left: 18px;
  top: 1px;
  color: #999;
  font-weight: 300;
  width: calc(100% - 44px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  background-color: #fff;
}
.fc-bgevent.room-event::before {
  content: "\f6c0";
  color: #fff;
  background-color: #ccc;
  text-align: unset;
  width: 24px;
  height: 24px;
  top: 3px;
  right: 2px;
  transform: unset;
  font-size: 16px;
  line-height: 23px;
  border-radius: 50%;
  text-align: center;
}
.fc-bgevent.room-event.room-event-hidden {
  display: none;
}
.fc-bgevent.car-event {
  background-color: transparent !important;
  box-shadow: #ccc 14px 0px 0px 0px inset !important;
}
.fc-bgevent.car-event:after {
  content: attr(data-car) "\a" attr(data-organizer) "\a" attr(data-title);
  left: 18px;
  top: 1px;
  color: #999;
  font-weight: 300;
  width: calc(100% - 44px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  background-color: #fff;
}
.fc-bgevent.car-event::before {
  content: "\f1b9";
  color: #fff;
  background-color: #ccc;
  text-align: unset;
  width: 24px;
  height: 24px;
  top: 3px;
  right: 2px;
  transform: unset;
  font-size: 16px;
  line-height: 23px;
  border-radius: 50%;
  text-align: center;
}
.fc-bgevent.car-event.car-event-hidden {
  display: none;
}

@keyframes pulse-event {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.event-list .event-list-result {
  border-top: 1px solid #ccc;
  padding-top: 6px;
  padding-bottom: 12px;
}
.event-list .event-list-result .event-list-info {
  display: block;
  font-size: 12px;
  margin-bottom: 5px;
}
.event-list .event-list-result .event-list-data {
  position: relative;
  border: solid 1px rgba(197, 214, 222, 0.7);
  background-color: #f8f9fa;
  float: right;
  width: 200px;
  margin-top: 10px;
  margin-left: 10px;
  padding: 5px 5px;
}
.event-list .event-list-result .event-list-data .preview-data {
  margin-top: 5px;
}
.event-list .event-list-result .event-list-data .preview-data:first-of-type {
  margin-top: 10px;
}
.event-list .event-list-result .event-list-data label {
  position: absolute;
  top: 0px;
  left: 0px;
}

.event-repeat-interval {
  margin-top: 2px;
  width: calc(100% - 100px);
  margin-left: 32px;
  display: inline-block;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 400;
}
.event-repeat-interval.full {
  width: calc(100% - 32px);
}

.event-repeat-interval-count {
  margin-top: 2px;
  width: 64px;
  display: inline-block;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 400;
}

.event-repeat-interval-unit {
  margin-top: 2px;
  width: 64px;
  display: inline-block;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 400;
}

.fc-event {
  padding: 5px;
  line-height: 0.85rem;
}
.fc-event .fc-content {
  overflow: visible;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 400;
}
.fc-event .fc-content.bg-event-light {
  color: #000;
}
.fc-event .fc-content.bg-event-dark {
  color: #fff;
}
.fc-event .fc-content .fc-content-image {
  width: 20px;
  height: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 50%;
  display: inline-block;
  margin-left: -6px;
  position: relative;
  top: -3px;
  left: 2px;
  z-index: inherit;
  float: right;
  border: 1px solid #fff;
}
.fc-event .fc-content .fc-content-image:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  top: 12px;
  right: 0px;
  z-index: 2;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #fff;
  background-color: #fff;
}
.fc-event .fc-content .fc-content-image.fc-event-status-1:after {
  content: "\f058";
  color: #46c35f;
}
.fc-event .fc-content .fc-content-image.fc-event-status-2:after {
  content: "\f057";
  color: #fa424a;
}
.fc-event .fc-content .fc-content-image.fc-event-status-3:after {
  content: "\f059";
  color: #f79033;
}
.fc-event .fc-content .fc-content-image:hover {
  transform: scale(1.3);
}
.fc-event .fc-content img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  width: 24px;
  height: 24px;
}
.fc-event .fc-content .fc-time {
  font-size: 0.8rem;
  display: inline-block;
  position: relative;
  top: -2px;
  left: 10px;
}
.fc-event .fc-content .fc-title {
  font-size: 0.8rem;
  font-weight: bold;
  position: relative;
  top: -2px;
  left: 10px;
}
.fc-event .fc-content .fc-place {
  font-size: 0.8rem;
  font-weight: 400;
  margin-top: 2px;
  position: relative;
  top: 0px;
  left: 12px;
  background-color: rgba(255, 255, 255, 0.5);
  width: calc(100% - 13px);
  padding: 1px;
}
.fc-event .fc-content .fc-place i {
  font-size: 0.7rem;
}
.fc-event .fc-content .fc-category {
  font-size: 0.8rem;
  font-weight: 400;
  margin-top: 2px;
  position: relative;
  top: 0px;
  left: 12px;
  background-color: rgba(255, 255, 255, 0.5);
  width: calc(100% - 13px);
  padding: 1px;
}
.fc-event .fc-content .fc-category i {
  font-size: 0.7rem;
}
.fc-event .fc-content .delete-event {
  color: #fa424a;
  font-size: 12px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #fff;
  position: absolute;
  top: -6px;
  left: -6px;
  cursor: pointer;
}
.fc-event .fc-content .event-repeat-icon {
  line-height: 12px;
  display: block;
  width: 12px;
  text-align: center;
  position: relative;
  left: -2px;
  top: 1px;
}
.fc-event .fc-content .event-alarm-icon {
  line-height: 12px;
  display: block;
  width: 12px;
  text-align: center;
  position: relative;
  left: -2px;
  top: 1px;
}
.fc-event .fc-content .event-mobile-icon {
  line-height: 12px;
  display: block;
  width: 12px;
  text-align: center;
  position: relative;
  left: -2px;
  top: 1px;
}
.fc-event .fc-content .event-car-icon {
  line-height: 10px;
  display: block;
  width: 12px;
  text-align: center;
  position: relative;
  left: -2px;
  top: 1px;
}
.fc-event .fc-content .event-category-icon {
  line-height: 12px;
  display: block;
}
.fc-event .fc-content .event-category-icon:after {
  position: absolute;
  top: 0.16rem;
  left: 0.05em;
  width: 8px;
  height: 8px;
  background-color: #000;
  font-size: 10px;
  line-height: 8px;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 600;
  text-align: center;
  color: #fff;
}
.fc-event .fc-content .event-category-icon.event-category-icon-1:after {
  content: "A";
}
.fc-event .fc-content .event-category-icon.event-category-icon-2:after {
  content: "E";
}
.fc-event .fc-content .event-category-icon.event-category-icon-3:after {
  content: "M";
}
.fc-event .fc-content .event-category-icon.event-category-icon-4:after {
  content: "S";
}
.fc-event .fc-content .event-category-icon.event-category-icon-5:after {
  content: "T";
}
.fc-event .fc-content .event-icon {
  font-size: 9px;
  position: absolute;
  top: 8px;
  left: -2px;
  width: 10px;
}
.fc-event .fc-content .event-icon.priority {
  color: #fff;
}
.fc-event.event-repeat {
  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.3) 5px, rgba(255, 255, 255, 0.3) 10px);
}
.fc-event.event-parent {
  border: 2px dashed #73bade;
}
.fc-event.event-todo {
  animation: pulse-event 1s linear infinite;
}
.fc-event.event-attendee:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f500";
  font-size: 8px;
  line-height: 12px;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
  background-color: #000;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  text-align: center;
}

.btn-select-event-status {
  display: inline-block;
  background-color: #fff;
  font-size: 12px !important;
  border: 1px solid #ccc;
  border-radius: 10px !important;
  padding: 4px 6px !important;
  color: #666;
  text-decoration: none;
  min-width: 100px;
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.btn-select-event-status.status-1 i {
  color: #46c35f;
}
.btn-select-event-status.status-2 i {
  color: #fa424a;
}
.btn-select-event-status.status-3 i {
  color: #f79033;
}
.btn-select-event-status.active.status-1 {
  background-color: #46c35f !important;
  border: 1px solid #fff !important;
  color: #fff;
}
.btn-select-event-status.active.status-1 i {
  color: #fff;
}
.btn-select-event-status.active.status-2 {
  background-color: #fa424a !important;
  border: 1px solid #fff !important;
  color: #fff;
}
.btn-select-event-status.active.status-2 i {
  color: #fff;
}
.btn-select-event-status.active.status-3 {
  background-color: #f79033 !important;
  border: 1px solid #fff !important;
  color: #fff;
}
.btn-select-event-status.active.status-3 i {
  color: #fff;
}
.btn-select-event-status:hover {
  background-color: #eee;
  border: 1px solid #fff !important;
}

.btn-view-event-status {
  width: 160px;
}

.file-upload-box {
  background-color: #cce5ff;
  margin-right: 10px;
  margin-left: 0px;
  margin-top: 10px;
  border-radius: 5px;
}
.file-upload-box label {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  margin-left: -15px;
  cursor: pointer;
}
.file-upload-box .file-upload-preview {
  height: 28px;
  margin-top: 4px;
}

.fc-ltr .fc-axis {
  text-align: center;
  font-size: 0.75rem;
  font-weight: normal;
}

.fc-unthemed .fc-divider {
  border-color: #eee;
}

.fc-week-number {
  text-align: center !important;
  font-size: 0.75rem !important;
  font-weight: normal !important;
}

.today-calendar, .day-calendar, .week-calendar, .month-calendar {
  background-color: #73bade !important;
  border: 0px !important;
}
.today-calendar.active, .day-calendar.active, .week-calendar.active, .month-calendar.active {
  background-color: #fff !important;
  color: #73bade !important;
}
.today-calendar:hover, .day-calendar:hover, .week-calendar:hover, .month-calendar:hover {
  background-color: #73bade !important;
  border: 0px !important;
}

.select-calendar-option {
  display: inline-block;
  margin-right: 2px;
}
.select-calendar-option .btn {
  width: 90px;
  text-align: left;
  background-color: #73bade;
  border: 0px;
}
.select-calendar-option .btn:hover {
  background-color: #73bade !important;
  border: 0px;
}
.select-calendar-option .btn:active {
  background-color: #73bade !important;
  border: 0px;
}
.select-calendar-option .btn:focus {
  box-shadow: none !important;
}
.select-calendar-option .btn:after {
  float: right;
  top: 8px;
}
.select-calendar-option .dropdown-menu.calendar-option {
  max-width: 300px;
  padding: 0px;
}
.select-calendar-option .dropdown-menu.calendar-option li {
  margin-bottom: 1px;
  padding: 4px;
}
.select-calendar-option .dropdown-menu.calendar-option li a {
  font-size: 0.85rem;
  padding: 3px 6px 3px 6px;
  border-radius: 4px;
  display: inline-block;
  width: calc(100% - 8px);
}
.select-calendar-option .dropdown-menu.calendar-option li a input {
  margin-right: 5px;
}

.prev-calendar .fa {
  font-size: 20px;
  cursor: pointer;
}

.next-calendar .fa {
  font-size: 20px;
  cursor: pointer;
}

.zoom-in.btn {
  width: 75px !important;
  text-align: left;
  margin-right: 10px;
  background-color: #73bade;
  border: 0px;
}
.zoom-in.btn:hover {
  background-color: #73bade !important;
  border: 0px;
}
.zoom-in.btn:active {
  background-color: #73bade !important;
  border: 0px;
}
.zoom-in.btn:focus {
  box-shadow: none !important;
}

.zoom-out.btn {
  width: 75px !important;
  text-align: left;
  margin-right: 10px;
  background-color: #73bade;
  border: 0px;
}
.zoom-out.btn:hover {
  background-color: #73bade !important;
  border: 0px;
}
.zoom-out.btn:active {
  background-color: #73bade !important;
  border: 0px;
}
.zoom-out.btn:focus {
  box-shadow: none !important;
}

.content-header {
  position: fixed;
  width: calc(100% - 190px);
  padding-top: 7px;
  background-color: #eceff4;
  z-index: 70;
  top: 60px;
  left: 180px;
  margin: 0;
  height: 40px;
}

.content-header-after {
  position: relative;
  margin-bottom: 31px;
}

.site-header {
  padding: 10px 15px 0 0;
  height: 60px;
  border-bottom: 0px;
  border-bottom: 1px solid #8cd4f9;
  background-color: #f3fbff;
}

.flatpickr-calendar {
  background-color: #f3fbff;
}

.side-menu {
  padding: 1px 0 110px;
  border-right: 0px;
  border-right: 1px solid #8cd4f9;
  background-color: #f3fbff;
  margin-top: 58px;
  z-index: 81;
}
.side-menu .side-menu-list {
  margin: 10px 0 7px;
  padding: 0 0 7px;
  border-bottom: 0px;
}
.side-menu .side-menu-list li {
  line-height: 10px;
}
.side-menu .side-menu-list li a .fa {
  line-height: 10px;
}
.side-menu .side-menu-list li a .fa.main-navi:before {
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: -6px;
  top: -8px;
  width: 26px;
  height: 26px;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
}
.side-menu .side-menu-list li a:hover .sub-info {
  color: #fff;
}
.side-menu .side-menu-list li a:hover .sub-info #webmailAccountEmail {
  color: #fff;
}
.side-menu .side-menu-list li.black a .fa.main-navi:before {
  background-color: #73bade;
}
.side-menu .side-menu-list li.black a:hover {
  background-color: #73bade;
}
.side-menu .side-menu-list li.black a:hover span {
  color: #fff !important;
}
.side-menu .side-menu-list li.black.opened {
  background-color: #73bade;
}
.side-menu .side-menu-list li.black.opened a {
  border-left-color: #73bade;
}
.side-menu .side-menu-list li.black.opened a .lbl {
  color: #fff;
}
.side-menu .side-menu-list li.red a .fa.main-navi:before {
  background-color: #fa424a;
}
.side-menu .side-menu-list li.red a:hover {
  background-color: #fa424a;
}
.side-menu .side-menu-list li.red a:hover span {
  color: #fff !important;
}
.side-menu .side-menu-list li.red.opened {
  background-color: #fa424a;
}
.side-menu .side-menu-list li.red.opened a {
  border-left-color: #fa424a;
}
.side-menu .side-menu-list li.red.opened a .lbl {
  color: #fff;
}
.side-menu .side-menu-list li.red:hover {
  background-color: #fa424a;
}
.side-menu .side-menu-list li.red:hover span, .side-menu .side-menu-list li.red:hover div {
  color: #fff !important;
}
.side-menu .side-menu-list li.magenta a .fa.main-navi:before {
  background-color: #b348ae;
}
.side-menu .side-menu-list li.magenta a:hover {
  background-color: #b348ae;
}
.side-menu .side-menu-list li.magenta a:hover span {
  color: #fff !important;
}
.side-menu .side-menu-list li.magenta.opened {
  background-color: #b348ae;
}
.side-menu .side-menu-list li.magenta.opened a {
  border-left-color: #b348ae;
}
.side-menu .side-menu-list li.magenta.opened a .lbl {
  color: #fff;
}
.side-menu .side-menu-list li.blue a .fa.main-navi:before {
  background-color: #a7505f;
}
.side-menu .side-menu-list li.blue a:hover {
  background-color: #a7505f;
}
.side-menu .side-menu-list li.blue a:hover span {
  color: #fff !important;
}
.side-menu .side-menu-list li.blue.opened {
  background-color: #a7505f;
}
.side-menu .side-menu-list li.blue.opened a {
  border-left-color: #a7505f;
}
.side-menu .side-menu-list li.blue.opened a .lbl {
  color: #fff;
}
.side-menu .side-menu-list li.green a .fa.main-navi:before {
  background-color: #46c35f;
}
.side-menu .side-menu-list li.green a:hover {
  background-color: #46c35f;
}
.side-menu .side-menu-list li.green a:hover span {
  color: #fff !important;
}
.side-menu .side-menu-list li.green.opened {
  background-color: #46c35f;
}
.side-menu .side-menu-list li.green.opened a {
  border-left-color: #46c35f;
}
.side-menu .side-menu-list li.green.opened a .lbl {
  color: #fff;
}
.side-menu .side-menu-list li.blue-sky a .fa.main-navi:before {
  background-color: #00a8ff;
}
.side-menu .side-menu-list li.blue-sky a:hover {
  background-color: #00a8ff;
}
.side-menu .side-menu-list li.blue-sky a:hover span {
  color: #fff !important;
}
.side-menu .side-menu-list li.blue-sky.opened {
  background-color: #00a8ff;
}
.side-menu .side-menu-list li.blue-sky.opened a {
  border-left-color: #00a8ff;
}
.side-menu .side-menu-list li.blue-sky.opened a .lbl {
  color: #fff;
}
.side-menu .side-menu-list li.pink a .fa.main-navi:before {
  background-color: #efce03;
}
.side-menu .side-menu-list li.pink a:hover {
  background-color: #efce03;
}
.side-menu .side-menu-list li.pink a:hover span {
  color: #fff !important;
}
.side-menu .side-menu-list li.pink.opened {
  background-color: #efce03;
}
.side-menu .side-menu-list li.pink.opened a {
  border-left-color: #efce03;
}
.side-menu .side-menu-list li.pink.opened a .lbl {
  color: #fff;
}
.side-menu .side-menu-list li.coral a .fa.main-navi:before {
  background-color: #8aaeb5;
}
.side-menu .side-menu-list li.coral a:hover {
  background-color: #8aaeb5;
}
.side-menu .side-menu-list li.coral a:hover span {
  color: #fff !important;
}
.side-menu .side-menu-list li.coral.opened {
  background-color: #8aaeb5;
}
.side-menu .side-menu-list li.coral.opened a {
  border-left-color: #8aaeb5;
}
.side-menu .side-menu-list li.coral.opened a .lbl {
  color: #fff;
}
.side-menu .side-menu-list li.blue-dirty a .fa.main-navi:before {
  background-color: #aa9252;
}
.side-menu .side-menu-list li.blue-dirty a:hover {
  background-color: #aa9252;
}
.side-menu .side-menu-list li.blue-dirty a:hover span {
  color: #fff !important;
}
.side-menu .side-menu-list li.blue-dirty.opened {
  background-color: #aa9252;
}
.side-menu .side-menu-list li.blue-dirty.opened a {
  border-left-color: #aa9252;
}
.side-menu .side-menu-list li.blue-dirty.opened a .lbl {
  color: #fff;
}
.side-menu .side-menu-list li.gold a .fa.main-navi:before {
  background-color: #f79033;
}
.side-menu .side-menu-list li.gold a:hover {
  background-color: #f79033;
}
.side-menu .side-menu-list li.gold a:hover span {
  color: #fff !important;
}
.side-menu .side-menu-list li.gold.opened {
  background-color: #f79033;
}
.side-menu .side-menu-list li.gold.opened a {
  border-left-color: #f79033;
}
.side-menu .side-menu-list li.gold.opened a .lbl {
  color: #fff;
}
.side-menu .side-menu-list li.rosa a .fa.main-navi:before {
  background-color: #2ae0c7;
}
.side-menu .side-menu-list li.rosa a:hover {
  background-color: #2ae0c7;
}
.side-menu .side-menu-list li.rosa a:hover span {
  color: #fff !important;
}
.side-menu .side-menu-list li.rosa.opened {
  background-color: #2ae0c7;
}
.side-menu .side-menu-list li.rosa.opened a {
  border-left-color: #2ae0c7;
}
.side-menu .side-menu-list li.rosa.opened a .lbl {
  color: #fff;
}
.side-menu .side-menu-list li.dred a .fa.main-navi:before {
  background-color: #d2063d;
}
.side-menu .side-menu-list li.dred a:hover {
  background-color: #d2063d;
}
.side-menu .side-menu-list li.dred a:hover span {
  color: #fff !important;
}
.side-menu .side-menu-list li.dred.opened {
  background-color: #d2063d;
}
.side-menu .side-menu-list li.dred.opened a {
  border-left-color: #d2063d;
}
.side-menu .side-menu-list li.dred.opened a .lbl {
  color: #fff;
}
.side-menu .side-menu-list li button {
  margin-left: 13px;
  width: 160px;
  margin-top: 0px;
  margin-bottom: 3px;
  text-align: left;
  padding-left: 10px;
}
.side-menu .side-menu-list li .sub-info {
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 500;
  font-size: 10px;
  color: #666;
  position: relative;
  left: 0px;
  top: 5px;
}
.side-menu .side-menu-list li .sub-info #webmailAccountEmail {
  font-weight: 400;
  color: #666;
}
.side-menu .side-menu-list li.opened .sub-info {
  color: #fff;
}
.side-menu .side-menu-list li.opened .sub-info #webmailAccountEmail {
  color: #fff;
}
.side-menu .flatpickr-input {
  display: none;
}
.side-menu #side-log-info {
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 400;
  font-size: 12px;
  background-color: #deeef6;
  border-top: 1px solid #fff;
  width: 100%;
  height: 34px;
  position: absolute;
  z-index: 1;
  bottom: 58px;
  left: 0px;
  padding-top: 4px;
  padding-left: 27px;
  overflow: hidden;
  line-height: 12px;
  color: #666;
}
.side-menu #side-log-info:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f4ad";
  position: absolute;
  top: 10px;
  left: 6px;
  font-size: 16px;
  color: #73bade;
}

.flatpickr-input, .clockpicker {
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 400 !important;
  font-size: 15px !important;
  padding: 0.1rem 0.3rem !important;
  background-color: #f8f9fa !important;
}

.flatpickr-input.event-repeat-interval-unit {
  font-size: 14px !important;
}

.flatpickr-calendar {
  min-width: 170px;
  font-size: 70%;
}
.flatpickr-calendar.inline {
  padding: 5px;
  border: 0px;
}
.flatpickr-calendar.inline span.flatpickr-weekday {
  height: 24px;
  line-height: 24px;
  width: 14.28%;
}
.flatpickr-calendar.inline .flatpickr-day {
  line-height: 26px;
  width: 23px;
  height: 25px;
  border-radius: 50%;
}

button.view-calendar {
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  padding: 4px 6px;
  border: 0px;
  font-size: 14px;
}
button.view-calendar .on {
  display: none;
  color: #fff;
  font-size: 12px;
}
button.view-calendar .off {
  display: inline-block;
  color: #fff;
  font-size: 12px;
}
button.view-calendar.active .on {
  display: inline-block;
}
button.view-calendar.active .off {
  display: none;
}
button.view-calendar:last-child {
  border-radius: 0px;
}
button.view-calendar:first-child {
  border-radius: 0px;
}

button.view-calendar-all-room, button.view-calendar-room, button.view-calendar-default {
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  padding: 4px 6px;
  border: 0px;
  font-size: 14px;
  background-color: #999;
  color: #fff;
}
button.view-calendar-all-room .on, button.view-calendar-room .on, button.view-calendar-default .on {
  display: none;
  color: #fff;
  font-size: 12px;
  color: #fff;
}
button.view-calendar-all-room .off, button.view-calendar-room .off, button.view-calendar-default .off {
  display: inline-block;
  color: #fff;
  font-size: 12px;
}
button.view-calendar-all-room.active, button.view-calendar-room.active, button.view-calendar-default.active {
  background-color: #999;
  border-color: #fff;
}
button.view-calendar-all-room.active .on, button.view-calendar-room.active .on, button.view-calendar-default.active .on {
  display: inline-block;
}
button.view-calendar-all-room.active .off, button.view-calendar-room.active .off, button.view-calendar-default.active .off {
  display: none;
}
button.view-calendar-all-room:last-child, button.view-calendar-room:last-child, button.view-calendar-default:last-child {
  border-radius: 0px;
}
button.view-calendar-all-room:first-child, button.view-calendar-room:first-child, button.view-calendar-default:first-child {
  border-radius: 0px;
}
button.view-calendar-all-room:hover, button.view-calendar-room:hover, button.view-calendar-default:hover {
  background-color: #999 !important;
  border-color: #fff !important;
  color: #fff !important;
}
button.view-calendar-all-room:active, button.view-calendar-room:active, button.view-calendar-default:active {
  background-color: #999 !important;
  border-color: #fff !important;
  color: #fff !important;
}
button.view-calendar-all-room:focus, button.view-calendar-room:focus, button.view-calendar-default:focus {
  background-color: #999 !important;
  border-color: #fff !important;
  color: #fff !important;
}
button.view-calendar-all-room.default:after, button.view-calendar-room.default:after, button.view-calendar-default.default:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f007";
  color: #999;
  background-color: #fff;
  text-align: unset;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  right: 2px;
  transform: unset;
  font-size: 13px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
}
button.view-calendar-all-room.room:after, button.view-calendar-room.room:after, button.view-calendar-default.room:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f6c0";
  color: #999;
  background-color: #fff;
  text-align: unset;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  right: 2px;
  transform: unset;
  font-size: 13px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
}
button.view-calendar-all-room.car:after, button.view-calendar-room.car:after, button.view-calendar-default.car:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f1b9";
  color: #999;
  background-color: #fff;
  text-align: unset;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  right: 2px;
  transform: unset;
  font-size: 13px;
  line-height: 20px;
  border-radius: 50%;
  text-align: center;
}

.calendar-page .calendar-page-content {
  margin-right: 0px;
  float: none;
}
.calendar-page .calendar-page-content .calendar-page-title {
  color: #73bade;
  z-index: 60;
  top: 20px;
}
.calendar-page .calendar-page-content .calendar-page-title .red {
  color: #fa424a;
}
.calendar-page .calendar-page-content .calendar-page-content-in {
  margin: 0px;
}
.calendar-page .calendar-page-content .calendar-page-content-in .card {
  border: 0px;
}
.calendar-page .calendar-page-content .calendar-page-content-in .card .fc-toolbar {
  padding: 0px;
  margin: 0px;
}

.minicolors-theme-bootstrap .minicolors-swatch {
  width: 21px;
  height: 21px;
  border-radius: 50%;
}
.minicolors-theme-bootstrap .minicolors-input {
  color: transparent !important;
  border: 0px;
  background-color: transparent;
}

.select2-selection--multiple {
  background-color: #f8f9fa !important;
  border: solid 1px rgba(197, 214, 222, 0.7) !important;
  min-height: 31px !important;
  font-size: 0.9rem;
  line-height: 0.9rem;
}
.select2-selection--multiple .select2-selection__choice {
  font-size: 0.8rem !important;
  height: 22px !important;
  line-height: 22px !important;
  margin-top: 3px !important;
  top: 0px !important;
}
.select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  font-size: 1.5rem;
}
.select2-selection--multiple .select2-search__field {
  margin-top: 0px;
}

.event-group-toggle {
  padding-left: 0px !important;
  cursor: pointer !important;
}

.modal-dialog.modal-lg {
  max-width: 1000px !important;
  width: 1000px !important;
}
.modal-dialog.modal-xl {
  max-width: 85% !important;
  width: 85% !important;
}
.modal-dialog .modal-content {
  border-radius: 0px;
}
.modal-dialog .modal-content .modal-header {
  border-radius: 0px;
  background-color: #73bade !important;
  padding: 0.4rem;
}
.modal-dialog .modal-content .modal-header .modal-title {
  color: #fff;
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.9rem;
  padding-left: 10px;
}
.modal-dialog .modal-content .modal-header .close {
  color: #fff;
  text-shadow: none;
  opacity: 1;
  padding-right: 20px;
}
.modal-dialog .modal-content .modal-body .form-group {
  margin-bottom: 0.4rem;
  font-size: 13px;
}
.modal-dialog .modal-content .modal-body .form-group .form-label {
  margin-bottom: 2px;
  font-size: 12px;
}
.modal-dialog .modal-content .modal-footer {
  background-color: #f8f9fa;
}
.modal-dialog.modal-image {
  max-width: 1300px !important;
  width: 1300px !important;
}
.modal-dialog.modal-image .modal-body {
  min-height: 500px;
}
.modal-dialog.modal-clipboard .modal-body {
  height: 579px;
}
.modal-dialog.modal-clipboard .modal-body .card-deck.object-image {
  overflow: auto;
  height: 518px;
}

.fa.green {
  color: #46c35f;
  background-color: #fff;
  border-radius: 50%;
}
.fa.green.center {
  position: absolute;
  top: 50%;
  left: calc(50% - 7px);
  transform: translate(-50%, -50%);
}
.fa.red {
  color: #fa424a;
  background-color: #fff;
  border-radius: 50%;
}
.fa.red.center {
  position: absolute;
  top: 50%;
  left: calc(50% - 7px);
  transform: translate(-50%, -50%);
}
.fa.orange {
  color: #f79033;
  background-color: #fff;
  border-radius: 50%;
}
.fa.orange.center {
  position: absolute;
  top: 50%;
  left: calc(50% - 7px);
  transform: translate(-50%, -50%);
}

.select2-custom .select2 {
  height: 31px;
}
.select2-custom .select2 .select2-selection {
  height: 31px;
}
.select2-custom .select2 .select2-selection .select2-selection__rendered {
  padding-top: 3px;
  padding-left: 10px;
  font-size: 15px;
  line-height: 18px;
  min-height: 31px;
  background-color: #f8f9fa;
}
.select2-custom .select2 .select2-selection .select2-selection__arrow {
  background: transparent;
  right: -4px;
}

.select2-custom-xs .select2 {
  height: 24px;
}
.select2-custom-xs .select2 .select2-selection {
  height: 24px;
}
.select2-custom-xs .select2 .select2-selection .select2-selection__rendered {
  padding-top: 3px;
  padding-left: 10px;
  font-size: 12px;
  line-height: 13px;
  min-height: 24px;
  height: 24px;
  background-color: #f8f9fa;
  text-transform: initial;
}
.select2-custom-xs .select2 .select2-selection .select2-selection__rendered .user-item {
  font-weight: normal;
  line-height: 1rem;
}
.select2-custom-xs .select2 .select2-selection .select2-selection__rendered .user-item img {
  width: 18px;
  height: 18px;
}
.select2-custom-xs .select2 .select2-selection .select2-selection__arrow {
  background: transparent;
  right: -4px;
}

.select2-container.xs .select2-dropdown {
  white-space: nowrap;
  width: auto !important;
}
.select2-container.xs .select2-dropdown .select2-search--dropdown {
  padding-left: 5px;
  padding-right: 5px;
}
.select2-container.xs .select2-dropdown *[id^=select2-actionButtonMove-] {
  font-size: 0.85rem;
  padding: 2px 0.5rem;
}
.select2-container.xs .select2-dropdown *[id^=select2-actionButtonMove-] .user-item img {
  width: 18px;
  height: 18px;
}

.edit-person {
  cursor: pointer;
  font-weight: normal;
  background-color: #73bade;
  border-radius: 0.3em;
  color: #fff;
  position: relative;
  top: -2px;
}

.badge.click {
  background-color: #73bade;
  color: #fff;
  border-radius: 0.3em;
  display: inline-block;
  width: 20px;
  height: 17px;
  line-height: 15px;
  cursor: pointer;
}
.badge.badge-primary.badge-object {
  background-color: #73bade !important;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.badge.badge-secondary.badge-object {
  background-color: #929faa !important;
  color: #fff;
  font-size: 0.9em;
  font-weight: 600;
  margin-bottom: 4px;
  margin-right: 2px;
}
.badge.badge-property {
  background-color: rgba(0, 168, 255, 0.2);
  color: #000;
  font-size: 0.9em;
  font-weight: 600;
  margin-bottom: 4px;
  margin-right: 2px;
}
.badge.small {
  font-size: 0.7em !important;
  font-weight: 500;
}

.dropdown.show .btn-action {
  background-color: #fa424a !important;
}

i.slash {
  position: relative;
}
i.slash:after {
  content: "\f715";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #fa424a;
  text-shadow: 1px 2px 1px #fff;
  padding: 0px;
  margin: 0px;
  font-size: 1.4em;
  line-height: 1.25em;
  width: 100%;
  overflow: hidden;
}

.dropdown-menu.action {
  background-color: #f3fbff;
  border: 1px solid #8cd4f9;
  box-shadow: 6px 5px 5px 0px rgba(0, 0, 0, 0.45);
}
.dropdown-menu.action.show {
  width: 470px;
  top: 10px !important;
  left: -7px !important;
}
.dropdown-menu.action .dropdown-item {
  padding: 2px 12px;
  font-size: 0.8rem;
  border: 0px;
  position: unset;
  color: #666;
}
.dropdown-menu.action .dropdown-item .fa {
  color: #666;
  margin-right: 3px;
}
.dropdown-menu.action .dropdown-item .fa:before {
  display: inline-block;
  background-color: #73bade;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  line-height: 19px;
  text-align: center;
}
.dropdown-menu.action .dropdown-item input[type=checkbox] {
  width: 10px;
  height: 10px;
}
.dropdown-menu.action .dropdown-item .form-check-label {
  margin-bottom: 2px;
  padding-top: 0px;
}
.dropdown-menu.action .dropdown-item:hover {
  color: #73bade;
}
.dropdown-menu.action .dropdown-item-sub .dropdown-item {
  font-size: 0.75rem;
  line-height: 0.85rem;
  color: #666;
}
.dropdown-menu.action .dropdown-item-sub .dropdown-item:hover {
  color: #73bade;
}
.dropdown-menu.action .dropdown-header {
  padding: 0px 12px;
  cursor: pointer;
  text-transform: none;
  color: #73bade;
  padding-left: 0px;
}
.dropdown-menu.action .dropdown-header-first {
  background-color: #73bade;
  color: #fff;
  margin-top: -7px;
  border-radius: 0.25rem;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  border: 2px solid #fff;
  font-size: 14px;
}
.dropdown-menu.action .alert.alert-danger {
  min-height: 70px;
  margin: 10px;
}
.dropdown-menu.action:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 6px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #f3fbff transparent;
}
.dropdown-menu.action:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -12px;
  left: 4px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0px 12px 12px 12px;
  border-color: transparent transparent #73bade transparent;
}

.table-striped tbody tr {
  height: 65px;
}
.table-striped tbody tr.save {
  background-color: rgba(0, 168, 255, 0.1) !important;
}
.table-striped tbody tr.divider {
  border-top: 20px solid #fff;
  box-shadow: inset 0px 10px 0px 1px #d8e2e7;
}
.table-striped tbody tr.divider td:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #d8e2e7;
  position: absolute;
  top: -21px;
  left: 0px;
  z-index: 1090;
}
.table-striped tbody tr.object-te-weg {
  border-left: 8px solid #46c35f;
}
.table-striped tbody tr.no-user-client {
  border-left: 8px solid #fa424a;
}
.table-striped tbody tr td {
  vertical-align: center;
}
.table-striped tbody tr td.vertical-align-top {
  vertical-align: top;
}
.table-striped tbody tr td .table-content {
  position: relative;
  padding-top: 2px;
  padding-left: 7px;
  padding-right: 7px;
}
.table-striped tbody tr td .table-content.table-content-close {
  overflow: hidden;
  max-height: 44px;
}
.table-striped tbody tr td .table-content .preview-data.xs {
  margin-bottom: 2px;
}
.table-striped tbody tr td .table-content-plus {
  font-size: 12px;
  line-height: 12px;
  width: 100%;
  height: 12px;
  position: absolute;
  top: 4px;
  left: -10px;
  cursor: pointer;
}
.table-striped tbody tr td .table-content-plus i {
  background-color: #fff;
  border-radius: 5px;
  padding: 1px 1px;
}
.table-striped tbody tr td .table-content-plus i span {
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
  float: right;
  margin-left: 2px;
}
.table-striped tbody tr td .fa.circle:before {
  display: inline-block;
  border: 1px solid #ccc;
  font-size: 10px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 50%;
  padding: 3px;
  text-align: center;
  color: #666;
  line-height: 9px;
  margin-right: 1px;
  margin-bottom: 2px;
}
.table-striped tbody tr td .fa.customer:before {
  border: 1px solid #00a8ff;
  color: #00a8ff;
}
.table-striped tbody tr td .open-global-modal-link {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  max-width: 200px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  font-size: 14px;
  line-height: 14px;
  color: #666;
}
.table-striped tbody tr td.option-button {
  white-space: nowrap;
}
.table-striped tbody tr.first td {
  border-top: 10px solid #e4e4e4;
  padding-top: 10px;
}

.table .date-format {
  font-family: Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  color: #666;
}
.table .main {
  border-left: 3px solid #73bade;
}
.table.table-sm td {
  font-size: 15px !important;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  position: relative;
}
.table.table-sm td.preview-img {
  line-height: 38px;
}
.table.table-sm td.checkbox {
  padding: 8px 0px;
  width: 30px;
}
.table.table-sm td.checkbox .checkbox-pill {
  margin-left: 10px;
  margin-right: -10px;
}
.table.table-sm td .user-client-name {
  font-size: 14px;
  line-height: 14px;
}
.table.table-sm td .checkbox-pill {
  top: 8px;
  left: 8px;
}
.table.table-sm td .checkbox-pill .no-text {
  width: 17px;
  height: 17px;
}
.table.table-sm td .checkbox-pill .no-text .cr {
  width: 17px;
  height: 17px;
  margin-left: 1px;
}
.table.table-sm td .checkbox-pill .no-text .cr i {
  font-size: 18px;
}
.table.table-sm th {
  font-size: 13px !important;
}
.table.header-tabs {
  position: relative;
  top: -16px;
}
.table .dropdown-menu {
  min-width: 230px;
  background-color: #f3fbff;
}
.table .dropdown-menu .dropdown-item {
  padding: 2px 12px;
  font-size: 0.8rem;
  border: 0px;
  position: unset;
}
.table .dropdown-menu .dropdown-item .fa {
  color: #666;
  margin-right: 3px;
}
.table .dropdown-menu .dropdown-item .fa:before {
  display: inline-block;
  background-color: #73bade;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  line-height: 19px;
  text-align: center;
}
.table .dropdown-menu.show {
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.75);
}
.table .dropdown-menu.show:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 4px;
  right: -9px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #f3fbff;
}
.table .dropdown-menu.show:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 2px;
  right: -12px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 12px 0 12px 12px;
  border-color: transparent transparent transparent #b5bcc1;
}
.table .dropdown-menu.show.action:after {
  content: "";
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 6px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #f3fbff transparent;
}
.table .dropdown-menu.show.action:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -12px;
  left: 4px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0px 12px 12px 12px;
  border-color: transparent transparent #73bade transparent;
}
.table a.btn {
  border: 0px;
  position: unset;
  top: 0px;
}

.table-search {
  width: 100%;
  height: 27px;
  position: relative;
  border: solid 1px rgba(197, 214, 222, 0.7);
  border-radius: 0.2rem;
  background-color: #f8f9fa;
  transition: all 0.2s ease-in-out;
}
.table-search input[type=text] {
  width: 100%;
  height: 27px;
  padding: 0.25rem 0.55rem;
  border: none;
  background: 0 0;
  font-size: 0.9rem;
  font-weight: 600;
  color: #343434;
  transition: all 0.2s ease-in-out;
}
.table-search button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 100%;
  line-height: 30px;
  text-align: center;
  color: #adb7be;
  border: none;
  background: 0 0;
  font-size: 0.9375rem;
}
.table-search .overlay-search {
  position: absolute;
  top: 33px;
  left: 0px;
  z-index: 1090;
  width: 100%;
  font-size: 0.9rem;
  font-weight: 600;
  padding: 0.25rem 0.55rem;
  border: solid 1px rgba(197, 214, 222, 0.7);
  border-radius: 0.2rem;
  background-color: #f8f9fa;
}
.table-search .overlay-search .overlay-search-headline {
  font-size: 1.1rem;
  color: #343434;
}
.table-search .overlay-search .overlay-search-content .overlay-search-Link {
  display: block;
  color: #73bade;
}

.badge-right {
  float: right;
}

.badge-custom {
  font-size: 11px;
  min-width: 17px;
  height: 17px;
  background-color: #000;
  color: #fff;
  padding: 0px 6px 0px 6px;
  line-height: 18px;
  position: relative;
  top: -2px;
  cursor: default;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 500;
}
.badge-custom.badge-inline {
  top: 0px;
}
.badge-custom.badge-top {
  top: -10px;
}
.badge-custom.badge-opacity {
  opacity: 0.5;
}
.badge-custom.badge-red {
  background-color: #fa424a;
  color: #fff !important;
}
.badge-custom.badge-green {
  background-color: #46c35f;
  color: #fff !important;
}
.badge-custom.badge-yellow {
  background-color: #efce03;
  color: #000 !important;
}
.badge-custom.badge-blue {
  background-color: #73bade;
  color: #fff !important;
}
.badge-custom.badge-orange {
  background-color: #f29824;
  color: #fff !important;
}
.badge-custom.badge-grey {
  background-color: #666;
  color: #fff !important;
}
.badge-custom.badge-file {
  background-color: #a7505f;
  color: #fff;
}
.badge-custom.badge-navi {
  position: absolute;
  top: 8px;
}
.badge-custom.badge-navi.navi-count-unseen-email {
  left: 90px;
}
.badge-custom.badge-xl {
  font-size: 13px;
  padding: 4px 8px;
  height: 24px;
}
.badge-custom.badge-md {
  font-size: 12px;
  padding: 3px 6px;
  height: 22px;
}
.badge-custom.badge-xs {
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 900;
  padding: 0px 2px 0px 2px;
  min-width: 11px;
  height: 11px;
  line-height: 12px;
  top: -1px;
  font-size: 10px;
}
.badge-custom.badge-min-width {
  min-width: 120px;
}

.loupe-widget {
  position: relative;
  display: inline-block;
  will-change: transform;
}
.loupe-widget__loupe {
  position: absolute;
  z-index: 100;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  border: 2px solid #222;
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
  background-color: white;
  display: none;
}
.loupe-widget:hover {
  cursor: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7), auto;
}
.loupe-widget:hover .loupe-widget__loupe {
  display: block;
  pointer-events: none;
}

.tab-pane {
  position: relative;
}
.tab-pane.tab-pane-custom {
  padding: 10px 8px;
  top: -17px;
  border: solid 1px rgba(197, 214, 222, 0.7);
  background-color: #f8f9fa; /* ff3.6+ */ /* safari4+,chrome */ /* safari5.1+,chrome10+ */ /* opera 11.10+ */ /* ie10+ */
  background: linear-gradient(180deg, rgb(248, 249, 250) 0%, rgb(255, 255, 255) 22%, rgb(255, 255, 255) 100%); /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f8f9fa", endColorstr="#ffffff",GradientType=0 ); /* ie6-9 */
}
.tab-pane.tab-pane-custom .tag-container {
  background-color: transparent;
  border-color: transparent;
  border: 0px;
}
.tab-pane.tab-pane-custom .typeahead-container .typeahead-field {
  padding: 0px !important;
  margin-bottom: 10px;
}

.delete-layer:after {
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  background-color: #fff;
  opacity: 0.8;
  z-index: 1090;
}
.delete-layer:before {
  content: "Gelöscht!";
  position: absolute;
  top: 20%;
  color: #fa424a;
  left: calc(50% - 150px);
  font-weight: 700;
  font-family: "Proxima Nova", sans-serif;
  font-size: 45px;
  background-color: transparent;
  opacity: 1;
  z-index: 1091;
}

.card .delete-layer:after {
  z-index: 1;
}
.card .delete-layer:before {
  font-size: 20px;
  top: calc(50% - 20px);
  left: calc(50% - 42px);
  z-index: 2;
}

.search-input {
  min-width: 220px;
}

.select-action-checkbox-clipboard {
  font-size: 16px;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 700;
  color: #73bade;
  padding-left: 20px;
  margin-top: 4px;
}
.select-action-checkbox-clipboard:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0c5";
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  top: 3px;
  left: 0px;
  width: 16px;
  height: 16px;
}
.select-action-checkbox-clipboard .select-action-checkbox-clipboard-count {
  margin-right: 5px;
}

.select-action-checkbox {
  margin-left: -6px;
  background-color: #fff;
  padding-right: 15px;
  margin-top: 10px;
  margin-bottom: 30px;
}
.select-action-checkbox .checked-all {
  display: inline-block;
  color: #73bade;
  font-weight: 700 !important;
  font-size: 16px;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 700;
  width: 90px;
  border: 0px;
}
.select-action-checkbox .unchecked-all {
  display: inline-block;
  color: #73bade;
  font-weight: 700 !important;
  font-size: 16px;
  font-family: "Pragati Narrow", sans-serif;
  font-weight: 700;
  width: 90px;
  border: 0px;
}
.select-action-checkbox .no-result {
  margin-right: 15px;
  margin-top: 5px;
  color: #fa424a;
  font-weight: 600;
  font-size: 14px;
}

td .select-action-checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}

#calendarEventUnknownTags {
  padding-top: 0px;
}

.search-action-checkbox {
  min-width: 274px;
  float: right;
  position: relative;
  top: 8px;
  padding-left: 9px;
  background-color: #fff;
  left: -5px;
}

#mainClipboardContent .search-action-checkbox {
  padding-right: 15px;
}

.select-action-checkbox-line:before {
  content: "";
  position: relative;
  width: calc(100% - 30px);
  height: 2px;
  background-color: #e8e8e8;
  top: 25px;
  left: 10px;
}

.last-contact:after {
  content: "Tage";
  color: initial;
  font-size: 0.85rem;
  font-weight: normal;
  white-space: nowrap;
  position: absolute;
  top: 0px;
  left: 0px;
  margin-left: 5px;
}
.last-contact.sm:after {
  left: 15px;
}
.last-contact.md:after {
  left: 27px;
}
.last-contact.lg:after {
  left: 31px;
}

.file-sort-type {
  background-color: #73bade !important;
  border: 0px;
}
.file-sort-type i {
  font-size: 21px !important;
}

.file-view-type {
  background-color: #73bade !important;
  border: 0px;
}
.file-view-type i {
  font-size: 13px !important;
  line-height: 22px;
}

.container-fluid .row.even, .modal-body .row.even {
  background-color: #eff3f5;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.85rem;
  border-top: 1px solid #ccc;
}
.container-fluid .row.odd, .modal-body .row.odd {
  background-color: #f8f9fa;
  margin-left: 0px;
  margin-right: 0px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 0.85rem;
  border-top: 1px solid #ccc;
}
.container-fluid .ampel, .modal-body .ampel {
  position: relative;
  width: 16px;
  height: 39px;
  background-color: #fff;
  border: 1px solid #999;
  border-radius: 3px;
}
.container-fluid .ampel .red, .modal-body .ampel .red {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
}
.container-fluid .ampel .red.active, .modal-body .ampel .red.active {
  background-color: red;
}
.container-fluid .ampel .yellow, .modal-body .ampel .yellow {
  position: absolute;
  top: 13px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
}
.container-fluid .ampel .yellow.active, .modal-body .ampel .yellow.active {
  background-color: orange;
}
.container-fluid .ampel .green, .modal-body .ampel .green {
  position: absolute;
  top: 24px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ccc;
}
.container-fluid .ampel .green.active, .modal-body .ampel .green.active {
  background-color: green;
}
.container-fluid .input-group-prepend.click .input-group-text, .modal-body .input-group-prepend.click .input-group-text {
  background-color: #73bade;
  cursor: pointer;
}
.container-fluid .input-group-prepend.click .input-group-text .fa, .modal-body .input-group-prepend.click .input-group-text .fa {
  color: #fff;
}
.container-fluid .rate, .modal-body .rate {
  font-size: 14px;
  color: #ccc !important;
  background-color: transparent !important;
}
.container-fluid .rate:before, .modal-body .rate:before {
  background-color: transparent !important;
  color: unset !important;
}
.container-fluid .rate.checked, .modal-body .rate.checked {
  color: #73bade !important;
}
.container-fluid .rate.update-rate, .modal-body .rate.update-rate {
  cursor: pointer;
}
.container-fluid .rate.update-user-rate, .modal-body .rate.update-user-rate {
  cursor: pointer;
}
.container-fluid .dropdown-item .rate, .modal-body .dropdown-item .rate {
  font-size: 14px;
  color: #ccc !important;
  background-color: transparent !important;
}
.container-fluid .dropdown-item .rate:before, .modal-body .dropdown-item .rate:before {
  background-color: transparent !important;
  color: unset !important;
}
.container-fluid .dropdown-item .rate.checked, .modal-body .dropdown-item .rate.checked {
  color: #73bade !important;
}
.container-fluid #btnGroupFilter, .modal-body #btnGroupFilter {
  min-width: 200px;
  padding-right: 20px;
}
.container-fluid #btnGroupFilter .rate, .modal-body #btnGroupFilter .rate {
  font-size: 10px;
}
.container-fluid .timeline-container, .modal-body .timeline-container {
  min-height: 34px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.25rem;
  overflow: auto;
  position: relative;
}
.container-fluid .timeline-container ul.timeline, .modal-body .timeline-container ul.timeline {
  list-style-type: none;
  position: relative;
  margin-left: -15px;
  padding-left: 26px;
  top: 0px;
}
.container-fluid .timeline-container ul.timeline:before, .modal-body .timeline-container ul.timeline:before {
  content: " ";
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 24px;
  top: 4px;
  width: 2px;
  height: 100%;
  z-index: 1;
}
.container-fluid .timeline-container ul.timeline li, .modal-body .timeline-container ul.timeline li {
  margin: 3px 0px 0px 3px;
  padding-left: 14px;
  position: relative;
}
.container-fluid .timeline-container ul.timeline li:before, .modal-body .timeline-container ul.timeline li:before {
  content: " ";
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 3px solid #73bade;
  left: -8px;
  width: 14px;
  height: 14px;
  z-index: 400;
  margin-top: 4px;
  z-index: 2;
}
.container-fluid .timeline-container ul.timeline li img, .modal-body .timeline-container ul.timeline li img {
  position: absolute;
  left: -16px;
  top: 0px;
  z-index: 3;
}
.container-fluid .timeline-container ul.timeline li img.preview.xs, .modal-body .timeline-container ul.timeline li img.preview.xs {
  width: 24px;
  height: 24px;
}
.container-fluid .timeline-container ul.timeline li .timeline-date, .modal-body .timeline-container ul.timeline li .timeline-date {
  color: #73bade;
  font-size: 13px;
  font-weight: 600;
  padding-top: 0px;
  display: inline-block;
  margin-bottom: 4px;
}
.container-fluid .timeline-container ul.timeline li .timeline-icon, .modal-body .timeline-container ul.timeline li .timeline-icon {
  position: absolute;
  top: 0px;
  left: 140px;
}
.container-fluid .timeline-container ul.timeline li .timeline-icon .fa, .modal-body .timeline-container ul.timeline li .timeline-icon .fa {
  color: #fff;
  font-size: 11px;
  line-height: 18px;
  background-color: #73bade;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  text-align: center;
}
.container-fluid .timeline-container ul.timeline li .timeline-edit, .modal-body .timeline-container ul.timeline li .timeline-edit {
  position: absolute;
  top: 0px;
  left: 170px;
}
.container-fluid .timeline-container ul.timeline li .timeline-headline, .modal-body .timeline-container ul.timeline li .timeline-headline {
  font-size: 13px;
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
  background-color: #eee;
  padding: 4px 8px;
  padding-bottom: 0px;
}
.container-fluid .timeline-container ul.timeline li .timeline-text, .modal-body .timeline-container ul.timeline li .timeline-text {
  font-size: 13px;
  background-color: #eee;
  padding: 4px 8px;
}
.container-fluid .timeline-container ul.timeline li .timeline-text .preview, .modal-body .timeline-container ul.timeline li .timeline-text .preview {
  position: relative;
  top: 0px;
  left: 0px;
  display: block;
  float: none;
}
.container-fluid .timeline-container ul.timeline li .timeline-text .preview-data, .modal-body .timeline-container ul.timeline li .timeline-text .preview-data {
  margin-top: 4px;
  margin-bottom: 4px;
}
.container-fluid .btn-table-header, .modal-body .btn-table-header {
  background-color: #f8f9fa !important;
  color: #343434 !important;
  border: solid 1px rgba(197, 214, 222, 0.7);
  height: 31px;
  min-width: 180px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
}
.container-fluid .btn-table-header#filterFileGroup, .modal-body .btn-table-header#filterFileGroup {
  min-width: 190px;
  max-width: 190px;
}
.container-fluid .btn-table-header#filterFileWeg, .modal-body .btn-table-header#filterFileWeg {
  min-width: 100px;
  max-width: 100px;
}
.container-fluid .btn-table-header#btnGroupApartment, .modal-body .btn-table-header#btnGroupApartment {
  min-width: 180px;
  max-width: 180px;
}
.container-fluid .btn-table-header#btnGroupApartment .preview-data, .modal-body .btn-table-header#btnGroupApartment .preview-data {
  margin-left: 15px;
}
.container-fluid .btn-table-header#btnGroupApartment .preview-data:after, .modal-body .btn-table-header#btnGroupApartment .preview-data:after {
  position: absolute;
  top: 0px;
  left: -17px;
  z-index: 2;
  width: 14px;
  height: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0b0";
  color: #73bade !important;
  font-size: 14px;
}
.container-fluid .btn-table-header#btnGroupShareholder, .modal-body .btn-table-header#btnGroupShareholder {
  min-width: 180px;
  max-width: 180px;
}
.container-fluid .btn-table-header#btnGroupShareholder .preview-data, .modal-body .btn-table-header#btnGroupShareholder .preview-data {
  margin-left: 15px;
}
.container-fluid .btn-table-header#btnGroupShareholder .preview-data:after, .modal-body .btn-table-header#btnGroupShareholder .preview-data:after {
  position: absolute;
  top: 0px;
  left: -17px;
  z-index: 2;
  width: 14px;
  height: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0b0";
  color: #73bade !important;
  font-size: 14px;
}
.container-fluid .btn-table-header#btnGroupSort, .modal-body .btn-table-header#btnGroupSort {
  min-width: 120px;
  max-width: 120px;
}
.container-fluid .btn-table-header#btnGroupSort.btn-customer-sort, .modal-body .btn-table-header#btnGroupSort.btn-customer-sort {
  min-width: 180px;
  max-width: 180px;
}
.container-fluid .btn-table-header#btnGroupSort.btn-object-sort, .modal-body .btn-table-header#btnGroupSort.btn-object-sort {
  min-width: 180px;
  max-width: 180px;
}
.container-fluid .btn-table-header#btnGroupLimit, .modal-body .btn-table-header#btnGroupLimit {
  min-width: 90px;
  max-width: 90px;
}
.container-fluid .btn-table-header#btnGroupFileType, .modal-body .btn-table-header#btnGroupFileType {
  min-width: 140px;
  max-width: 140px;
}
.container-fluid .btn-table-header:hover, .modal-body .btn-table-header:hover {
  background-color: #f8f9fa !important;
  border: solid 1px rgba(197, 214, 222, 0.7) !important;
}
.container-fluid .btn-table-header:after, .modal-body .btn-table-header:after {
  position: absolute;
  top: 13px;
  right: 7px;
}
.container-fluid .btn-table-header.btn-action, .modal-body .btn-table-header.btn-action {
  background-color: #6b7a85 !important;
  color: #fff !important;
}
.container-fluid .btn-table-header.btn-table-header-project, .modal-body .btn-table-header.btn-table-header-project {
  height: 40px;
  min-width: 240px;
  max-width: 240px;
  font-size: 16px !important;
}
.container-fluid .btn-table-header.btn-table-header-project::after, .modal-body .btn-table-header.btn-table-header-project::after {
  top: 15px !important;
  font-size: 16px !important;
}
.container-fluid .btn-table-header.btn-table-header-project.btn-table-header-project-select, .modal-body .btn-table-header.btn-table-header-project.btn-table-header-project-select {
  min-width: 300px;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container-fluid .tab-pane .btn-table-header, .container-fluid .tab-pane #filterFileGroup, .container-fluid .tab-pane #searchFile, .container-fluid .tab-pane #weg, .modal-body .tab-pane .btn-table-header, .modal-body .tab-pane #filterFileGroup, .modal-body .tab-pane #searchFile, .modal-body .tab-pane #weg {
  background-color: #fff !important;
  font-size: 14px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
}
.container-fluid .tab-pane .table-search, .modal-body .tab-pane .table-search {
  height: unset;
}
.container-fluid .tab-pane .table-search #searchFile, .modal-body .tab-pane .table-search #searchFile {
  height: 31px;
}
.container-fluid .card .card-block.card-block-table, .modal-body .card .card-block.card-block-table {
  margin-left: -15px;
  margin-right: -15px;
}
.container-fluid .card .card-img-top, .modal-body .card .card-img-top {
  width: 100%;
  height: 10vw;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-fluid .card.options .card-header, .modal-body .card.options .card-header {
  background-color: #73bade;
}
.container-fluid .dataTables_wrapper .table.object-image thead, .modal-body .dataTables_wrapper .table.object-image thead {
  display: none;
  margin-bottom: 15px;
  background: #f6f8fa;
  border-top: 1px solid #dee2e6;
}
.container-fluid .dataTables_wrapper .table.object-image thead .no-sort, .modal-body .dataTables_wrapper .table.object-image thead .no-sort {
  display: none;
}
.container-fluid .dataTables_wrapper .table.object-image thead .filter, .modal-body .dataTables_wrapper .table.object-image thead .filter {
  border-top: 0px !important;
  width: 200px !important;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr {
  display: inline-block;
  width: 166px;
  height: 100px;
  position: relative;
  margin-right: 10px;
  margin-bottom: 110px;
  border: 1px solid #ccc;
  padding: 4px;
  position: relative;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr.even, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr.even {
  background-color: transparent;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr.odd, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr.odd {
  background-color: transparent;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  border-top: 0px;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.image, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.image {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  top: 1px;
  left: 1px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.group, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.group {
  font-size: 11px;
  line-height: 11px;
  color: #666;
  top: 148px;
  border-top: 1px solid #eee;
  padding-top: 3px;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.default, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.default {
  border: 3px solid green;
  left: -3px;
  top: -3px;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.status, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.status {
  top: 4px;
  left: 4px;
  text-align: right;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.status .fa, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.status .fa {
  border: 1px solid #fff;
  box-shadow: 0px 0px 10px 3px rgb(255, 255, 255);
  margin-right: 10px;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.select, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.select {
  top: 4px;
  left: 4px;
  z-index: 1;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.select input, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td.select input {
  margin-left: 5px;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .btn, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .btn {
  padding: 0px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  position: absolute;
  top: 103px;
  line-height: 17px;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .btn.edit-object-image, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .btn.edit-object-image {
  right: 22px;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .btn.delete-object-image, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .btn.delete-object-image {
  right: 0px;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .btn .fa, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .btn .fa {
  font-size: 11px;
  line-height: 11px;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .size, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .size {
  position: absolute;
  top: 100px;
  left: 0px;
  font-size: 11px;
  color: #666;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .type, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .type {
  position: absolute;
  top: 112px;
  left: 0px;
  font-size: 11px;
  color: #666;
}
.container-fluid .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .name, .modal-body .dataTables_wrapper .table.object-image tbody .object-image-tr .object-image-td .name {
  position: absolute;
  top: 128px;
  left: 0px;
  font-size: 12px;
  line-height: 11px;
  color: #000;
  border-top: 1px solid #eee;
  padding-top: 2px;
  width: 100%;
}
.container-fluid .dataTables_wrapper .table, .modal-body .dataTables_wrapper .table {
  font-size: 0.85rem;
}
.container-fluid .dataTables_wrapper .table tr:last-child td, .modal-body .dataTables_wrapper .table tr:last-child td {
  border-bottom: 1px solid #d8e2e7;
}
.container-fluid .dataTables_wrapper .table tbody td.table-hidden, .modal-body .dataTables_wrapper .table tbody td.table-hidden {
  position: relative;
}
.container-fluid .dataTables_wrapper .table tbody td.table-hidden.table-text, .modal-body .dataTables_wrapper .table tbody td.table-hidden.table-text {
  width: 200px;
}
.container-fluid .dataTables_wrapper .table tbody td.table-hidden.table-text div, .modal-body .dataTables_wrapper .table tbody td.table-hidden.table-text div {
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 30px);
  text-overflow: ellipsis;
}
.container-fluid .dataTables_wrapper .table tbody td.table-hidden.table-text div small, .modal-body .dataTables_wrapper .table tbody td.table-hidden.table-text div small {
  position: absolute;
  left: 48px;
  top: 50%;
  line-height: 23px;
  color: #666;
}
.container-fluid .dataTables_wrapper .table tbody td.table-hidden div, .modal-body .dataTables_wrapper .table tbody td.table-hidden div {
  color: #343434;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.container-fluid .dataTables_wrapper .table tbody td.table-hidden div.full, .modal-body .dataTables_wrapper .table tbody td.table-hidden div.full {
  width: 100%;
}
.container-fluid .dataTables_wrapper .table tbody td.table-file, .modal-body .dataTables_wrapper .table tbody td.table-file {
  position: relative;
}
.container-fluid .dataTables_wrapper .table tbody td.table-file .img, .modal-body .dataTables_wrapper .table tbody td.table-file .img {
  height: 40px;
  position: absolute;
  top: 8px;
  left: 10px;
}
.container-fluid .dataTables_wrapper .table tbody td.table-file .img.multi-0, .modal-body .dataTables_wrapper .table tbody td.table-file .img.multi-0 {
  left: 10px;
  z-index: 4;
}
.container-fluid .dataTables_wrapper .table tbody td.table-file .img.multi-1, .modal-body .dataTables_wrapper .table tbody td.table-file .img.multi-1 {
  left: 20px;
  z-index: 3;
}
.container-fluid .dataTables_wrapper .table tbody td.table-file .img.multi-2, .modal-body .dataTables_wrapper .table tbody td.table-file .img.multi-2 {
  left: 30px;
  z-index: 2;
}
.container-fluid .dataTables_wrapper .table tbody td.table-file .img.multi-3, .modal-body .dataTables_wrapper .table tbody td.table-file .img.multi-3 {
  left: 40px;
  z-index: 1;
}
.container-fluid .dataTables_wrapper .table tbody tr.even td.table-hidden, .modal-body .dataTables_wrapper .table tbody tr.even td.table-hidden {
  color: #fbfcfd;
}
.container-fluid .dataTables_wrapper .table tbody tr.odd td.table-hidden, .modal-body .dataTables_wrapper .table tbody tr.odd td.table-hidden {
  color: #fff;
}
.container-fluid .dataTables_wrapper .table .sorting:before, .container-fluid .dataTables_wrapper .table .sorting_asc:before, .container-fluid .dataTables_wrapper .table .sorting_desc:before, .modal-body .dataTables_wrapper .table .sorting:before, .modal-body .dataTables_wrapper .table .sorting_asc:before, .modal-body .dataTables_wrapper .table .sorting_desc:before {
  top: 8px;
}
.container-fluid .dataTables_wrapper .table .sorting:after, .container-fluid .dataTables_wrapper .table .sorting_asc:after, .container-fluid .dataTables_wrapper .table .sorting_desc:after, .modal-body .dataTables_wrapper .table .sorting:after, .modal-body .dataTables_wrapper .table .sorting_asc:after, .modal-body .dataTables_wrapper .table .sorting_desc:after {
  top: 8px;
}
.container-fluid .dataTables_wrapper .table .sorting.filter, .container-fluid .dataTables_wrapper .table .sorting_asc.filter, .container-fluid .dataTables_wrapper .table .sorting_desc.filter, .modal-body .dataTables_wrapper .table .sorting.filter, .modal-body .dataTables_wrapper .table .sorting_asc.filter, .modal-body .dataTables_wrapper .table .sorting_desc.filter {
  padding-bottom: 44px;
}
.container-fluid .dataTables_wrapper .table .sorting.filter select, .container-fluid .dataTables_wrapper .table .sorting_asc.filter select, .container-fluid .dataTables_wrapper .table .sorting_desc.filter select, .modal-body .dataTables_wrapper .table .sorting.filter select, .modal-body .dataTables_wrapper .table .sorting_asc.filter select, .modal-body .dataTables_wrapper .table .sorting_desc.filter select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  top: 36px;
  left: 10px;
  width: calc(100% - 20px);
  background-color: #fff;
  border-radius: 0px;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#fff 70%, transparent 72%);
  background-position: calc(100% - 15px) calc(0.9em + 0px), calc(100% - 10px) calc(0.9em + 0px), calc(100% - 0.3em) 0.3em;
  background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
  background-repeat: no-repeat;
}
.container-fluid .dataTables_wrapper .table .sorting.filter select:focus, .container-fluid .dataTables_wrapper .table .sorting_asc.filter select:focus, .container-fluid .dataTables_wrapper .table .sorting_desc.filter select:focus, .modal-body .dataTables_wrapper .table .sorting.filter select:focus, .modal-body .dataTables_wrapper .table .sorting_asc.filter select:focus, .modal-body .dataTables_wrapper .table .sorting_desc.filter select:focus {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  top: 36px;
  left: 10px;
  width: calc(100% - 20px);
  background-color: #fff;
  border-radius: 0px;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#fff 70%, transparent 72%);
  background-position: calc(100% - 15px) calc(0.9em + 0px), calc(100% - 10px) calc(0.9em + 0px), calc(100% - 0.3em) 0.3em;
  background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
  background-repeat: no-repeat;
}
.container-fluid .dataTables_wrapper .dataTables_info, .modal-body .dataTables_wrapper .dataTables_info {
  font-size: 0.9rem;
}
.container-fluid .dataTables_wrapper .dataTables_paginate .pagination, .modal-body .dataTables_wrapper .dataTables_paginate .pagination {
  margin: 10px 0;
}
.container-fluid .dataTables_wrapper .dataTables_paginate .pagination .page-link, .modal-body .dataTables_wrapper .dataTables_paginate .pagination .page-link {
  line-height: 1rem;
}
.container-fluid .dropdown, .modal-body .dropdown {
  display: inline-block;
}
.container-fluid .dropdown.action, .modal-body .dropdown.action {
  position: relative;
  top: 4px;
}
.container-fluid .dropdown.result, .modal-body .dropdown.result {
  position: relative;
  top: -13px;
  left: -15px;
  font-weight: 600;
  color: #73bade;
}
.container-fluid .tab-content .no-edit-overlay, .modal-body .tab-content .no-edit-overlay {
  background-color: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 10;
  opacity: 0.5;
  cursor: not-allowed;
}
.container-fluid .tab-content .sub-tabs, .modal-body .tab-content .sub-tabs {
  background-color: #f3fbff;
  position: relative;
  top: -15px;
  border-bottom: 1px solid #d8e2e7;
}
.container-fluid .tab-content .sub-tabs .nav-pills, .modal-body .tab-content .sub-tabs .nav-pills {
  display: inline-flex;
}
.container-fluid .tab-content .sub-tabs .nav-pills .nav-item, .modal-body .tab-content .sub-tabs .nav-pills .nav-item {
  margin: 0px;
  position: relative;
  right: -15px;
}
.container-fluid .tab-content .sub-tabs .nav-pills .nav-item .nav-link, .modal-body .tab-content .sub-tabs .nav-pills .nav-item .nav-link {
  border-radius: 0px;
  font-size: 12px;
}
.container-fluid .tab-content .sub-tabs .nav-pills .nav-item .nav-link.active, .modal-body .tab-content .sub-tabs .nav-pills .nav-item .nav-link.active {
  background-color: #73bade;
  color: #fff;
}
.container-fluid .tab-content .sub-tabs .nav-pills .nav-item .nav-link:not(.active), .modal-body .tab-content .sub-tabs .nav-pills .nav-item .nav-link:not(.active) {
  background-color: #f3fbff;
  color: #666;
}
.container-fluid h5.with-border, .modal-body h5.with-border {
  padding-bottom: 0.2rem;
  margin-bottom: 0.3rem;
  background-color: #fff;
  font-size: 20px;
  font-weight: 400;
  font-family: "Pragati Narrow", sans-serif;
  color: #73bade;
  height: 22px;
  padding-top: 4px;
  padding-right: 6px;
  line-height: 12px;
}
.container-fluid h5.with-border button, .modal-body h5.with-border button {
  position: relative;
  top: 4px;
  right: 4px;
  box-shadow: 0px 0px 10px 10px rgb(255, 255, 255);
}
.container-fluid h5.with-border .fa-sync, .modal-body h5.with-border .fa-sync {
  font-size: 13px;
  color: #fff;
}
.container-fluid .form-label, .modal-body .form-label {
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 12px;
  color: #1e93ce;
  font-weight: 400 !important;
  font-family: "Pragati Narrow", sans-serif;
}
.container-fluid .form-label.nowrap, .modal-body .form-label.nowrap {
  white-space: nowrap;
}
.container-fluid .form-label.no-completed-field, .modal-body .form-label.no-completed-field {
  position: relative;
  z-index: 3;
  top: 6px;
  background-color: #fa424a !important;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  border-radius: 6px;
  border: 2px solid #fff;
  display: table;
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
  padding: 1px 3px;
  margin-top: -8px;
}
.container-fluid .form-label.no-completed-field:before, .modal-body .form-label.no-completed-field:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f071";
  color: #fff;
  font-size: 9px;
  margin-right: 2px;
  margin-left: 2px;
}
.container-fluid .form-label.form-label-typeahead, .modal-body .form-label.form-label-typeahead {
  position: relative;
  z-index: 3;
  top: 5px;
  left: 5px;
  background-color: #73bade;
  color: #fff;
  font-size: 12px;
  line-height: 12px;
  border-radius: 4px;
  border: 2px solid #fff;
  display: table;
  font-weight: 700;
  font-family: "Pragati Narrow", sans-serif;
  padding: 1px 3px;
  margin-top: -8px;
}
.container-fluid .form-label.form-label-typeahead:before, .modal-body .form-label.form-label-typeahead:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0ca";
  color: #fff;
  font-size: 9px;
  margin-right: 2px;
  margin-left: 2px;
}
.container-fluid .form-label.form-label-typeahead.form-label-typeahead-unknown, .modal-body .form-label.form-label-typeahead.form-label-typeahead-unknown {
  background-color: #666;
  top: -10px;
}
.container-fluid .form-label.form-label-typeahead.form-label-typeahead-customer, .modal-body .form-label.form-label-typeahead.form-label-typeahead-customer {
  background-color: #00a8ff;
}
.container-fluid .form-label.form-label-typeahead.form-label-typeahead-user, .modal-body .form-label.form-label-typeahead.form-label-typeahead-user {
  background-color: #f79033;
}
.container-fluid .form-label.form-label-typeahead.form-label-typeahead-object, .modal-body .form-label.form-label-typeahead.form-label-typeahead-object {
  background-color: #46c35f;
}
.container-fluid .form-label.form-label-typeahead.form-label-typeahead-file, .modal-body .form-label.form-label-typeahead.form-label-typeahead-file {
  background-color: #a7505f;
}
.container-fluid .info-box, .modal-body .info-box {
  position: relative;
  border: solid 1px rgba(197, 214, 222, 0.7);
  background-color: #f8f9fa;
  padding: 10px 10px;
  margin-top: 15px;
  font-size: 12px;
}
.container-fluid .info-box .form-label, .modal-body .info-box .form-label {
  position: absolute;
  top: -10px;
  left: 6px;
  background-color: #fff;
  display: inline-block;
  font-size: 13px;
  padding-left: 4px;
  padding-right: 4px;
  border-radius: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  background-color: #9c9a9a;
  color: #fff;
  font-weight: 600 !important;
  line-height: 13px;
}
.container-fluid .info-box .preview-data, .modal-body .info-box .preview-data {
  width: 100%;
}
.container-fluid .info-box.customer, .modal-body .info-box.customer {
  border: 1px solid #00a8ff;
}
.container-fluid .info-box.customer .form-label, .modal-body .info-box.customer .form-label {
  color: #fff;
  background-color: #00a8ff;
}
.container-fluid .info-box.user, .modal-body .info-box.user {
  border: 1px solid #f79033;
}
.container-fluid .info-box.user .form-label, .modal-body .info-box.user .form-label {
  color: #fff;
  background-color: #f79033;
}
.container-fluid .info-box.object, .modal-body .info-box.object {
  border: 1px solid #46c35f;
}
.container-fluid .info-box.object .form-label, .modal-body .info-box.object .form-label {
  color: #fff;
  background-color: #46c35f;
}
.container-fluid .card .rotating-border, .modal-body .card .rotating-border {
  animation: none !important;
  background: none !important;
  padding: 0px !important;
}
.container-fluid .card .form-label, .modal-body .card .form-label {
  margin-bottom: 0px;
  font-size: 11px;
  font-weight: 700 !important;
  white-space: nowrap;
  text-shadow: 0px 0px 5px #ffffff;
}
.container-fluid .form-group, .modal-body .form-group {
  margin-bottom: 0.4rem;
}
.container-fluid .form-group .input-group-text, .modal-body .form-group .input-group-text {
  width: 32px;
}
.container-fluid .form-group .input-group-text .fa, .modal-body .form-group .input-group-text .fa {
  width: 20px;
}
.container-fluid .form-group .form-control, .modal-body .form-group .form-control {
  font-size: 0.8rem;
  padding: 0.2rem 0.4rem;
}
.container-fluid .form-group .form-control.empty, .modal-body .form-group .form-control.empty {
  border: 2px dashed #fa424a;
}
.container-fluid input.form-control, .modal-body input.form-control {
  height: 30px;
}
.container-fluid select.form-control, .modal-body select.form-control {
  height: calc(1.62rem + 5px) !important;
  font-size: 0.9rem;
}
.container-fluid .form-control-wrapper.form-control-icon-left .fa, .modal-body .form-control-wrapper.form-control-icon-left .fa {
  line-height: 32px;
}
.container-fluid .input-group-xs .input-group-text, .modal-body .input-group-xs .input-group-text {
  padding: 0px 0px 0px 6px;
  width: 25px;
}
.container-fluid .input-group-xs .input-group-text .fa, .modal-body .input-group-xs .input-group-text .fa {
  font-size: 12px;
}
.container-fluid .input-group-xs .form-control, .modal-body .input-group-xs .form-control {
  font-size: 0.8rem;
  padding: 0.1rem 0.35rem;
  height: 24px;
}
.container-fluid .mail-box-work-area-cont .mail-body, .modal-body .mail-box-work-area-cont .mail-body {
  padding: 10px;
}
.container-fluid .mail-box-work-area-cont .mail-body .mail-body-header, .modal-body .mail-box-work-area-cont .mail-body .mail-body-header {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
}
.container-fluid .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-from, .modal-body .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-from {
  float: left;
  margin-right: 10px;
  font-weight: 600;
  font-size: 1.05rem;
}
.container-fluid .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-attach, .modal-body .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-attach {
  float: left;
  margin-right: 10px;
  font-size: 0.9rem;
  color: #999;
  line-height: 1.6rem;
}
.container-fluid .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-option, .modal-body .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-option {
  position: absolute;
  top: 15px;
  right: 0px;
}
.container-fluid .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-option .fa, .modal-body .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-option .fa {
  color: #666;
  margin-left: 6px;
  cursor: pointer;
}
.container-fluid .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-option .fa.active, .modal-body .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-option .fa.active {
  color: #fa424a;
}
.container-fluid .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-date, .modal-body .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-date {
  position: absolute;
  top: -6px;
  right: 0px;
  font-size: 0.85rem;
  color: #999;
}
.container-fluid .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-link, .modal-body .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-link {
  position: absolute;
  top: 41px;
  right: 0px;
  width: 48px;
  height: 42px;
  border-left: 6px solid #fff;
}
.container-fluid .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-link img, .modal-body .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-link img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: block;
}
.container-fluid .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-subject, .modal-body .mail-box-work-area-cont .mail-body .mail-body-header .mail-body-subject {
  clear: both;
  color: #666;
}
.container-fluid .mail-box-work-area-cont .tabs-section, .modal-body .mail-box-work-area-cont .tabs-section {
  margin: 0px;
}
.container-fluid .mail-box-work-area-cont .tabs-section .tab-content, .modal-body .mail-box-work-area-cont .tabs-section .tab-content {
  border: 0px;
}
.container-fluid .object-list .nav.nav-pills, .modal-body .object-list .nav.nav-pills {
  display: inline-block;
}
.container-fluid .object-list .nav.nav-pills .nav-item, .modal-body .object-list .nav.nav-pills .nav-item {
  display: block;
  margin-right: 0px;
}
.container-fluid .object-list .nav.nav-pills .nav-item .btn, .modal-body .object-list .nav.nav-pills .nav-item .btn {
  width: 110px;
}
.container-fluid .object-list .nav.nav-pills .nav-item .btn.active, .modal-body .object-list .nav.nav-pills .nav-item .btn.active {
  color: #fff;
}
.container-fluid .object-list .object-list-nr, .modal-body .object-list .object-list-nr {
  color: #73bade;
  font-size: 16px;
  margin-bottom: 10px;
}
.container-fluid .object-list .object-list-name, .modal-body .object-list .object-list-name {
  color: #666;
  font-size: 14px;
  margin-bottom: 10px;
}
.container-fluid .object-list .object-list-type, .modal-body .object-list .object-list-type {
  color: #000;
  font-size: 16px;
  margin-bottom: 10px;
}
.container-fluid .object-list .object-list-address, .modal-body .object-list .object-list-address {
  color: #666;
  font-size: 14px;
  margin-bottom: 10px;
}
.container-fluid .object-list .object-list-description, .modal-body .object-list .object-list-description {
  color: #999;
  font-size: 14px;
}
.container-fluid .object-list .object-list-image, .modal-body .object-list .object-list-image {
  margin-bottom: 10px;
}
.container-fluid .object-list .object-list-image img, .modal-body .object-list .object-list-image img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.container-fluid .object-list .object-list-create, .modal-body .object-list .object-list-create {
  color: #999;
  font-size: 12px;
  margin-bottom: 10px;
}
.container-fluid .object-list .object-list-status, .modal-body .object-list .object-list-status {
  color: #007bff;
  font-size: 12px;
  margin-bottom: 10px;
}
.container-fluid .object-list .object-list-option, .modal-body .object-list .object-list-option {
  color: #666;
  font-size: 12px !important;
}
.container-fluid .customer-list .customer-list-nr, .modal-body .customer-list .customer-list-nr {
  color: #73bade;
  font-size: 16px;
  margin-bottom: 10px;
}
.container-fluid .customer-list .customer-list-company, .modal-body .customer-list .customer-list-company {
  color: #666;
  font-size: 14px;
  margin-bottom: 10px;
}
.container-fluid .customer-list .customer-list-name, .modal-body .customer-list .customer-list-name {
  color: #000;
  font-size: 16px;
  margin-bottom: 10px;
}
.container-fluid .customer-list .customer-list-address, .modal-body .customer-list .customer-list-address {
  color: #666;
  font-size: 14px;
  margin-bottom: 10px;
}
.container-fluid .customer-list .customer-list-description, .modal-body .customer-list .customer-list-description {
  color: #999;
  font-size: 14px;
}
.container-fluid .customer-list .customer-list-image, .modal-body .customer-list .customer-list-image {
  margin-bottom: 10px;
}
.container-fluid .customer-list .customer-list-image img, .modal-body .customer-list .customer-list-image img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.container-fluid .customer-list .customer-list-create, .modal-body .customer-list .customer-list-create {
  color: #999;
  font-size: 12px;
  margin-bottom: 10px;
}
.container-fluid .customer-list .customer-list-status, .modal-body .customer-list .customer-list-status {
  color: #007bff;
  font-size: 12px;
  margin-bottom: 10px;
}
.container-fluid .email-list.select, .modal-body .email-list.select {
  position: absolute;
  top: 42px;
  left: 15px;
  height: calc(100% - 400px);
  width: calc(100% - 30px);
  overflow-x: hidden;
  overflow-y: auto;
}
.container-fluid .email-list .email-body, .modal-body .email-list .email-body {
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  padding-top: 7px;
  cursor: pointer;
}
.container-fluid .email-list .email-body.row:nth-of-type(odd), .modal-body .email-list .email-body.row:nth-of-type(odd) {
  background-color: #fff;
}
.container-fluid .email-list .email-body.row:nth-of-type(even), .modal-body .email-list .email-body.row:nth-of-type(even) {
  background-color: rgba(233, 236, 239, 0.5);
}
.container-fluid .email-list .email-body.row:hover, .modal-body .email-list .email-body.row:hover {
  background-color: #c3d9f1;
}
.container-fluid .email-list .email-body .email-date, .modal-body .email-list .email-body .email-date {
  font-size: 12px;
  margin-bottom: 5px;
  color: #666;
  padding-left: 10px;
}
.container-fluid .email-list .email-body .email-icon, .modal-body .email-list .email-body .email-icon {
  padding-left: 10px;
  position: relative;
}
.container-fluid .email-list .email-body .email-icon .material-icons.status, .modal-body .email-list .email-body .email-icon .material-icons.status {
  font-size: 16px;
  position: relative;
  top: 0px;
}
.container-fluid .email-list .email-body .email-icon .material-icons.status.new, .modal-body .email-list .email-body .email-icon .material-icons.status.new {
  color: #007bff;
}
.container-fluid .email-list .email-body .email-icon .material-icons.status.old, .modal-body .email-list .email-body .email-icon .material-icons.status.old {
  color: #666;
}
.container-fluid .email-list .email-body .email-icon .material-icons.attach, .modal-body .email-list .email-body .email-icon .material-icons.attach {
  font-size: 16px;
}
.container-fluid .email-list .email-body .email-icon .material-icons.delete, .modal-body .email-list .email-body .email-icon .material-icons.delete {
  font-size: 20px;
}
.container-fluid .email-list .email-body .email-data, .modal-body .email-list .email-body .email-data {
  cursor: pointer;
}
.container-fluid .email-list .email-body .email-data .material-icons.email-data-pic, .modal-body .email-list .email-body .email-data .material-icons.email-data-pic {
  font-size: 40px;
  line-height: 40px;
  margin-top: 4px;
  color: #ccc;
}
.container-fluid .email-list .email-body .email-data .email-data-nr, .modal-body .email-list .email-body .email-data .email-data-nr {
  font-size: 19px;
  line-height: 11px;
  text-align: right;
  padding-top: 8px;
}
.container-fluid .email-list .email-body .email-data .email-data-name, .modal-body .email-list .email-body .email-data .email-data-name {
  font-size: 14px;
  color: #666;
  text-align: right;
}
.container-fluid .email-list .email-body .email-subject, .modal-body .email-list .email-body .email-subject {
  font-weight: bold;
  font-size: 16px;
  line-height: 15px;
  margin-bottom: 3px;
}
.container-fluid .email-list .email-body .email-text, .modal-body .email-list .email-body .email-text {
  font-size: 14px;
  line-height: 13px;
  color: #666;
  padding-right: 10px;
}