i.add { 
	background-image: url(../images/icons/add.png);
	display: inline-block;
	height: 12px;
	width: 12px;
	background-size: contain;
	vertical-align: middle;
}

i.save { 
	background-image: url(../images/icons/save.png);
	display: inline-block;
	height: 15px;
	width: 15px;
	background-size: contain;
	vertical-align: middle;
}

i.edit { 
	background-image: url(../images/icons/edit.png);
	display: inline-block;
	height: 12px;
	width: 12px;
	background-size: contain;
	vertical-align: middle;
}

i.phone-ico { 
	background-image: url(../images/icons/phone.png);
	display: inline-block;
	height: 20px;
	width: 20px;
	background-size: contain;
	vertical-align: middle;
}

i.phone_forward { 
	background-image: url(../images/icons/phone_forward.png);
	display: inline-block;
	height: 30px;
	width: 30px;
	background-size: contain;
	vertical-align: middle;
}

i.phone_dialpad { 
	background-image: url(../images/icons/phone_dialpad.png);
	display: inline-block;
	height: 30px;
	width: 30px;
	background-size: contain;
	vertical-align: middle;
}

i.phone_notvisible-danger { 
	background-image: url(../images/icons/phone_notvisible.png);
	display: inline-block;
	height: 15px;
	width: 15px;
	background-size: contain;
	vertical-align: middle;
}

i.search-ico { 
	background-image: url(../images/icons/search.png);
	display: inline-block;
	height: 12px;
	width: 12px;
	background-size: contain;
	vertical-align: middle;
}

i.folder { 
	background-image: url(../images/icons/folder.png);
	display: inline-block;
	height: 10px;
	width: 10px;
	background-size: contain;
	vertical-align: middle;
}

i.admin { 
	background-image: url(../images/icons/admin.png);
	display: inline-block;
	height: 15px;
	width: 15px;
	background-position-x: center;
	background-size: contain;
	vertical-align: middle;
}

i.filter { 
	background-image: url(../images/icons/filter.png);
	display: inline-block;
	height: 12px;
	width: 12px;
	background-position-x: center;
	background-size: contain;
	vertical-align: middle;
}

i.sub-dropdown { 
	background-image: url(../images/icons/sub-dropdown.png);
	display: inline-block;
	height: 15px;
	width: 5px;
	background-position-x: center;
	background-size: contain;
	vertical-align: middle;
}

i.order-ico { 
	background-image: url(../images/icons/order.png);
	display: inline-block;
	height: 12px;
	width: 12px;
	background-position-x: center;
	background-size: contain;
	vertical-align: middle;
}

i.angled-arrow { 
	background-image: url(../images/icons/angled-arrow.png);
	display: inline-block;
	height: 10px;
	width: 10px;
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

i.bell { 
	background-image: url(../images/icons/bell.png);
	display: inline-block;
	height: 10px;
	width: 10px;
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

i.file-ico { 
	background-image: url(../images/icons/file.png);
	display: inline-block;
	height: 10px;
	width: 10px;
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

i.effort-ico { 
	background-image: url(../images/icons/effort.png);
	display: inline-block;
	height: 10px;
	width: 10px;
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

i.deadline { 
	background-image: url(../images/icons/deadline.png);
	display: inline-block;
	height: 12px;
	width: 12px;
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;	
	vertical-align: middle;
}

i.schedule { 
  background-image: url(../images/icons/schedule.png);
  display: inline-block;
  height: 12px;
  width: 12px;
  background-size: contain;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: contain;
	vertical-align: middle;
}

i.repeat { 
  background-image: url(../images/icons/repeat.png);
  display: inline-block;
  height: 12px;
  width: 12px;
  background-size: contain;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: contain;
	vertical-align: middle;
}

i.book { 
	background-image: url(../images/icons/book.png);
	display: inline-block;
	height: 15px;
	width: 15px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

i.chat { 
	background-image: url(../images/icons/chat.png);
	display: inline-block;
	height: 15px;
	width: 15px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

i.clock { 
	background-image: url(../images/icons/clock.png);
	display: inline-block;
	height: 15px;
	width: 17px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

i.close-ico { 
	background-image: url(../images/icons/close.png);
	display: inline-block;
	height: 16px;
	width: 16px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

i.completed { 
	background-image: url(../images/icons/completed-task.png);
	display: inline-block;
	height: 13px;
	width: 13px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

i.incomplete { 
	background-image: url(../images/icons/input/incomplete.png);
	display: inline-block;
	height: 13px;
	width: 13px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

i.contacts { 
	background-image: url(../images/icons/contacts.png);
	display: inline-block;
	height: 13px;
	width: 18px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

i.power { 
	background-image: url(../images/icons/power.png);
	display: inline-block;
	height: 15px;
	width: 15px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

i.tasks { 
  background-image: url(../images/icons/tasks.png);
  display: inline-block;
  height: 15px;
  width: 15px;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: contain;
	vertical-align: middle;
}

i.tasks-green { 
  background-image: url(../images/icons/tasks-green.png);
  display: inline-block;
  height: 15px;
  width: 15px;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: contain;
	vertical-align: middle;
}

i.dashboard { 
	background-image: url(../images/icons/dashboard.png);
	display: inline-block;
	width: 25px;
	height: 25px;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: contain;
	vertical-align: middle;
}

i.date-ico { 
	background-image: url(../images/icons/date.png);
	display: inline-block;
	height: 15px;
	width: 17px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}


i.comms-chat { 
	background-image: url(../images/icons/comms-chat.png);
	display: inline-block;
	height: 20px;
	width: 20px;
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

i.comms-email { 
	background-image: url(../images/icons/comms-email.png);
	display: inline-block;
	height: 20px;
	width: 20px;
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

i.comms-internal { 
	background-image: url(../images/icons/comms-internal.png);
	display: inline-block;
	height: 20px;
	width: 20px;
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

i.comms-phone { 
	background-image: url(../images/icons/comms-phone.png);
	display: inline-block;
	height: 20px;
	width: 20px;
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

i.comms-sms { 
	background-image: url(../images/icons/comms-sms.png);
	display: inline-block;
	height: 20px;
	width: 20px;
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

i.comms-voice-mail { 
	background-image: url(../images/icons/comms-voice-mail.png);
	display: inline-block;
	height: 20px;
	width: 20px;
	background-size: contain;
	background-position-x: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}

i.ms-company-logo { 
	background-image: url(../images/logo.png);
	display: inline-block;
	height: 100px;
	width: 100px;
  background-position-x: center;
  background-repeat: no-repeat;
  background-size: contain;
  filter: brightness(0);
}

i.ms-company-nav-logo { 
	background-image: url(../images/logo.png);
	display: flex;
	height: 35px;
	width: 35px;
	filter: brightness(2);
  	background-size: contain;
	background-position-x: center;
	/* background-position-y: 16px; */
  background-repeat: no-repeat;
}

i.reports { 
	background-image: url(../images/icons/reports.png);
	display: inline-block;
	height: 15px;
	width: 15px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

i.view_week { 
	background-image: url(../images/icons/view_week.png);
	display: inline-block;
	height: 15px;
	width: 15px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

i.view_week_white { 
	background-image: url(../images/icons/view_week_white.png);
	display: inline-block;
	height: 18px;
	width: 18px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

i.pinned { 
	background-image: url(../images/icons/pinned.png);
	display: inline-block;
	height: 15px;
	width: 15px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

i.unpinned { 
	background-image: url(../images/icons/unpinned.png);
	display: inline-block;
	height: 15px;
	width: 15px;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.last-seen-divider {
  height: 5px;
  width: 120px;
  margin: 30px 0;
}

.divider {
	display: block;
  height: 3px;
  width: 100%;
  margin: 15px 0;
  background-color: #D2D2D2;
}

.divider.last-seen-divider:after {
  background: #ffffff none repeat scroll 0 0;
  content: "Last seen";
  left: 50%;
  margin-left: -50px;
  position: absolute;
  top: -8px;
	width: 100px;
	text-align: center;
}

.circleBase {
	border-radius: 50%;
	behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}

.type1 {
	width: 40px;
	height: 40px;
	background: #37454D;
	border: none;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	font-size: 23px;
	font-weight: bolder;
	color: #FFFFFF;
	line-height: 2em;
}

.loading-ellipsis {
  font-size: 15px;
}

.loading-ellipsis:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4,end) 900ms infinite;      
  animation: ellipsis steps(4,end) 900ms infinite;
  content: "\2026"; /* ascii code for the ellipsis character */
  width: 0px;
}

@keyframes ellipsis {
  to {
    width: 1.25em;    
  }
}

@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;    
  }
}