/**
 * emptyfieldfinder module for Craft CMS
 *
 * emptyfieldfinder CSS
 *
 * @author    James Evans
 * @copyright Copyright (c) 2018 James Evans
 * @link      yellostudio.co.uk
 * @package   EmptyfieldfinderModule
 * @since     1.0.0
 */



 .missingDataSection td{
 	padding: 10px 5px;
 }

 .missingDataSection tr{
 	/* display: inline-flex; */
 	flex-direction: column;
 	/* max-width: 100vw; */
 	/* width: 80%; */
 }

 .missingDataSection span{
 	padding: 10px;
 }

 .missingDataSection td {
   /* display: inline-block; */
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 	border-bottom: 1px solid black;
 	min-width: 150px;
 	text-align: center;
 	margin: 0 auto;

 }

 .missingDataSection td:first-of-type{
 	max-width: 200px;
 	border-right: 1px solid black;
 }

 .missingDataSection h1 {
 }

 .missingDataSection div.pager {
     text-align: left;
     margin: 1em 0;
 		padding-bottom: 50px;
 }

 .missingDataSection div.pager span {
     display: inline-block;
     width: 1.8em;
     height: 1.8em;
     line-height: 1.8;
     text-align: center;
     cursor: pointer;
     background: #000;
     color: #fff;
     margin-right: 0.5em;
 }

  #emptyFieldNav ul{
 	display: inline-flex;
 	flex-wrap: wrap;
 }

 #emptyFieldNav  .button {
     flex-basis:400px;
		 width:400px;
		 flex-grow: 1;
     height: 50px;
     line-height: 1.8;
     text-align: center;
     cursor: pointer;
     background: #286B82;
     color: #fff;
		 font-weight:bold;
     margin-right: 0.5em;
 		margin-bottom: 0.5em;
 		padding: 0 10px;
		flex-wrap: wrap;
		display:flex;
		align-items:center;
		justify-content:center;
		transition:background-color 0.3s;
 }

 #emptyFieldNav  .button:hover{
 	background: #869626;
 }

 .missingDataSection div.pager span.active {
     background: #c00;
 }

	span[style="background-color: indianred"] { color:white; }
 table.missingDataTable td[bgcolor="indianred"] { background-color:#CD5D5C; color:white; text-align:center; border:1px solid #a03e3e;  }
 table.missingDataTable td[bgcolor="lightgreen"] { background-color:#90ED90; color:black; text-align:center; border:1px solid #67A866;  }
table.missingDataTable td[bgcolor="indianred"] a { color:white; }