span.red {
color: red;
}
select {
white-space: pre-line;
}
span.paginate_button {
background-color: #D3D3D3;
border: 1px solid black;
border-radius: 5px;
}
span.paginate_button.first {
margin-right: 8px;
}
.screen-reader-text {
border:0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
width: 1px;
overflow: hidden;
position: absolute !important;
word-wrap:normal !important;
}
/* Override rgb(0, 123, 255); which accessibility deems
"Very low contrast between text and background colors."
*/
a {
color: blue;
}
div.messageBox {
width: 50%;
margin: 0 auto;
border: 1px solid black;
background-color: #f2f2f2;
text-align: center;
}
div.formBox {
width: 15%;
margin: 0 auto;
border: 1px solid black;
background-color: #f2f2f2;
text-align: center;
margin-left: 20px;
}
p.return {
text-align: center;
}
table.new td {
padding: 0 5px 5px 5px;
}
#datatable table.new thead tr th {
background-color: #FFFFCC;
}
.table-bordered thead tr th {
background-color: #fff;
}
div DTE_Form_Error {
color: red;
}
div input.hasDatepicker{
width: 118px;
}
input#DTE_Field_Films-imdb_id,
input#DTE_Field_TvProductions-imdb_id {
width: 100px;
}
td.id {
width: 72px;
}
td span.id {
width: 98px;
}
span[class*='click-for-'] {
color: blue;
cursor: pointer;
}
span[class*='click-for-']:hover {
text-decoration: underline;
}
/* Songfacts */
td[class*='sf-click-'], span[class*='sf-click-'] {
color: blue;
cursor: pointer;
}
td[class*='sf-click-'], span[class*='sf-click-']:hover {
text-decoration: underline;
}
/* Bootstrap 4 classes */
.table caption {
caption-side: top;
border: inherit;
color: black;
background-color: #FFFFA6 ; /* #ffff8b; #F5F5F5 WhiteSmoke */
font: bold 1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: center ;
border: 1px solid black;
margin: 0.5em 0 0.5em 0;
padding: 0.5em 0 0.5em 0;/*#E1CB51;*/
}
.table th {
font-size: 14px;
}
/* Retain data colors in td of selected rows. ------------*/
table.dataTable tbody>tr.selected {
background-color: #e5e5b7;
color: black;
}
table.dataTable tbody>tr.selected td a {
color: blue;
}
.footer {
background-color: #F8F9FA;
margin-top: 50px;
text-align: center;
}
button.btn.btn-secondary.disabled {
cursor: text;
}
a.dt-button.dropdown-item.disabled {
color: #adadad;
cursor: text;
}
a.dt-button.dropdown-item:hover {
background-color: #adadad;
}
/** ????? override bootstrap setting for Chrome ?????????????? ********/
@page {
size: auto;
}
.flex-item dt {
font-size: 0.85em;
}
.right {
text-align: right;
}
button.button-spacer-right {
margin-right: 20px;
}
button.button-spacer-left {
margin-left: 20px;
}
div#datatable_info {
float:left;
}
div#datatable_paginate {
float:right;
}
/* Pagination. */
#datatable_first, #datatable_previous {
margin: 0px 10px 0px 0px;
padding: 5px 5px 5px 5px;
}
#datatable_next, #datatable_last {
margin: 0px 0px 0px 10px;
padding: 5px 5px 5px 5px;
}
#datatable_first:hover,
#datatable_previous:hover,
#datatable_next:hover,
#datatable_last:hover
{
cursor: pointer;
background-color: #DDDDDD;
}
input.paginate_input {
width: 55px;
text-align: center;
padding: 5px;
}
blockquote::before{
content: icon-quote-left; /*Unicode for Left Double Quote*/
}
blockquote {
border-left: 3px solid #b3b3b3;
border-radius: 0px;
background: #fafafa;
margin: 10px;
padding: 10px 20px;
}
blockquote p {
margin: 0;
line-height: 30px;
padding-bottom: 20px;
}
blockquote .small {
display: block;
font-size: 80%;
color: brown;
text-align: right;
}
.tab-content {
border: 1px solid #ddd;
border-width: 0 1px 0; /* Removes the top border */
padding: 10px;
}
/* Flexbox */
.flex-container {
background-color: #FFFFCC;
display: flex;
/*
* This is the shorthand for flex-direction and flex-wrap properties,
* which together define the flex container's main and cross axes.
* Default is row nowrap.
*/
flex-flow: row wrap;
justify-content: space-around;
margin: 0 auto;
}
.flex-item {
background-color: #FFFFCC;
margin-left: 10px;
/*
* This is the shorthand for flex-grow, flex-shrink and flex-basis combined.
* The second and third parameters (flex-shrink and flex-basis) are optional.
* Default is 0 1 auto.
*/
flex: 1 1 auto;
}
.flex-item dt::after {
content: ": ";
}
.flex-item dl.grandchild-row {
margin-right: 10px;
}
/* end Flexbox */
/* For display via Flexbox */
dl.child-row ol,
dl.grandchild-row ol,
dl.greatgrandchild-row ol {
list-style-type: none;
margin: 0;
padding: 0;
}
th[class*='year'], td[class*='year'] {
width: 30px;
}
th[class*='year'] input {
width: 35px;
}
input[id*='year'] {
width: 60px;
}
/* Essential for DataTables Responsive functionality. */
table.table.dataTable {
table-layout: auto;
}
/* Header in DT Editor modal forms */
.DTE_Header_Content {
font-weight: bold;
}
tfoot th input.column_search {
color: #A8A8A8;
width: 100% ;
padding: 0px;
}
.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 15% !important;
background: #FFFFCC;
border: 1px solid black;
border-radius: 3px;
font-weight: bold;
}
/******* TRIED THIS - NO SUCCESS
Processing....please wait
Processing....please wait