.dc-html-legend {
  max-width: calc(100% - 250px);
  min-width: 120px;
}

.dc-html-legend .dc-legend-item-label {
  font-size: 0.85em !important;
}

#Diagram .card-profile .card-avatar,
#Diagram .card-profile .card-avatar img {
  width: 100px;
  height: 100px;
}

#Diagram .card-profile .card-footer .btn-just-icon {
  border: none;
}

.dc-chart .number-display {
  font-size: 32px;
  color: #5e72e4;
  font-weight: 500;
}

.dc-chart .dataTables_scrollBody {
  max-height: initial !important;
}

.dc-chart div.dataTables_paginate li.first a:before,
.dc-chart div.dataTables_paginate li.previous a:before {
  left: 0;
}

.dc-chart div.dataTables_paginate li.last a:after,
.dc-chart div.dataTables_paginate li.next a:after {
  right: 0;
}

.dc-chart .reset {
  font-size: 80%;
  color: #7b809a;
}

.dc-chart .chart-body {
  -webkit-clip-path: none;
          clip-path: none;
}

.dc-chart .barLabel,
.dc-chart .lineLabel {
  font-size: 11px;
  fill: #5e72e4;
  font-weight: 500;
}

.dc-chart .dataTables_scrollHead table {
  border: 0;
}

.dc-chart .dataTables_scrollHead table thead tr {
  border: 0;
}

.dc-chart .dataTables_scrollHead table thead tr th {
  border: 0;
  font-weight: 500 !important;
}

.dc-chart .dataTables_scrollBody table {
  border: 0;
}

.dc-chart .dataTables_scrollBody table tbody, .dc-chart .dataTables_scrollBody table thead tr {
  border: 0;
}

.dc-chart .dataTables_scrollBody table tbody td {
  border: none;
  border-bottom: 1px solid #f0f2f5;
}

.dc-chart .dt-buttons button {
  font-weight: normal;
}

.dc-chart .dataTables_filter input {
  border: 1px solid #ccc;
}

.dc-chart .dataTables_wrapper .paging-info {
  font-size: .875rem;
  color: #7b809a;
}

.dc-chart .dataTables_wrapper .paging-length select {
  border: 1px solid #ccc;
}

.dc-chart .dataTables_wrapper .pagination .active a {
  color: #fff;
}

div[chart-type="ring"] .reset {
  width: 200px;
}

.nv-dashboard .card-body-wrapper table.chart-widget.dc-chart {
  width: auto;
}

.nv-dashboard .card-body-wrapper table.chart-widget.dc-chart th {
  min-width: 120px;
}

.nv-dashboard .card-body-wrapper table.chart-widget.dc-chart th:nth-child(2) {
  min-width: 250px;
}

.nv-dashboard .card-body-wrapper table.chart-widget.dc-chart th:last-child {
  min-width: 350px;
}

.nv-dashboard #chart-table-tasks th:nth-child(3) {
  min-width: 250px;
}

.loading-container {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 300px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: auto;
  -webkit-filter: url("#goo");
          filter: url("#goo");
  -webkit-animation: rotate-move 2s ease-in-out infinite;
          animation: rotate-move 2s ease-in-out infinite;
  z-index: 9999;
}

.loading-container .dot {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loading-container .dot-3 {
  background-color: #f74d75;
  -webkit-animation: dot-3-move 2s ease infinite, index 6s ease infinite;
          animation: dot-3-move 2s ease infinite, index 6s ease infinite;
}

.loading-container .dot-2 {
  background-color: #10beae;
  -webkit-animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite;
          animation: dot-2-move 2s ease infinite, index 6s -4s ease infinite;
}

.loading-container .dot-1 {
  background-color: #ffe386;
  -webkit-animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite;
          animation: dot-1-move 2s ease infinite, index 6s -2s ease infinite;
}

@-webkit-keyframes dot-3-move {
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: translateY(-18px) scale(0.45);
            transform: translateY(-18px) scale(0.45);
  }
  60% {
    -webkit-transform: translateY(-90px) scale(0.45);
            transform: translateY(-90px) scale(0.45);
  }
  80% {
    -webkit-transform: translateY(-90px) scale(0.45);
            transform: translateY(-90px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
}

@keyframes dot-3-move {
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: translateY(-18px) scale(0.45);
            transform: translateY(-18px) scale(0.45);
  }
  60% {
    -webkit-transform: translateY(-90px) scale(0.45);
            transform: translateY(-90px) scale(0.45);
  }
  80% {
    -webkit-transform: translateY(-90px) scale(0.45);
            transform: translateY(-90px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
}

@-webkit-keyframes dot-2-move {
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: translate(-16px, 12px) scale(0.45);
            transform: translate(-16px, 12px) scale(0.45);
  }
  60% {
    -webkit-transform: translate(-80px, 60px) scale(0.45);
            transform: translate(-80px, 60px) scale(0.45);
  }
  80% {
    -webkit-transform: translate(-80px, 60px) scale(0.45);
            transform: translate(-80px, 60px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
}

@keyframes dot-2-move {
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: translate(-16px, 12px) scale(0.45);
            transform: translate(-16px, 12px) scale(0.45);
  }
  60% {
    -webkit-transform: translate(-80px, 60px) scale(0.45);
            transform: translate(-80px, 60px) scale(0.45);
  }
  80% {
    -webkit-transform: translate(-80px, 60px) scale(0.45);
            transform: translate(-80px, 60px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
}

@-webkit-keyframes dot-1-move {
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: translate(16px, 12px) scale(0.45);
            transform: translate(16px, 12px) scale(0.45);
  }
  60% {
    -webkit-transform: translate(80px, 60px) scale(0.45);
            transform: translate(80px, 60px) scale(0.45);
  }
  80% {
    -webkit-transform: translate(80px, 60px) scale(0.45);
            transform: translate(80px, 60px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
}

@keyframes dot-1-move {
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  45% {
    -webkit-transform: translate(16px, 12px) scale(0.45);
            transform: translate(16px, 12px) scale(0.45);
  }
  60% {
    -webkit-transform: translate(80px, 60px) scale(0.45);
            transform: translate(80px, 60px) scale(0.45);
  }
  80% {
    -webkit-transform: translate(80px, 60px) scale(0.45);
            transform: translate(80px, 60px) scale(0.45);
  }
  100% {
    -webkit-transform: translateY(0px) scale(1);
            transform: translateY(0px) scale(1);
  }
}

@-webkit-keyframes rotate-move {
  55% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes rotate-move {
  55% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
            transform: translate(-50%, -50%) rotate(0deg);
  }
  80% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
            transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-webkit-keyframes index {
  0%, 100% {
    z-index: 3;
  }
  33.3% {
    z-index: 2;
  }
  66.6% {
    z-index: 1;
  }
}

@keyframes index {
  0%, 100% {
    z-index: 3;
  }
  33.3% {
    z-index: 2;
  }
  66.6% {
    z-index: 1;
  }
}

.dc-chart text.titlerow._0 {
  display: none;
}

.dc-chart .dataTables_scrollHead table thead tr th,
.dc-chart .dataTables_scrollBody table tbody td {
  min-width: 100px;
}

.dc-chart[chart-type="number"] {
  float: none !important;
}

.e-diagram .card.card-profile {
  margin: 0;
}

.e-diagram .card.card-profile .card-avatar {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.e-diagram .card.card-profile.bg-info a,
.e-diagram .card.card-profile.bg-success a,
.e-diagram .card.card-profile.bg-rose a {
  color: #fff !important;
}

.e-diagram .card.card-profile.bg-info a img,
.e-diagram .card.card-profile.bg-success a img,
.e-diagram .card.card-profile.bg-rose a img {
  margin: 10px;
}

.e-diagram .foreign-object .card.card-profile {
  height: 100%;
}