@font-face {
  font-family: Roboto;
  src: url(/fonts/roboto/Roboto-Regular.ttf);
}
@font-face {
  font-family: Roboto light;
  src: url(/fonts/roboto/Roboto-Light.ttf);
}
@font-face {
  font-family: Roboto thin;
  src: url(/fonts/roboto/Roboto-Thin.ttf);
}
@font-face {
  font-family: Roboto bold;
  src: url(/fonts/roboto/Roboto-Bold.ttf);
}
html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', 'Arial' !important;
  font-size: 17px;
  color: black;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 100%;
  min-width: 1150px;
}
ul {
  list-style: none;
  padding-left: 0;
}
.preloader-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.btn-icon .fa,
.btn-icon .fal,
.btn-icon .far {
  font-size: 25px;
  vertical-align: middle;
}
.btn-icon span {
  vertical-align: middle;
  padding-left: 5px;
}
.text-yellow {
  color: #f2aa00;
}
.modal .modal-xl {
  max-width: 1140px;
}
.ui-autocomplete {
  z-index: 3000;
}
th {
  font-weight: normal;
  font-family: Roboto bold;
}
.header-view {
  background-color: #231f20;
}
.header-view .menu {
  padding: 0;
  margin: 0;
  position: relative;
}
.header-view .menu .logo {
  width: 100px;
}
.header-view .menu li {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
.header-view .menu li a {
  font-size: 16px;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: none;
}
.header-view .menu li a.active {
  color: #f2aa00;
}
.header-view .menu li.right-item {
  position: absolute;
  right: 0;
  top: 19px;
  color: white;
}
.header-view .menu li.right-item .logout {
  position: absolute;
  top: -15px;
  right: 0;
  min-width: 100px;
  text-align: right;
}
.header-view .menu li.right-item .fa-user {
  vertical-align: top;
  padding-top: 7px;
}
.header-view .menu li.right-item .user-name {
  display: inline-block;
  text-overflow: ellipsis;
  max-width: 350px;
  overflow: hidden;
  white-space: nowrap;
  text-transform: none;
  vertical-align: middle;
}
.header-view .menu li .fa-sign-in,
.header-view .menu li .fa-sign-out {
  color: #f2aa00;
}
.login-view .input-group-text {
  min-width: 32px;
}
.login-view .input-group-text .fa-lock {
  margin-left: 1px;
}
.footer-view {
  font-size: 0;
  background-color: #231f20;
  color: white;
}
.contacts-view {
  flex-grow: 4;
}
.contacts-view .mCSB_container {
  margin-right: 16px;
}
.contacts-view .filter {
  width: 300px;
  max-width: 300px;
  background-color: rgba(0, 0, 0, 0.075);
  padding: 0;
}
.contacts-view .list {
  padding-right: 0;
  width: 50px;
}
.contacts-view .scrollbar-wrapper table tr:first-child td {
  border-top: none;
}
.contacts-view .scrollbar-wrapper table tr.selected {
  background-color: #ffebbd;
}
.contacts-view .scrollbar-wrapper table tr td {
  min-width: 100px;
  cursor: default;
}
.contacts-view .scrollbar-wrapper table tr td.company {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contacts-view .scrollbar-wrapper table tr td.lastname {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contacts-view .scrollbar-wrapper table tr td.name {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.contacts-view .scrollbar-wrapper table tr td.filter-checkbox {
  min-width: 20px;
  width: 20px;
}
.contact-view {
  flex-grow: 4;
}
.contact-view .contact-details td {
  vertical-align: middle;
}
.contact-view .contact-details td:nth-child(3),
.contact-view .contact-details td:last-child {
  width: 100px;
}
.contact-view .contact-details td.contact-details-value {
  width: 500px;
}
.contact-view .contact-details td.contact-details-type {
  width: 100px;
}
.contact-view .fa-exchange {
  font-size: 20px;
  color: white;
}
.contact-filter-view {
  padding: 10px 5px 10px 10px;
}
.contact-filter-view .subcategory {
  cursor: pointer;
}
.users-view {
  flex-grow: 4;
}
.users-view .users-table tr.selected {
  background-color: #f2aa00;
}
.user-view {
  flex-grow: 4;
}
.stat-view {
  flex-grow: 4;
}
.stat-view .chart-wrapper {
  width: 1000px;
}
.stat-view .card-title {
  font-family: Roboto bold;
  font-size: 18px;
}
.stat-view .table-sources th {
  font-size: 12px;
}
.stat-view .table-sources td,
.stat-view .table-sources th {
  text-align: center;
  width: 130px;
  max-width: 130px;
}
.stat-view .table-sources td:first-child,
.stat-view .table-sources th:first-child {
  text-align: left;
  width: auto;
  font-size: 12px;
  font-family: Roboto bold;
  line-height: 2;
}