div.powered-by {
     text-align: right;
     margin: 50px 20px;
 }

 a.powered-by {
     color: #aa0;
 }

.strikethrough {
    text-decoration: line-through !important;
}

 /*-- cursors --*/
 .link,
 .pointer {
     cursor: pointer
 }

 .cursor-pointer {
     cursor: pointer
 }

 .cursor-help {
     cursor: help
 }

 .not-allowed {
     cursor: not-allowed;
 }


 .bold {
     font-weight: bold !important
 }

 .italic {
     font-style: italic !important
 }

 .underline {
     text-decoration: underline !important
 }

 .left {
     text-align: left !important
 }

 .right {
     text-align: right !important
 }

 .center {
     text-align: center !important
 }

 .justify {
     text-align: justify !important
 }

 .inline-block {
 display: inline-block }
 }

 .float-right {
     float: right
 }

 .float-left {
     float: left
 }

 .clear-both {
     clear: both
 }

 .easter-egg {
     color: #000
 }

 .visible {
     visibility: visible
 }

 .hidden {
     visibility: hidden
 }

 .show {
     visibility: visible
 }

 .hide {
     visibility: hidden
 }

 input.unhidden {
     border: 1px dashed #f80 !important
 }

 .block {
     display: block !important
 }

 .inline {
     display: inline !important
 }

 .inline-block {
     display: inline-block !important
 }

 .inline-table {
     display: inline-table !important
 }

 .none {
     display: none !important
 }

 .relative {
     position: relative !important
 }

 .absolute {
     position: absolute !important
 }

 .nowrap {
     white-space: nowrap
 }

 .under-construction {
     background: url(/coreimages/backgrounds/bg.under.construction.001.png) repeat-x;
     background-position: top left
 }

 .disabled {
     cursor: not-allowed
 }

 .blurry-text {
     color: transparent;
     text-shadow: 0 0 3px rgba(0, 0, 0, .9)
 }

 .indent5 {
     margin-left: 5px;
 }

 .indent10 {
     margin-left: 10px;
 }



 /*-- status colors ----------------------------------------------------------*/
 .status.failed {
     color: #a00;
 }

 .status.success {
     color: #0a0;
 }

 .status.scheduled {
     color: #008;
 }

 .status.active {
     color: #0a0;
 }

 .status.exceeded {
     color: #f00;
 }

 .status.threshold {
     color: #f80;
 }

 .status.pending {
     color: #808;
 }

 .status.rejected {
     color: #f00
 }

 .status.inactive {
     color: #ccc;
 }

 .status.external {
     color: #808;
 }



 .req-indicator {
     color: #f00;
 }




/*-- record tables ----------------------------------------------------------*/
table.records {
     clear: none;
     width: 100%;
     border: 1px solid #333;
     font-size: 1em;
     /* #934f5f */
     background-color: #fff;
	 border-collapse: collapse;
 }
 
/*-- record tables fanfold --------------------------------------------------*/
table.records tr:nth-child(even) {
     background-color: rgba(0, 0, 0, .15);
 }

table.records tr:nth-child(odd) {
     background-color: rgb(255, 255, 255);
 }

table.records tr:nth-child(even):hover {
     background-color: rgba(0, 0, 0, .2);
 }

table.records tr:nth-child(odd):hover {
     background-color: rgba(0, 0, 0, .2);
 }
 
table.records tr.highlighted {
 background-color: rgba(255, 255, 0, .50); 
}

table.records tr.highlighted:hover {
 background-color: rgba(255, 255, 0, .15);  
}

table.records tr.highlighted.update {
 background-color: rgba(0, 200, 0, .50); 
}

table.records tr.highlighted.update:hover {
 background-color: rgba(0, 200, 0, .15);  
}

table.records tr.highlighted.create {
 background-color: rgba(0, 0, 255, .50); 
}

table.records tr.highlighted.create:hover {
 background-color: rgba(0, 0, 255, .15);  
}

/*
table.records tr.highlighted.undelete {
 background-color: rgba(150, 0, 150, .30); 
}

table.records tr.highlighted.undelete:hover {
 background-color: rgba(150, 0, 150, .15);  
}
*/









table.records td.linked:hover {
     background-color: rgba(56, 93, 216, 1);
 }
 
 table.records td
,table.records tr {
padding:5px 10px; }
 
 
/*-- header level -----------------------------------------------------------*/
table.records th {
     color: #fff !important;
     font-weight: normal !important;
     font-size: 13px !important;
     padding: 7px 5px 7px 0;
     text-align: left;
     line-height: 1.2em;
     background: #333;
     text-transform: lowercase;
     white-space: nowrap;
     text-align:center;
 }

 table.records th.crudbar {
     background-color: #000 !important;
     color: #fff;
     font-weight: normal;
     text-align: center;
 }

 table.records th.edge {
     border-right: 1px solid #666
 }

 table.records th.rowcount {
     min-width: 25px;
     text-align: center;
 }

 
 
/*-- row level --------------------------------------------------------------*/ 
table.records td.linked a:hover {
     color: #fff;
 }

table.records tr: hover td a {
     color: #800
 }

table.records td.label {
     color: #a00;
     text-align:right;
 }
 
table.records td.label.optional {
     color: #000;
}

table.records td.label.disabled {
     color: #ccc;
}

 table.records td.crudbar {
     background-color: #bbb;
     width: 20px;
 }

 table.records td.crudline {
     border-bottom: 1px solid #ddd
 }

 table.records th.lock {
     width: 16px;
     padding: 2px;
     text-align: center
 }

 table.records th.pick,
 table.records td.pick {
     width: 10px;
     text-align: center
 }

 table.records th div.jq-sort {
     vertical-align: top;
     cursor: pointer;
     margin: 0 2px;
 }

 table.records th div.jq-sort.arrow {
     border: 0px solid #888;
     width: 11px;
     height: 5px;
     margin: 2px 4px;
 }

 table.records th div.jq-sort.down {
     background: url(/coreimages/buttons/btn.sort.arrow.desc.png) no-repeat;
     background-size: cover;
 }

 table.records th div.jq-sort.up {
     background: url(/coreimages/buttons/btn.sort.arrow.asc.png) no-repeat;
     background-size: cover;
 }

 table.records div.refresh {
     cursor: pointer;
     color: #fff !important;
     background-color: #000;
     font-family: Lucida Sans Unicode;
 }
 
 table.records td.lock {}

 table.records td.deleted {
     text-decoration: line-through;
     color: var(--primary-deleted-color);
 }

 table.records td.edge {
     border-right: 1px solid #333
 }
 
 table.records td.rowcount.off {
     color: #888
 }

 table.records td.rowcount.on {
     color: #800
 }

 table.records td.select-all {
     font-size: .75em;  }

 table.records div.sort-by {
     display: inline-block;
     width: 20px;
     margin: 3px 0 0 0; }

 table.records div.thumbnail {
     height: 40px;
     width: 40px;
     border-radius: 7px;
     border: 1px solid #000;
     margin: 3px auto;
     background-size: cover !important; }

 table.records span {
     color: #888  }

 table.records td.no-records,
 table.records none {
     text-align: center;
     font-size: 12pt;
     font-style: italic;
     color: #a00;
     bbackground-color: #fff;
     /* match odd background color */
     border-width: 0px 0;
     border-color: #000;
     border-style: solid;
	 padding:1px 5px;
 }

 table.records td.no-records:hover {
     background-color: #fff;
 }


 /*-- common -----------------------------------------------------------------*/

 table.records p {
     margin: 10px
 }

 table.records .instructions {
     padding: 10px;
     margin: 5px 0px 20px 0px;
     border: 1px solid #ddd;
     background-color: #fff
 }

 table.records .extra {
     height: 30px
 }

 table.records .subhead {
     background-color: #a6a;
     font-size: 10pt
 }

 table.records .sub-edge {
     border-right: 1px solid #a4a
 }

 table.records .button {
     border: 1px solid #000;
     color: #880088
 }

 table.records .status {
     width: 60px;
 }

 table.records td.status {
     text-align: center
 }

 table.recordstd.thumbnail {
     width: 40px;
 }

 table.records .date-created {
     width: 140px
 }

 table.records .note {
     font-family: courier new;
     color: #000;
     font-size: 12pt;
     padding: 10px
 }

 table.records img.crud {
     border: 1px solid #00f;
     padding: 0px;
     margin: 0px;
     height: 22px;
     width: 23px
 }

 table.records img.orderby {
     border: 0px;
     padding: 0px;
     margin: 0px;
     height: 4px;
     width: 8px
 }


 .step.label {
     font-size: 24px !important;
 }

 .step.icon {
     height: 50px;
     width: 50px;
     background-color: #fff;
     border: 1px solid #000;
     border-radius: 5px;
 }