  /* overrides for aan.com styles */
table.narrow th {
    padding: 6px 8px;
    line-height: 18px;
}
table.narrow td {
    padding: 6px 8px;
}
select.narrow {
    width: auto;
    /*padding: 3px;*/
}

/* Topic Admin */
.hide {
    display: none;
}

td.actions
{
	width: 15%;
	white-space: nowrap;
}

div.actionDelete,
div.actionApprove,
div.actionRemoveApprove,
div.actionEdit,
div.deactivatedFellowship,
div.activatedFellowship
{
	float:right;
	display:inline-block;
	cursor:pointer;
	width:15px !important;
	height:15px !important;
	background-repeat:no-repeat;
}

div.actionDelete
{
	background-image:url(/Fellowship/images/icons/reddisc_x.gif);
}

div.actionApprove
{
	background-image:url(/Fellowship/images/icons/greendisc_checked.gif);
}

div.actionRemoveApprove
{
	background-image:url(/Fellowship/images/icons/cancelled.gif);
}

div.deactivatedFellowship
{
	background-image:url(/Fellowship/images/icons/reddisc.gif);
}
div.activatedFellowship
{
	background-image:url(/Fellowship/images/icons/greendisc.gif);
}
	
div.actionEdit
{
	background-image:url(/Fellowship/images/icons/edit.gif);
}

div.topicLabelCell
{
	display: inline;
}

div.topicEditCell
{
	display: none;
}

div.loader {
  margin-top: 3px;
  background: white url(../images/ajax-loader.gif) left center no-repeat;
  display: none; 
}

/* Sequence Form table */
table.sequenceTable[style] {
	width:1%;
}

table.sequenceTable thead tr th[style],
table.sequenceTable tbody tr td[style],
table.sequenceTable tfoot tr td[style]  {
	padding: 0 5px 0 0; 
	margin: 0;
	white-space: nowrap;
}

a.actionDelete
{
    float: right;
	cursor:pointer;
	width:13px !important;
	height:13px !important;
	background-repeat:no-repeat;
	background-image:url(/Fellowship/images/icons/reddisc_x.gif);
}

.datepicker_container {
	white-space:nowrap;
	/*display:inline-block;*/
	position:relative;	
}
.datepicker_container input{
	top:4px;
	left:0;
	float: left;
	padding:0;
}
.ui-datepicker-trigger{
	cursor: pointer; 
	padding-left: 4px;
}
.datepicker_container .overlabel, .datepicker_container .hide{
	color:#999999;
	cursor:text;
	left:4px;
	position:absolute;
	top:0;
	z-index:1;
	float:left;
	padding:0;
}

.datepicker_container .hide{
	text-indent: -3000px;
}

/* Setup Selection Grid for Topics/States */
.selection-list {
	display: grid;
	grid-auto-rows: 1fr;
	grid-auto-columns: auto;
	grid-column-gap: 10px;
	grid-template-columns: repeat(auto-fit, minmax(max(30%, 225px), 1fr));
	justify-content: center;
	width: 100%;
  }
  
  input[type="checkbox"] + label.highlight-select {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
  }
  
  .resource-details > section {
	flex-basis: 100%;
  }

  .article-details-page {
	padding-right: 4rem;
	padding-left: 4rem;
  }
  
  .sidenav-reset {
	padding-left: 0;
  }

  .textarea-label > label, textarea {
	display: inline-block;
	vertical-align: top;
  }

  .full-width {
	width: 100%;
	max-width: var(--max-content-width);
  }
  
  .form-col {
	display: flex;
	flex-direction: column;
  }
  /* Reset Links in Sidenav to display like regular links */
  .sidenav-reset > a.link {
	display: inherit;
	padding: 0;
	margin-left: 0;
	color: var(--primary-default);
	text-transform: none;
	text-decoration: underline;
  }

  .warning-link {
	  float: right;
	  color: var(--warn-default);
  }
  
  fieldset > p > label {
	  margin-right: 1rem;
  }

  .textarea-label {
	display: inline-block;
	vertical-align: middle;
  }

  /* Styles for ListingView Page */
  .listing-details tr {
	display: flex;
  }
  
  .listing-details tr td {
	flex-basis: 80%;
	margin-left: 0;
  }
  
  .listing-details tr td.propercase {
	flex-basis: 20%;
  }
  
  .listing-details tr label {
	padding-top: 0;
  }
  
  .pagination {
	  padding-bottom: 2rem;
  }

  .pagination > select{
	margin-bottom: 0;
  }