/*
 * This is Melna lapa Stylesheet
 * 2018
*/ 


  .halloween-web-left {
      position: fixed;
      top: 0;
      left: 0;
      opacity: .6;
      pointer-events: none;
      z-index: 2;
  }

  .halloween-web-right {
      position: fixed;
      top: 0;
      right: 0;
      opacity: .6;
      pointer-events: none;
      z-index: 2;
  }

.ml-relative {
  position: relative;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ellipsis div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #919098;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

.clearboth {
  clear: both;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}

.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

.ml-loading-small {
    position: fixed;
    bottom: 10px;
    left: 14px;
    font-size: 13px;
    background-color: #4c4c4c;
    border-radius: 3px;
    z-index: 999999;
    padding: 9px 19px;
    height: 37px;
    width: 90px;
    text-transform: uppercase;
    color: #e2e2e2;
}

.vacation-loading-spinner {
  width: 100px;
  height: 100px;
  margin: 100px auto;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
  position: fixed;
  left: 50%;
  top: 30%;
}
  
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
  
@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

.ml-rounded-8 {
  border-radius: 8px !important;
}

.scaleEffect-enter-active {
  animation: scale-in .2s;
}

.scaleEffect-leave-active {
  animation: scale-in .2s reverse;
}

@keyframes scale-in {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

.popout-container {
  z-index: 3;
  position: fixed;
  display: none;
}

.poppout-card {
    background: #fff;
    width: 267px;
    height: 100px;
    border-radius: 8px;
    box-shadow: 0 14px 38px 3px rgba(0,0,0,0.10), 0 9px 56px 1px rgba(0,0,0,0.10), 0 1px 15px -7px rgba(0,0,0,0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sidebar-add-phone {
  display: none;
}

.sidebar-add-email {
  display: none;
}

.com-stat-container .select-dropdown.dropdown-trigger {
  background-color: #ececec !important;
  height: 41px !important;
  font-size: 14px !important;
  color: #333333 !important;
  padding-left: 18px !important;
  padding-right: 39px;
  border: 0 !important;
  border-radius: 4px !important;
  width: 73px !important;
  font-weight: 600;
  color: #5f5f5f !important;
  position: relative !important;
  top: 8px !important;
  left: 10px !important;
}

.com-stat-container .select-dropdown.dropdown-trigger:hover {
    background-color: #e2e2e2 !important;
}

.com-stat-container .dropdown-content li>a,
.com-stat-container .dropdown-content li>span {
    color: #505050 !important;
}

.com-stat-container .caret {
  right: 0px !important;
  z-index: 1 !important;
  fill: rgba(53, 53, 53, 0.87) !important;
  top: 15px !important;
}


.ml-toggle-switch, .ml-toggle-switch .ml-toggle-knob {
    -moz-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.ml-toggle-switch {
    height: 30px;
    width: 55px;
    display: inline-block;
    background-color: #ffffff;
    margin: 2px;
    margin-bottom: 5px;
    border-radius: 30px;
    cursor: pointer;
    border: solid 1px #d2d6de;
    box-shadow: inset 1px 1px 9px -3px rgba(4, 4, 4, 0.08), 1px 2px 6px -2px rgba(0, 0, 0, 0.01);
}

.ml-toggle-switch .ml-toggle-knob {
    width: 28px;
    height: 26px;
    display: inline-block;
    background-color: #ffffff;
    border: solid 1px rgba(126, 126, 126, 0.07);
    box-shadow: 0 1px 3px rgba(107, 106, 106, 0.26), 0 5px 1px rgba(107, 106, 106, 0.13);
    border-radius: 26px;
    margin: 1px 1px;
}

.ml-toggle-switch.active {
    background-color: #77e189;
    border: solid 1px transparent;
}

.ml-toggle-switch.active .ml-toggle-knob {
    margin-left: 24px;
}

.comments-saving {
  width: 99%;
  height: 100%;
  background-color: #00000024;
  position: absolute;
  z-index: 2;
  border-radius: 5px;
  display: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.algas-sidebar {
  width: 15%;
  min-width: 261px;
  background: #39393a;
  overflow: hidden;
}

.algas-sidebar ul {
  margin: 0;
}

.algas-sidebar li a {
  color: #fff;
  padding: 17px 0 17px 40px;
  display: block;
  transition: .8s;
}

.algas-sidebar li a.active {
  background-color: #2a2a2b;
}

.algas-sidebar li a:hover {
  background-color: #2a2a2b;
}

.base-saving {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 14px;
    font-size: 13px;
    background-color: #4c4c4c;
    border-radius: 3px;
    z-index: 999999;
    padding: 9px 19px;
    height: 37px;
    width: 90px;
    text-transform: uppercase;
    color: #e2e2e2;
}

.ml-vertical-centered-box {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
.ml-vertical-centered-box:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.ml-vertical-centered-box .content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  font-size: 0;
}

.ml-loader-circle {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
  margin-left: -60px;
  margin-top: -60px;
}
.ml-loader-line-mask {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 60px;
  height: 120px;
  margin-left: -60px;
  margin-top: -60px;
  overflow: hidden;
  -webkit-transform-origin: 60px 60px;
  -moz-transform-origin: 60px 60px;
  -ms-transform-origin: 60px 60px;
  -o-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
  -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
  -webkit-animation: rotate 1.2s infinite linear;
  -moz-animation: rotate 1.2s infinite linear;
  -o-animation: rotate 1.2s infinite linear;
  animation: rotate 1.2s infinite linear;
}
.ml-loader-line-mask .ml-loader-line {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}
#ml-particles-background,
#ml-particles-foreground {
  left: -51%;
  top: -51%;
  width: 202%;
  height: 202%;
  -webkit-transform: scale3d(0.5, 0.5, 1);
  -moz-transform: scale3d(0.5, 0.5, 1);
  -ms-transform: scale3d(0.5, 0.5, 1);
  -o-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
}
#ml-particles-background {
  background: #325141;
  background-image: linear-gradient(45deg, #325141 2%, #345f5b 100%);
  opacity: 0.4;
}

.ml-loading-overlay-container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  z-index: 5;
}

lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes rotate{ 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);}}
@-moz-keyframes rotate{ 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);}}
@-o-keyframes rotate{ 0% { -o-transform: rotate(0deg);} 100% { -o-transform: rotate(360deg);}}
@keyframes rotate{ 0% {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);}}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@-moz-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@-o-keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
@keyframes fade{ 0% { opacity: 1;} 50% { opacity: 0.25;}}
[not-existing] {
  zoom: 1;
}
lesshat-selector {
  -lh-property: 0; } 
@-webkit-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@-moz-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@-o-keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
@keyframes fade-in{ 0% { opacity: 0;} 100% { opacity: 1;}}
[not-existing] {
  zoom: 1;
}


.popup-field input:focus {
    border-bottom: 1px solid #949494 !important;
    box-shadow: 0 1px 0 0 #efefef !important;
}

.ink-sidebar-select .caret {
    right: 13px !important;
    z-index: 1 !important;
    fill: rgba(53, 53, 53, 0.87) !important;
}

.ink-sidebar-select .select-dropdown.dropdown-trigger {
    background: #e4e4e4 !important;
    height: 38px !important;
    font-size: 14px !important;
    color: #333333 !important;
    padding-left: 18px !important;
    border: 0 !important;
    border-radius: 4px !important;
    width: 137px !important;
    padding-right: 45px;
}

.ink-sidebar-select .dropdown-content li>a,
.ink-sidebar-select .dropdown-content li>span {
    color: #505050 !important;
}

.ink-text-edit {
    border: 0 !important;
    box-shadow: none !important;
    height: 13px !important;
    font-size: 15px !important;
    color: #3e3e3e !important;
}

.ink-text-edit:focus {
  border: 0 !important;
  box-shadow: none !important;
}

#iespejas-dropdown {
  width: 214px !important;
  height: 106px !important;
}

.mlgraybtn {
    background-color: #ececec;
    color: #636363;
    box-shadow: none;
    text-transform: none;
    font-weight: 600;
    min-width: 150px;
    height: 41px;
}

.mlgraybtn:hover {
  background-color: #e4e4e4;
  box-shadow: none;
}

.mlgraybtn:focus {
  background-color: #e4e4e4;
}

.material-tooltip {
  background-color: rgba(0, 0, 0, 0.7);
}

.drop-sms-admin-user ul {
    width: 200px !important;
    max-height: 500px !important;
}

.ml-filter-drop.drop-sms-admin-user .dropdown-trigger {
  width: 168px !important;
}

.pagination-dots {
  font-size: 22px;
  margin-left: 10px;
  margin-right: 1px;
}

#sms-templates {
  width: 200px !important;
}

.mldatepicker .datepicker-date-display{
  background-color: #3e444c !important;
}

.mldatepicker button{
  color: #3e444c !important;
}

.mldatepicker button:focus{
  background-color: #dedede;
}

.mldatepicker td.is-selected {
    background-color: #dedede;
}

#sms-security-modal {
  border-radius: 8px;
  width: 543px;
  padding: 13px;
}

.ml-btn-hover-col-1:hover {
  background-color: #e4e4e4;
}

.ml-btn-hover-col-2:hover {
    background-color: #d8d8d8 !important;
    transition: 0.3s;
}

.ml-dropdown-color-1 li>a,
.ml-dropdown-color-1 li>span {
    color: #5d5d5d !important;
}

.ml-progress-2 {
    position: relative;
    top: 21px;
    width: 96%;
    background-color: #565561;
    display: none;
    margin: 0 auto;
}

.ml-progress-2 .indeterminate {
  background-color: #c7c7c7;
}

.ml-progress-1 {
  position: absolute;
  top: 21px;
  width: 90%;
  background-color: #565561;
  display: none;
  left: 5%;
}
 
.ml-progress-1 .indeterminate {
  background-color: #c7c7c7;
}

.ml-progress-3 {
  top: -5px;
  width: 82%;
  background-color: #565561;
  display: none;
  left: 9%;
}
 
.ml-progress-3 .indeterminate {
  background-color: #c7c7c7;
}

#numbers-upload-label {
  cursor: default;
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.ml-inbox-msg-item {
  margin-bottom: 1px;
  transition: 0.3s;
  user-select: none;
}

.ml-inbox-msg-item:hover {
  background-color: #f3f3f3 !important;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.08);
}

.ml-report-btn-1:hover {
  background-color: #e4e4e4;
}

.ml-report-input:focus {
  border-bottom: 1px solid #40504f !important;
  box-shadow: 0 1px 0 0 #40504f !important;
}

.big-tabs-container {
  background-color: #595e66;
  height: 60px;
  display: flex;
}

.big-tabs-container > div:not(.big-tab-active):hover {
  background-color: #676d75 !important;
}

.big-tabs-container > div {
  /*padding: 0px 10%;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #595e66;
  transition: 0.3s;
  cursor: pointer;
  color: #fff;
  width: 20%;
}

.big-tabs-container > div.big-tab-active {
  background-color: #fff;
  /*padding: 0px 10%;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #4f515d;
  width: 20%;
}

.big-tab-active2 {
  background-color: #676d75 !important;
}

.popup-field {
    position: absolute;
    background-color: #fff;
    color: #000;
    border-radius: 3px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.08);
    top: 2px;
    padding: 8px 14px;
    top: -80px;
    left: -138px;
    border: 1px solid #e2e2e2;
}

.popup-field:after {
    border-top: 8px solid #ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    bottom: -8px;
    content: "";
    position: absolute;
    left: 80%;
    margin-left: -21px;
    width: 0;
    height: 0;
}

.parads-sub {
  display: none;
}

.material-icons {
  user-select: none;
}

[v-cloak] {
    display: none;
}

.phones-drop-item b {
  color: #464646;
}

.phones-drop-item div {
  color: #4e4e4e;
  font-size: 14px;
}

.phones-drop-item {
  border-bottom: 1px solid #cecece;
  margin-bottom: 5px;
  padding-bottom: 5px;
}

.phones-dropdown {
    position: relative;
    background-color: #fff;
    color: #000;
    border-radius: 3px;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.08);
    top: 2px;
    padding: 8px 14px;
}

.ink-showing {
  margin-top: 27px;
  margin-left: 24px;
  color: #5a5a61;
  display: flex;
}

.ink-pagination {
  background-color: #fff;
  height: 60px;
  display: flex;
  align-items: center;
  width: 2184px;
  margin-top: 25px;
  margin-left: 25px;
}

.ink-s-field-bg {
  background-color: #fff;
  height: 38px;
  border-radius: 4px;
  width: 54px;
  margin-right: 10px;
}

.ink-list-filterbox {
  margin: 0 auto;
  background-color: #fff;
  margin-top: 20px;
  padding-bottom: 19px;
  margin-left: 25px;
  margin-right: 25px;
}

.ink-list-topbar {
  background-color: #fff;
  height: 65px;
  width: 2230px;
}

.ink-comment-image {
  background-image: url('../img/small-comment.png');
  height: 35px;
  width: 35px;
  background-repeat: no-repeat;
}

.hidden-inkasso-details {
  color: #545454;
  font-size: 14px;
  font-weight: 500;
}

.comm-date-sel {
  width: 85px !important;
  border: 0 !important;
  margin-top: 5px !important;
  color: #3a3a3a !important;
}

.comment-compact-meta {
  color: #000 !important;
}

.main-content.gray {
  background-color: #efefef;
}

.main-profile-area.gray {
  background-color: #efefef;
}

.ink-s-sel-field .dropdown-trigger  {
  background-color: #ffffff !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 38px !important;
  width: 84px !important;
  margin-top: 0px !important;
  text-align: center !important;
  color: #505050;
}

.ink-s-sel-field .dropdown-content li>a,
.ink-s-sel-field .dropdown-content li>span {
    color: #4a615f !important;
}

.ink-s-sel-field.operator .dropdown-trigger {
  width: 109px !important;
}

.ink-s-sel-field.company1 .dropdown-trigger {
  width: 132px !important;
}

.ink-s-sel-field.company2 .dropdown-trigger {
  width: 132px !important;
}

.ink-s-sel-field.company2 ul.dropdown-content.select-dropdown {
  width: 225px !important;
}

.ink-s-sel-field.status .dropdown-trigger {
  width: 102px !important;
}

.ink-s-sel-field.substatus .dropdown-trigger {
  width: 115px !important;
}

.inkasso-grid div.center-align {
  cursor: pointer;
}

.akcija-drop ul.select-dropdown.dropdown-content {
    width: 200px !important;
}

.ml-filter-drop .dropdown-trigger {
  background-color: #eaeaea !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 35px !important;
  width: 118px !important;
  margin-top: -10px !important;
  text-align: center !important;
  color: #505050;
}

.ml-filter-drop .dropdown-content li>a,
.ml-filter-drop .dropdown-content li>span {
    color: #4a615f !important;
}

.ml-filter-field {
  background-color: #eaeaea !important;
  border: 0 !important;
  box-shadow: none !important;
  height: 35px !important;
  width: 118px !important;
  margin-top: 5px !important;
  text-align: center !important;
}

.ml-filter-field:focus {
  border: 0 !important;
  box-shadow: none !important;
}

.ink-s-field {
  background: #fff !important;
  padding: 11px 11px !important;
  color: #1d1d1d !important;
  width: 159px !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  margin-right: 10px !important;
  height: 16px !important;
  text-align: center;
}

.ink-s-field:focus {
  border: 0 !important;
  box-shadow: none !important;
}

.results-expand {
  font-size: 21px;
  position: relative;
  top: 5px;
  left: -4px;
}

.ml-chk-1:checked+span:after {
  top: 2px !important;
  left: 5px !important;
  border: 2px solid #505858 !important;
  background-color: #505858 !important;
}

.ml-chk-1:not(:checked)+span:after {
  top: 2px !important;
  left: 5px !important;
}

.ml-chk-1+span:before {
  top: 1px !important;
  left: 6px !important;
}

.ml-chk-2:checked+span:after {
  top: 2px !important;
  left: 5px !important;
  border: 2px solid #5ea08b  !important;
  background-color: #5ea08b  !important;
}

.ml-chk-2:not(:checked)+span:after {
  top: 2px !important;
  left: 5px !important;
  border: 2px solid #8eb5a3 !important;
}

.ml-chk-2+span:before {
  top: 1px !important;
  left: 6px !important;
}

.no-input-border {
  border: 0 !important;
  box-shadow: none !important;
}

.no-input-border:focus {
  border: 0 !important;
  box-shadow: none !important;
}

.expand-ibtn {
  font-size: 21px;
  position: relative;
  top: 1px;
  left: 3px;
}


.inkasso-global-search {
  border: 0 !important;
  box-shadow: none !important;
  margin-top: 7px !important;
}

.inkasso-global-search:focus {
  border: 0 !important;
  box-shadow: none !important;
}

.total-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ml-payments-payer {
  width: 20%;
  padding: 10px 10px 12px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ml-table {
  background-color: #fff;
  width: 97%;
}

.ml-btn-1 {
  background-color: #595e66;
  border-radius: 4px;
  color: #f9f9f9;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 7px 30px 7px 30px;
  text-transform: uppercase;
  font-size: 12px;
  user-select: none;
}

.ink-comment-section {
  max-height: 405px;
  overflow: auto;
  padding-bottom: 17px;
}

.ink-comment-img {
  padding: 14px 8px 0px 21px;
}

.ink-comment-meta {
  color: #6d6d6d;
  font-size: 14px;
}

.inkasso-comment-right {
  padding: 10px 20px 13px 10px;
}

.ink-comment-name {
  font-weight: 700;
  color: #525252;
  font-size: 16px;
}

.ml-btn-light-gray {
  width: 174px;
  height: 41px;
  background-color: #ececec;
  border-radius: 4px;
  color: #676767;
  font-weight: 600;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 14px;
  margin-top: 44px;
  margin-left: 19px;
  transition: 0.3s;
  user-select: none;
  transition: .4s;
}

.ml-btn-light-gray:hover {
  background-color: #e2e2e2;
}

.inkasso-add-comment-input {
  border: 0 !important;
  margin-left: 21px !important;
  margin-top: 4px !important;
  width: 95% !important;
  color: #545454;
}

.inkasso-add-comment-input:focus {
  border: 0 !important;
  box-shadow: none !important;
}

.inkasso-comment-bg {
  height: 163px;
  background: white;
  margin-top: 28px;
  margin-right: 15px;
  border-radius: 7px;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.08);
}

.push-to-right {
  margin-left: auto;
}

.inkasso-search-input {
  border: 0 !important;
  font-size: 14px !important;
  height: 31px !important;
  padding-left: 10px !important;
}

.inkasso-search-input:focus {
  box-shadow: none !important;
}

.inkasso-search-bg {
  border-radius: 10px;
  height: 30px;
  background: #ececec;
  width: 193px;
  position: relative;
  top: -6px;
  margin-right: 12px;
}

.small-tab {
  padding: 10px 10px !important;
}

.communication-gray {
  color: #717171;
}

.phone-card-label {
  width: 250px !important;
  min-width: 250px !important;
  max-width: 250px !important;
}

.phone-card-text {
  width: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
}

.sidebar-send {
  float: right;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  top: -4px;
  right: 13px;
}

.sidebar-add {
  float: right;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  top: -4px;
  right: 5px; 
}

.sidebar-expand {
  float: right;
  position: relative;
  top: -5px;
  cursor: pointer;
}

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

.tv-at-work-time {
  color: #d2d2d2;
  text-align: right;
  margin-top: 22px;
  margin-right: 25px;
  font-size: 21px;
  font-weight: 500;
  position: absolute;
  bottom: 16px;
  right: 0px;
}

.tv-at-work-employee {
  font-size: 25px;
  position: relative;
  top: 9px;
  left: 22px;
  color: #d2d2d2;
  max-width: 254px;
}

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

.tv-at-work-container {
    background-color: #2a2b31;
    width: 325px;
    position: relative;
    top: 20px;
    margin-right: 30px;
    height: 150px;
    margin-bottom: 34px;
}

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

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

.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: #e0e0e0ce;
  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: 135px;
}

.times-container {
  margin-top: 27px;
  color: #cccccc;
}

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

.tv-call-dur-full {
  width: 20px;
  height: 54px;
  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%;
}

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

.call-employee {
  height: 57px;
  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: 5px;
  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;
}

.flex-1 {
  flex: 1;
}

.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;
}

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

@keyframes fadeIn { 
  to { opacity: 0.9; } 
}

.animate-flicker {
    animation: fadeIn 1.1s infinite alternate;
}

.normas-en.meta {
  height: 42px !important;
}

.normas-en.employee {
    height: auto !important;
    text-align: center;
    margin-bottom: 4px;
}


.normas-field {
  background-color: #fff;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #383838;
  width: 60px;
  box-shadow: inset 0 0 2px 0px #b5b5b5;
  width: 83px !important;
  min-width: 83px !important;
  max-width: 83px !important;
  height: 45px !important;
}

.normas-right {
  display: flex;
  align-items: center;
  justify-content: flex-end !important;
  margin-right: 30px !important;
}

.normas-row-container {
  overflow: auto;
  margin-left: -14px;
  height: 67vh;
  width: 103%;
}


.normas-en {
  margin-right: 14px;
  font-weight: 500;
  font-size: 13px;
  width: 83px;
  height: 45px;
  min-width: 83px;
  max-width: 83px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 11px;
}

.normas-row {
  display: flex;
}

.normas-mt {
  font-weight: bold;
  color: #717171;
  font-size: 24px;
}

.btnMainitOpen {
  margin: 5px 0 0px 0 !important;
  background-color: #56a955 !important;
}

.mlSettingsBg .dropdown-content li>a,
.mlSettingsBg .dropdown-content li>span {
    color: #5b5d5c !important;
}

 .mlSettingsBg .select-wrapper input.select-dropdown:focus {
     border-bottom: 1px solid #9c9c9c;
 }

 .mlSettingsBg .dropdown-trigger {
    height: 34px !important;
 }

.darbinieki-header .input-field input[type=search] ~ .material-icons {
    display: none;
}

.darbinieki-header input#search_employees {
  padding-left: 50px;
  background: whitesmoke;
  border: none;
  width: 98%;
}

.darbinieki-header .label-icon {
  top: 11px !important;
}

.darbinieki-header .input-field {
  position: relative;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.darbinieki-header form {
  flex-basis: 71%;
  height: 40px;
}

.statNavMonthSelect {
  display: none;
}

.statNavYearSelect {
  display: none;
}

.statNavNormasSelect {
  display: none;
}

.statNavOverviewYearSelect {
  display: none;
}

.mlSubNavText .select-dropdown.dropdown-content li.selected {
    background-color: rgba(169, 169, 169, 0.28) !important;
}

 .mlSubNavText .dropdown-content li > a,
 .mlSubNavText .dropdown-content li > span {
     font-size: 16px !important;
     color: #626766 !important;
     line-height: 22px !important;
     padding: 14px 10px !important;
     font-weight: 400 !important;
 }

 .mlSubNavText .dropdown-trigger {
   border-bottom: none !important;
   font-size: 13px !important;
   font-weight: 600 !important;
   color: #717171 !important;
   height: 17px !important;
   width: 95px !important;
 }

 .mlSubNavText .select-wrapper input.select-dropdown:focus {
     border-bottom: none !important;
 }


.mlSettingsSep {
	height: 16px;
}

.mlSettingsLeftTitle {
	font-size: 18px;
    font-weight: bold;
    color: #5a5a5a;
}

.mlSettingsRight {
	margin-left: auto;
}

 .mlSettingsBg {
 	background-color: #fff;
 	display: flex;
 	padding: 10px 5px 10px 20px;
 }

 .o-day-number {
 	flex-basis: 39px;
 	min-width: 39px;
 	font-size: 12px;
 	text-align: center;
 	padding: 10px 0px;
 	border: 1px solid #ccc;
 	margin-right: -1px;
 	background: #e5f5e8;
 }

 .o-cell {
 	width: 39px;
 	min-width: 39px;
 	height: 39px;
 	font-size: 11px;
     line-height: 9px;
     text-align: center;
     font-size: 13px;
     padding: 5px 0px;
     margin-right: -1px;
     margin-top: -1px;
     border: 1px solid #ccc;
 }

 .stats-cell {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	border: 1px solid lightgray;
 	flex-basis: 200px;
 	min-width: 200px;
 	height: 50px;
 	margin-top: -1px;
 	margin-left: -1px;
 }


 /* Op. stat. parsk */
 .months-container {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-content: flex-start; 
 }

 .month-item {
   flex-basis: 25%;
   /*height: 300px;*/
   min-width: 290px;
   margin-top: 40px;
   
 }

 @media screen and (max-width: 968px) {
   .month-item {
 	flex-basis: 33.333%
   }
 }

 @media screen and (max-width: 668px) {
   .month-item {
 	flex-basis: 50%
   }
 }

 @media screen and (max-width: 350px) {
   .month-item {
 	flex-basis: 100%
   }
 }

 .m-item {
 	width: 100%;
 	height: 100%;
 }

 .y-month-title {
 	border-bottom: 1px solid #777777;
 	padding-bottom: 15px;
 	width: 85%;
 	margin: auto;
 	font-size: 22px;
 	color: #262626;
 	font-weight: 400;
 	max-width: 353px;
 }

 .year-days {
 	display: flex;
 	width: 90%;
 	margin: auto;
 	margin-top: 20px;
 	text-align: center;
 }

 .year-s-day {
 	width: 54px;
 	color: #383838;
 	font-size: 14px;
 	font-weight: 500;
 }

 .day-n-c {
 	display: flex;
 	width: 90%;
 	margin: auto;
 	margin-top: 10px;
 	text-align: center;
 }

 .y-d {
 	width: 54px;
 	color: #848484;
 	font-size: 14px;
 	border-radius: 50px;
 	height: 44px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }

 .y-d-n {
 	width: 35px;
 	color: #686868;
 	font-size: 14px;
 	border-radius: 50px;
 	height: 34px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	/*background: #e6f7e9;*/
 }

/* Op. stat. parsk */

.mlStatsSeperator {
	height: 20px;
}

.mlStatWeekBg {
	background-color: #fff;
	padding-left: 20px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	margin-top: 10px;
	padding-bottom: 20px;
}

.statsWeekTitle {
	font-weight: 700;
	font-size: 15px;
	margin-top: 37px;
}

.statsPageC {
	margin: 37px 52px;
	color: #888888;
}

.mlSubNavText {
	position: relative;
	top: 5px;
	margin-left: 7px;
	cursor: pointer;
}

 .mlSubNavIcon {
 	font-size: 23px;
 	position: relative;
 	top: 3px;
 }

.mlSubNav {
	display: flex;
	background-color: #fff;
	width: 100%;
	height: 64px;
	box-shadow: 0px 4px 7px rgba(0,0,0,0.1);
	padding-left: 85px;
	color: #8c8c8c;
	font-size: 12px;
	font-weight: 700;
}

.mlSubNavItem {
	display: flex;
	align-items: center;
	margin-right: 45px;
  padding-bottom: 4px;
}


/* Operatoru statitika */

/* Operatoru statitika */


 
 /* ML Sidebar */
.ml-sidebar > ul {
	margin-top: 0px !important;
}
 
.aside-ml-sidebar {
	min-width: auto !important;
}
 
/* -------------
ml-sidebar
----------------*/
.ml-sidebar {
  width: 300px;
  overflow: hidden;
  background-color: #39393a;
  -webkit-transform: translateZ(0);
  visibility: visible;
  -webkit-backface-visibility: hidden;
}
.ml-sidebar header {
  background-color: #09f;
  width: 100%;
  display: block;
  padding: 0.75em	1em;
}

.ml-sidebar-nav {
  position: fixed;
  background-color: #19222a;
  height: 100%;
  font-weight: 400;
  font-size: 1.2em;
  overflow: auto;
  padding-bottom: 6em;
  z-index: 9;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.ml-sidebar-nav ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
.ml-sidebar-nav ul li {
  margin-left: 0;
  padding-left: 0;
  display: inline-block;
  width: 100%;
  /* -------------
  ml-sidebar: icons
  ----------------*/
}
.ml-sidebar-nav ul li a {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.75em;
  padding: 1.05em	1em;
  position: relative;
  display: block;
}
.ml-sidebar-nav ul li a:hover {
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.ml-sidebar-nav ul li i {
  font-size: 1.8em;
  padding-right: 0.5em;
  width: 9em;
  display: inline;
  vertical-align: middle;
}
.ml-sidebar-nav > ul > li > a:after {
  content: '\f125';
  font-family: ionicons;
  font-size: 0.5em;
  width: 10px;
  color: #fff;
  position: absolute;
  right: 0.75em;
  top: 45%;
}
.ml-sidebar-nav .nav-flyout {
  position: absolute;
  background-color: #080D11;
  z-index: 9;
  left: 2.5em;
  top: 0;
  height: 100vh;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.ml-sidebar-nav .nav-flyout a:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
.ml-sidebar-nav ul > li:hover .nav-flyout {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.li-user:hover {
	background-color: #2a2a2b;
}

.li-user {
	-o-transition:.8s;
	-ms-transition:.8s;
	-moz-transition:.8s;
	-webkit-transition:.8s;
	transition:.8s;
}


 
 .round-loading-img {
 	background: #ffffff;
 	display: none;
     position: absolute;
     left: 50%;
     top: 50%;
     z-index: 5;
     margin: -75px 0 0 -75px;
     border: 22px solid #ffffff;
     border-radius: 50%;
     border-top: 22px solid #7fbca8;
     width: 200px;
     height: 200px;
     -webkit-animation: spin 2s linear infinite;
     animation: spin 2s linear infinite;
 }
 
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
     }
     100% {
         -webkit-transform: rotate(360deg);
     }
 }
 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }
     100% {
         transform: rotate(360deg);
     }
 }


.in-profile-after:after {
	border-top-color: rgba(0, 0, 0, 0.58) !important;
}

 .stats-loading {
 	font-size: 30px;
 	animation: spinning 2s infinite linear;
 	color: #fff;
 }

.top-stat-item-bottom.percentage {
	width: 0%;
}

pre {
	color: #5a5a5a;
    font-family: Arial;
}

 @keyframes spinning {
   from {
     transform: rotate(0deg);
   }
   to {
     transform: rotate(360deg);
   }
 }

.alga-loading {
	font-size: 30px;
	animation: spinning 2s infinite linear;
}

.top-alga-somenes {
	text-align: center;
}

.salary-loading-img {
 	width: 50%;
 }


.portfelis-loading-img {
	width: 50%;
}

.center {
	text-align: center;
}

.time-seperator {
	text-align: center;
}


 /*[type="checkbox"].filled-in.jek-stat-check:checked+span:not(.lever):after {*/
 [type="checkbox"].filled-in:checked+span:not(.lever):after {
 	border: 2px solid #6b807e;
 	background-color: #6b807e;
 }


.jek-stat-check + span {
	position: relative;
	top: 13px;
}


.card-text {
	width: 200px;
}

.hidden {
	display: none;
}

.card-text:hover {
	cursor: pointer;
}


/* Breadcrumbs */
#breadcrumb {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  list-style: none;
  display: flex;
  margin: 0px;
  padding: 0px;
  width: 100%;
  position: absolute;
  bottom: 0;
  opacity: 0.9;
}

#breadcrumb .home-icon {
	top: 5px;
	position: relative;
	font-size: 18px;
	left: -4px;
}

#breadcrumb .icon {
  font-size: 14px;
}

#breadcrumb li:first-child {
  flex-basis: 60px;
  max-width: 60px;
}

#breadcrumb li:last-child {
  flex-basis: 100%;
}

#breadcrumb li a {
  color: #f3f3f3;
  display: block;
  background: #222222;
  text-decoration: none;
  position: relative;
  line-height: 40px;
  padding: 0 10px 0 5px;
  margin-right: 23px;
}
#breadcrumb li:nth-child(even) a {
  background-color: #222222;
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #222222;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #222222;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 0px;
  margin-right: 0px;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #222222;
  border-width: 20px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #222222;
}
#breadcrumb li a:hover {
  background-color: #222222;
}
#breadcrumb li a:hover:before {
  border-color: #222222;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #222222;
}
#breadcrumb li a:active {
  background-color: #222222;
}
#breadcrumb li a:active:before {
  border-color: #222222;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #222222;
}
/* Breadcrumbs */



.mobile-only {
	display: none;
}

.icon-open-messages {
	font-size: 14px;
    top: 2px;
    position: relative;
    margin-right: 6px;
}

.message-info {
	color: #797979;
	font-size: 14px;
	font-style: italic;
}

.unread-icon {
	font-size: 22px;
	cursor: pointer;
}

.messages-icon {
	font-size: 30px;
}

/* Messages dropdown */
.messages-dropdown-container {
  background-color: #fff;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.1);
  border: 1px solid #ddd;
  width: 450px;
  border-radius: 3px;
  position: relative;
  margin: 30px 20px;
}

.messages-dropdown-container::before {
  border-color: transparent transparent #d9d9d9 transparent;
  right: 115px;
  margin-top: -12px;
  top: -12px;
  border-width: 12px;
  z-index: 100;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  pointer-events: none;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.messages-dropdown-container::after {
  margin-top: -11px;
  top: -11px;
  right: 115px;
  border-color: transparent transparent #fff transparent;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  pointer-events: none;
  border-width: 11px;
  z-index: 200;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.messages-dropdown-container > .title-bar {
  display: flex;
  background-color: #f5f5f5;
  padding: 10px 15px;
  border-radius: 3px 3px 0px 0px;
  border-bottom: 1px solid #e0e0e0;
  align-items: center;
}

 .messages-dropdown-container > .title-bar > .title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 20px;
  font-weight: 500;
}

.messages-dropdown-container .send-message {
  margin-left: auto;
  display: flex;
}

.messages-dropdown-container .message {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  padding: 5px 10px;
  align-items: center;
}

.messages-dropdown-container > .footer {
  display: flex;
  background-color: #f5f5f5;
  padding: 10px 10px;
  border-radius: 3px 3px 3px 3px;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  cursor: pointer;
}

.messages-dropdown-container > .footer a {
  color: #292929;
}


.messages-dropdown-container > .message > .icon {
  flex: 1;
  padding: 5px 10px;
}

.messages-dropdown-container > .message > .text {
  flex: 9;
  padding: 5px 10px;
}

.messages-dropdown-container > .message > .mark-read {
  flex: 1;
  padding: 5px 10px;
}

.messages-dropdown-container .send-btn {
  background-color: #3e4148;
  height: 30px;
  width: 80px;
  color: #fff;
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: 500;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Messages dropdown */



/* Marketings dropdown */
 .marketings-dropdown {
 	left: -180px;
 }

 .marketings-dropdown > li > a {
 	color: #353a39;
 }


/* Partneri dropdown */
 .partneri-dropdown {
 	left: -180px;
 }

 .partneri-dropdown > li > a {
 	color: #353a39;
 }


/* Paradi dropdown */
.paradi-dropdown {
	left: -180px;
}

.paradi-dropdown > li > a {
	color: #353a39;
}


.ml-dropdown li>a>i {
	margin-right: 15px;
}


.top-admin-btn {
	padding: 12px 15px 15px 15px !important;
}


/* Admin dropdown */
.admin-dropdown li>a>i {
	float: right;
	margin-right: 0px;
}

.admin-dropdown {
	left: -11px;
	min-width: 180px;
}

.admin-dropdown > li > a {
	color: #353a39;
}


:focus {
	outline: 0 !important;
}


/* Iziet dropdown */
.iziet-dropdown {
	left: 15px;
	min-width: 180px;
}

.iziet-dropdown > li > a {
	color: #353a39;
}


/* Messages dropdown */
.messages-dropdown {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	left: -100px;
	min-width: 480px;
	margin: 0;
	padding: 0;
}


/* ML dropdown */
.ml-dropdown {
	left: -11px;
	min-width: 260px;
}

.ml-dropdown > li > a {
	color: #353a39;
}


html, body {
	height: 100%;
}
 
.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

.profile-header {
	height: 250px;
	width: 100%;
	background: url('../img/bg.jpg');
	position: fixed;
  z-index: 4;
  top: 0;
}

.main-section {
	display: flex;
	align-items: stretch;
}

.sidebar {
	background-color: #efefef;
	min-width: 400px;
}

.main-content {
	flex: 1;
	background-color: #fff;
	min-width: 0px;
	padding-bottom: 70px;
}

.header-btn {
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	padding: 5px 15px 15px 15px;
	border-radius: 0px 0px 5px 5px;
	cursor: pointer;
	margin: 0px 10px;
}

.header-btn:hover {
	background-color: rgba(0,0,0,0.5);
}

.dropdown-content{
    overflow: auto !important;
}

.dropdown-content-submenu{
    overflow: visible !important;
}

.black-header-bar {
	width: 100%;
	height: 72px;
	background-color: #222222;
	position: relative; top: 129px;
  opacity: 0.75;
}

.top-profile-info {
	position: absolute;
	top: 90px;
	height: 160px;
	width: 100%;
	display: flex;
	align-items: flex-start;
}

.profile-img {
	margin-left: 15px;
	margin-top: 5px;
}

.profile-info-data {
	margin-left: 20px;
	width: 100%;
	height: 160px;
	color: #fff;
}

.info-top {
	height: 90px;
	width: 100%;
}

.info-bottom {
	height: 70px;
	width: 100%;
	display: flex;
	padding-top: 10px;
}

.full-name {
	background-color: rgba(0,0,0,0.3);
	padding: 3px 10px 5px 10px;
	font-size: 26px;
	font-weight: 800;
	display: inline-block;
}

.top-email {
	background-color: rgba(0,0,0,0.3);
	padding: 2px 10px;
	font-size: 16px;
	display: inline-block;
	margin-top: 5px;
	color: #d4d4d4;
}

.top-info-item {
	margin-right: 80px;
}

.top-info-title {
	text-transform: uppercase;
	color: #869aa6;
	font-weight: 700;
	font-size: 14px;
}

.top-info-content {
	font-weight: 500;
}

.sidecard-container {
	width: 90%;
	background: #fff;
	margin: 20px auto;

	border: 1px solid #e0e0e0;
	box-shadow: 0px 1px 0px rgba(0,0,0,0.1);
	border-radius: 4px;
}

.sidecard-title {
	padding: 15px;
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    color: #7a7a7a;
    background: #dedede;
    border-radius: 3px 3px 0px 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.card-info-row {
	display: flex;
	border-bottom: 1px solid #ebebeb;
	padding: 15px 20px 15px 0px;
	width: 90%;
	margin: 0 auto;
}

.card-info-row:last-child {
	border-bottom: 0px;
}

.card-info-col {
	margin-right: 15px;
}

.card-label {
	min-width: 100px;
	max-width: 100px;
}

.tabs-container {
	background-color: #464c55;
	height: 44px;
	width: 100%;
	display: flex;
	align-items: flex-end;
}

.tab {
	color: #fff;
	height: 35px;
	background-color: #595e66;
	margin-left: 5px;
	padding: 10px 25px;
	cursor: pointer;
	user-select: none;
	font-size: 14px;
	line-height: 14px;
	font-weight: 600;
}

.tab:hover {
	background-color: #6b7077;
}

.tab-selected {
	background-color: #fff;
	color: #222c38;
}

.tab-selected:hover {
	background-color: #fff;
	color: #222c38;
}

.first-tab {
	margin-left: 10px;
}

.offline-status {
	color: #B64C48;
}

.status-text {
	text-transform: uppercase;
	font-weight: 700;
}

.top-stats-container {
	display: flex;
	justify-content: space-between;
	margin: 30px 30px;
}

.top-stats-item {
	width: 31%;
	height: 175px;
	background-color: #89929d;
	position: relative;
}


.top-stat-item-bottom {
	background-color: rgba(0,0,0,0.1);
	height: 20%;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
    padding-top: 3px;
    padding-left: 10px;
}

.stat-icon {
	color: #fff;
	font-size: 20px;
	position: relative;
	top: 5px;
}

.top-stats-title {
	width: 100%;
	height: 45%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	color: #fff;
	font-size: 35px;
}

.top-stats-sub {
	width: 100%;
	height: 20%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	color: #fff;
	font-size: 20px;
}

.top-stats-sub .material-icons {
	position: relative;
    top: 4px;
    font-size: 21px;
    margin-right: 5px;
}

.top-stats-sub-item-1 {
	margin-right: 25px;
}

.salary-bg {
	background-color: #90a086;
}

.salary-prev-bg {
	background-color: #9fad96;
}

.section-header {
	color: #464c55;
	font-size: 30px;
	font-weight: 600;
	margin-left: 25px;
}

.comment-container {
	height: 70px;
	border: 1px solid #d9d9d9;
	border-radius: 3px;
	margin-left: 40px;
	margin-right: 35px;
	position: relative;
	display: flex;
	color: #464c55;
	min-width: 0;
	margin-bottom: 15px;
}

.comment-container::before {
	border-color: transparent #d9d9d9 transparent transparent;
    left: -24px;
    margin-top: -12px;
    top: 50%;
    border-width: 12px;
    z-index: 100;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    pointer-events: none;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.comment-container::after {
	margin-top: -11px;
    top: 50%;
    left: -22px;
    border-color: transparent #fff transparent transparent;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    pointer-events: none;
    border-width: 11px;
    z-index: 200;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.comment-picture {
	padding: 20px;
}

.comment-picture .material-icons {
	font-size: 32px;
}


.comment-content-top {
	font-size: 18px;
	font-weight: 700;
	padding: 6px 0;
}

.comment-content-top .material-icons {
	position: relative;
    top: 4px;
    font-size: 21px;
    margin-right: 3px;
}

.comment-content-bottom div {
	margin-left: 5px;
	margin-top: -5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.comment-content-bottom {
	min-width: 0px;
}

.comment-content-container {
	min-width: 0px;
	padding-right: 35px;
}



/* Daily stats */

.daily-stats-container {
	display: flex;
	margin: 30px 0px 0px 30px;
}

.daily-stats-item {
	width: 23%;
    height: 145px;
    background-color: #89929d;
    position: relative;
    margin-right: 27px;
}

.daily-stats-container .daily-stats-item:last-child {
    margin-right: 0px;
}


.daily-stat-item-bottom {
	background-color: rgba(0,0,0,0.1);
	height: 20%;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 12px;
	padding-top: 5px;
	padding-left: 10px;
}

.stat-icon {
	color: #fff;
	font-size: 20px;
	position: relative;
	top: 5px;
}

.daily-stats-title {
	width: 100%;
	height: 45%;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	color: #fff;
	font-size: 29px;
}

.daily-stats-sub {
	width: 100%;
	height: 20%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	color: #fff;
	font-size: 17px;
}

.daily-stats-sub .material-icons {
	position: relative;
    top: 4px;
    font-size: 21px;
    margin-right: 5px;
}

.daily-stats-sub-item-1 {
	margin-right: 25px;
}

.top-menu-icon {
	position: relative;
	top: 7px;
}

.unread-message {
	color: #b50000;
}

/* Daily stats */

.ml-flex {
	display: flex;
}

.ml-flex-wrap {
  flex-wrap: wrap;
}

.pull-right {
	margin-left: auto;
}

.icon-refresh-stats {
	position: absolute;
	top: 8px;
	right: 10px;
	font-size: 19px;
	cursor: pointer;
}

.stat-ok {
	background-color: #89a38c;
}

.stat-bad {
	background-color: #c16666;
}

.m-top-60 {
	margin-top: 60px;
}

.m-top-30 {
	margin-top: 30px;
}



/* Darba laiki */
.darba-laiki-container {
	display: flex;
    margin-left: 30px;
    margin-right: 30px;
    flex-wrap: wrap;
}

.darba-laiki-item {
	margin-right: 30px;
	margin-bottom: 30px;
}

.darba-laiki-item .left {
	background-color: #89a38c;
    color: #fff;
    width: 125px;
    height: 125px;
}

.darba-laiki-item .right {
	background-color: #f2f2f2;
    color: #353c41;
    width: 125px;
    height: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 20px;
}

.cal-day {
	font-size: 60px;
	position: relative;
	text-align: center;
	top: 3px;
}

.cal-month {
	font-size: 18px;
	position: relative;
	text-align: center;
	top: -12px;
}

.darba-laiki-item .missed {
	background-color: #c16666;
}

.darba-laiki-item .sick {
	background-color: #73aebb;
}
/* Darba laiki */




/* Viss portfelis */
.portfelis-container {
	display: flex;
    margin-left: 30px;
    margin-right: 30px;
    flex-wrap: wrap;
}

.portfelis-item {
	margin-right: 30px;
	margin-bottom: 30px;
	border: 1px solid #899ba3;
	width: 17%;
	height: 120px;
	position: relative;
}

.portfelis-title {
	background-color: #899ba3;
	font-size: 14px;
	padding: 5px 10px;
	color: #fff;
}

.portfelis-number-container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 48%;
	width: 100%;
	font-size: 22px;
}
/* Viss portfelis */


.small-header {
	height: 120px;
}

#meeting_logout {
  display: none;
}




/* ************************************* */
/* ******* 1790 pixels and less ******** */
@media only screen and (max-width: 1790px) {
	.mlStatsPageItem {
		width: 22.8%;
	}
}
/* ******* 1790 pixels and less ******** */
/* ************************************* */




/* ************************************* */
/* ******* 1689 pixels and less ******** */
@media only screen and (max-width: 1689px) {
  .darbinieki-header form {
    flex-basis: 69%;
    margin-left: 10px;
  }
}
/* ******* 1689 pixels and less ******** */
/* ************************************* */






/* ************************************* */
/* ******* 1680 pixels and less ******** */
@media only screen and (max-width: 1680px) {
	.top-stats-item {
    	height: 156px;
	}

	.top-stat-item-bottom {
	    padding-top: 0px;
	}

	.top-stats-title {
	    font-size: 31px;
	}

	.top-stats-sub {
	    font-size: 18px;
	}

	.top-stats-sub .material-icons {
	    top: 2px;
	    font-size: 17px;
	}


	.daily-stats-container {
	    margin: 30px 20px 0px 30px;
	}

	.daily-stats-title {
	    font-size: 27px;
	}

	.daily-stats-item {
	    height: 129px;
	}

	.daily-stats-title {
	    font-size: 28px;
	}

	.daily-stat-item-bottom {
	    font-size: 11px;
	}

	.daily-stats-sub {
	    font-size: 16px;
	}

	.daily-stats-sub .material-icons {
	    font-size: 17px;
	}


	/* Darba laiki */
	.darba-laiki-item .left {
	    width: 126px;
	    height: 120px;
	}

	.cal-day {
	    font-size: 47px;
	    top: 10%;
	}

	.cal-month {
	    font-size: 16px;
	    top: 0%;
	}

	.darba-laiki-item .right {
	    font-size: 17px;
	    width: 140px;
	    height: 121px;
	}
	/* Darba laiki */



	/* Portfelis */
	.portfelis-item {
	    height: 112px;
	}
	/* Portfelis */
}
/* ******* 1680 pixels and less ******** */
/* ************************************* */




/* ************************************* */
/* ******* 1667 pixels and less ******** */
@media only screen and (max-width: 1667px) {
	.mlStatsPageItem {
		width: 22.6%;
	}
}
/* ******* 1667 pixels and less ******** */
/* ************************************* */

 



/* ************************************* */
/* ******* 1598 pixels and less ******** */
@media only screen and (max-width: 1598px) {
  .darbinieki-header form {
    flex-basis: 67%;
    margin-left: 21px;
  }
}
/* ******* 1598 pixels and less ******** */
/* ************************************* */






/* ************************************* */
/* ******* 1565 pixels and less ******** */
@media only screen and (max-width: 1565px) {
	.mlStatsPageItem {
		width: 22.2%;
	}
}
/* ******* 1565 pixels and less ******** */
/* ************************************* */





/* ************************************* */
/* ******* 1532 pixels and less ******** */
@media only screen and (max-width: 1532px) {
  .darbinieki-header form {
    flex-basis: 65%;
    margin-left: 30px;
  }
}
/* ******* 1532 pixels and less ******** */
/* ************************************* */




/* ************************************* */
/* ******* 1508 pixels and less ******** */
@media only screen and (max-width: 1508px) {
  .darbinieki-header form {
    flex-basis: 62%;
    margin-left: 48px;
  }
}
/* ******* 1508 pixels and less ******** */
/* ************************************* */





/* ************************************* */
/* ******* 1500 pixels and less ******** */
@media only screen and (max-width: 1500px) {
	.top-stats-item {
        height: 125px;
    }

    .stat-icon {
        font-size: 17px;
        top: 5px;
    }

    .top-stat-item-bottom {
        font-size: 11px;
        padding-top: 0px;
        padding-left: 10px;
    }

    .top-stats-title {
        font-size: 27px;
    }

    .top-stats-sub {
        font-size: 14px;
    }

    .top-stats-sub .material-icons {
        top: 4px;
        font-size: 16px;
    }


    .daily-stats-item {
        height: 110px;
    }

    .daily-stats-item {
        margin-right: 19px;
    }

    .daily-stats-title {
        font-size: 24px;
    }

    .daily-stats-sub {
        font-size: 12px;
    }

    .daily-stats-sub .material-icons {
        font-size: 16px;
    }

    .daily-stat-item-bottom {
        font-size: 10px;
    }

    .daily-stat-item-bottom {
        padding-top: 3px;
    }

    .icon-refresh-stats {
        top: 4px;
        right: 6px;
        font-size: 17px;
    }


    /* Darba laiki */
    .darba-laiki-item .left {
        width: 100px;
        height: 100px;
    }

    .darba-laiki-item .right {
        font-size: 15px;
        width: 100px;
        height: 100px;
    }

    .cal-day {
        font-size: 37px;
        top: 8%;
    }

    .cal-month {
        font-size: 14px;
        top: 0px;
    }
    /* Darba laiki */



    /* Portfelis */
    .portfelis-item {
        height: 100px;
    }

    .portfelis-item {
        width: 16%;
    }

    .portfelis-number-container {
        font-size: 20px;
    }

    .portfelis-title {
        font-size: 13px;
        padding: 4px 10px;
    }
    /* Portfelis */
}
/* ******* 1500 pixels and less ******** */
/* ************************************* */





/* ************************************* */
/* ******* 1444 pixels and less ******** */
@media only screen and (max-width: 1444px) {
  .darbinieki-header form {
    flex-basis: 60%;
    margin-left: 51px;
  }
}
/* ******* 1444 pixels and less ******** */
/* ************************************* */





/* ************************************* */
/* ******* 1366 pixels and less ******** */
@media only screen and (max-width: 1366px) {
    /* Darba laiki */
    .darba-laiki-item .left {
        width: 95px;
        height: 95px;
    }

    .darba-laiki-item .right {
        width: 95px;
        height: 95px;
    }
    /* Darba laiki */
}
/* ******* 1366 pixels and less ******** */
/* ************************************* */






/* ************************************* */
/* ******* 1360 pixels and less ******** */
@media only screen and (max-width: 1360px) {
    /* Darbinieki list */
    .darbinieki-container {
        padding-left: 12px;
    }

    .darbinieks-item {
        width: 23%;
        margin-left: 23px;
    }
    /* Darbinieki list */
}
/* ******* 1360 pixels and less ******** */
/* ************************************* */







/* ************************************* */
/* ******* 1340 pixels and less ******** */
@media only screen and (max-width: 1340px) {
  .darbinieki-header form {
    flex-basis: 57%;
    margin-left: 55px;
  }
}
/* ******* 1340 pixels and less ******** */
/* ************************************* */





/* ************************************* */
/* ******* 1290 pixels and less ******** */
@media only screen and (max-width: 1290px) {
  .darbinieki-header form {
    flex-basis: 54%;
    margin-left: 64px;
  }
}
/* ******* 1290 pixels and less ******** */
/* ************************************* */






/* ************************************* */
/* ******* 1280 pixels and less ******** */
@media only screen and (max-width: 1280px) {
    /* Darba laiki */
    .darba-laiki-item .left {
        width: 87px;
    }

    .darba-laiki-item .right {
        width: 87px;
    }
    /* Darba laiki */
/* ******* 1280 pixels and less ******** */
/* ************************************* */





/* ************************************* */
/* ******* 1270 pixels and less ******** */
@media only screen and (max-width: 1270px) {
	.daily-stats-container {
	    display: block;
	}

	.daily-stats-item {
	    margin-right: 15px;
		margin-bottom: 15px;
	}

	.daily-stats-container .daily-stats-item:last-child {
	    margin-right: 15px;
	}

	.daily-stats-item {
	    height: 135px;
	    width: 100%;
	}

	.daily-stats-title {
	    font-size: 32px;
	}

	.daily-stats-sub {
	    font-size: 20px;
	}

	.daily-stats-sub .material-icons {
	    font-size: 21px;
	}

	.daily-stats-sub .material-icons {
	    margin-right: 11px;
	}

	.daily-stat-item-bottom {
	    font-size: 12px;
	}

	.daily-stat-item-bottom {
	    padding-top: 4px;
	}
}
/* ******* 1270 pixels and less ******** */
/* ************************************* */







/* ************************************* */
/* ******* 1220 pixels and less ******** */
@media only screen and (max-width: 1220px) {
    .darbinieks-item {
        width: 31%;
    }
/* ******* 1220 pixels and less ******** */
/* ************************************* */




/* ************************************* */
/* ******* 1228 pixels and less ******** */
@media only screen and (max-width: 1228px) {
  .darbinieki-header form {
    flex-basis: 52%;
    margin-left: 64px;
  }
}
/* ******* 1228 pixels and less ******** */
/* ************************************* */




/* ************************************* */
/* ******* 1200 pixels and less ******** */
@media only screen and (max-width: 1200px) {
	.top-stats-container {
    	display: block;
	}

	.top-stats-item {
		width: 100%;
	    margin-bottom: 20px;
	}

	.daily-stats-container {
	    display: block;
	}

	.daily-stats-item {
	    margin-right: 15px;
		margin-bottom: 15px;
	}

	.daily-stats-container .daily-stats-item:last-child {
	    margin-right: 15px;
	}

	.daily-stats-item {
	    height: 135px;
	    width: 100%;
	}

	.daily-stats-title {
	    font-size: 30px;
	}

	.daily-stats-sub {
	    font-size: 18px;
	}

	.daily-stats-sub .material-icons {
	    font-size: 17px;
	}

	.daily-stat-item-bottom {
	    font-size: 12px;
	}

	.daily-stat-item-bottom {
	    padding-top: 4px;
	}

	.daily-stats-sub .material-icons {
	    top: 2px;
	}

	/* Portfelis */
	.portfelis-item {
	    width: 100%;
	}

	.portfelis-container {
	    display: block;
	}
	/* Portfelis */
}
/* ******* 1200 pixels and less ******** */
/* ************************************* */




/* ************************************* */
/* ******* 1186 pixels and less ******** */
@media only screen and (max-width: 1186px) {
  .darbinieki-header form {
    flex-basis: 50%;
    margin-left: 64px;
  }
}
/* ******* 1186 pixels and less ******** */
/* ************************************* */




/* ************************************* */
/* ******* 1055 pixels and less ******** */
@media only screen and (max-width: 1055px) {
	.darbinieks-item {
	    width: 47%;
	}
/* ******* 1055 pixels and less ******** */
/* ************************************* */





/* ************************************* */
/* ******* 905 pixels and less ******** */
@media only screen and (max-width: 905px) {
	main.profile-page {
		display: none;
	}

	.sidebar {
    	min-width: 100%;
	}

	.profile-header > .top-menu-bar {
		visibility: hidden;
	}

	.info-bottom > .telefons {
		display: none;
	}

	.info-bottom > .work-sia {
		display: none;
	}

	.top-profile-info {
	    top: 23px;
	}

	.black-header-bar {
	    top: 64px;
	}

	.profile-header {
	    height: 184px;
	}

	.top-info-item {
	    margin-right: 47px;
	}

	.black-header-bar {
		top: 60%;
		position: absolute;
	}

	.profile-header {
		position: relative;
	} 

	.full-name {
		font-size: 3vw;
	}

	.comment-content-top {
	    font-size: 13px;
	}

	.comment-container {
	    height: auto;
	    padding: 10px;
		background-color: #fff;
	}

	.comment-content-top {
	    font-size: 13px;
	}

	.comment-content-top .material-icons {
	    font-size: 17px;
	}

	.comment-content-bottom div {
	    margin-left: 0px;
	}

	.section-header {
	    font-size: 24px;
	    margin-top: 60px;
	}

	.darba-laiki-item {
	    width: 100%;
	    margin-bottom: 20px;
	    margin-right: 0px;
	}

	.darba-laiki-item .right {
	    background: #fff;
	    width: 50%;
	    height: 110px;
	}

	.darba-laiki-item .left {
	    width: 50%;
	    height: 110px;
	}

	.cal-day {
	    top: 14%;
	}

	.cal-month {
	    top: 8px;
	}

	.mobile-40 {
		margin-top: 40px;
	}

	.mobile-only {
		display: block;
	}
}
/* ******* 905 pixels and less ******** */
/* ************************************* */






/* ************************************* */
/* ******* 845 pixels and less ******** */
@media only screen and (max-width: 845px) {
	.darbinieks-item {
	    width: 44%;
	}
}
/* ******* 845 pixels and less ******** */
/* ************************************* */






/* ************************************* */
/* ******* 650 pixels and less ******** */
@media only screen and (max-width: 650px) {
	.top-info-item {
	    margin-right: 20px;
	}

	.full-name {
	    font-size: 4vw;
	}
}
/* ******* 650 pixels and less ******** */
/* ************************************* */






/* ************************************* */
/* ******* 550 pixels and less ******** */
@media only screen and (max-width: 550px) {
	.darbinieks-item {
	    width: 100%;
	}
}
/* ******* 550 pixels and less ******** */
/* ************************************* */