@import
	url(https://fonts.googleapis.com/css?family=Covered+By+Your+Grace);

@import url(https://fonts.googleapis.com/css?family=Architects+Daughter)
	;

@import url(https://fonts.googleapis.com/css?family=Indie+Flower);

@import
	url(https://fonts.googleapis.com/css?family=Nothing+You+Could+Do);

@import
	url(https://fonts.googleapis.com/css?family=Waiting+for+the+Sunrise);

@import url(https://fonts.googleapis.com/css?family=Reenie+Beanie);

@import url(https://fonts.googleapis.com/css?family=Schoolbell);

.addSearch {
	font-size: 25px;
	cursor: pointer;
	color: #999999;
	padding: 5px;
}

.addSearch:hover {
	color: #000000;
}

.removeSearch {
	font-size: 32px;
	cursor: pointer;
	color: #999999;
	padding: 4px;
}

.removeSearch:hover {
	color: #000000;
}

.spanOP {
	width: 150px;
	padding-left: 10px;
	padding-right: 10px;
}

.gridStyle {
	border: 1px solid rgb(212, 212, 212);
	width: 100%;
	height: 500px;
}

.bottom-info {
	top: 400px;
	display: flex; #
	position: absolute;
	width: 100%;
}

.footerRichText {
	border-width: 0;
	color: #999999;
	height: 20px;
	left: 0;
	text-align: center;
	top: 714px;
	padding-top: 100px;
	padding-bottom: 60px;
	width: 100%;
}

.version {
	font-size: 12px;
	color: #ccc;
	font-style: italic;
}

.signUpContainerCentered {
	background-color: rgba(0, 0, 0, 0);
	border-radius: 0 0 0 0;
	border-width: 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	height: 333px;
	left: 0;
	position: absolute;
	top: 12px;
	width: 1225px;
}

.appBigSlogan {
	border-width: 0;
	color: #191919;
	font-family: 'Droid Sans', sans-serif;
	font-size: 60px;
	height: 76px;
	left: 76px;
	padding-top: 89px;
}

.appSlogan {
	border-width: 0;
	color: #666666;
	font-family: 'Droid Sans', sans-serif;
	font-size: 20px;
	height: 65px;
	left: 76px;
	top: 280px;
	width: 500px;
}

.signUpForm {
	background-color: #FAFAFA;
	border-color: #E5E5E5;
	border-left-width: 0;
	border-radius: 0 0 0 0;
	border-right-width: 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	height: 360px;
	left: 0;
	position: absolute;
	right: -15px;
	top: 0;
}

.signUpContainerCentered {
	background-color: rgba(0, 0, 0, 0);
	border-radius: 0 0 0 0;
	border-width: 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	height: 333px;
	left: 0;
	position: absolute;
	top: 12px;
	width: 1225px;
}

.richTextHeader {
	border-width: 0;
	color: #333333;
	font-size: 28px;
	font-weight: bold;
	height: 38px;
	left: 50px;
	position: absolute;
	top: 21px;
	width: 361px;
}

.usersContainer {
	background-color: rgba(0, 0, 0, 0);
	border-radius: 0 0 0 0;
	border-width: 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	height: 280px;
	left: 95px;
	display: inline-block;
	float: left; #
	position: absolute;
	top: 50px;
	width: 33%;
}

.chartContainer {
	background-color: #FFFFFF;
	border-radius: 0 0 0 0;
	border-width: 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	height: 280px;
	width: 33%;
	margin-left: auto;
	display: inline-block;
	margin-right: auto;
}

.mobileContainer {
	border-radius: 0 0 0 0;
	border-width: 0;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2);
	height: 280px;
	left: 935px;
	display: inline-block;
	float: right; #
	position: absolute;
	top: 50px;
	width: 33%;
}

.userImage {
	background-image: url("../images/users.png");
	border-width: 0;
	height: 128px;
	top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 128px;
}

.chartImage {
	background-image: url("../images/chart_up.png");
	border-width: 0;
	height: 128px;
	margin-left: auto;
	margin-right: auto;
	top: 10px;
	width: 128px;
}

.mobileImage {
	background-image: url("../images/iphone.png");
	border-width: 0;
	height: 128px;
	margin-left: auto;
	margin-right: auto;
	top: 10px;
	width: 128px;
}

.containerText {
	border-width: 0;
	color: #191919;
	font-size: 20px;
	font-weight: normal;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	text-align: center;
	width: 300px;
}

.automateMessage {
	border-width: 0;
	font-size: 14px;
	height: 90px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	text-align: center;
	padding-top: 22px;
	width: 300px;
}

.loginBox {
	float: right;
	padding-right: 52px;
	padding-top: 14px;
	width: auto;
	display: none;
	display: block;
}

.loginBoxMobile {
	margin-top: 36px;
	padding-top: 14px;
	width: 220px;
	margin-left: auto;
	margin-right: auto; #
	display: none;
}

.logoutBox {
	float: right;
	display: none;
	padding-right: 60px;
	padding-top: 14px; #
	overflow: hidden;
}

.signup {
	padding-right: 50px;
	padding-bottom: 20px;
	padding-top: 30px; #
	position: absolute;
	float: right;
	right: 0;
	width: 235px;
}

.signup_mobile {
	padding-bottom: 20px;
	padding-top: 160px;
	margin-left: auto;
	margin-right: auto;
	right: 0;
	width: 220px;
}

.maincontainer {
	clear: both;
	overflow: auto;
	width: 100%;
	display: none;
}

.logincontainer {
	clear: both;
	display: none;
	overflow: auto;
	min-height: 250px;
}

.errorlogin {
	color: red;
	display: none;
	font-size: 11px;
}

.signuperror {
	color: red;
	display: none;
	font-size: 12px;
}

.maintable {
	border-collapse: separate;
	border-spacing: 5px;
	line-height: 2;
	margin-top: 10px;
}

.devicetable {
	border-collapse: separate;
	border-spacing: 5px;
	line-height: 1;
	margin-top: 10px;
	padding-right: 20px;
}

.updatePassError { #
	padding-left: 40px;
	color: red;
	display: none;
	font-size: 12px;
}

.forgotpassword {
	font-size: 11px;
}

.userdetail {
	font-size: 13px;
	margin-bottom: 20px;
}

.userdetail span {
	font-size: 12px;
	font-style: italic;
	word-break: break-all;
}

.userdetail td {
	height: 28px;
}

.userdetail tr {
	height: 5px;
}

.userdetail input {
	width: 160px;
}

.userdetail select {
	width: 162px;
}

#mainLoading {
	background: url(../images/spin.gif?id=1) no-repeat center center;
	height: 30px;
	width: 30px;
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	display: none;
}

#dvLoading {
	background: url(../images/spin.gif?id=1) no-repeat center center;
	height: 32px;
	width: 32px;
	position: fixed;
	z-index: 1000;
	left: 49%;
	top: 100px;
	margin: -25px 0 0 -25px;
	display: none;
}

#syncing {
	background: url(../images/spin.gif?id=1) no-repeat center center;
	height: 30px;
	width: 30px;
}

.dvGlassPanel {
	position: fixed;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	opacity: 0.95;
	z-index: 1000;
	background-color: black; #
	display: none;
}

#dvSearchingPhone {
	background-color: #006DCC;
	border-radius: 10px;
	border-style: solid;
	color: #FFFFFF;
	font-family: arial;
	font-weight: bold;
	height: 40px;
	width: 350px;
	left: 45%;
	margin: -20px 0 0 -90px;
	padding-left: 20px;
	padding-top: 20px;
	position: fixed;
	top: 40%;
	z-index: 1001;
}

#dvImportLoading {
	background-color: #006DCC;
	border-radius: 10px;
	border-style: solid;
	color: #FFFFFF;
	font-family: arial;
	font-weight: bold;
	height: 40px;
	width: 180px;
	left: 50%;
	margin: -20px 0 0 -90px;
	padding-left: 20px;
	padding-top: 20px;
	position: fixed;
	top: 40%;
	z-index: 1001; #
	display: none;
}

#dvPullFromAppLoading {
	background-color: #006DCC;
	border-radius: 10px;
	border-style: solid;
	color: #FFFFFF;
	font-family: arial;
	font-weight: bold;
	height: 40px;
	width: 180px;
	left: 50%;
	margin: -20px 0 0 -90px;
	padding-left: 20px;
	padding-top: 20px;
	position: fixed;
	top: 40%;
	z-index: 1001; #
	display: none;
}

#usersContainer {
	min-height: 200px;
}

#reportContainer {
	min-height: 140px;
}

.containerHeader { #
	color: #777;
	font-size: 20px;
	font-weight: bold;
	line-height: 33px;
	margin-bottom: 10px; #
	float: left;
	width: 100%;
	overflow: auto;
}

.templateButton {
	margin-top: 3px !important;
	margin-bottom: 10px;
	float: right;
	line-height: 1.6 !important;
	margin-left: 5px;
	width: 70px;
}

.topRightButton {
	margin-top: 5px !important;
	margin-bottom: 10px;
	float: right;
	margin-left: 5px;
}

.containerMain {
	display: none;
	padding: 0px;
	margin-left: auto;
	margin-right: auto; #
	width: 100% !important;
}

.groupCheckBox {
	
}

.phoneCell {
	width: 500px !important;
}

.contactsGridStyle {
	width: 100%;
	border: 1px solid rgb(212, 212, 212);
	height: 500px;
}

#contactGroupName {
	margin-bottom: 10px;
	margin-top: -10px;
	padding-left: 2px;
}

.sendSpan {
	float: left;
	margin-bottom: 10px;
	margin-top: 5px;
	padding-right: 10px;
	width: 100%;

}

.marginBottom10 {
	margin-bottom: 10px;
}

.textsendSpanFailover{
	float: left;
#	margin-bottom: 10px;
	margin-top: 5px;
#	width: 172px;
}


.textsendSpan {
	float: left;
#	margin-bottom: 10px;
	margin-top: 5px;
	padding-right: 10px;
	width: 172px;
}

.textsendSelect {
	margin-top: 4px;
	width: 500px !important;
}
.sendSelect1{
	height: 33px;
	width: 340px !important;

}

.sendSelect {

	width: 240px !important;

}

.btn-lg {
	padding: 4px 10px !important;
}

@media only screen and (max-device-width : 1024px) {
	.mobileLogOut {
		float: left;
		padding-left: 20px;
		padding-top: 33px;
	}
}

@media only screen and (max-device-width : 1024px) {
	.billingPlanMedia {
		float: left;
		width: 100% !important;
	}
}

.datetime {
	height: 15px !important;
	padding-right: 10px !important;
	text-align: right;
	width: 85px;
}

.typeReport {
	width: 80px !important;
	padding-left: 5px;
	padding-right: 10px;
}

.typeReportw {
	width: 170px !important;
	padding-left: 5px;
	padding-right: 10px;
}

.typeReport1 {
	width: 90px !important;
	padding-left: 5px;
	padding-right: 10px;
}

#searchError {
	color: red;
	padding-left: 20px;
}

.noDevices {
	color: red;
	padding-bottom: 10px;
	font-size: 10pt;
}

.padding12 {
	padding: 12px 15px !important;
}

.imgDelete {
	float: right;
}

.imgDelete:hover {
	cursor: pointer;
}

.chkStyle {
	float: left;
	margin-top: 4px !important;
	margin-left: 20px !important;
	margin-right: 5px !important;
}

.ui-resizable-s {
	bottom: 0;
}

.ui-resizable-e {
	right: 0;
}

.button-menu {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px !important;
}

.button-menu-btm {
	margin-left: 5px;
	margin-right: 5px;
}

.combo-caret {
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-top: 4px solid #000000;
	content: "";
	display: inline-block;
	height: 0;
	vertical-align: top;
	width: 0;
	margin-top: 8px;
}

#headerText {
	margin-left: 100px;
	display: none;
	min-width: 260px;
}

#mainSlogan {
	float: left;
	padding-left: 50px;
	display: none;
}

.headerText {
	float: left;
}

#signupFrame {
	display: none;
}

.res-half-left {
	min-width: 250px;
	max-width: 70%;
	/*float: left;*/
	display: block;
	padding-bottom: 20px;
	padding-right: 62px;
}

.res-23-left {
	min-width: 250px;
	width: 100%;
	/*float: left;*/
	display: block;
	padding-bottom: 20px;
	padding-right: 62px;
}

.res-half-his {
	min-width: 250px;
	margin-top: -40px;
	width: 47%;
	/*float: left;*/
	display: block;
	padding-bottom: 20px;
}

.top-left-status {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10232;
	padding: 2px;
	font-size: 8pt;
}

.device {
	float: right; #
	width: 100%;
}

.list-item-text {
	float: left;
	padding-top: 7px;
	padding-right: 5px;
}

.haft-window {
	background: none repeat scroll 0 0 #f5f5f5;
	border-radius: 5px;
	min-width: 250px;
	padding: 10px;
	border: 1px solid #ddd;
	box-shadow: 0 1px 0 #fff inset; #
	float: left;
}

.dialog-left {
	color: black;
	background-clip: padding-box;
	background-color: #1d262d; #
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 6px; #
	max-width: 50%;
	width: 67%; #
	min-width: 500px;
	outline: 0 none;
	top: 10%;
	float: left;
	margin-left: 2%;
	margin-top: -7px;
}

.dialog-left-big {
	color: black;
	background-clip: padding-box;
	background-color: #1d262d; #
	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 6px; #
	max-width: 50%;
	width: 98%; #
	min-width: 500px;
	outline: 0 none;
	top: 10%;
	float: left;
	margin-left: 2%;
	margin-top: -7px;
}


button.edit-close {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	cursor: pointer;
	padding: 0;
}

.edit-close {
	color: #000;
	float: right;
	font-size: 25px;
	font-weight: bold;
	line-height: 20px;
	margin-right: 4px;
	margin-top: 2px;
	opacity: 0.2;
	text-shadow: 0 1px 0 #fff;
}

.default-count-badge {
	background-color: #999;
	border-radius: 9px;
	color: #fff;
	display: inline-block;
	float: right;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	margin-right: 38px;
	margin-top: 8px;
	padding: 2px 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align: baseline;
	white-space: nowrap;
}

.total-count-badge {
	background-color: #999;
	border-radius: 9px;
	color: #fff;
	display: inline-block;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	margin-right: 2px;
	margin-top: 8px;
	padding: 2px 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align: baseline;
	white-space: nowrap;
}

.success-count-badge {
	background-color: #00AF0E;
	border-radius: 9px;
	color: #fff;
	display: inline-block;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	margin-left: 5px;
	margin-top: 8px;
	padding: 2px 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align: baseline;
	white-space: nowrap;
}

.delivered-count-badge {
	background-color: #0000ff;
	border-radius: 9px;
	color: #f1f5f7;
	display: inline-block;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	margin-left: 5px;
	margin-top: 8px;
	padding: 2px 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align: baseline;
	white-space: nowrap;
}


.fail-count-badge {
	background-color: #ff0000;
	border-radius: 9px;
	color: #f1f5f7;
	display: inline-block;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 8px;
	padding: 2px 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align: baseline;
	white-space: nowrap;
}

.count-badge {
	background-color: #999;
	border-radius: 9px;
	color: #fff;
	display: inline-block;
	float: right;
	font-size: 11.844px;
	font-weight: bold;
	line-height: 14px;
	margin-right: 20px;
	margin-top: 8px;
	padding: 2px 4px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	vertical-align: baseline;
	white-space: nowrap;
}

.list-group-item-thread-to {
	background-color: #fff;
	border: 1px solid #ddd;
	display: block;
	margin-bottom: 22px;
	padding: 6px 15px;
	position: relative;
	margin-left: 25px;
}

.list-group-item-thread-from {
	background-color: #fff;
	border: 1px solid #ddd;
	display: block;
	margin-bottom: 22px;
	padding: 6px 15px;
	position: relative;
	margin-right: 25px;
}

.date-label {
	width: 100%;
	font-style: italic;
	font-size: 10px;
}

#dvLoadingRefresh {
	background: url(../images/spin.gif?id=1) no-repeat center center;
	height: 30px;
	width: 30px;
	position: relative;
	z-index: 1000;
	left: 50%; #
	display: none;
}

.mysettingstable {
	border-collapse: separate;
	border-spacing: 5px;
	line-height: 1;
	margin-left: 5px;
}

.my-bootbox-width {
	width: 300px !important;
}

.my-new-bootbox-width {
	width: 100% !important;
	margin: 0 auto;
}

img.cursor-hover:hover {
	cursor: pointer;
}

.my-modal-big {
	width: 400px !important;
}

.progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #337ab7;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
	-webkit-transition: width .6s ease;
	-o-transition: width .6s ease;
	transition: width .6s ease;
}

.col-edit {
	width: 316px;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

#noty-holder {
	width: 100%;
	top: 0;
	font-weight: bold;
	z-index: 1031; /* Max Z-Index in Fixed Nav Menu is 1030*/
	text-align: center;
	position: fixed;
}

.mytag {
	margin-right: 2px;
	color: white;
	background-color: #5bc0de;
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	margin-left: 5px;
}

.tag {
	display: inline-block;
	padding: 4px 4px;
	font-size: 12.5px;
	font-weight: bold;
	line-height: 14px;
	color: #ffffff;
	vertical-align: baseline;
	white-space: nowrap;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #000000;
	padding-left: 11px;
	padding-right: 11px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	margin-bottom: 5px;
	margin-right: 5px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.tagClick {
	background-color: #999999;
}

.myContacttag {
	margin-right: 2px;
	margin-bottom: 2px;
	color: white;
	background-color: #5bc0de;
	display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	display: inline-block;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	margin-left: 5px;
}

.close_mms {
	height: 0px;
	float: right;
	font-size: 30px; #
	font-weight: bold;
	line-height: 20px;
	color: #f00;
	text-shadow: 0 1px 0 #fff;
	opacity: 0.7;
	filter: alpha(opacity = 20);
	padding-right: 5px;
	background-color: #000;
}

.close_mms:hover {
	text-decoration: none;
}

.pull-right-margin {
	margin-right: 10px;
	float: right!important;
}

.modal.large {
	width: 80%; /* respsonsive width */
	margin-left: -40%; /* width/2) */
}

.modal-dialog.small {
	width: 425px; /* respsonsive width */ #
	margin-left: -40%; /* width/2) */
}

.modal-dialog.xsmall {
	width: 275px; /* respsonsive width */ #
	margin-left: -40%; /* width/2) */
}

.modal-dialog.xxsmall {
	width: 205px; /* respsonsive width */ #
	margin-left: -40%; /* width/2) */
}

.modal-dialog.xlarge {
	width: 80%; /* respsonsive width */ #
	margin-left: -40%; /* width/2) */
}

.modal-dialog.xxlarge {
	width: 95%; /* respsonsive width */
}

.modal-dialog.large {
	width: 62%; /* respsonsive width */ #
	margin-left: -40%; /* width/2) */
}

th, td {
	padding: 3px !important;
}

.grid {
	width: 100%;
	height: 500px;
	color: black;
}

a.list-group-item .blue-list-group-item-heading {
	color: #08c;
	margin-top: 0;
	margin-bottom: 5px;
}

.biling-text-wd {
	width: 80px;
}

.payment-info {
	color: #606266;
	font-size: 14px;
	margin-bottom: 20px;
	background: #F6F7F8;
	padding: 15px 23px;
	word-wrap: break-word;
	border-top: 3px dashed #dadde0;
	border-bottom: 3px dashed #dadde0;
	box-sizing: border-box;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

#customBtn {
	display: inline-block;
	background: white;
	color: #444;
	width: 134px;
	border-radius: 5px;
	border: thin solid #888;
	box-shadow: 1px 1px 1px grey;
	white-space: nowrap;
}

#customBtn:hover {
	cursor: pointer;
}

span.label {
	font-family: serif;
	font-weight: normal;
}

span.icon {
	background:
		url('https://developers.google.com/identity/sign-in/g-normal.png')
		transparent 5px 50% no-repeat;
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 42px;
}

span.buttonText {
	display: inline-block;
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
	font-size: 14px;
	font-weight: bold;
	/* Use the Roboto font that is loaded in the <head> */
	font-family: 'Roboto', sans-serif;
}

.tab-header {
	margin-top: -5px;
}
.marginR5px1{
	margin-right: 3px;
    padding-right: 4px!important;
    padding-left: 4px!important;
}

.marginR5px {
	margin-right: 3px;
    padding-right: 7px!important;
    padding-left: 7px!important;
}

@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono);

div#remote-media {
	height: 43%;
	width: 100%;
	background-color: #fff;
	text-align: center;
	margin: auto
}

div#remote-media video {
	border: 1px solid #272726;
	margin: 3em 2em;
	height: 70%;
	max-width: 27% !important;
	background-color: #272726;
	background-repeat: no-repeat
}

div#controls {
	padding: 3em;
	max-width: 1200px;
	margin: 0 auto
}

div#controls div {
	float: left
}

div#controls div#invite-controls, div#controls div#preview, div#controls div#token
	{
	width: 16em;
	margin: 0 1.5em;
	text-align: center
}

div#controls p.instructions {
	text-align: left;
	margin-bottom: 1em;
	font-family: Helvetica-LightOblique, Helvetica, sans-serif;
	font-style: oblique;
	font-size: 1.25em;
	color: #777776
}

div#controls button {
	width: 15em;
	height: 2.5em;
	margin-top: 1.75em;
	border-radius: 1em;
	font-family: "Helvetica Light", Helvetica, sans-serif;
	font-size: .8em;
	font-weight: lighter;
	outline: 0
}

div#controls div#invite-controls input, div#controls div#token textarea
	{
	font-family: Helvetica-LightOblique, Helvetica, sans-serif;
	font-style: oblique;
	font-size: 1em
}

div#controls button:active {
	position: relative;
	top: 1px
}

div#controls div#preview div#local-media {
	width: 270px;
	height: 202px;
	border: 1px solid #cececc;
	box-sizing: border-box;
	background-image:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjgwcHgiIGhlaWdodD0iODBweCIgdmlld0JveD0iMCAwIDgwIDgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjEgKDEyMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5GaWxsIDUxICsgRmlsbCA1MjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSJjdW1tYWNrIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU5LjAwMDAwMCwgLTE3NDYuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+CiAgICAgICAgICAgIDxnIGlkPSJGaWxsLTUxLSstRmlsbC01MiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU5LjAwMDAwMCwgMTc0Ni4wMDAwMDApIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zOS42ODYsMC43MyBDMTcuODUsMC43MyAwLjA4NSwxOC41IDAuMDg1LDQwLjMzIEMwLjA4NSw2Mi4xNyAxNy44NSw3OS45MyAzOS42ODYsNzkuOTMgQzYxLjUyMiw3OS45MyA3OS4yODcsNjIuMTcgNzkuMjg3LDQwLjMzIEM3OS4yODcsMTguNSA2MS41MjIsMC43MyAzOS42ODYsMC43MyBMMzkuNjg2LDAuNzMgWiBNMzkuNjg2LDEuNzMgQzYxLjAwNSwxLjczIDc4LjI4NywxOS4wMiA3OC4yODcsNDAuMzMgQzc4LjI4Nyw2MS42NSA2MS4wMDUsNzguOTMgMzkuNjg2LDc4LjkzIEMxOC4zNjcsNzguOTMgMS4wODUsNjEuNjUgMS4wODUsNDAuMzMgQzEuMDg1LDE5LjAyIDE4LjM2NywxLjczIDM5LjY4NiwxLjczIEwzOS42ODYsMS43MyBaIiBpZD0iRmlsbC01MSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ3Ljk2LDUzLjMzNSBMNDcuOTYsNTIuODM1IEwyMC4wOTMsNTIuODM1IEwyMC4wOTMsMjcuODI1IEw0Ny40NiwyNy44MjUgTDQ3LjQ2LDM4LjI1NSBMNTkuMjc5LDMwLjgwNSBMNTkuMjc5LDQ5Ljg1NSBMNDcuNDYsNDIuNDA1IEw0Ny40Niw1My4zMzUgTDQ3Ljk2LDUzLjMzNSBMNDcuOTYsNTIuODM1IEw0Ny45Niw1My4zMzUgTDQ4LjQ2LDUzLjMzNSBMNDguNDYsNDQuMjE1IEw2MC4yNzksNTEuNjY1IEw2MC4yNzksMjguOTk1IEw0OC40NiwzNi40NDUgTDQ4LjQ2LDI2LjgyNSBMMTkuMDkzLDI2LjgyNSBMMTkuMDkzLDUzLjgzNSBMNDguNDYsNTMuODM1IEw0OC40Niw1My4zMzUgTDQ3Ljk2LDUzLjMzNSIgaWQ9IkZpbGwtNTIiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto
}

div#controls div#preview div#local-media video {
	max-width: 100%;
	max-height: 100%;
	border: none
}

div#controls div#preview button#button-preview {
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE3cHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDE3IDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjEgKDEyMDAyKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5GaWxsIDM0PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9ImN1bW1hY2siIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMjUuMDAwMDAwLCAtMTkwOS4wMDAwMDApIiBmaWxsPSIjMEEwQjA5Ij4KICAgICAgICAgICAgPHBhdGggZD0iTTEzNi40NzEsMTkxOS44NyBMMTM2LjQ3MSwxOTE5LjYyIEwxMjUuNzY3LDE5MTkuNjIgTDEyNS43NjcsMTkxMC4wOCBMMTM2LjIyMSwxOTEwLjA4IEwxMzYuMjIxLDE5MTQuMTUgTDE0MC43ODUsMTkxMS4yNyBMMTQwLjc4NSwxOTE4LjQyIEwxMzYuMjIxLDE5MTUuNTUgTDEzNi4yMjEsMTkxOS44NyBMMTM2LjQ3MSwxOTE5Ljg3IEwxMzYuNDcxLDE5MTkuNjIgTDEzNi40NzEsMTkxOS44NyBMMTM2LjcyMSwxOTE5Ljg3IEwxMzYuNzIxLDE5MTYuNDUgTDE0MS4yODUsMTkxOS4zMyBMMTQxLjI4NSwxOTEwLjM3IEwxMzYuNzIxLDE5MTMuMjQgTDEzNi43MjEsMTkwOS41OCBMMTI1LjI2NywxOTA5LjU4IEwxMjUuMjY3LDE5MjAuMTIgTDEzNi43MjEsMTkyMC4xMiBMMTM2LjcyMSwxOTE5Ljg3IEwxMzYuNDcxLDE5MTkuODciIGlkPSJGaWxsLTM0IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
		1em center no-repeat #fff;
	border: none;
	padding-left: 1.5em
}

div#controls div#log, div#controls div#token button, div#controls div#token textarea
	{
	border: 1px solid #686865
}

div#controls div#token textarea {
	width: 256px;
	height: 204px;
	background: 0 0;
	overflow: hidden;
	resize: none;
	padding: 1.25em;
	color: #fff
}

div#controls div#token textarea::-webkit-input-placeholder {
	color: #fff
}

div#controls div#token textarea:-moz-placeholder {
	color: #fff;
	opacity: 1
}

div#controls div#token textarea::-moz-placeholder {
	color: #fff;
	opacity: 1
}

div#controls div#token textarea:-ms-input-placeholder {
	color: #fff
}

div#controls div#token button#button-listen {
	color: #fff;
	background: 0 0
}

div#controls div#invite-controls {
	display: none
}

div#controls div#invite-controls input {
	width: 100%;
	height: 2.5em;
	padding: .5em;
	display: block
}

div#controls div#invite-controls button {
	color: #fff;
	background: 0 0;
	border: 1px solid #686865
}

div#controls div#log {
	width: 35%;
	height: 9.5em;
	margin-top: 2.75em;
	text-align: left;
	padding: 1.5em;
	float: right
}

div#controls div#log p {
	color: #686865;
	font-family: 'Share Tech Mono', 'Courier New', Courier, fixed-width;
	font-size: 1.25em;
	line-height: 2em;
	margin-left: 1em;
	text-indent: -1.25em;
	width: 90%
}

#user-media {
	margin-bottom: 7px;
}

#dial pad

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
	blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
	em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
	b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
	details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
	output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline
}

html {
	line-height: 1
}

ol, ul {
	list-style: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle
}

q, blockquote {
	quotes: none
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none
}

a img {
	border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup,
	main, menu, nav, section, summary {
	display: block
}

html, button, input, select, textarea {
	color: #222
}

html {
	font: 100% "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	line-height: 1.4
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none
}

::selection {
	background: #b3d4fc;
	text-shadow: none
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0
}

audio, canvas, img, video {
	vertical-align: middle
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}

.browsehappy {
	margin: 0px 0px 10px 0px;
	padding: 0.5em 0em;
	background: #aac739;
	color: #4f4f4f;
	text-align: center
}

body {
	background: #fff;
	color: #000
}

.dialpad .number {
	    width: 300px;
    position: relative;
    z-index: 2;
    padding: 15px 20px;
    color: #4d4d4d;
    font-weight: 300;
    font-size: 20px;
    background: #e8eaec;
    height: 38px;
}

.dialpad .dials {
	margin: -1px 0 0 -1px;
	background: #1d1918;
	cursor: pointer
}

.dialpad .dials:before, .dialpad .dials:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden
}

.dialpad .dials:after {
	clear: both
}

.dialpad .dials .digits {
	float: left;
	width: 33.33%
}

.dialpad .dials .digits p {
	font-weight: 600;
	padding: 15px 25px;
	border-top: 1px solid #4d4d4d;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #4d4d4d
}

.dialpad .dials .digits p strong {
	font-size: 20px;
	margin-right: 8px;
	color: #fff
}

.dialpad .dials .digits:active {
	background: #00caf2;
	border-top-color: #b2f2ff
}

.compact .dials .digits p {
#	text-align: center;
	margin: 0px !important;
#	padding: 25px 15px
}

.compact .dials .digits p strong {
	font-size: 20px
}

.compact .dials .digits p sup {
	text-transform: uppercase;
	color: #c1c1c1
}

.compact .dials .pad-action {
	background: #093
}

.compact .dials .pad-action:active {
	background: #0c3
}

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
	*text-indent: -9999px
}

.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%
}

.hidden {
	display: none !important;
	visibility: hidden
}

.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto
}

.invisible {
	visibility: hidden
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.clearfix {
	*zoom: 1
}

.liHover:hover {background: #ccc;}

.button-down {
	background-color: gray!important;
	color: white!important;
}

.dropdown-menu.bottom-up::before {
	border-bottom: 0px!important;
}
.dropdown-menu.bottom-up {
	margin-bottom: 7px!important;
}
.dropdown-menu.bottom-up::after {
    border-bottom: 0px solid transparent !important;
    border-top: 7px solid white;
    top: auto !important;
    bottom: -7px!important;
}

.btn-primary-red {
    color: #fff!important;
    background-color: #ff0000!important;
    border-color: #cc0000!important;
}

.nav-tabs>li>a {
  background-color: transparent!important;
  color:#ccc!important;
  border: 0px!important;
}

/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
  color: #fff!important;
  background-color: transparent!important;
  border: 0px!important;
}

/* hover tab color */
.nav-tabs>li>a:hover {
  border: 0px!important;
  border-color: #000000!important;
  background-color: transparent!important;
}

.subdetails {
	line-height: 2;
	 color: #eee;
}
.abovedetails {
	line-height: 2;
	 font-size: 9pt;
} 

.tr_bottom {
	border-bottom: 1pt solid #888;
}

.viewPhoneCRM:hover {
	cursor: pointer;
	color: blue;
}


/* .viewPhoneCRM:before {
    content: 'Click to view contact details';
    position: absolute;
    opacity: 0;
    
    transition: all 0.15s ease;
    padding: 10px;
    color: #333;
    border-radius: 10px;
    box-shadow: 2px 2px 1px silver;    
}

.viewPhoneCRM:hover:before {
    opacity: 1;
    
    background: yellow;
    margin-top: -50px;
    margin-left: 20px;    
}

.viewPhoneCRM:not([tooltip-persistent]):before {
    pointer-events: none;
} */


.tabcolor {
	background: #91515F;
}
.select2-close-mask{
    z-index: 20099!important;
}
.select2-dropdown{
    z-index: 30051!important;
}

.select2-search__field {
	color: #999!important;
}

.condStyle {
	width: 35px;
	margin-left: 8px;
}
.condStyleContactField {
	width: 90px;
	margin-left: 8px;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: darkgrey;
  opacity: 1; /* Firefox */
}
.ui-grid-pager-row-count-label .ng-binding {
	color: red;
}
.ui-grid-pager-container {
	color: lightgrey;
}
.ui-grid-pager-count {
	color: lightgrey;
}

.line-pre {
	white-space: pre-line;	
}
.email-line-pre {
	font-size: 8pt;
	white-space: pre-line;
}
.input-append .add-on, .input-prepend .add-on {
    background-color: #eee;
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    min-width: 16px;
    padding: 6px 9px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: auto;
    border-radius: 0 4px 4px 0;
    margin-left: -5px;
}

.input-append, .input-prepend{
    display: inline-block;
}

.icon-time,.icon-chevron-down, .icon-chevron-up{
    font-family: "Glyphicons Halflings";
    line-height: 1 !important;
    font-style: normal !important;
    font-size: 14px !important;
    display: inline !important;
}

.stats-col{
	
	border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: table-cell;
	width: 190px;
	float: left;
	text-align: center;
}
.stats-col-email {
	
	border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    display: table-cell;
	width: 300px;
	float: left;
	text-align: center;
}

.stats-row {
	display: table-row;
}

.stats-table{
    display: table;
     min-width: 60%;
    border: 2px solid #333;
}

.largeWidth {
	overflow-y: scroll;
    height: 450px;
}
.marquee {
  overflow: hidden;
  margin-right: 250px;
  padding-right: 250px;
}