@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'), url(../fonts/IBMPlexSansCondensed-Light.ttf);
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'), url(../fonts/IBMPlexSansCondensed-Regular.ttf);
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-weight: 500;
  src: local('IBM Plex Sans Condensed Medium'), local('IBMPlexSansCond-Medium'), url(../fonts/IBMPlexSansCondensed-Medium.ttf);
}

@font-face {
  font-family: 'IBM Plex Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('IBM Plex Sans Condensed Bold'), local('IBMPlexSansCond-Bold'), url(../fonts/IBMPlexSansCondensed-Bold.ttf);
}


html, body
{
	font-family: 'IBM Plex Sans Condensed', sans-serif;
	min-height: 100vh;
	margin: 0px;
	padding:0px;
}
a
{
  text-decoration: none;
}
input, textarea
{
	font-family: 'IBM Plex Sans Condensed', sans-serif;
}
md-table-container, md-table-pagination, md-card, md-sidenav, .loginCard, .md-sidenav-left
{
	background-color: #FFF !important;
}
.md-sidenav-list
{
	margin-bottom: 50px !important;
}
.full-width
{
	width: 100%;
	/*min-height: 100%;*/
}
.full-height-login
{
	min-height:100vh;
}
.full-height
{
	min-height:100vh;
	/*min-height: 100%;*/
}
.md-fixed
{
	position: fixed !important;
}
.md-sticky
{
	position: sticky !important;
}
.md-background
{
	background-color: #CFD8DC;
}
.no-padding
{
	padding: 0px;
}
.md-button-block
{
	padding: 6px;
}
.hide
{
	display: none;
}
.md-capitalize
{
	text-transform: capitalize;
}
.md-right
{
	float: right;
}
.md-center
{
	text-align: center !important;
}
md-chip
{
	font-family: 'IBM Plex Sans Condensed', sans-serif;
	font-size: 14px;
}
.md-chips md-chip .md-chip-remove md-icon
{
	left: 60%;
}
md-chips md-chip md-icon
{
	min-height: 18px;
	min-width: 18px;
}
.md-contact-suggestion .md-contact-name
{
	width: 190px;
	margin-left: 0px;
}
.md-datatable-icons
{
	font-size: 20px !important;
}

.md-search-filter
{
  /*min-width:200px;*/
}

.datepicker-align
{
  margin: 14px 0;
}

.datepicker-label
{
  margin: 10px 0;
}

.search-label
{
  display: inline-block;
  position: relative;
  padding: 2px;
  margin: 23px 0;
  vertical-align: middle;
}
.datepicker-align .md-button.md-icon-button
{
  margin: 0 -2px !important;
}

.tag-chips
{
  cursor: default;
  border-radius: 3px;
  display: block;
  height: 32px;
  line-height: 32px;
  margin: 8px 8px 0 0;
  padding: 0 12px;
  float: left;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
  background: rgb(224,224,224);
  color: rgb(66,66,66);
  font-size:12px;
}
.text-primary
{
	color: #3F51B5;
}
.text-secondary
{
	color: #9e9e9e;
}
.text-grey
{
	color: rgba(0,0,0,0.54);
}
.text-white
{
	color: #fff;
}
.text-red
{
	color: #D32F2F;
}
.text-green
{
	color: #388E3C;
}
.bg-primary
{
	background-color: #9e9e9e !important;
}
.footer
{
	/*width: 100%;
	bottom: 0px;
	position: absolute;
	text-align: center;*/

	position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  text-align: center;
}

/* Dashboard Card CSS */

.dashboard-icon
{
	vertical-align: initial;
}

.dashboard-icon i
{
  font-size: 100px;
  color: #CFD8DC;
} 

/* Dashboard Card CSS */

.search-box
{
	height: 45px;
	border: none;
	background: #fff;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}
.search-box input
{
	font-size: 16px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  width: 100%;
  padding: 0 6px;
  line-height: 45px;
  height: 45px;
}
.search-contact-box
{
	width: 350px;
	height: 45px;
	border: none;
	background: #fff;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}

.search-contact-box input
{
	font-size: 16px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  width: 100%;
  padding: 0 6px;
  line-height: 45px;
  height: 45px;
  margin-top: 6px;
}
.set-datepicker .md-datepicker-button
{
	margin-left: -10px !important;
}

.set-datepicker .md-datepicker-input-container
{
	margin-left: 0px !important;
}
#progress-bar .md-container
{
	height: 2px !important;
}

.md-template
{
	color: rgba(0,0,0,0.87) !important;
	font-size: 16px !important;
}
.add-number-button, .remove-number-button
{
	margin-top: 16px !important;
	/*padding: 0px !important;*/
	margin-left: -16px !important;
}
.contact-more
{
	padding: 2px 8px;
    background-color: #cccccc5e;
    border-radius: 20px;
    white-space: nowrap;
}
.contact-tags
{
	padding: 4px 8px 5px;
  background-color: #ccc;
  border-radius: 20px;
  white-space: nowrap;
  text-shadow:  1px 1px 2px #212121;
  font-weight: 700;
}
.tagDialogHeight
{
	min-height: 240px;
}
md-dialog-actions
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(0,0,0,0.12);
}
.number-type
{
	background-color: grey;
  color: #FFF;
  font-size: 12px;
  padding: 2px 6px;
  /*padding-top: 2px;
  padding-right: 8px;
  padding-left: 8px; */
  border-radius: 14px;
}
.mobile-column
{
	padding: 0px !important;
}
.mobile-content
{
	padding: 4px 0px;
}
.status-bar
{
	padding: 8px 0px;
	text-align: right;
}
.md-text-right
{
	text-align: right;
}
.light{
	font-weight: 300 !important;
}
.search-bar
{
    margin-top: 26px;
    padding-top:10px;
}
.search-text
{
    margin: 0px 0px;
}
.contact-limit-filter
{
	margin-top: 14px;
}
.clickable
{
  cursor: pointer;
  outline: none;
}
.player-btn
{
  margin: 0px 0px !important;
}
.action-btn
{
  padding: 0 6px 0 6px;
  margin: 6px 8px 6px 8px;
  min-width: 60px;
  border-radius: 5px;
  font-size: 10px;
  text-align: center;
  text-decoration:none;
  border: none;
  outline: none;
}
.selectedItem
{
  padding: 8px 0px;
}