table {
    border-collapse: collapse;
}

table, th, td {
    /*border: 1px solid black;*/
	border:none;
	/*border-bottom:1px solid black;*/
} 

td
{
	cursor:pointer;
	padding: 5px 0px;
}

.oddRow{ background:#ffffff; }
.evenRow{ background:#ebebeb; }
.oddRow:hover, .evenRow:hover
{
	background:#cccccc;
}

tr.SmallListEvenRow {
    font-size: 10px;
    font-family: Arial,Helvetica,sans-serif;
    color: #052856;
    background-color: #EBEBEB;
    cursor: pointer;
}
tr.SmallListOddRow {
    font-size: 10px;
    font-family: Arial,Helvetica,sans-serif;
    color: #052856;
    background-color: #FFF;
    cursor: pointer;
}
tr.SmallListEvenRow:hover, tr.SmallListOddRow:hover {
	background:#cccccc;
}

tr.SmallListEvenRow td, tr.SmallListOddRow td {
	padding:1px 3px;
}
@media screen and (max-width: 768px) 
{
	td
	{
		padding: 15px 0px;
	}
}

/* Ravi: Added 2017-02-07. Copied from contactIntouchList.php  */
.paginationbtn
{
	padding-right:5px;
	padding-left:5px;
	cursor:pointer;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
	border-style: solid;
    border-width: 1px;
	border-radius: 3px;
	
}

.paginationtext
{
	padding-right:5px;
	padding-left:5px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
}


.colorSquare
{
	float:left;
	cursor:pointer;
	padding:4px;
}
.colorSquare:hover
{
	background:#eeeeee;
}


@media screen and (max-width: 1000px) 
{
	td.col6, td.col8 { display:none; }
		
}

@media screen and (max-width: 768px) 
{
	td.col5, td.col9 { display:none; }
}

@media screen and (max-width: 620px) 
{
	td.col2, td.col7 { display:none; }
}

@media screen and (max-width: 450px) 
{
	td.col10, td.col11 { display:none; }
}



img.middle { vertical-align: middle; }

.pubschTitle 
{
	font-size:13px;
	font-weight:bold; 
	font-family:Arial, Helvetica, sans-serif;
}

.pubschTable 
{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#333;
}


/* Ravi: Added 2017-03-14 for Collapse/Expand list on MyMarketing.php */
/* Style the element that is used to open and close the accordion class */
p.accordion {
 background-color: #eee;
 color: #444;
 cursor: pointer;
 padding: 8px;
 width: 100%;
 text-align: left;
 border: none;
 outline: none;
 transition: 0.4s;
 margin-bottom:10px;
}
/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion.active, p.accordion:hover {
 background-color: #ddd;
}
/* Unicode character for "plus" sign (+) */
p.accordion:after {
 content: '\2795';
 font-size: 13px;
 color: #777;
 float: right;
 margin-left: 5px;
}
/* Unicode character for "minus" sign (-) */
p.accordion.active:after {
 content: "\2796";
}
/* Style the element that is used for the panel class */
div.panel {
 padding: 0 8px;
 background-color: white;
 max-height: 0;
 overflow: hidden;
 transition: 0.4s ease-in-out;
 opacity: 0;
 margin-bottom:10px;
}
div.panel.show {
 opacity: 1;
 max-height: 500px; /* Whatever you like, as long as its more than the height of the content (on all screen sizes) */
}

li.panel {
	 padding-bottom: 6px;
}

.redtext 
{
	color:#FF0000;
}

.redtext13px  
{
	font-size: 13px;
	color:#FF0000;
}

.generalText13px 
{
	font-size: 13px;
}

/* Ravi: 2017-02-21
   Copied from contactIntouchList.php 
   Used to display Shared list Select box and Contact Name autocomplete
 */
/*
.ui-widget { font-size:13px; }
.contact-lists-wrap { display:inline-block; width:200px; }
.ms-options ul { margin:0; padding:0; }
.ms-options ul li { list-style:none; }
.ms-options-wrap > button, .ms-options-wrap > button:focus { color:#000; font-family:Arial, Helvetica, sans-serif; }
.ms-options-wrap > .ms-options > ul label { padding-left:25px !important; }
.ms-options-wrap > .ms-options > ul input[type="checkbox"] { top:2px; }
.coltype { width:40px; text-align:center; }
.coltype .g-icon { color:#666; font-size:20px; }

.contactqs-actions { float:right; }
.contactqs-actions .g-icon, .contactqs-actions .add-notes, .ui-autocomplete .id-icon { font-size:18px; vertical-align:middle; }
.contactqs-actions .add-notes { display:inline-block; margin-left:5px; width:1em; height:1em; vertical-align:middle; }
.contactqs-actions .add-notes img { width:100%; height:auto; }
.id-icon { display:inline-block; vertical-align:middle; }
.ui-autocomplete-loading { background: white url(<?php echo MY_IMAGES_URL; ?>/ajax-loader.gif) right center no-repeat; }
.ui-autocomplete { max-height:250px; overflow-y:auto; overflow-x:hidden;
	-webkit-overflow-scrolling:touch;
	-webkit-box-shadow: 3px 3px 5px -3px rgba(0,0,0,.4), 3px 3px 5px -3px rgba(0,0,0,.4), -3px 3px 5px -3px rgba(0,0,0,.4);
	-moz-box-shadow:    3px 3px 5px -3px rgba(0,0,0,.4), 3px 3px 5px -3px rgba(0,0,0,.4), -3px 3px 5px -3px rgba(0,0,0,.4);
	box-shadow:         3px 3px 5px -3px rgba(0,0,0,.4), 3px 3px 5px -3px rgba(0,0,0,.4), -3px 3px 5px -3px rgba(0,0,0,.4);
}


* html .ui-autocomplete { height:250px; }
.ui-autocomplete li.ui-menu-item a, .ui-autocomplete li.ui-menu-item a:visited, .ui-autocomplete li.ui-menu-item a:hover { text-decoration:none; }
.ui-autocomplete li.ui-menu-item:hover { background:#eee; color:#000; } 
.ui-autocomplete li.ui-menu-item:hover a { color:#000; } 
.ui-tooltip { background: #000; color: white; border: none; padding: 0; opacity: 1; }
.ui-tooltip-content { position: relative; padding: 4px 10px; }
.ui-tooltip-content::after { content:''; position: absolute; border-style: solid; display: block; width: 0; top: 7px; left: -6px; border-color: transparent #000; border-width: 6px 6px 6px 0; }
.contact-legends { font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:1em 0; }
.contact-legends .g-icon { font-size:20px; vertical-align:middle; }
@media (max-width:767px) {
	.coltype .g-icon { font-size:24px; }
	.contactqs-actions .g-icon, .contactqs-actions .add-notes, .ui-autocomplete .id-icon { font-size:24px; }
	.contactqs-actions .add-notes { margin-left:15px; }
	.id-icon { margin-right:10px; }
	.ui-autocomplete li { line-height:24px; }
	.ui-autocomplete { max-height:150px; }
	* html .ui-autocomplete { height:150px; }
}

@media (max-width:459px) {
	.ui-widget { font-size:14px; }
	.contact-lists-wrap { display:inline-block; min-width:150px; max-width:270px; } 
 
*/



/**********************/
/***** call list ******/
/**********************/
.call-list-row-icons { padding-bottom: 0px; }

.call-list-row-icons .col-xs-3 {
	background-color: #444;
	color: #fff;
	padding: 10px;
	
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.dropdown-menu li 		{ padding-top:3px; padding-bottom:3px; }
.calllist-confirm 		{ display:none; padding-top:25px; }
.call-list-contact 		{ background-color:#eeeeee; padding:15px; }
.call-list-contact a 	{ text-decoration:none; color:#333; }
.call-list-header 		{ display:none; }
.call-list-row-data 	{ font-size:14px; }
.call-list-row-icons 	{ padding-top:8px; padding-bottom:8px; font-size:25px; }


@media (min-width: 992px) 
{
	.call-list-row-icons .col-xs-3 {
		background: none;
		color: #333;
		padding: 0px 5px 5px 5px;
		border:none;
	}
	
	.call-list-label 		{ display:none; }
	.call-list-header 		{ display:flex; font-size:12px; }
	.call-list-row-data 	{ font-size:12px; }
	.call-list-row-icons 	{ padding-top:0px; padding-bottom:0px;  font-size:20px; }
}





/**********************/
/**********************/
/**********************/






/* Contact List */
.ContactList-micon {
	background-color: #fff;
	border: #b2b2b2 1px dotted;
	display: inline-block;
	width: 0.8em;
	height: 1em;
}
.ContactList-micon-DirectMailNewsletter-Y {
	background: #213a65;
}
.ContactList-micon-BuyerDripDirectMail-Y {
	background: #65a9de;
}
.ContactList-micon-eNews-Y {
	background: #65a9de;
}
.ContactList-micon-VdpCalendar-Y {
	background: #65a9de;
}

.ContactList-aicon, .ContactList-aiconLast {
	color: #444;
	padding-top:10px;
	padding-left: 30px;
	padding-right: 30px;
	color: #fff;

}
.ContactList-aicon {
	border-right: 2px solid #fff;
}
.ContactList-aiconLast {
	border-left: 2px solid #fff;
}


@media screen and (max-width: 768px) 
{
	.noMobile { display:none; }
}			

.contactListTable-Mobile {
	font-size: 1em;
	line-height: 1em;
}			
			
.contactListTable-Mobile tr:nth-child(odd) {
	background-color: #ebebeb;
}
.contactListTable-Mobile tr:nth-child(even) {
	background-color: #ffffff;
}
.contactList-buttons {
	font-size: 1.7em;
/* 	border-top: 1px solid #aaa; */
	background-color: #444;
	padding-top:10px;
	margin-bottom:8px;
}

.contactListTable-Mobile tr:nth-child(odd) .badge
{
	background-color: #909090;
}	

.contactListTable-Mobile tr:nth-child(even) .badge
{
	background-color: #b0b0b0;
}				
			
			
.contactTableDetail {
	display: none;
	min-height: 200px;
	background-color: #fff;
}	
			
			
.contactTable-left {
	padding: 15px 0px 0px 20px;
	font-size: 1em;
	line-height: 1.3em;
	min-height: 75px !important;
}
.contactTable-right {
	
}