@font-face {
  font-family: 'TimeFont';
  src: url(../../fonts/time.ttf);
}

html, body {
  background-color: #18191d !important;
}

.tv-stat-icons-c {
  width: 50px;
  text-align: right;
}

.tv-stat-metas {
  width: 100%;
  font-size: 26px;
  font-weight: 100;
  padding-left: 15px;
}

.tv-stat-meta-c {
  width: 100%;
  height: 97px;
  top: 30px;
  display: flex;
  position: relative;
  right: -6px;
  color: #95a6af;
}

.tv-stat-icon {
  font-size: 24px;
  margin-bottom: 3px;
  margin-top: 11px;
}

.tv-stat-minutes {
  font-size: 30px;
  margin-top: 93px;
  font-weight: 100;
  text-align: right;
  margin-right: 35px;
  line-height: 41px;
}

.tv-stat-comments {
  font-size: 31px;
  margin-top: 97px;
  font-weight: 100;
  text-align: right;
  margin-right: -53px;
}

.tv-stat-stats {
  font-size: 44px;
  font-weight: 100;
  text-align: right;
  margin-top: 11px;
  margin-right: 35px;
  color: #569256;
}

.tv-stat-name-border {
  border-bottom: 1px solid white;
  width: 50px;
  height: 1px;
  margin-left: 35px;
  margin-top: 16px;
}

.tv-stat-name {
  text-transform: uppercase;
  font-size: 34px;
  line-height: 35px;
  margin-left: 35px;
  margin-top: 25px;
  font-weight: 600;
  color: #bfbfbf;
}

.tv-stat-container {
  background-color: #25272c;
  color: #fff;
  width: 30%;
  height: 260px;
  margin-left: 46px;
  margin-top: 40px;
}

.tv-sms-item {
  margin-bottom: 30px;
}

.tv-at-work-fiber {
  color: #65953c;
  font-size: 27px;
  position: relative;
  top: 15px;
  left: 17px;
}

.tv-inbox-sms {
  background-color: #1e2124;
  height: 601px;
  width: 50%;
  margin-top: 35px;
  padding: 30px 36px;
}

.tv-outbox-sms {
  background-color: #1e2124;
  height: 601px;
  width: 50%;
  margin-left: 38px;
  margin-top: 35px;
  padding: 30px 36px;
}

.tv-active-employees {
  background-color: #1e2124;
  height: 892px;
  width: 510px;
  margin-left: 108px;
  margin-top: 35px;
}

.tv-last-comment-meta-span {
  font-size: 25px;
  color: #a2a2a2;
  position: relative;
  top: -2px;

}

.tv-last-comment-text {
  font-size: 28px;
  color: #b1b1b1ce;
  font-style: italic;
  font-weight: 400;
  line-height: 38px;
}

.tv-last-comment-meta {
  font-size: 30px;
}

.tv-last-comment-title {
  font-size: 24px;
  margin-bottom: 28px;
}

.tv-last-comment-container {
  background-color: #1e2124;
  height: 255px;
  width: 100%;
  margin-top: 35px;
  color: #cecece;
  margin-left: 46px;
  padding: 25px 29px 45px 33px;
}

.tv-pazinojums-title {
  font-size: 52px;
  font-weight: 400;
  margin-bottom: 55px;
}

.tv-pazinojums-message {
  font-size: 80px;
  font-weight: 100;
  width: 92%;
  line-height: 85px;
}

.tv-pazinojums-container {
  background-color: #1e2124;
  height: 60%;
  width: 96%;
  margin: 0 auto;
  margin-top: 97px;
  text-align: center;
  color: #cecece;
}

.tv-time-hour {
  margin-right: 123px;
}

.times-container {
  margin-top: 27px;
  color: #cccccc;
  font-size: 20px;
  position: absolute;
  bottom: 69px;
}

.tv-time-empty {
  width: 213px;
}

.tv-call-dur-full {
  width: 20px;
  height: 51px;
  background-color: #65953c;
}

.tv-call-dur-empty {
  width: 30px;
  height: 54px;
}


.tv-calls-visual {
  width: 89%;
}

.call-graph-container {
  border-top: 3px solid #343739;
  height: 57px;
  width: 100%;
  border-bottom: 3px solid #343739;
  margin-bottom: -3px;

}

.tv-calls-employees {
  width: 172px;
  font-size: 16px;
}

.call-employee {
  height: 54px;
  font-size: 22px;
  display: flex;
  align-items: center;
}

.tv-graph-container {
  margin-top: 44px;
  margin-left: 47px;
  margin-right: 32px;
}

.tv-izejzvani-fiber {
  color: #65953c;
  font-size: 27px;
  position: relative;
  top: 6px;
  left: 5px;
}

.sodienas-zvani {
  font-size: 26px;
  color: rgba(255, 255, 255, 0.82);
  margin-left: 48px;
  margin-top: 30px;
}

.izejosie-zvani {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.82);
  margin-top: 20px;
  text-transform: uppercase;
  text-align: right;
  margin-right: 63px;
}

.tv-calls-container {
  background-color: #1e2124;
  height: 84%;
  width: 96%;
  margin: 0 auto;
  margin-top: 30px;
}

.tv-top-logo {
  flex: 1;
  margin-left: 55px;
  margin-top: 35px;
}

.tv-top-clock {
  flex: 1;
  text-align: right;
  font-size: 49px;
  margin-right: 55px;
  margin-top: 35px;
  font-family: TimeFont;
  color: rgba(255, 255, 255, 0.9);
}

.tvCalls {
  display: none;
  background-color: #18191d;
  width: 100%;
  height: 100vh;
  color: white;
}

.tvContent {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #18191d;
  width: 100%;
  height: 100vh;
  color: white;
}