/* https://lmoreaux.hashnode.dev/how-to-make-your-mobile-apex-application-look-like-a-native-one-part-1 */
@media only screen and (max-width: 641px) {
body {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ */
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    overscroll-behavior-y: none;
    overscroll-behavior-x: none; 
    -webkit-touch-callout:none;
}
.ei-sticky .my-context{
   margin: -10px -16px 5px -16px !important;
}
.t-Body-title{
   position:sticky !important;
}
.u-unstick{
   top: var(--js-sticky-top, 0) !important;
}
}
/* end */
/* Rubric region, scrolling with scrollbar on the left */
#rubric .t-Region-body{
   height:300px;
   direction: rtl;
   margin-left: 10px;
}
#rubric .t-Region-body .container{
   direction:ltr;
}
/* end */
/* Prettier scrollbar */
::-webkit-scrollbar {
   width: 10px;
}
::-webkit-scrollbar-track {
   background: gainsboro;
   border-radius: 5px;
}
::-webkit-scrollbar-thumb {
   background: #999;
   border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
   background: #555;
}
/* end */
/* Environment banner */
.pdb-banner {
  font-size: 12px;
  font-weight: bold;
  padding: 1px 0;
  text-align: center;
}
/* navbar */
.t-Header-navBar--center {
    padding-left: 4px;
    border-left: 2px solid #555;
}
/* Hide unwanted elements of NavigationBar parent entries */
.t-Header-navBar li.menu-parent span.t-Button-label,
.t-Header-navBar li.menu-parent span.icon-down-arrow {
   display: none;
}
/* Custom styling of NavigationBar "badge" modifiers */
.t-NavigationBar-item .fa[class*=fam-]:after,
.t-NavigationBar-menu.a-Menu .fa[class*=fam-]:after {
    vertical-align: top;
    background-color: transparent;
    right: 0;
    bottom: unset;
    top: 0;
    margin-right: -12.5%;
    margin-bottom: -12.5%;
}
/* Custom styling of NavigationBar submenus */
.t-NavigationBar-menu.a-Menu a-Menu-content {
   background-color: #fff;
}
/* Remove the unwanted border on an active tab that occurs in Core.min.css?v=23.1.0:4 */
.t-Tabs-item.is-active {
    --ut-tabs-item-highlight-color: var(--ut-tabs-item-active-highlight-color);
}
/* Application and Platform header bar title*/
.app-home{
   display:inline-flex;
}
.app-home-icon{
    margin-top: 2px;
}
.app-home-icon, .platform-home-icon{
    margin-right: 8px;
    font-size: 20px;
}
/* size */
.a-IRR-linkCol {
    width:  42px;
}
/* avoid flash of unselected tab regions */
.a-Tabs-panel {
   display: none;
}
/* end */
#P0_PDB_PURPOSE_DISPLAY {
    color:  #f00;
    cursor:  help;
    font-weight:  normal;
    margin-top:  4px;
}
#P0_PDB_CLASSIFICATION_DISPLAY {
    color:  #7cf;
    cursor:  help;
    font-weight:  normal;
    margin-top:  4px;
}
#btnStartTour {
  background-color: #ffc303;
  color: #405366;
  transition: color 0.3s;
}
#btnStartTour:hover {
  background-color: #fa0;
}    
#btnStartTour.my-non-modal {
  position: fixed;
  bottom: 5px;
  left: 5px;
}
body,
.t-Body {
   background: transparent !important;
   color: #041E2F;
}
.t-Body-content {
    padding-bottom: 0;
}
.t-Footer {
  display:none;
}
.t-Header-controls {
    margin-right: 0px;
}
.t-Header-logo {
  font-weight: normal;
  margin-left: 8px;
}
/* same as Brave */
.t-Header-branding {
   background-color: #303248;
}
/*
#my-brand {
  color: #ffc303;
}
*/
.t-Header-logo span.fa,
.apex-logo-text span.fa {
  margin-top: 3px;
}
.t-Header-logo-link {
    padding-left: 0;
}
.t-Header-logo-link img {
    height: 2.5rem;
    margin-left: -15px;
}
.t-Header-logo-link,
.t-Header-logo #go-welcome a {
    color: #fff;
}
a.t-Header-logo-link:hover,
.t-Header-logo #go-welcome a:hover {
    color: #ffc303;
}
#go-welcome {
    border-right: 2px solid #777;
    padding-right:  12px;
    margin-right:  8px;
}
.a-TreeView {
  min-height: 100%;
}
.t-TreeNav {
   background: #121920;
}
#t_TreeNav {
    width: : 40px;
}
.t-Body-title .t-HeroRegion {
    background-color: #55607d;
}
.t-Body-title .t-HeroRegion-title {
/*    color: #394c87; */
    color: fff;
}
/* distinguish the Page Tour nav menu entry */
.my-nav-tour {
  background-color: #679;
} 
/* end */
.t-Button--navBar .t-Icon.fa {
  margin-right: 0;
}
#t_Button_navControl span,
#t_TreeNav .fa {
    color: #ffc303;
}
/* special side nav menu entries */
#t_TreeNav .a-TreeView-content.my-nav-top .fa {
  color: #fff;
  opacity: .7;
  transition: opacity 0.3s;
}
#t_TreeNav .my-nav-top .fa:hover {
  opacity: .9;
}
#t_TreeNav .a-TreeView-content.my-nav-border-bottom {
  border-bottom: 1px solid #ccc;
}
/* end special side nav menu entries */
/*
.t-NavigationBar {
  margin-top: -7px;
}
*/
.t-Header-navBar a span.t-Button-label {
   display:none;
}
#login-logos .login-title .strap {
  opacity: .5;
}
#logos {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 10;
}
#logos img {
  vertical-align: middle;
}
.logo-text {
  color: #384e63;
  font-weight: bold;
  line-height: 3rem; 
  opacity: .7;   
}
#logos div {
  display: inline-block;
  margin-left: 5px;
}
#logo-svgc img {
  height: 40px;
}
#logo-ei img {
  height: 40px;
}
.my-header-logo-link-icon {
  margin: 5px 0 0 6px;
}
#my-tenant,
#my-pdb-purpose,
#my-pdb-classification {
    cursor: help;
}
#my-tenant {
    color: #ffc303;
    font-size: 1.8rem;
 /*   opacity: .8; */
    overflow: hidden;
    text-overflow: ellipsis;
    margin: -2px 5px 0 20px;
    white-space: nowrap;
}
#my-tenant a {
    color: #fff;
}
#my-tenant a div {
    margin-top: 2px;
    padding-left: 8px;
}
#my-tenant #btnTenantChange {
    color: #ffc303;
    position: relative;
}    
#my-tenant img {
  height:32px;
}
#my-pdb-purpose,
#my-pdb-classification {
    color: #adf;
    font-size: 1.2rem;
    font-weight: normal;
    margin-top: 2px;
    opacity: .7;
    overflow: hidden;
    text-overflow: ellipsis;
 }
#my-pdb-purpose {
    display: none;
}
#my-pdb-purpose {
    margin-right: 10px;
}
#my-pdb-classification {
    display: none;
    margin-right: 10px;
}
.t-NavigationBar  .t-NavigationBar-item .t-Button-label {
  transition: color 0.6s;
}
.t-NavigationBar  .t-NavigationBar-item:hover .t-Button-label {
    color: #FFE189;
}
.t-NavigationBar-item.im-chat-item > a > span.t-Icon.fa.fa-comment  {
    color: #E53935;
}
.my-logo-fa {
    display: inline-block;
    margin: 5px 10px 0 0;
}
/* simple checkbox plugin */
.simple-checkbox label {
  margin-left: 5px;
}
.simple-checkbox label:after {
  display: none;
}
/* breadcrumb */
#t_Body_title > div {
  width: 100%;
}
/*
.my-breadcrumb-control {
  background-color: #fff;
}
*/
.my-breadcrumb-control:last-of-type {
  margin-bottom: 1px;
}  
.t-BreadcrumbRegion-titleText {
    color: #224680 !important;
}
.t-BreadcrumbRegion-titleText > span.fa {
    display: inline-block;
    font-size: 3.2rem;
    line-height: 4.3rem;
    margin-right: 10px;
}
.t-BreadcrumbRegion-titleText > span {
    vertical-align: text-top;
}
.t-Body-title-shrink .t-BreadcrumbRegion-titleText > span.fa {
    font-size: 1.4rem;
    line-height: 1.6rem;
}
/*
@media only screen and (min-width: 641px)
.t-Body-title:not(.t-Body-title-shrink) .t-BreadcrumbRegion-titleText > span.fa {
    display: inline-block;
    font-size: 3.2rem;
    line-height: 4.8rem;
    margin: 2px 10px 0 0;
}
*/
@media only screen and (max-width: 641px) {
.t-BreadcrumbRegion-titleText > span.fa {
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
}
@media only screen and (max-width: 641px) {
h1.t-BreadcrumbRegion-titleText  {
    margin: 0;
  }
}
/* tone down region headers */
.t-ContentBlock-title {
  opacity: .6;
}
/* Cards EI template */
/* .t-Cards--float .t-Cards-item {
   max-width: 300px;
   width: 300px;
}
.t-Cards--basic .t-Card-titleWrap {
  display: block;
  padding: 20px 16px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
} */
/* cards for project pickers */
#project-picker .t-Card-body {
  display: none;
}
#project-picker .t-Cards--basic .t-Card-titleWrap {
    height: 54px;
    min-height: 54px;
    padding: 0 16px 0 16px;
}    
#project-picker .t-Card,
#project-picker .t-Card-titleWrap {
  transition: all .6s;  
}
#project-picker .t-Card-wrap {
  border-top: none !important;  
}
#project-picker .t-Cards-item:not(.my-card-current) .t-Card-titleWrap {
  background-color: #FFC303 !important;
}
#project-picker .t-Cards-item:not(.my-card-current) .t-Card-title {
  color: #29353f !important;
}
#project-picker .t-Cards-item.my-card-current .t-Card-titleWrap {
    background-color: #384e63;
    color: #FFC303 !important;
}
#project-picker .t-Cards-item.my-card-current .t-Card-title {
  color: #FFC303 !important;
}
#project-picker .t-Card-titleWrap > h3 {
    font-size: 16px;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
}
/* faceted search */
.a-FS input[type="checkbox"] {
  margin-right: 5px;
}
/* Remove default monospace from textareas */
.apex-item-textarea {
  font-family: inherit;
}
/* cleaner look for inputs and IRR controls, inspired by the Material look */
.t-Form-inputContainer input[type="text"], 
.t-Form-inputContainer input.text_field, 
.t-Form-inputContainer input.password, 
.t-Form-inputContainer textarea.textarea,
.t-Form-inputContainer input.datepicker, 
.t-Form-inputContainer span.display_only:not(.my-scrollitem), 
.t-Form-inputContainer input.popup_lov, 
.t-Form-inputContainer select, 
.u-TF-item--text, 
.u-TF-item--textarea, 
.u-TF-item--datepicker, 
.u-TF-item--select,
input[type="text"],
input.a-IRR-search-field {
  background-color: transparent !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: 1px solid #ccc;
  border-left: none !important;
  border-radius: 0;
  transition: border-bottom 0.6s;
}
.t-Form-inputContainer textarea.textarea {
  border-top: 1px solid #ccc !important;
}
.a-IRR-selectList {
    border-color: transparent;
    border-bottom-color: #ccc;
}
.a-IRR-searchButtonContainer {
  display: none;
}
.a-IRR-rowSelector {
  margin-left: 10px;
}
.t-Form-inputContainer input[type="text"]:focus, 
.t-Form-inputContainer input.text_field:focus, 
.t-Form-inputContainer input.password:focus, 
.t-Form-inputContainer textarea.textarea:focus, 
.t-Form-inputContainer input.datepicker:focus, 
.t-Form-inputContainer span.display_only:focus, 
.t-Form-inputContainer input.popup_lov:focus, 
.t-Form-inputContainer select:focus, 
.u-TF-item--text:focus, 
.u-TF-item--textarea:focus, 
.u-TF-item--datepicker:focus, 
.u-TF-item--select:focus,
input[type="text"]:focus,
input.a-IRR-search-field:focus {
  border-bottom: 1px solid #06c;
  border-radius: 0;
}
.a-IRR-colSelector button,
.a-IRR-searchButtonContainer button {
   border: none;
   background-color: transparent;
}
.a-IRR-search .a-Button {
  box-shadow: none;
}  
select {
  cursor: pointer;   
}
/* horizontal scroll at top of IRR when necessary */
.a-IRR-container .t-fht-thead {
  overflow:auto !important;
}
/* cleaner look */
.a-IRR-controlsContainer {
    border: 1px solid #e6e6e6;
    border-bottom: none;
}
.t-Region.a-Collapsible.t-Region-title {
    color: #041E2F !important;
}
.t-Region:not(.my-region-materialized) h2.t-Region-title {
    font-size: 20px !important;
    opacity: .7;
}
t-Region-header {
/*    background-color: #d9e0f0 !important; */
    background-color: #d9e0f0; 
    border-bottom: transparent !important;
    border-top: 0px solid #384E63 !important;
}
/*   */
.my-readonly-big {
  font-size: 20px;
}
.my-scrollitem {
  border-top: 1px solid #ddd !important;
  display: block;
  max-height: 150px;
  overflow-y: auto;
}
button.ui-datepicker-trigger {
  display: none;
}
/* addPagination plugin */
.a-IRR-paginationWrap {
  background: #f3f3f3 !important;
  border: none !important;
}
/* .my-minor-region deprecated */
.my-minor-region {
  border: none;
}
.my-minor-region .t-Region-header {
  background-color: #transparent !important;
}
.my-minor-region .t-Region-headerItems.t-Region-headerItems--title {
    padding: .6rem 1.2rem;
}
.my-minor-region .t-Region-header h2 {
   font-size: 15px !important;
}
.t-Region.my-minor-region .t-Region-body {
    padding: 10px 0;
}
/* replace .my-minor-region with... */
.t-ContentBlock--h3 {
  border-top: 1px #ccc solid;
  margin-top: 10px;
}
.t-ContentBlock--h3.first {
  border-top: none;
  margin-top: 0;
}
.t-ContentBlock--h3 .t-ContentBlock-title {
  opacity: .8;
}
/* end replacement */
/* .t-Card-wrap {
    border-top: 1px solid #557696 !important;
} */
.t-Card-desc {
    padding: 4px 0;
}
/*
.t-Card .t-Icon.fa {
    background-color: #121920 !important;
    color: #FFC303 !important;
}
*/
.audit-this,
.chat-this,
.read-this {
  background-color: #99CCFF !important;  
}
.a-IRR-table tr td {
   vertical-align: top;
}
/* plain regions without header or border decoration... */
.my-region-plain .t-Region-header {
    background-color: transparent;
}
.my-region-plain.t-Region {
    border: none;
}
.my-region-materialized .t-Region-title {
   font-size: 3.5rem;
}
/* plain reports without column furniture... */

.my-report-plain .a-IRR-paginationWrap {
  background: transparent !important;
}
.my-report-plain .a-IRR-header {
    background-color: transparent;
    box-shadow: none;
}
.my-report-plain .a-IRR-table,
.my-report-plain .a-IRR-table td,
.my-report-plain .a-IRR-table th {
    border-left: none;
    border-right: none;
}   
.my-report-plain .a-IRR-tableContainer{
    border:none;
}
.my-report-plain .t-Report-report tr .t-Report-cell {
   border: none;
}
.my-report-plain .t-Report-report tr .t-Report-cell:last-child, .t-Report-report tr .t-Report-colHead:last-child {
    border-right: none;
}
.my-report-plain .t-Report-report tr:last-child .t-Report-cell {
    border-bottom: none;
}  
.my-no-pagination .t-Report-pagination td.pagination,
.my-no-pagination .a-IRR-paginationWrap {
  display: none;
} 
.my-report-no-head thead {
  display: none;
}
/* end plain reports */
#docRegion{
    border:none;
} 
.a-IRR-headerLink .fa-clock-o,
.audit-tx.fa-clock-o,
.audit-link {
    font-size: 18px;
}
.audit-tx.fa-clock-o,
.audit-link {
   cursor:pointer;
   opacity: 0.6;
   transition: all 0.3s;
}
.audit-tx.fa-clock-o:hover,
.audit-link:hover {
    opacity: 1;
}
#audit-trail {
   display:none;
}
#audit-trail .t-Region-header {
    opacity: .4;
}
#audit-trail.is-expanded .t-Region-header {
    opacity: 1;
}
.a-IRR {
    border-color: transparent !important;
}
.a-IRR-toolbar { 
    /* background: transparent !important; */
    /* border-color: #d6d6d6; */
    /* margin-left: -8px; */
    /* width: auto; */
    border-top: var(--a-toolbar-border-width, 1px) solid var(--a-toolbar-border-color);
    border-left: var(--a-toolbar-border-width, 1px) solid var(--a-toolbar-border-color);
    border-right: var(--a-toolbar-border-width, 1px) solid var(--a-toolbar-border-color);
    border-bottom-width: 0;
}
.a-IRR-buttons, .a-IRR-controls {
    display: initial;
}
.a-IRR-buttons {
    padding-left: 4px;
}
.a-IRR-tableContainer {
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
}
/* remove right-alignment of Right Of Interactive Report Search Bar buttons */
.a-IRR-controls {flex-grow: 0;}
/* relocate the IRR action button (see evri.common.js apexafterrefresh) top right */
/* removed for 20.2
.my-irr-action-btn {
    position: absolute;
    top: 10px;
    right: 0;
}
*/
/* end */
.js-navCollapsed .t-TreeNav .a-TreeView-node--topLevel > .a-TreeView-content .a-TreeView-label {
    display: none;
}
.apex-side-nav.js-navCollapsed .t-Body-nav, .apex-side-nav.js-navCollapsed .t-Body-nav .t-TreeNav {
    /*width: 40px;*/
}
.ndf1 {
    font-size: 16px;
    opacity: .7;
    text-align: center;
}
.ndf-container {
   margin: 30px auto;
   opacity: .7;
   text-align: center;
}
.ndf-icon {
  font-size: 66px;
}
.ndf-msg {
  font-size: 18px;
  line-height: 6rem;
}
.sole-btn-right-of-title {
    position: absolute;
    right: 20px;
    top: 12px;
}
.audit-i {
  background-color: #99FF99 !important;  
}
.audit-u {
  background-color: #99CCFF !important;  
}
.audit-d {
  background-color: #FF7755 !important;  
}
.t-Card-body {
    text-align: center;
}
.my-rowcomment-btn {
   cursor: pointer;
}
#scrollToTop {
    background-color: #999;
    color: #fff;
    padding: 20px;
    border-radius: 30px;
    opacity: .8;
    cursor: pointer;
    position: fixed !important;
    right: 10px !important;
    text-align: center;
    bottom: 100px !important;
    transition: all 0.6s ease 0s;
    z-index: 1005;
}

#scrollToTop span {
    font-size: 26px;
}
.t-Card-icon .t-Icon::before {
    vertical-align: top !important;
}
.t-Button, .a-Button,.t-Button--hot, body .ui-state-default.ui-button.ui-button--hot, body button.ui-state-default.ui-priority-primary {
   -webkit-box-shadow: 2px 2px 4px 0px rgba(255,255,255,1);
   -moz-box-shadow: 2px 2px 4px 0px rgba(255,255,255,1);
   box-shadow: 2px 2px 4px 0px rgba(255,255,255,1);
   transition: all 0.3s;
}
.t-Button:hover, .a-Button:hover, .t-Button--hot:hover, body .ui-state-default.ui-button.ui-button--hot:hover, body button.ui-state-default.ui-priority-primary:hover {
   -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.12) !important;
   -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.12) !important;
   box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.12) !important;
}
/* evriCLOUD r30 UT update.. */
.t-HeroRegion .t-Button,
.t-Button.t-Button--header {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
}
#my-tenant {
    text-align: right;
}
/* r30 end */
.t-Button--hot:hover {
  background-color: #486F96 !important;  
}
.t-Button--navBar .t-Icon.a-Icon, .t-Button--navBar .t-Icon.fa {
    color: #FFC303;
}
.t-Footer {
   color: #999 !important;
   position: fixed;
}
.t-Footer a {
   color: #486F96 !important;
   display: inline-block;
   margin-left: 20px;
   text-decoration: none;
   transition: all 0.3s;
}
.t-Footer a:hover {
   color: #226 !important;
}
td[headers="photo"] img {
   height: 36px;
   border-radius: 18px;
}
.evriuser-img-nav {
   height: 20px;
   border-radius: 10px;
}
.evriuser-img-report {
   border-radius: 22px;
   height: 44px;
   width: 44px;
}
.rds-centered ul {
  margin: 0 0 10px 0;
  text-align: center;
}
.apex-rds .fa {
  padding: 0 8px;
}
/*
* dialogs...
*/
.ui-dialog-titlebar {
   background-color: #346 !important;
/*  opacity: .75; */
}
.ui-dialog-title {
  color: #fff !important;
  opacity: .9
}
.my-dialog-hide-close button.ui-dialog-titlebar-close {
  display: none;
}
/*
button.ui-dialog-titlebar-close {
  display: none;
}
.my-dialog-show-close button.ui-dialog-titlebar-close,
#apex_popup_help_area button.ui-dialog-titlebar-close {
  display: block;
}
*/
/*
* region display selectors...
*/
.apex-rds-item {
   border-bottom: 1px #ccc solid;
   border-left: 1px #ccc solid;
   border-top: 1px #557696 solid;

}
.apex-rds-item.apex-rds-last {
   border-right: 1px #ccc solid;
}
.apex-rds-selected a {
  color: #fff !important;
  opacity: .9
}
.apex-rds .apex-rds-selected {
  background-color: #384E63 !important;
  opacity: .75;
}
.apex-rds .apex-rds-selected  span {
   box-shadow: none !important;
}
.apex-rds a:focus
{
    box-shadow: none !important;
}
.apex-rds-hover.right {
  display: none !important;
}
/* tabs container same as rds */
.t-Tabs-item {
   background-color: #f3f9ff;
   border-right: 1px #cdf solid;
}
.a-Tabs-selected {
   background-color: #def;
}
.t-Tabs--simple .t-Tabs-item.is-active .t-Tabs-link {
   box-shadow: none !important;
}
.t-Tabs-item a:hover {
    background-color: transparent !important;
    color: #337ac0 !important;
}
.a-Tabs-selected a,
.a-Tabs-selected a:hover {
   color: #404040 !important;
}
li.t-Tabs-item {
   border-bottom: 1px solid #69c;
}
li.t-Tabs-item.a-Tabs-selected {
   border: 1px solid #69c;
   border-bottom: none;
}
/* others */
.pointy {
  cursor: pointer;
}
#check_email {
   display:none;
   margin-top: -94px;
}
#check_email div {
   color: #666;
   margin-bottom: 20px;
   text-align: center;
}
.a-IRR-noDataMsg-text,
.nodatafound {
   color: #999;
   font-size: 14px;
   text-align: center;
}
/* .t-Card-wrap {
  transition: background-color 0.6s;
}
.t-Card-wrap:hover {
  background-color: #e7f2da !important;
}  */
/* Other styling */
#tip-toggle,
#vid-show,
#go-gloss {
  color: #159f22;
  color: #9f9;
  cursor: pointer;
}
#tip-toggle span,
#vid-show span,
#go-gloss span {
  font-size: 20px;
}
#tips,
.boilerplate-tip {
  cursor: pointer;
  border: 1px solid #ccc;
  border-left: 4px solid #393;
  font-size: 14px;
}
.boilerplate-tip {
   background-color: #efe;
   cursor: default;
   margin: 10px 0;
   padding: 5px 10px;
}
#tips, 
#vids {
    background-color: #efe;
    padding: 10px;
}

.tip-toggle-normal,
.tip-toggle-modal,
.vid-show-normal,
.go-gloss {
  position: absolute;
  top: 10px;
  z-index: 5;
}
.tip-toggle-normal {
  right: 10px;
}
.vid-show-normal {
  right: 40px;
}
#go-gloss {
    right: 70px;
}
.tip-toggle-modal{
  color: #159f22 !important;
  right: 10px;
  top: 54px;
}

.tip {
    background-color: #eafceb;
    color: #666;
    margin: 10px 0 5px 0;
    padding: 5px;
}
.tip-em {
    color: #333;
}
.tip-warn {
    color: #c00 !important;
}
.ei-tip-icon {
    display: inline;
    margin-right: 5px;
    vertical-align: bottom;
}
.my-tip-plain {
  font-size: 14px;
  margin: 20px auto;
  padding: 10px;
}
.my-code {
  color: #666;
  font-family: Menlo,Consolas,mono-space;
  font-size: 1.2rem;    
  margin-left: 40px;
}
.my-inline {
  display: inline-block;
}
/*
* CMA Home pages
*/
#logo-ec-home img {
    height:120px;
}
.home-blurb {
   opacity: 0;
   transition: opacity 3s;
}
.home-blurb div {
   display: block;
}
.home-blurb-icon {
   font-size: 60px;
   height: 100px;
   line-height: 100px;
   margin: 45px auto;
   width: 100px;
   transition: all 0.6s;
}
.home-blurb-icon.fa {
   background-color: #121920 !important;
   color: #FFC303 !important;
}   
.home-blurb-icon.fa:hover {
   color: rgb(136, 254, 136) !important;
}   
.home-blurb {
   color: #67a;
   text-align: center;
}
.home-blurb-subtext a {
   color: #36c;
}
.home-blurb-1 {
   font-size: 40px;
   line-height: 44px;
}
.home-blurb-2 {
   font-size: 32px;   
}
.home-blurb-bla,
.home-blurb-cma {
   color: #121920;
   margin-bottom: 50px;
}   
.blurb-container {
    margin: 0;
}
.blurb-blurb-container,
.blurb-howto-container {
    border-top: 1px transparent;
}
.blurb-container-title {
    font-size: 36px;
    padding: 0 0 20px 0;
    opacity: .75;
}
.blurb-box {
    border-top: 1px #ddd solid;
    float: left;
    margin: 10px;
    padding: 20px 10px 0 10px;
    width: 48%;
}
.blurb-header {
    color: #447c99;
    cursor: pointer;
    margin: 0 0 20px 0;
}
.blurb-icon {
    background-color: #121920;
    color: #ffc303;
    font-size: 40px;
    margin: -10px 20px 0 0;
    padding: 5px;
}
.blurb-title {
    display: inline-block;
    font-size: 30px;
    vertical-align: middle;
}    
.blurb-showhide {
    margin: 8px 0 0 10px;
}
.blurb-text {
    background-color: #e9f5ff;
    display: none;
    padding: 10px;
}
.blurb-text ol,
.blurb-text ul {
    list-style-type: circle;
    margin-left: 30px;
}
.blurb-text ol li,
.blurb-text ul li {
    margin-bottom: 1.5rem;
    text-align: start;
}
.blurb-text span.fa {
    font-size: 20px;
    margin-right: 10px;
    vertical-align: baseline;
}
/* p1 project pickers... */
/*
.my-card-current {
  color: #349;
  font-style: italic;
}
*/
.my-card, .my-whole-card  {
  background-color: #f3f9ff;
}
.my-card-current, .my-whole-card-current {
  background-color: #def;
}
/*
* IR column widths
*/
td[headers=LINK] {
   width: 44px;
}
td[headers="col-link_no-hdr"] {
   width: 44px;
}
td[headers="myAudit"] {
   width: 60px;
}
td[headers="chat"] {
   width: 60px;
}
td[headers="myPhoto"] {
   width: 60px;
}
td[headers^="myLink"] {
   width: 48px;
}
td[headers^="myShrink"] {
   width: 44px;
}
td[headers^="myNoWrap"] {
   white-space: nowrap;
}
/*
* tooltip values
*/
.my-tip-null {
  color: #999;
}
.my-tip-v {
  color: #336;
  font-weight: bold;
}
/* shuttles */
.shuttle_left {
  opacity: .6;
}
fieldset.shuttle select.shuttle_left, fieldset.shuttle select.shuttle_right {
    border: 1px solid #ccc;
}
/* menu bar bla, cma picker */
#my-bla-grid,
#my-cma-grid {
  background-color: #3C4752;
  display:none;
  padding: 5px;
  position: fixed;
  right: 0;
  top: 48px;
  width: 322px;
}
.my-bla-tile,
.my-cma-tile {
  background-color: #505F6D;
  float: left;
  margin: 2px;  
  height: 100px;
  padding: 2px;
  text-align: center;
  width: 100px;
  transition: all 0.6s;
}
#my-bla-grid a,
.my-bla-close,
#my-cma-grid a,
.my-cma-close {
  color: #FFC303 !important;
}
.my-bla-tile:hover,
.my-cma-tile:hover {
  background-color: #3C4752;
}
.my-bla-icon,
.my-cma-icon {
  font-size: 32px;
  padding: 20px 0 5px 0;
}
.my-bla-tile,
.my-bla-close,
.my-cma-tile,
.my-cma-close {
    cursor: pointer;
}
/* right-padding of link icons */
.my-rpad {
  margin-right: 10px;
}
/* scrolled fixed-height text areas in reports */
.my-report-friendly-text {
/*  max-height: 60px; */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-wrap;
}
/* page header div containing context information */
.my-page-top-label {
  background-color: #15448E;
  color: #fff !important;
  font-size: 20px !important;
  font-weight: normal !important;
  margin-bottom: 10px;
  opacity: 0.75 !important;
  padding: 10px;
}
.my-page-top-label.my-high {
    opacity: .75;
}  
.my-page-top-label.my-medium {
    font-size: 20px !important;
    opacity: .6;
}  
.my-page-top-label.my-high .my-btn-fa {
    cursor: pointer;
    margin: 0px 0 0 10px;
    font-size: 22px;
}
.my-page-top-label.my-medium .my-btn-fa {
    cursor: pointer;
    margin: 3px 0 0 10px;
}  
/* p0 object selector as was */
/* .my-context {
  font-size: 20px;
  margin: -10px -10px 0 -10px;
  opacity: 0.9;
  padding: 10px;
}
.my-context > div {
    width:  100%;
} 
.my-context .my-btn-fa {
  margin: 4px 0 0 10px;
}
#btnProjectChange,
#btnSiteChange,
#btnObjectChange,
#btnOrbatChange{
  background-color: #def;
  border: 1px solid #bcd;
  color: #037;
  cursor: pointer;
  display: inline-block;
  padding:  8px;
  transition: opacity 0.6s;
}
*/
/*p0 object selector */
.my-context {
  background-color: #def;
  border: 1px solid #bcd;
  font-size: 20px;
  margin: -10px 0 5px -10px;
  opacity: 0.9;
  padding: 12px;
}
.my-context > div {
  color: #037;
  cursor: pointer;
  display: inline-block;
  transition: opacity 0.6s;
  width:  100%;
} 
.my-context .my-btn-fa {
  margin: 4px 0 0 10px;
}
/* end p0 object selector */

#btnProjectChange:hover,
#btnSiteChange:hover {
  opacity: .8;
} */
/* row highlighting */
.my-row-selected {
  background-color: #efe !important;
}
/* Citations */
.abbreviation
{
    color: #373;
    font-weight:bold;
}
.glossary {
    color: #486f96;
    font-weight:bold;
}
.redaction {
    color: #db342b;
    font-weight:bold;
}
.redaction::after {
    content: "]";
}
.redaction::before {
    content: "[";
}
.reference {
    color: #009;
}
.abbreviation:hover,
.glossary:hover,
.reference:hover {
    cursor: help;
}
/* buttons */ 
.my-btn-on {
    background-color: #def !important;
}
/* text tooltips for .my-report-friendly-text in reports */
#my-text-tooltip {
    background-color: #f9efd4;
    border: 1px solid #eee;
    display: none;
    opacity: 1;
    padding: 10px;
    z-index: 500;
    position: fixed;
    top: 64px;
    right: 16px;
    max-width: 800px;
}
#my-text-tooltip-exit {
    background-color: #ddd;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
}
#my-text-tooltip-content {
   margin-top: 25px;
   max-height: 600px;
   overflow-y: auto;
}
/* elements that put up a #my-text-tooltip div*/
.click-more {
   color: #33f;
   cursor: help;
   font-weight: normal;
}
/* Flot chart no_data_found */
.a-FlotPie-message {
    text-align: center;
    padding: 10px 10px 30px 10px;
    opacity: .6;
}
/* color picker buttons */
.colorpicker_cancel,
.colorpicker_submit
{
   background: none !important;
   background-color: #333 !important;
   border: 1px solid #666;
   cursor: pointer;
   width: auto !important;
}
.colorpicker_cancel
{
   position: absolute;
   height: 22px;
   top: 142px;
   overflow: hidden;
   color: #7777;
   font-size: 15px;
   left: 291px !important;
   padding: 2px;
}
.colorpicker_submit
{
   color: #aaa;
   font-size: 20px;
   left: 296px !important;
   padding: 0 2px;
}
.colorpicker_cancel:hover,
.colorpicker_submit:hover
{
   background-color: #444 !important;
   border: 1px solid #999;
   color: #ccc;
}
/* dragndrop assignment pages, e.g. Business Unit members, Role players */
#dragdropmap,
.dragdropmap {
    margin-top: 0;
}
#dragdropmap .map-left, .dragdropmap .map-left {
   position: sticky;
   top: 0;
    width: 100%;
    z-index: 10;
}
#dragdropmap .map-right, .dragdropmap .map-right {
   clear: both;
   overflow-y: auto;
   position: relative;
   width: 100%;
}
.map-right .map-block {
  vertical-align: top;
}
.map-right .map-block-content {
  overflow-y: auto;
}
#dragdropmap .candidate-block .map-block-entry,
.dragdropmap .candidate-block .map-block-entry {
    background-color: #9effaf;
    cursor: move;
    display: block;
    float: left;
    margin: 5px;
    padding: 5px 10px;
}
#dragdropmap .map-right .map-block,
.dragdropmap .map-right .map-block {
    float: left;
    min-width: 22%;
}
#dragdropmap .map-block,
.dragdropmap .map-block, 
#dragdropmap .candidate-block,
.dragdropmap .candidate-block {
   margin: 0 20px 20px 0;
   padding: 10px;    
}
#dragdropmap .map-block,
.dragdropmap .map-block {
   display: inline-block;
   background-color:  #E2FFE7;
   border: 1px #9effaf solid;
}
#dragdropmap .candidate-block,
.dragdropmap .candidate-block {
   background-color: #f6f6f6;
   border: 1px #eee solid;
}
#dragdropmap .map-block-label,
.dragdropmap .map-block-label {
    color: #666;
    cursor: help;
    font-size: 20px;
    padding: 10px;
    text-align: center;
}    
#dragdropmap .map-block-content,
.dragdropmap .map-block-content {
    padding: 0 10px;
}
#dragdropmap .map-left .candidate-block ul,
.dragdropmap .map-left .candidate-block ul,
#dragdropmap .map-right .map-block ul,
.dragdropmap .map-right .map-block ul {
    list-style: none;
    margin: 0;
    overflow-y: auto;
    width: 100%;
}
#dragdropmap .map-left .candidate-block ul,
.dragdropmap .map-left .candidate-block ul {
    min-height: 60px;
}
#dragdropmap .map-right .map-block ul,
.dragdropmap .map-right .map-block ul {
    min-height: 100px;
    min-width: 200px;
}
#dragdropmap .map-block-entry,
.dragdropmap .map-block-entry {
    background-color: #9effaf;
    cursor: move;
    display: block;
    margin-bottom: 5px;
    padding: 5px 10px;
}
#dragdropmap .li-icon {
    margin: 2px 10px 0 0;
}
#dragdropmap .map-block-entry .li-delete,
.dragdropmap .map-block-entry .li-delete {
    cursor: pointer;
    float: right;
    margin-left: 5px;
}
#dragdropmap .map-block-content,
.dragdropmap .map-block-content {
  overflow-y: auto;
}
.dragdropmap .map-block-entry .li-edit {
    cursor: pointer;
    margin-right: 5px;
}
#dragdropmap .in-service-n,
.dragdropmap .in-service-n {
    background-color: #ddd;
    text-decoration-line: line-through;
}
#dragdropmap .in-service-y,
.dragdropmap .in-service-y {
    background-color: #9effaf;
}
.sortable-placeholder {
  border: 1px #9effaf solid;
  height: 32px;
  background-color: #f0FFf5; 
  margin-bottom: 5px;
}
.cascaded-from-unit {
    font-style: italic;
}
/* generic guest */
.guest-y {
    color: #C60;
}
/* notification menu plugin */
#notification-menu_toggleNote {
    margin: 3px 8px 0 0;
}
.my-notification-dismiss {
   cursor: pointer;
   position: absolute !important;
   margin-top: 10px;
   right: 10px;
}
.my-notification-link {
    text-decoration: underline;
}  
/* inline "success" divs */
.success-inline {
  background-color: #5BB240;
  color: #ffffff;
  display: none;
  font-weight: bold;
  margin: 10px 0;
  padding:10px;
  text-align: center;
}
/* 19.2 switch option explainer */
.my-post-switch-text {
  margin-left: 15px;   
}
/* pre/post-text with fa icons */
/* See http://apexbyg.blogspot.co.uk/2017/11/pimp-your-forms-postpre-text-icons.html */
/*
.t-Form-itemText .fa {
  opacity: .5;
  vertical-align:middle;
  top:-1px;
}
*/
.a-Button.my-btn-item-inline {
  padding: 3px 4px;
}
.my-post-item-btn {
   cursor: pointer;
   display: inline-block;
   margin-left: 3px; 
   opacity: .8 !important;
}
.my-post-item-btn.my-post-text-btn-set {
   color: #696;
}
.my-post-item-btn.my-post-text-btn-clr {
   color: #c33;
}
.my-navbar-photo-img {
   border-radius: 22px;
   height: 32px;
   width: 32px;
   vertical-align: middle;
}
.my-navbar-photo-div {
   display: inline-block;
   margin: -11px 4px 0 0;
}
/*
.my-t-Header-navBar {
  margin-top: 8px;
}
*/
/* region with no header */
.my-region-no-header .t-Region-header {
  display: none;
}
/* blank region with borders */
.my-headless-region {
   border: 1px solid #ddd; 
   border-top: 1px solid #557696; 
   border-radius: 2px;
}
/* vertical alignment */
.apex-item-display-only {
  border: none !important;
}
.my-icon-info {
  color: #1155aa;
  cursor: help;
  font-size: 13px;
  margin: -2px 0 0 5px;
}
/* QA pages */
.my-big {
  font-size: 1.4rem;
}
.my-bold {
  font-weight: bold !important;
}
.my-right {
  text-align: right !important;
}
.my-good {
  background-color: #99FF99;
}
.my-bad {
  background-color: #FF7755;
}
.t-AVPList-label:hover {
  background-color: #eeeeee;
}
.my-good,
.my-bad {
  opacity: .9;
}
.my-good:hover,
.my-bad:hover {
  opacity: 1;
}
.bad {
  cursor: pointer;
}
/* "Alerts EI with link" report template */
.alerts-ei .t-Alert--horizontal {
    margin-bottom: .2rem;
}
.alerts-ei .t-Alert-icon span {
    font-size: 32px;
}
.alerts-ei .my-alert-link {
    cursor: pointer;
    float: right;
    opacity: .5;
    width: 30px;
}
/* "Alerts EI with link" minimal format for QA or other reports without description elements */
.alerts-ei-with-link .t-Alert-body {
    display: none;
}
.alerts-ei-with-link .t-Alert--horizontal .t-Alert-wrap {
    padding: 1rem;
}    
.alerts-ei-with-link .t-Alert-buttons {
    display:block;
    font-size: 22px;
    padding-top: .5rem;
}
.alerts-ei-with-link .my-alert-link {
    font-size: 18px;
    margin: 1rem 10px 0 20px;
}
.alerts-ei-with-link .t-Alert-body {
    display: none;
}
.alerts-ei-with-link .apex-icons-fontapex .t-Alert--horizontal .t-Alert-title {
    line-height: 1rem;
}
.alerts-ei-with-link  h2 {
  font-size: 1.5rem;
}
/* "Alerts EI with link" larger format for reports with description elements */
.alerts-ei-with-link-and-description .t-Alert-buttons {
    display:block;
    font-size: 40px;
    padding-top: 1.6rem;    
}
.alerts-ei-with-link-and-description .my-alert-link {
    font-size: 18px;
    margin: 2rem 10px 0 20px;
}
.alerts-ei-with-link-and-description .t-Alert--horizontal .t-Alert-title, .t-Body-alert .t-Alert {
    margin-top: 1rem;
}
/* Collapsible region titles */
div.a-Collapsible .t-Region-title {
   cursor: pointer;
}
div.a-Collapsible .t-Region-title:hover {
   color: #459 !important;
}
/* cmapp_pg_tip region on P0*/
#tips .t-Region-header {
background-color: #eafceb !important;
border: none !important;
cursor: pointer;
}
#tips .t-Region-header button {
background-color: #eafceb;
}
#tips .t-Region-header .t-Region-headerItems {
padding: 5px 5px 5px 10px !important;
}
#tips .t-Region-bodyWrap {
background-color: #eafceb;
border: none !important;
display: none;
}
/* chat */
.my-chat {
  margin-top: 10px;
}
.my-chat-box {
  height: 575px;
  overflow-y: auto;
}
.my-chat-read {
  margin-right: 10px;
}
.my-chat-btn,
.my-chat-link-text,
.my-edit-btn {
  color: #5073AA;
}
.my-chat-read,
.my-chat-btn,
.my-chat-link-text,
.my-chat-reply,
.my-chat-delete {
  cursor: pointer;
}
.my-chatmsg-hdr {
  background-color: #f9f9f9;
  padding: 5px 0 4px 10px;
  width: 100%;
} 
.my-chatmsg-hdr div {
  display: inline-flex;
} 
.my-chat .add  {
  padding: 10px;
}
.my-chat .add span  {
    background-color: #46a;
    padding: 5px;
    color: #fff;
    cursor: pointer;
}
.my-chat .add span:hover  {
    background-color: #68c;
}
.my-chat-delete{
	border: 1px solid #ccc;
}
.my-chat-reply span  {
    background-color: #014a77;
    padding: 3px;
    color: #fff;
    cursor: pointer;
}
.my-chat-delete span  {
    background-color: #fff;
    padding: 2px;
    color: #000;
    opacity:.5;
    cursor: pointer;
}
.my-chat-reply span:hover {
    background-color: #02629f;
}
.my-chat-delete span:hover  {
    opacity:.7;
}
.my-chat .text {
  background-color: #eee;  
  margin: 0 8px 4px 0;
  padding: 10px;
}
.my-chat .who,
.my-chat .when {
  opacity: .65;
}
.my-chat .when,
.my-chat-reply,
.my-chat-delete {
  float: right;
  margin-right: 10px;
} 
.my-img-indent {
  position: absolute;
  top: 0;
  left: 0;
}
.text-unread {
  border-left: 2px #E53935 solid;
}
.my-chat-btn.unread,
.my-chat-link-text.unread {
  color: #E53935;
}
.chatmsg-current .who,
.chatmsg-current .when {
  font-weight: bold;
}
/* kanban */
.my-step-btn {
  color: #000;
  opacity: .6;
}
.my-step-btn-on {
  color: #04c;
  font-weight: bold;
  opacity: 1;  
}
/* tour tips */
#my-tour-steps{
    display: inline-block;
    margin: 5px 20px;
    font-size: 14px;
    color: #000;
}
.show-me-popup .t-Button:not(.t-Button--simple),
.show-me-popup .t-Button:not(.t-Button--simple):hover,
.show-me-popup .t-Button:not(.t-Button--simple):focus {
  background-color: transparent;
  box-shadow:none;
  color: #000;
 }
.show-me-popup .t-Button:not(.t-Button--simple){
	opacity:0.7;
  transition: opacity, .6s;
}
.show-me-popup .t-Button:not(.t-Button--simple):hover{
	opacity:1;
}
/* Apex help buttons */
.t-Button.js-itemHelp {
  padding: .4rem 1rem;
  cursor: help;
}
/* Pretius Nested Reports */
.pretius_plugin_row th {
  background-color: #ddd;
  opacity: .7;
  padding: 8px 12px;
}
/* Pretius enhanced LOV */
.pretius--enhancedLovItem.mask .itemContainer {
  border: none;
}
.pretius--enhancedLovItem.mask .itemContainer > .itemContainerBody > div.tags {
    overflow: auto;
}
/* tagging */
#tagcloud-ndf {
    opacity: .7;
    text-align: center;
}
#tagcloud ul  {
  list-style: none;
  margin-right:  0;
}
#tagcloud li {
  border-radius: 12px;
  cursor: pointer;
  display: inline-block;
  margin: 2px 0 2px 4px;
  padding: 4px 8px;
}
#tagcloud li:hover {
  border: 1px solid #f60;
}    
#tags-selected {
    border: 1px solid #999;
    min-height:  34px;
    padding: 2px 0;
}
#tags-selected li {
  background-color: #def;
  color: #369;
  border: 1px solid #9cf;
  font-weight:  bold;
}
#tags-unselected li {
  background-color: #f9f9f9;
  color: #258;
  border:  1px solid #7ac;
}
#ct-doc,
#ct-tag {
  display: inline-block;
  margin-left: 5px; 
}
.ct-tag {
  display: inline-block;
  float: right;
  font-size: 10px;
  margin-left: 10px; 
  opacity: .7;
}
/* others */ 
.updown-fa {
  color: #03c;
  opacity: .3 !important;
}
.this-tip {
  color: #666;
  font-weight: normal;
  line-height: 1rem;
}
.my-lov-add {
  cursor: pointer;
  font-size: 26px;
}
.my-info-box {
    margin: 20px 0 10px 0;
    border: 1px #ccc solid;
    padding: 10px;
}  
.hidden {
  display: none !important;
}
.apex-item-group--switch {
  margin-top: -8px;
}
.apex-button-group.apex-item-group--switch label,
.apex-button-group.apex-item-grid .apex-item-option label,
.my-switch-pill-major .apex-item-grid.radio_group .apex-item-option label {
  padding: 10px !important;
}
.apex-button-group input + label,
.apex-item-group--switch input[type="radio"] + label {
  background-color: #eee;
  color: #333;
}
.apex-button-group input:checked + label,
.apex-item-group--switch input[type="radio"]:checked + label {
  background-color: #def;
/*  font-weight: normal; */
}
custom color for switch items ... 
.a-Switch input[type=checkbox]:checked+.a-Switch-toggle {
    background-color: #4692d2;
}

.report-actions .t-Button {
  padding: .2rem .6rem;
}
.my-star-o {
  opacity: .3;
}
.my-help {
    cursor: help;
}
.my-post-text-alert {
  color: #fd4901;
  margin-left: 5px;
}
.my-tip-title{
	font-weight: bold;
    border-bottom: 1px solid #393;
    margin-bottom: 4px;
    padding-bottom: 4px;
}
.my-msgs{
  overflow: auto;
}

@media only screen and (max-width: 600px) {
  .blurb-box {
    width: 100%;
  }
}
/* footer-apex */
.footer-apex .fa,
.footer-apex a {
  color: #35a;
  transition: color 0.3s;
}
.footer-apex,
.my-bottom-right {
  background-color: #f2f2f2;
  position: fixed;
}
.footer-apex {
  right: 10px;
  bottom: 10px;
  color:#000;
  opacity: .85;
  padding: 3px 10px 0 10px; 
}
.footer-apex,
.white-text {
    color: #000;
}
.footer-apex:hover .fa.fa-heart,
.footer-apex:hover .white-text {
    color: #FF0000;
    animation: pulse 1s infinite;
}
.footer-apex .fa.fa-heart {
    transition: color 1s ease;
}
/* page breadcrumb hero regions */
/*
.t-Body-title .t-HeroRegion {
    background-color: #f0f6ff;
}
*/
.t-HeroRegion-icon {
    color: #ffc303;
    background-color: #303248;
}
.t-Body-title .t-HeroRegion {
    background-color: #55607d;
    background-color: #334466;
}
.t-Body-title .t-HeroRegion-title {
/*    color: #394c87; */
    color: #fff;
}

/* app home page menu cards */
#app-home-menu .t-Cards--float .t-Cards-item {
    max-width: 500px !important;
    min-width: 200px;
    width: 16.6%;
}
@media screen and (max-width: 480px) {
    #app-home-menu .t-Cards--float .t-Cards-item {
      width: 100%;
    }
}    
/* others */
.my-on {
    color: #0572ce;
}
.my-bg-Yes {
  background-color: #d0f1cc;
}
.my-bg-No {
  background-color: #ffd6d2;
}
/*
.apex-item-option input[type="radio"]:checked + label {
  background-color: #0566aa !important;
  color: #fff !important;
  font-weight: normal;
}
*/
/* Post UT 21.1, remove unwanted changes... */
/* .a-IRR-toolbar {   commented by Daniel 2025/09/03
    border-bottom-width: 0;
}     */
.t-Cards--float .t-Cards-item:last-child {
    margin-bottom: var(--ut-cardlist-grid-gap, 16px);
}
/* End Post UT 21.1 changes... */
/*
#page-title-region .t-HeroRegion-icon.t-Icon {
    color: transparent;
}
*/
#page-title-region .t-HeroRegion-icon.t-Icon {
    transition: all 1s;
}
/* pill buttons */
.t-Form-fieldContainer--radioButtonGroup .apex-item-group--rc input:checked+label, .ui-button--hot {
    --a-button-background-color: #679;
}
/* menus as lists on a page (cf a109 p6) */
.my-menu-media-list .t-MediaList--cols .t-MediaList-item {
    box-shadow: none;
}
/* hide report headers */
.my-report-hide-head thead {
   display: none;
}
/* remove outline from collapsible region titles */
.t-Region--hideShow .a-Collapsible-heading button {
  outline: none;
} 
/* prominence */
.my-prominent {
  font-size: 14px !important;
  font-weight: bold !important;
  opacity: .9 !important;
}
.ei-sticky {
   background-color: #fff;
   position: sticky;
   z-index: 490;
}
/* FOS notifications */
.fos-Alert--page .fos-Alert-title {
    font-size: 1.2rem !important;
    margin-top: 0  !important;
}
.oci-context-title{
    display: inline-flex;
    padding: 7px;
    border: 1px solid #999;
    //width: 500px;
    background-color: #ededed;
    margin: 4px 4px;
    cursor: pointer;
}
.oci-context-title span{
   margin: 5px;
}
/* Slim page title Hero region */
.t-HeroRegion {
    padding: .2rem .7rem;
}
/* @media (min-width: 640px) */
.t-HeroRegion-title,
.t-HeroRegion-title h1 {
    font-size: 1rem;
    line-height: 1.75rem;
}
.t-HeroRegion-icon, .t-HeroRegion-icon.fa-lg {
    font-size: 1.25rem;
}
.t-HeroRegion-icon {
    -webkit-margin-end: 1rem;
    height: 1rem;
    line-height: 1rem;
    width: 1rem;
}
#page-title-region .t-HeroRegion-icon.t-Icon {
    background-color: transparent !important;
}
.tip-toggle-normal,
.vid-show-normal,
.go-gloss {
  top: 4px;
}
.my-context {
    background-color: #def;
    border: 1px solid #bcd;
    font-size: 16px;
    font-weight: bold;
    margin: -16px -16px 5px -16px;
    opacity: 0.9;
    padding: 6px 12px;
}
/* End Slim page title Hero region */
/* QA cards */
.qa .a-CardView-item {
  text-align: center;
}
.qa .a-CardView-title {
  font-size: 30px;
}
.qa .a-CardView-body {
  padding-top: 0;
}
.qa .a-CardView-mainContent {
  font-weight: bold;
}
.qa .info {
   background-color: #c3ddfb;
}
.qa .success {
   background-color: #c9ffc9;
}
.qa .danger {
   background-color: #ffebb6;
}
/* End QA cards */
/* Cirsium SVG icons */
.iconsvg-display svg{
   width:60px;
   border: 1px solid #ff0042;
}
/* End Cirsium SVG icons */
/* Prominent field labels */
.my-field-label-bold .t-Form-labelContainer {
   font-weight: bold;
   --ut-field-fl-label-font-size: 14px;
}
/* end */
/* Overrides for APEX col-n widths, for dynamic control of same-row region widths as on OATS apps page 1 Cards regions */
.my-col-none {
   display: none;
   flex-basis: 0% !important;
   max-width: 0% !important;
}
.my-col-third {
   flex-basis: 33% !important;
   max-width:33% !important;
}
.my-col-half {
   flex-basis: 50% !important;
   max-width:50% !important;
}
.my-col-all {
   flex-basis: 100% !important;
   max-width:100% !important;
}
/* end */
/* more prominent item help */
.a-Icon.icon-help {
   background-color: #efe;
}
/* end */
/* Suite and app overview (blurb) display */
.overview h1 .fa,
.overview h2 .fa,
.overview h3 .fa,
.overview h4 .fa,
.overview p .fa {
   font-size: inherit;
   line-height: inherit;
}
.overview p {
   font-size:18px;
}
.overview .ndf {
   font-size: 24px;
   opacity: .6;
   margin: 40px auto;
}
/* end */
/* charts region on faceted search pages... */
#charts {
  margin-bottom: 20px;
}
/* end */
/* override collapsibe region borders */
.t-Region.is-expanded {
   border: none !important;
   border-top: none !important;
}  
/* end */

#object_list_menu .a-Menu-content ul {
   max-height: 500px;
   overflow-y: auto;
}
#object_list_menu .a-Menu-content .a-Menu-labelContainer {
   margin-right: 20px;
}
#object_list_menu .a-Menu-content .a-Menu-labelContainer .a-Menu-statusCol {
   margin: 0 2px 0 4px;
}
#object_list_menu .a-Menu-content .a-Menu-labelContainer .a-Menu-statusCol .fa {
   font-size: .9rem;
   padding: 2px 0;
}
#object_list_menu .a-Menu-content .a-Menu-labelContainer a {
   font-size: .85rem;
}
#object_list_menu .a-Menu-content .a-Menu-accelContainer {
   display: none;
}

.object-control-container {
   background-color: #def;
   border: 1px solid #bcd;
   font-size: 16px;
   font-weight: bold;
   margin: -16px -16px 5px -16px;
   opacity: 0.9;
   padding: 6px 12px;
   display: block;
}
.object-control-container .object-control-text {
   cursor: pointer;
   display: flex;
   align-items: baseline;
   background: transparent;
   border: 0;
   outline: 0;
   padding: 0;
}
.object-control-container .object-control-text .object-control-text-title {
   font-size: 13px;
   margin-right: 6px;
}
.object-control-container .object-control-text .fa-caret-down {
   margin-left: 2px;
   top: 1px;
}