/* OAIC Import */

/* Add here all your css styles (customizations) */

/* DATATABLES */
/* Filter */

.dataTables_wrapper .dataTables_filter {
  float: left;
  text-align: right;
}

.dataTables_filter input { width: 300px }

/* Table information */
.dataTables_wrapper .dataTables_info {
	float: right;
}

/* Page length menu */
.dataTables_length {
	float: right;
}

table.dataTable tr.odd { background-color: white; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #cccccc; }
table.dataTable tr.odd td.sorting_2 { background-color: white; }
table.dataTable tr.odd td.sorting_3 { background-color: white; }
table.dataTable tr.even td.sorting_1 { background-color: #cccccc; }
table.dataTable tr.even td.sorting_2 { background-color: white; }
table.dataTable tr.even td.sorting_3 { background-color: white; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 10px 0;
  border-radius: 4px;
}

/*OAIC Import */

ul.ui-autocomplete {z-index: 1100;}

/* Formatting code.*/
pre.jCode{counter-reset: line;
	border-right: solid;}
pre.jCode div {
	display: block;
	counter-increment: line !important;
	padding: 0px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	line-height:1 !important; }
pre.jCode div:before{
	content: counter(line);
	margin-right: 10px !important;
	-webkit-user-select: none;
}
pre div:nth-of-type(odd){background-color: #daf7a6 !important;}

/* Diagonal corner ribbon */
.env-ribbon{
	position: fixed;           /* stays put while scrolling */
	top: 40px;                 /* tweak to taste */
	left: -55px;               /* negative so it hugs the corner */
	width: 220px;
	text-align: center;
	padding: 10px 0;
	font: 700 11px/1 sans-serif;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: #fff;
	background: #c40000;       /* red */
	transform: rotate(-45deg);
	z-index: 99999;
	box-shadow: 0 2px 8px rgba(0,0,0,.25);
	pointer-events: none;      /* so it doesn't block clicks underneath */
}

/* If you used <a> and WANT it clickable, remove pointer-events:none above and use this: */
.env-ribbon[href]{ pointer-events: auto; text-decoration: none; }
.env-ribbon:hover{ filter: brightness(1.05); }

/* Optional: different environments */
.env-ribbon--stage{ background:#b36b00; } /* orange */
.env-ribbon--prod { display:none; }       /* hide in prod */

/* For Section 508 / WCAG 2.1: Screen Reader settings; allows label to be visually hidden but keep it accessible. */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}