body {
	display: flex;
	justify-content: center;
	background: #7E8D86;
	font-family: 'Roboto Slab', serif;
	line-height: 1.4;
	background-image: url('images/bg.jpg');
	background-repeat: round;
	background-attachment: fixed;
	font-family: 'Poppins';
}
.p-0{padding:0px;}
/*.nav>li>a{font-size: 16.5px!important; color: rgb(255, 255, 255)!important; background-color: rgb(102, 102, 102)!important; border-radius: 5px!important; text-align:center!important;}
.nav>li>a:hover{background-color:#2f242c!important;}*/
#app {
	margin-top: 5px;
	/*width: 800px;*/
	padding: 30px;/*0px 40px 20px 40px*/
	background-color: rgba(0,0,0,0.25); /*#2F242C;*/
	border-radius: 5px;
	color: #B3BFB8;
	margin-left: auto;
	margin-right: auto;
}
#app .table, #app h4{font-size:25px;}
#app h4{color: #fff;}

#login{
  background: #f8f8f8 none repeat scroll 0 0;
  border-radius: 5px;
  color: black;
  margin-top: 20px;
  padding: 0 40px 40px;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.logo-name img{ width: 100%; }

h1,h2,h3 {
	color:#fff;
	padding-top:15px;
	padding-top:15px;
}
.lighten {
	color: white;
}
table{
	border-spacing: 0 10px !important;
	border:2px solid gray;
	table-layout: fixed;
	background-color: transparent !important;
	color: #fff !important;
}
.table > thead > tr:nth-child(n) {
	background-color: white!important;
	color: black !important;
}
.table > tbody > tr:nth-child(2n+1) {
	background-color: #f2f2f2 !important;
	color: #000 !important;
}
.table > tbody > tr:nth-child(2n+2) {
	background-color: #0054a6 !important;
	color: white!important;
}
table th, td {
	/* border-right: 2px solid gray; */
	border: 2px solid gray !important;
	border-radius: 0 !important;
}
table td:last-child {
  border-right: none;
}
.table{margin-bottom: 0px !important;}
.load {
	background-color:rgba(0, 0, 0, 0.10);
	/* background: rgba(0,0,0,0.5); #2f242c */
	border-radius: 5px;
	color: #333;
	/*margin-top: 20px;*/
	margin-left: auto;
	margin-right: auto;
	opacity: 0.95;
}

.dataTables_length {
	display: block; /*none*/
}
.dataTables_info {
	margin-left: 10px;
	margin-top: -10px;
	font-size: 17px;  
}
.dataTables_paginate .pagination {
	margin-top: -15px;
	margin-bottom: 0;
	margin-right: 5px;  
}
a.paginate_button {
	color: whitesmoke !important;/*#666666 !important;*/
	margin-left: 0 !important;  
}
.paginate_button > a:hover {
	background-color: #F2F2F2 !important;
	z-index: 0 !important;
}
a.paginate_button.active {
	background-color: #2f242c !important;
	border: medium none #b3bfb8 !important;
	color: #fff !important;
	z-index: 0 !important;
}
a.paginate_button.active :hover {
	background-color: #2f242c !important;
}
.dataTables_paginate.paging_simple_numbers {
	float: right;
}
.dataTables_paginate.paginate_button > a {
	margin-left: 1px;
}
.dataTables_length, .dataTables_info, .dataTables_paginate, .dataTables_paginate .paginate_button{color: whitesmoke !important;}
.dataTables_length select{color:black !important;}

#editpopup input{
	margin-bottom: 5px;
}
.form-group button{
	/*background-color:#666666;*/ border: none; height: 35px; width: 100%;
}
/*.dt-buttons button, .jconfirm-buttons button{
	background-color: inherit; border: inherit; height: auto !important; width: auto !important;
}*/
table.dataTable tbody tr {
    background-color: transparent !important;
}
#editpopup input, #editpopup textarea{
	margin-bottom: 5px;
}
th ,td{
	word-wrap: break-word;
	text-align: left;
}
.table_div{
	overflow-y:auto; overflow-x: hidden; margin: 15px; margin-top: 0px; border: 2px solid; 
}
.table_div table{border: none !important;}
h3{
	margin: 0px; padding: 0px;
}
/*.nav > li > a{
	padding: 5px!important;
}*/
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.total{
	text-align:right; font-size:18px; color:#fff; padding-right:0px;
}
#total_client_leads .val{
	border: 2px solid #fff; border-radius: 5px; padding: 3px; cursor: pointer; background-color:#286090; color:#fff;
}
.table .fa{
	font-size: 40px;
}
/*.nav > li{
	margin-bottom: 10px;
	min-height: 25px;
}*/
.navbar-left > li{
	border-right: 1px black solid;
}
.nav .active{
	border-bottom: 3px #0054a6 solid;
}
.modal-title{
	text-align: center;
}
/* calendar */
table.calendar{ border-left:1px solid #999; }
/*tr.calendar-row	{  }*/
td.calendar-day, p.calendar-day{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover, div.calendar-day:hover{ background:#999; color:#333;}
td.calendar-day-np, div.calendar-day-np{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head, div.calendar-day-head{ background:#ccc; color:#333; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number{ background:#999; color:#fff; padding:5px; font-weight:bold; font-size: large; float:right; margin:-5px -5px 0 0; width:30px; text-align:center; }
p.day-lead-count{ background:#00FF33; color:#333; padding:5px; font-weight:bold; font-size: large; float:left; margin:-5px -5px 0 0; min-width:30px; width:auto; text-align:center !important; }
p.day-lead-count-not-billed { background:#FF0000; color:#fff; padding:5px; font-weight:bold; font-size: large; float:left; margin:-5px -5px 0 0; margin-left: 10px; min-width:30px; width:auto; text-align:center !important; }
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
.calendar-row td div, .calendar-row td p{border: 2px solid gray !important; border-radius: 5px; min-width: 40px; padding:2px !important;}

.jconfirm-bg { opacity: 0.8 !important; }
.jconfirm-box { border: 2px solid #333; border-radius: 10px !important; width: 320px !important;}
.jconfirm-content { margin-bottom: 10px !important; }
.jconfirm-content hr { margin-top: 0px; border: 1px solid #333; margin-bottom: 10px; }
.jconfirm-buttons .btn { border: 1px solid #333 !important; }

.dataTables_filter label{color: #fff;}
.dataTables_filter input{border-radius: 5px; border: 2px solid gray; color: #333;}

#client_weekly_leads table{border-collapse: separate;}
#client_weekly_leads tr, #client_weekly_leads td{border: none; border-radius:10px;}
.selectAll{border: 1px solid #337ab7 !important;}
.selectAll:focus{background-color: whitesmoke; color:black; border: 2px solid #337ab7 !important;}
.d-none img{margin-top:-8px!important; height: 50px;}

.my-circle-heading{
	color:#0054a6; font-weight: bold;
}
.my-circle{
	width: 250px;
	background-color: #0054a6/*#000c;*/
}
.my-circle > circle {
  stroke-width: 2;
  stroke-opacity: 1;
  fill: none;/*transparent*/
}
.my-circle > text{
	-moz-transform: translateY(0.35em);
	-ms-transform: translateY(0.35em);
	-webkit-transform: translateY(0.35em);
	transform: translateY(4.35em);
	font-size: 1.8px;
	line-height: 1;
}
#myBarChart{
	background-color: #0054a6;
}
/* .circle_shadow {
  background: #3b71ad none repeat scroll 0 0;
  border: 2px solid #3b71ad;
  border-radius: 20px;
  font-size: 22px;
  padding: 3px;
  width: 31px;
}
.circle_icon {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 1px;

}
.circle_icon:hover {
  background-color: #a5c3dd !important;
  border: 2px solid #a5c3dd !important;
  width: 50px;
} */
.col-yellow{
	background-color:#CCCC00;
}
.heading{
	color:#0054a6; /*#000000;*/
	margin-top: 5px;
	margin-bottom: 0px;
}
h2 i, h2 u{
	color:#0054a6; /*yellow;*/
}
.box{
	width:30px;
	height:30px;
	border:1px solid #000;
	background-color: #0F0;
}
.box1{
	width:30px;
	height:30px;
	border:1px solid #000;
	background-color: #FF0000;
}
.box2{
	width:30px;
	height:30px;
	border:1px solid #000;
	background-color: #FFFFFF;
}
.box-circle{
	/*float:right;*/
	margin-top: 47px;
}
.box-circle h4{
	color:black;
	float:left;
	margin-left: 35px;
}
.box-btn{
	margin-top: 263px;
	padding: 15px;	
}
.box-btn h4{
	color:black;
	margin-left: 162px;
	color: white;
}
 .tracking{
	background-color: #0054a6; color:white;
}
.switch-candy	{
	width: 42%;
	margin-left: -35px;
	margin-top: 20px;
}
.sorting_disabled{
	color:black;
}
#viewClientLeadsDateWise{
	background-color: white;
}
.container{
	width: 100% !important;
}
.leads_calendar table > tbody > tr:nth-child(2n+2){
	background-color: rgb(124, 120, 120)!important;
}
.heading-text{
	color: #0054a6;
	margin-bottom:20px; 
	background-color:#f8f8f8;
	padding-bottom: 15px;
	font-weight: bold;
	font-size: 35px;
	border-radius: 4px;
}
.headings{
	color:#0054a6; /*black;*/
}
/*checkbox css start*/
input[type="checkbox"]{
	cursor: pointer;
	width: 25px;
	float: left;
	margin-top: 0px;
}
.is_checkbox{
	display: flex;
	cursor: pointer;
	width: calc(100% - 25px);
	float: left;
	margin-top: -3px;
}
.is_checkbox span{
	margin-top: 8px;
	color: black;
}
/*checkbox css end*/
.table_div h3{
	color: #0054a6; /*black;*/
	padding: 10px;
	padding-left: 0px;
	padding-right: 0px;
}
/* .dataTables_length label, .dataTables_filter label, .dataTables_info, .paginate_button{
	color: black;
} */
.container1 label{
	margin-top: 5px !important;
	margin-bottom: 0px !important;
}
.pagination {
	display: inline-block;
	list-style: none;
	margin: 5px 0px;
}
.pagination a {
	color: #0054a6 !important; /*black;*/
	float: left;
	padding: 8px 16px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #ddd;
}
.pagination li.active span {
	background-color: #0054a6 !important;
	color: white;
	border: 1px solid #0054a6 !important;
}
.pagination li>a:hover:not(.active) {background-color: #ddd;}
.datetime{ color: #0054a6; margin-bottom: 15px; }
#pages_list{
	height: 300px;
	overflow-y: auto;
}
.uglist {
	list-style: outside none none;
	padding-left: 10px;
	text-align: left;
}
.pglist label{
	width: 100%;
}
.modal-title{ color: #0054a6; }
.client_portals_popup{ height: 480px; overflow:auto; clear: both; }
.border-left{ border-left: 1px solid gray; }
.border-bottom{ border-bottom: 1px solid gray; }

#portal_fields_list{ margin-left: auto; margin-right: auto; }

.fa:hover{ transform: scale(1.15); }

.pagination-body-left{
	margin-top:5px; text-align:left; color: initial;
}

.pagination-body-right{
	text-align: right;
}

textarea:focus:after { content: attr(title); }

.callouts span {
	display: inline-block;
	/* Real styles */
	position: absolute;
	width: 90%;
	height: 40px;
	padding: 10px;
	color: #fff;
	background-color: black;
	border: 1px solid #c1c1c1;
	border-radius: 10px;
	box-shadow: 0 0 10px #c1c1c1;
	z-index: 1000;
}
  
/* TOP */
.callouts--top:before {
	  content: "";
	  position: absolute;
	  width: 0;
	  height: 0;
	  left: 23px;
	  top: -42px;
	border: 10px solid transparent;
	border-bottom: 32px solid rgb(193,193,193); /* IE8 Fallback */
	border-bottom: 32px solid rgba(193,193,193,0.5);
	z-index: 2;
}
.callouts--top:after {
	content: "";
	  position: absolute;
	  width: 0;
	  height: 0;
	  left: 25px;
	  top: -32px;
	border: 8px solid transparent;
	border-bottom: 25px solid #fff;
	z-index: 3;
}
  
/* BOTTOM */
.callouts--bottom:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 15px;
	bottom: -17px;
	border: 10px solid transparent;
	border-top: 12px solid black; /*rgb(193,193,193); /* IE8 Fallback */
	border-top: 12px solid black; /*rgba(193,193,193,0.5);*/
	z-index: 2;
}
.callouts--bottom:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: 17px;
	bottom: -11px;
	border: 8px solid transparent;
	border-top: 4px solid black;
	z-index: 3;
}
  
/* LEFT */
.callouts--left:before {
	  content: "";
	  position: absolute;
	  width: 0;
	  height: 0;
	  left: -42px;
	  top: 17px;
	border: 10px solid transparent;
	border-right: 32px solid rgb(193,193,193); /* IE8 Fallback */
	border-right: 32px solid rgba(193,193,193,0.5);
	z-index: 2;
}
.callouts--left:after {
	content: "";
	  position: absolute;
	  width: 0;
	  height: 0;
	  left: -31px;
	  top: 20px;
	border: 8px solid transparent;
	border-right: 24px solid #fff;
	z-index: 3;
}
  
/* RIGHT */
.callouts--right:before {
	  content: "";
	  position: absolute;
	  width: 0;
	  height: 0;
	  right: -42px;
	  top: 17px;
	border: 10px solid transparent;
	border-left: 32px solid rgb(193,193,193); /* IE8 Fallback */
	border-left: 32px solid rgba(193,193,193,0.5);
	z-index: 2;
}
.callouts--right:after {
	content: "";
	  position: absolute;
	  width: 0;
	  height: 0;
	  right: -31px;
	  top: 20px;
	border: 8px solid transparent;
	border-left: 24px solid #fff;
	z-index: 3;
}

.callout {
	position: absolute;
	display: inline-block;
	padding: .5em .5em;
	background-color: black;
	color: #fff;
	border: 1px solid black;
	border-radius:5px;
	z-index:1000;
}
/*
Max width before this PARTICULAR table gets nasty. This query will take effect for any screen smaller than 760px and also iPads specifically.
*/
/*@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {*/
@media only screen and (max-width: 768px), (max-device-width: 1024px){
	/* Force table to not be like tables anymore */
	.table_div table, .table_div thead, .table_div tbody, .table_div th, .table_div td, .table_div tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.table_div thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	tr {
		margin:0px; /*0 0 1rem 0;*/
	}
	
	tr:nth-child(odd) {
		background: #0054a6 !important; color: #fff !important;
	}
	/*tr:nth-child(even) {
		background: #f2f2f2 !important;
	}*/
	.my-row
		{
			border-collapse: separate;
			border-spacing: 15px;
		}
	.table_div div.my-row:nth-child(odd), div.my-row:nth-child(odd) .calendar-day-np {
		background: #0054a6 !important; color: #fff !important;
	}

	.table_div div.my-row:nth-child(even), div.my-row:nth-child(even) .calendar-day-np  {
		background: #f2f2f2 !important; color: #333 !important;
	}
	
	.table_div div.my-row p, .table_div div.my-row .my-col{
		border: none; text-align: left; margin: 0px; padding: 5px;
	}
	.table_div div.my-row:nth-child(odd) .my-col, .table_div div.my-row:nth-child(odd) p{
		border-bottom: 1px solid #fff !important;
	}
	.table_div div.my-row:nth-child(even) .my-col, .table_div div.my-row:nth-child(even) p{
		border-bottom: 1px solid #333 !important;
	}
	
	.table_div td {
		/* Behave  like a "row" */
		border: none !important;
		border-bottom: 1px solid #eee !important;
		position: relative !important;
		padding: 2px !important;
		padding-left: 47% !important;
		min-height: 34px;
		/*font-size: 40px !important;*/
		font-size: inherit !important;
		width: 53% !important; /*55%*/
	}
	
	/*#client_weekly_leads td{padding-left: 55% !important;}*/

	#search_data td, #client_weekly_leads td, #client_leads_calendar td, #portal_entry td, #leads_breakdown td, #event_leads td{ width: 100% !important; }
	
	.table_div td:before {
		/* Now like a table header */
		position: absolute !important;
		/* Top/left values mimic padding */
		top: 0 !important;
		left: 2px !important;
		width: 47% !important;
		padding: 2px !important;
		padding-right: 10px !important;
		white-space: nowrap !important;
	}

	tr:nth-child(odd) td{
		border-bottom: 1px solid #333 !important;
	}
	/*
	Label the data
	You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
	*/
	#search_data td:nth-of-type(1):before, #search_data p:nth-of-type(1):before { content: "Contact Name: "; }
	#search_data td:nth-of-type(2):before, #search_data p:nth-of-type(2):before { content: "First Name: "; }
	#search_data td:nth-of-type(3):before, #search_data p:nth-of-type(3):before { content: "Last Name: "; }
	#search_data td:nth-of-type(4):before, #search_data p:nth-of-type(4):before { content: "Phone: "; }
	#search_data td:nth-of-type(5):before, #search_data p:nth-of-type(5):before { content: "Email: "; }
	#search_data td:nth-of-type(6):before, #search_data p:nth-of-type(6):before { content: "Street: "; }
	#search_data td:nth-of-type(7):before, #search_data p:nth-of-type(7):before { content: "City: "; }
	#search_data td:nth-of-type(8):before, #search_data p:nth-of-type(8):before { content: "State: "; }
	#search_data td:nth-of-type(9):before, #search_data p:nth-of-type(9):before { content: "Postal Code: "; }
	#search_data td:nth-of-type(10):before, #search_data p:nth-of-type(10):before { content: "Company Name: "; }
	#search_data td:nth-of-type(11):before, #search_data p:nth-of-type(11):before { content: "Receiving Tags: "; }
	#search_data td:nth-of-type(12):before, #search_data p:nth-of-type(12):before { content: "Billed: "; }
	#search_data td:nth-of-type(13):before { content: "Actions: "; }

	#portal_entry td:nth-of-type(1):before, #portal_entry p:nth-of-type(1):before { content: "ID: "; }
	#portal_entry td:nth-of-type(2):before, #portal_entry p:nth-of-type(2):before { content: "User Name: "; }
	#portal_entry td:nth-of-type(3):before, #portal_entry p:nth-of-type(3):before { content: "API Key: "; }
	#portal_entry td:nth-of-type(4):before, #portal_entry p:nth-of-type(4):before { content: "Tags: "; }
	#portal_entry td:nth-of-type(5):before, #portal_entry p:nth-of-type(5):before { content: "Leads Added From: "; }
	#portal_entry td:nth-of-type(6):before, #portal_entry p:nth-of-type(6):before { content: "Is Active: "; }
	#portal_entry td:nth-of-type(7):before, #portal_entry p:nth-of-type(7):before { content: "Active: "; }
	#portal_entry td:nth-of-type(8):before, #portal_entry p:nth-of-type(8):before { content: "Leads Added Info: "; }
	#portal_entry td:nth-of-type(9):before { content: "Actions: "; }

	#client_leads td:nth-of-type(1):before, #client_leads p:nth-of-type(1):before { content: "Contact Name: "; }
	#client_leads td:nth-of-type(2):before, #client_leads p:nth-of-type(2):before { content: "First Name: "; }
	#client_leads td:nth-of-type(3):before, #client_leads p:nth-of-type(3):before { content: "Last Name: "; }
	#client_leads td:nth-of-type(4):before, #client_leads p:nth-of-type(4):before { content: "Receving Tags: "; }
	#client_leads td:nth-of-type(5):before, #client_leads p:nth-of-type(5):before { content: "Billed: "; }
	#client_leads td:nth-of-type(6):before, #client_leads p:nth-of-type(6):before { content: "Delivered: "; }
	#client_leads td:nth-of-type(7):before, #client_leads p:nth-of-type(7):before { content: "Added Date: "; }
	#client_leads td:nth-of-type(8):before, #client_leads p:nth-of-type(8):before { content: "New to Old: "; }
	#client_leads td:nth-of-type(9):before { content: "Actions: "; }

	#client_entry td:nth-of-type(1):before, #client_entry .my-row p:nth-of-type(1):before, #client_leads_link td:nth-of-type(1):before, #client_weekly_leads td:nth-of-type(1):before, #client_weekly_leads .my-row p:nth-of-type(1):before { content: "Client Name: "; }
	#client_entry td:nth-of-type(2):before, #client_entry .my-row p:nth-of-type(2):before, #client_leads_link td:nth-of-type(2):before, #client_weekly_leads td:nth-of-type(2):before, #client_weekly_leads .my-row p:nth-of-type(2):before { content: "Agency Name: "; }
	#client_entry td:nth-of-type(3):before, #client_entry .my-row p:nth-of-type(3):before { content: "API Key: "; }
	#client_entry td:nth-of-type(4):before, #client_entry .my-row p:nth-of-type(4):before { content: "Tags: "; }
	#client_entry td:nth-of-type(5):before, #client_entry .my-row p:nth-of-type(5):before { content: "Lead Tags: "; }
	#client_entry td:nth-of-type(6):before, #client_entry .my-row p:nth-of-type(6):before { content: "Skip Lead Tags: "; }
	#client_entry td:nth-of-type(7):before, #client_entry .my-row p:nth-of-type(7):before { content: "Weekly Limit: "; }
	#client_entry td:nth-of-type(8):before, #client_entry .my-row p:nth-of-type(8):before { content: "Is Active: "; }
	#client_entry td:nth-of-type(9):before, #client_entry .my-row p:nth-of-type(9):before { content: "Active: "; }
	#client_entry td:nth-of-type(10):before { content: "Actions: "; }

	#client_leads_link td:nth-of-type(3):before { content: "View Leads: "; }
	#client_leads_link td:nth-of-type(4):before { content: "Action: "; }
	
	#client_weekly_leads td:nth-of-type(3):before, #client_weekly_leads .my-row p:nth-of-type(3):before { content: "Weekly Limit: "; }
	#client_weekly_leads td:nth-of-type(4):before, #client_weekly_leads .my-row p:nth-of-type(4):before { content: "Billed Leads: "; }
	#client_weekly_leads td:nth-of-type(5):before, #client_weekly_leads .my-row p:nth-of-type(5):before { content: "Not Billed Leads: "; }
	#client_weekly_leads td:nth-of-type(6):before, #client_weekly_leads .my-row p:nth-of-type(6):before { content: "Leads Due: "; }
	#client_weekly_leads td:nth-of-type(7):before, #client_weekly_leads .my-row p:nth-of-type(7):before { content: "Filled %: "; }
	#client_weekly_leads td:nth-of-type(8):before { content: "Actions: "; }
	
	.leads_calendar td:nth-of-type(1):before, .leads_calendar .my-col:nth-of-type(1):before { content: "Monday: "; }
	.leads_calendar td:nth-of-type(2):before, .leads_calendar .my-col:nth-of-type(2):before { content: "Tuesday: "; }
	.leads_calendar td:nth-of-type(3):before, .leads_calendar .my-col:nth-of-type(3):before { content: "Wednesday: "; }
	.leads_calendar td:nth-of-type(4):before, .leads_calendar .my-col:nth-of-type(4):before { content: "Thursday: "; }
	.leads_calendar td:nth-of-type(5):before, .leads_calendar .my-col:nth-of-type(5):before { content: "Friday: "; }
	.leads_calendar td:nth-of-type(6):before, .leads_calendar .my-col:nth-of-type(6):before { content: "Saturday: "; }
	.leads_calendar td:nth-of-type(7):before, .leads_calendar .my-col:nth-of-type(7):before { content: "Sunday: "; }

	.leads_date_wise td:nth-of-type(1):before, .leads_date_wise .my-row p:nth-of-type(1):before { content: "Contact Name: "; }
	.leads_date_wise td:nth-of-type(2):before, .leads_date_wise .my-row p:nth-of-type(2):before { content: "Billed: "; }
	.leads_date_wise td:nth-of-type(3):before, .leads_date_wise .my-row p:nth-of-type(3):before { content: "Delivered: "; }
	.leads_date_wise td:nth-of-type(4):before, .leads_date_wise .my-row p:nth-of-type(4):before { content: "First Name: "; }
	.leads_date_wise td:nth-of-type(5):before, .leads_date_wise .my-row p:nth-of-type(5):before { content: "Last Name: "; }
	.leads_date_wise td:nth-of-type(6):before, .leads_date_wise .my-row p:nth-of-type(6):before { content: "Receiving Tags: "; }
	.leads_date_wise td:nth-of-type(7):before, .leads_date_wise .my-row p:nth-of-type(7):before { content: "Client Name: "; }
	.leads_date_wise td:nth-of-type(8):before, .leads_date_wise .my-row p:nth-of-type(8):before { content: "Sent Tags: "; }
	.leads_date_wise td:nth-of-type(9):before, .leads_date_wise .my-row p:nth-of-type(9):before { content: "Added Date: "; }
	.leads_date_wise td:nth-of-type(10):before, .leads_date_wise .my-row p:nth-of-type(10):before { content: "New To Old: "; }

	#reminder_entry td:nth-of-type(1):before{ content: "Person Name: "; }
	#reminder_entry td:nth-of-type(2):before{ content: "Email: "; }
	#reminder_entry td:nth-of-type(3):before{ content: "Subject: "; }
	#reminder_entry td:nth-of-type(4):before{ content: "Remind At Full: "; }
	#reminder_entry td:nth-of-type(5):before{ content: "Remind At: "; }
	#reminder_entry td:nth-of-type(6):before{ content: "Is Active: "; }
	#reminder_entry td:nth-of-type(7):before{ content: "Active: "; }
	#reminder_entry td:nth-of-type(8):before{ content: "Actions: "; }

	.client_portals td:nth-of-type(1):before{ content: "ID: "; }
	.client_portals td:nth-of-type(2):before{ content: "Portal Name: "; }
	.client_portals td:nth-of-type(3):before{ content: "Agency Name: "; }
	.client_portals td:nth-of-type(4):before{ content: "Sent Leads: "; }

	.lead_sources td:nth-of-type(1):before{ content: "User Name: "; }
	.lead_sources td:nth-of-type(2):before{ content: "Tags: "; }
	.lead_sources td:nth-of-type(3):before{ content: "Received Leads: "; }

	#event_leads td:nth-of-type(1):before { content: "Contact Name: "; }
	#event_leads td:nth-of-type(2):before { content: "First Name: "; }
	#event_leads td:nth-of-type(3):before { content: "Last Name: "; }
	#event_leads td:nth-of-type(4):before { content: "Phone: "; }
	#event_leads td:nth-of-type(5):before { content: "Email: "; }
	#event_leads td:nth-of-type(6):before { content: "Company Name: "; }
	#event_leads td:nth-of-type(7):before { content: "Date Updated: "; }
	#event_leads td:nth-of-type(8):before { content: "Tags: "; }
	#event_leads td:nth-of-type(9):before { content: "Event: "; }
	#event_leads td:nth-of-type(10):before { content: "Portal Name: "; }

	#search_data, #client_leads, #client_entry, #client_leads_link, .leads_date_wise {height: 2000px !important;}
	.client_portals_popup{ height: 400px !important; }
	.modal-dialog{width: 95% !important; margin-left: auto !important; margin-right: auto !important;}
	.modal-content {width: 100% !important;}
	h3, .total{text-align: center !important;}
	.actions .fa, .table_div .fa{font-size: 50px !important; margin-right: 30px;}
	.fa-trash, .fa-check-square{margin-right: 5px !important;}
	select {margin-bottom: 10px; margin-right: 5px; height: auto !important;}
	td.actions{min-height: 50px !important;}
	.jconfirm-box-container { margin-left: 15px !important; margin-right: 15px !important; }
	
	h1, h2, h3, h4, h5, h6, .form-group{text-align:center !important;  width: 100% !important;}
	h3, .total{padding:5px !important;}
	.calendar-day div, .calendar-day p{font-size:inherit !important; margin:0px; height:30px !important;}
	.calendar-day p{margin-right:3px;}

	.calendar-row td{/*padding-left: 10% !important;*/ min-height: 35px;}
	div.calendar-day, div.calendar-day-np{width: 100%; min-height: 40px !important;}
	.calendar-row .my-col div, .calendar-row .my-col p{border: 2px solid gray !important; border-radius: 5px; min-width: 40px; padding:2px !important; text-align: center !important;}
	.calendar-row td:before, .calendar-row .my-col:before{width: 35%; padding-left: 5px;}
	.calendar-row .my-col p{margin-right: 15px !important; float: right;}

	#portal_fields_list .col-md-6{ clear: both; }
	#portal_fields_list button{ width:100%!important; margin-top:10px; }

	#login{ width: 100% !important; }
	.load{ padding-top: 1px; }
	
	.d-none{font-size:18px; margin-top: 0px !important;}
	.d-none img{margin-top: -15px!important;}
	.container{width: 100%;}
	.actions{min-height: 55px;}
	.form-control{height: 34px!important;}
	#pages_list{height: 300px !important;}

	.switch-candy{ width: 100%;}
	.switch-candy h4{ width: 50px !important; }
	.box-circle h4{ text-align: left!important; }

	.border-left{ border-left: none; }
	
	.ellipsis {
		overflow: auto;
		white-space: break-spaces;
		text-overflow: auto;
	}

	.pagination-body-left{
		text-align: center;
	}
	
	.pagination-body-right{
		text-align: center;
	}
}