/* style adjustments for Universal Theme

***IMPORTANT***
---------------
PLEASE INCLUDE AUTHOR COMMENTS AGAINST CHANGES

--------
SW Oct15 Created.
SW Jun16 Added uncheckbox
SW Aug16 Modified brand colours to match sales_office table, added L
SW Jul17 B21 ML colour on 102:5 brands
SW Jan18 Renamed to match current APEX version, to allow differences between versions
         Commented a few things that may not be required for later
         Copied .connlost from vbs.css, which is for 4.x?

         Likely don't use this until theme verified.
SW Aug18 Don't adjust success message in modals
         body-btn
SW Aug18 Don't adjust success message on mobile
SW Oct18 Added z-index for messages
SW Apr19 Moved to 18.2 UT.
         Removed padding from menu icon
CB Jun19 Overcome a bug where a vertical scrollbar is displayed even when the page content was empty or smaller then the browser height.
SW Sep19 Added class for page history
SW Jan20 B74 Added nowrap
SW Jan20 B74 versioned to 19.2, moved card branding to %_logos.css, .body-btn shouldn't be necessary
SW Feb20 B74 Display item class
SW Mar2020 - adjusted nodatafound
SW Jun2020 - added footer-text
SW Oct0202 - Added boldme - how was this never in?
*/

.hideme { display: none;}

.boldme {font-weight:bold;}

/* Utility to stop wrapping */
.nowrap {
  white-space: nowrap;
}

/* No data found */
span.nodatafound {
  font-size:110% !important;
/*  border: 1px solid #e6e6e6;
  background: #fbfbfb;
  color: #878887;
  display: block;
  font-weight: normal;
  margin: 6px 8px 6px 10px;
  padding: 15px !important;
  text-align: left;
  border-radius: 4px;*/
}

/* For region footer text */
.footer-text {
  margin-left: 10px;
  margin-right: 8px;
  font-size: 90%;
  font-style: italic;
  line-height: 2.5em;
}

div.connlost {
  padding-bottom: 15px;
}
div.connlost h1 {
  font-weight: bold;
  font-size: 150%;
  padding: 15px;
}
div.connlost span {
  font-size: 120%;
}


  /*
  red (border/back):
  1px solid #F99898
  #FFE8E8

  green (border/back):
  1px solid #76DE7D
  #EBFFEC
*/
div.inline-help, div.inline-help-force {
  font-size:120% !important;
  border: 1px solid #DCCDF9;
  background: #F3F0F9;
  color: #384F34;
  display: none;
  font-weight: normal;
  margin: 2px auto 14px;
  padding: 10px !important;
  text-align: left;
}
div.inline-help-force {display: block;}

.t-Alert--help {
  font-size:120% !important;
  border: 1px solid #DCCDF9;
  background: #F3F0F9;
  color: #384F34;
  display: none;
  font-weight: normal;
}

/* Place success message in slightly better spot - away from button, navbar */
@media  (min-width: 600) {
  .t-Body #t_Alert_Success {
    top: 43px;
    /*right: 143px;*/
    right: 30%;
  }
}
/* Customise error message colour */
#customErrorMessage .t-Alert--customError {
  background-color:rgba(170, 44, 56, 0.9);
}
.t-Alert--defaultIcons.t-Alert--customError .t-Alert-icon .t-Icon:before{
  content: "\e017";
}

/* Purple checkbox buttons */
.t-Button:focus {
  box-shadow: 0 0 0 1px rgba(0,0,0,.125) inset !important;
}
.t-Button--checkbox:hover {
  background-color: rgba(220, 205, 249, 0.76) !important;
}
.t-Button--uncheckbox:hover {
  background-color: rgba(220, 205, 249, 0.76); /* purple */
}
.t-Button--checkbox {
 background-color: #DCCDF9 !important; /* purple */
 color: #061422;
}

.t-Button--checkbox-RO {
  cursor: default !important;
}

/* Tone it down in UT */
/*span.nodatafound {
  font-weight: normal;
}*/

/* EH Do we really want to do this? */
/* Enlarge close button a touch */
/*.ui-dialog-titlebar .ui-button.ui-corner-all {padding:15px;}*/

/* Font-awesome modifiers
 https://twitter.com/andre_blu/status/596782981160763392 */
/*.fa-lg {
  font-size: 1.33333333em !important;
  line-height: 0.75em !important;
  vertical-align: -15% !important;
}
.fa-2x {
  font-size: 2em !important;
}
.fa-3x {
  font-size: 3em !important;
}
.fa-4x {
  font-size: 4em !important;
}
.fa-5x {
  font-size: 5em !important;
}*/

/* Add curve to button corners */
.t-Button {
  border-radius: 3px;
}

/* App icons in card list were smaller in 5.1 UT, seemed intent of template */
.t-Card-icon {font-size: 2.4rem;}

/* Move breadcrumb buttons away from RHS hamburger */
.t-BreadcrumbRegion-buttons {
    padding-right: 50px;
}

/* Padding above refresh/go button */
.rhs-refresh {margin-top:20px;}

/* Make pagination bigger */
.t-Report-paginationText b {padding: 9px 14px;}
.t-Report-paginationText a {padding: 8px 13px;}
/* Border unselected entries */
.t-Report-paginationText a {border: 1px solid #2578CF;}

/* Match new template options */
select.group_selectlist {
  width: 100%;
  height:32px;
  color: #404040;
  background-color : #f2f2f2;
  font-size: 14px;
  padding: 5px 30px 4px 7px;

  background-image:     url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjQsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM2IDM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxyZWN0IG9wYWNpdHk9IjUuMDAwMDAwZS0wMiIgZmlsbD0iIzIzMUYyMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ii8+DQo8cGF0aCBvcGFjaXR5PSIwLjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMjMxRjIwIiBkPSJNMTgsMTEuOWw0LjUsNS4xaC05TDE4LDExLjl6IE0xOCwyNC4xTDEzLjUsMTloOQ0KCUwxOCwyNC4xeiIvPg0KPHJlY3Qgb3BhY2l0eT0iOS45OTk5OTllLTAyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iIzIzMUYyMCIgd2lkdGg9IjEiIGhlaWdodD0iMzYiLz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: contain;
  -webkit-appearance: none;
}
select.group_selectlist:focus
,select.group_selectlist:hover {
 background-color : white;
}

/*EH - 8/03/2016 used by vbsUT.setRowButtonReadOnly to make a table button readonly*/
a.rowButtonReadOnly {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    box-shadow: 0 0 0 1px #2578cf inset;
    background-color: #fff;
    color: #325c87;
    border-radius: 3px;
    cursor: default !important;

}



/*
   EH Mar16 - associate with buttons that are readonly and rendered
      within a report either by link or in the query
*/
.vbs-rowbutton-RO, .vbs-rowbutton-RO:hover, .vbs-rowbutton-RO:focus {
    cursor: default !important;
    box-shadow: 0 0 0 1px #2578cf inset !important;
    background-color: #fff !important;
    color: #325c87 !important;
}


/* EH sourced from P-Track packaged app*/
.vbs-status-label {
  display: inline-block;
}
.vbs-status-color {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    border-radius: 100%;
    margin-right: 8px;
    box-shadow: 0 0 0 1px rgba(0,0,0,.1) inset;
}

/* These ones I've taken from font-apex-5.0.css */

/* icon usage within breadcrumb */
.t-Breadcrumb-label .fa {
  padding-top: 3px;
  font-size:inherit;
}

/* Left side sub menu */
#t_TreeNav ul ul .a-TreeView-content .fa {
    font-size: 12px !important;
}

/* Custom On/Off Color - Yes Color
https://community.oracle.com/message/14704777#14704777  */
.t-Form-fieldContainer--radioButtonGroup .customOnOffColor.apex-item-radio input[value=Y]:checked + label,
.customOnOffColor.apex-button-group input[value=Y]:checked+label {
    background-color:#A5D6A7
}

/* So inline modals have messages display above modal, apparently not required for 18.x
  2nd class for pretius notifications
  https://community.oracle.com/thread/4179688 */
.t-Alert--page
,div.p-Alert.TOPRIGHT {
    z-index: 1000;
}

/* B65 highlight icon when user has become someone else */
.became a {color:crimson !important;}

/* Overcome a bug where a vertical scrollbar is displayed even when the page content was empty or smaller then the browser height.
   See https://community.oracle.com/thread/4186993 The solution in forum post would have required changes to the standard APEX JS.  This option fixes the issue*/
.t-Body-content { min-height: 91vh;}

/* on bottom of page, to line up with version info */
.page_history .t-Report-cell { padding-left: 0px;}

/* Consistency for display items */
.display--large {height:56px;}

/* 19.2 alternating rows is a little intense... */
.t-Report--altRowsDefault .t-Report-report tr:nth-child(odd) .t-Report-cell {
    background-color: #fcfcfc;
}
/* Expected end */