/*
  RESPONSE brand theme tokens.
  Light/dark via data-theme on <html> (UI5) or default :root (light).
  --color-accent is the primary interactive brand color.
*/

:root,
:root[data-theme="light"] {
  color-scheme: light;

  /* brand */
  --color-primary: #110033;
  --color-accent: #e11d4d;
  --color-accent-light: #febece;
  --color-accent-hover: #c41842;

  /* surfaces */
  --color-light-bg: rgb(253, 253, 254);
  --color-light-bg-2: rgb(250, 250, 254);
  --color-light-bg-alt: rgb(242, 242, 250);
  --color-light-bg-faint: #fff5f4;
  --color-surface: #ffffff;
  --color-surface-2: rgb(242, 242, 250);
  --color-surface-3: rgb(232, 232, 242);
  --color-border: #e3e5f0;
  --color-border-strong: #cdd0e3;

  /* text */
  --color-text: #333333;
  --color-text-muted: #666c85;
  --color-text-faint: #979db5;
  --color-text-invert: #ffffff;

  /* controls */
  --color-focus-ring: rgba(225, 29, 77, 0.3);
  --color-input-bg: #ffffff;
  --color-font: 'Inter', -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* shape + layout (non-color; shadows are re-stated for dark below) */
  --ui-radius: 10px;
  --ui-radius-sm: 6px;
  --ui-topnav-h: 57px;
  --ui-shadow-1: 0 1px 2px rgba(17, 0, 51, 0.06), 0 1px 10px rgba(17, 0, 51, 0.06);
  --ui-shadow-2: 0 6px 24px rgba(17, 0, 51, 0.16);

  /* semantic */
  --color-success: #12b76a;
  --color-success-soft: #e3f8ee;
  --color-warning: #f79009;
  --color-warning-soft: #fef0dc;
  --color-danger: #ef4444;
  --color-danger-soft: #fdeaea;
  --color-info: #2e90fa;
  --color-info-soft: #e6f1fe;

  /* chart series (complementary to accent/primary) */
  --color-chart-1: #e11d4d;
  --color-chart-2: #110033;
  --color-chart-3: #2e90fa;
  --color-chart-4: #12b76a;
  --color-chart-5: #f79009;
  --color-chart-6: #7c3aed;
  --color-chart-7: #0d9488;
  --color-chart-8: #64748b;
}

:root[data-theme="dark"] {
  color-scheme: dark;

  --color-primary: #e7e8ef;
  --color-accent: #ff5c82;
  --color-accent-light: #3a2230;
  --color-accent-hover: #ff7a9a;

  --color-light-bg: #1d1f29;
  --color-light-bg-2: #14151c;
  --color-light-bg-alt: #262937;
  --color-surface: #1d1f29;
  --color-surface-2: #262937;
  --color-surface-3: #303448;
  --color-border: #32354a;
  --color-border-strong: #454965;

  --color-text: #e7e8ef;
  --color-text-muted: #9ba1b8;
  --color-text-faint: #6d7390;
  --color-text-invert: #ffffff;

  --color-focus-ring: rgba(255, 92, 130, 0.35);
  --color-input-bg: #262937;

  --ui-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.5);
  --ui-shadow-2: 0 6px 24px rgba(0, 0, 0, 0.6);

  --color-success: #32d583;
  --color-success-soft: #1c332b;
  --color-warning: #fdb022;
  --color-warning-soft: #38301b;
  --color-danger: #f97066;
  --color-danger-soft: #3b2225;
  --color-info: #53b1fd;
  --color-info-soft: #1e2c3d;

  --color-chart-1: #ff5c82;
  --color-chart-2: #c4b5fd;
  --color-chart-3: #53b1fd;
  --color-chart-4: #32d583;
  --color-chart-5: #fdb022;
  --color-chart-6: #a78bfa;
  --color-chart-7: #2dd4bf;
  --color-chart-8: #94a3b8;
}


/* vis cues */


.redhighlight{
  background-color:#f66;
  background:#f66;
  padding:2px 4px;
  border-radius:2px;
  color:white;
}

.redhighlight a {
  color:white;
}


.orangehighlight{
  background-color:orange;
  padding:2px 4px;
  border-radius:2px;
  color:white;
}
.grayhighlight{
  background-color:#999;
  padding:2px 4px;
  border-radius:2px;
  color:white;
}
.greenhighlight{
  background-color:#1ABB9C;
  padding:2px 4px;
  border-radius:2px;
  color:white;
}
.bluehighlight{
  background-color:#59bce3;
  padding:2px 4px;
  border-radius:2px;
  color:white;
}
.yellowhighlight{
  background-color:#f3e263;
  padding:2px 4px;
  border-radius:2px;
  color:white;
}


/* NEW */
.redhighlight{
   padding: 3px 8px;
   border-radius: 12px;
   color: #c0392b;
   border: 1px solid  #c0392b;
   background: #fff5f4;
   white-space: nowrap;
   /* box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.15); */
}

.greenhighlight{
   padding: 3px 8px;
   border-radius: 12px;
   color: #1ABB9C;
   border: 1px solid  #1ABB9C;
   background: #eef7ee;
   white-space: nowrap;
   /* box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.15); */
}

.orangehighlight{
   padding: 3px 8px;
   border-radius: 12px;
   color: orange;
   border: 1px solid  orange;
   background: #fff;
   white-space: nowrap;
   /* box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.15); */
}

.yellowhighlight{
   padding: 3px 8px;
   border-radius: 12px;
   color: goldenrod;
   border: 1px solid goldenrod;
   background: #fff;
   white-space: nowrap;
   /* box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.15); */
}

.bluehighlight{
   padding: 3px 8px;
   border-radius: 12px;
   color: #59bce3;
   border: 1px solid #59bce3;
   background: #fff;
   white-space: nowrap;
   /* box-shadow: 0 0 0 2px rgba(192, 57, 43, 0.15); */
}
/* NEW */


.toolbar-badge-active a {
    color: var(--color-text-invert) !important;
}

.btn-cancel {
    color: white !important;
}

body.ui5 .btn-primary i{
    color: var(--color-text-invert) !important;
}

.tab_active{
    background: var(--color-accent);
    border-bottom:2px solid var(--color-text-invert);
}

.tab_active a{
    /* color: var(--color-accent) !important; */
    color: var(--color-text-invert) !important;
}

.btn-active {
    color:var(--color-text-invert) !important;
}

.btn-secondary {
    border: 1px solid var(--color-accent);
}

.dropdown-menu > li > a {
    font-size: 13px;
}

.dropdown-more-menu li a {
    line-height: 22px !important;
}

.LCSelectbaseTabItem {
 border: 1px solid var(--color-accent);
 background: var(--color-accent);
 color:var(--color-text-invert);
}

.nav>li>a:hover, .nav>li>a:focus {
}

.morebutton:hover {
    background: var(--color-accent) !important;
    color: var(--color-text-invert);
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    color: var(--color-accent);
}


/* printouts always render on the light palette */
@media print {
  :root,
  :root[data-theme="dark"] {
    color-scheme: light;
    --color-primary: #110033;
    --color-accent: #e11d4d;
    --color-accent-light: #febece;
    --color-accent-hover: #c41842;
    --color-light-bg: #ffffff;
    --color-light-bg-2: #ffffff;
    --color-light-bg-alt: rgb(242, 242, 250);
    --color-surface: #ffffff;
    --color-surface-2: rgb(242, 242, 250);
    --color-surface-3: rgb(232, 232, 242);
    --color-border: #e3e5f0;
    --color-border-strong: #cdd0e3;
    --color-text: #333333;
    --color-text-muted: #666c85;
    --color-text-faint: #979db5;
    --color-text-invert: #ffffff;
    --color-focus-ring: rgba(225, 29, 77, 0.3);
    --color-input-bg: #ffffff;
    --ui-shadow-1: none;
    --ui-shadow-2: none;
    --color-chart-1: #e11d4d;
    --color-chart-2: #110033;
    --color-chart-3: #2e90fa;
    --color-chart-4: #12b76a;
    --color-chart-5: #f79009;
    --color-chart-6: #7c3aed;
    --color-chart-7: #0d9488;
    --color-chart-8: #64748b;
  }
}


.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: var(--color-light-bg-alt);
}


body,a {
  font-family: var(--color-font);
  color: var(--color-text);
  font-size: 15px;
}

a {
    color: var(--color-accent);
    text-decoration: none;
}


.breadcrumb a {
    color: var(--color-accent);
    text-decoration: none;
}

.breadcrumb a:hover {
    color: var(--color-accent-hover);
}


body .container.body .right_col, .main_container {
  background: var(--color-light-bg-2);
}

.page-title-wrapper {
  background: var(--color-light-bg-2);
}

.base_dark_background{
    background: var(--color-accent);
    background-color: var(--color-accent);
    color: var(--color-text-invert) !important;
}

.base-color{
    color: var(--color-primary);
}

.base-sub-title{
    color: var(--color-primary);
    font-style: italic;
}


h3 a{
font-size: 24px;
}

table.display td {
  padding: 14px 6px;
}

.base_background{
    background:var(--color-light-bg) !important;
    background-color:var(--color-light-bg) !important;
    color: var(--color-primary) !important;
}

.base_border{
    border: 1px solid var(--color-primary) !important;
}

.nav.side-menu>li.current-page, .nav.side-menu>li.active {
    border-right: 5px solid transparent;
}

menu>li.active {
    border-right: 5px solid transparent ;
}

.superuseraction{
   padding:2px;
   border-radius:2px;
    background: var(--color-danger-soft);
    color: var(--color-danger);
    border:1px solid var(--color-danger);
}

.dataTables_wrapper{
   padding:8px;
   border-radius:8px;
    background: var(--color-surface);
}

tr.odd, tr.even,tr.odd td.sorting_1,tr.even td.sorting_1 {
    background-color: var(--color-surface) !important;
    border-bottom: 1px solid var(--color-border-strong) !important;
}

.dataTables_wrapper a {
    font-size: 15px;
}

.dataTables_wrapper, .dataTables_wrapper .sorting, .dataTables_wrapper .sorting_asc ,.dataTables_wrapper .sorting_desc {
    font-size: 15px;
}

.nav_title {
  border-right: 1px solid transparent !important;
 }

.left_col{
	background: var(--color-surface);
	color: var(--color-text);
	border-right: 1px solid var(--color-border);
}

.object_icon_circle {
    color: var(--color-primary);
}


.nav.side-menu > li > a, .nav.child_menu > li > a {
	color: var(--color-text-muted);
	margin-left:0px;
	margin-right:1px;
	border-radius:8px;
}


.nav.side-menu > li > a:hover {
  color: var(--color-text) !important;
  background: var(--color-surface-2) !important;
}


.menu_icon_circle .fa-stack-2x {
	color: #FFFFFF;
}
.menu_icon_circle .fa-stack-1x {
	color: #61294B;
}
.nav-sm .module_base a .title {
	display:none;
}

.nav-sm .module_base a .fa-chevron-right {
	color:transparent;
}

.nav-sm .nav.side-menu li a{
    padding:0px;
}

.nav-sm .nav.side-menu li {
    padding:0px;
}

.nav-sm .nav.side-menu li a i {
  width: unset !important;
}


.module_base{
margin:4px 0px;
white-space: nowrap;
}

.module_base>a>span{
  vertical-align: middle;
  padding-bottom: 3px;
}
.module_base>a>span.fa-chevron-right{
  vertical-align: middle;
  font-size:12px;
}


.module_base>a:hover{
  background-color: unset;
  border:0px solid transparent;
}


.nav.side-menu > li.active > a {
    background: #031137;
}

.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {
    border-right: 5px solid transparent;
}


.nav-md ul.nav.child_menu li::before,.nav-md ul.nav.child_menu li::after {
    background: var(--color-primary) ;
}

.nav.side-menu > li.current-page, .nav.side-menu > li.active {
    NOborder-right: 5px solid var(--color-primary) ;
    NObackground: var(--color-light-bg);
    NOcolor: var(--color-primary);
}

.nav-md > .container{
  margin-top: 0px !important;
}

.nav.side-menu > li.current-page, .nav.side-menu > li.active>a{
    NOborder-right: 5px solid var(--color-primary) ;
    background: var(--color-light-bg);
    color: var(--color-primary);
}

.ui-dialog-background{
    background-color: var(--color-surface);
    border-radius: 8px;
    padding-top: 20px !important;
    font-size: 16px;
    margin-top: 10px;
}

.btn-primary {
  background-color: var(--color-accent);
  padding: 8px 8px;
  border-radius: 6px;
  border-color: var(--color-accent);
  color: var(--color-text-invert);
}

.btn-link {
  color: var(--color-accent);
  NOpadding: 8px 8px;
  NOborder-radius: 6px;
}


.btn-alt-link {
  color: #26B99A;
  NOpadding: 8px 8px;
  NOborder-radius: 6px;
}


.btn-icononly{
    background: var(--color-light-bg);
    color: var(--color-primary);
    border-color: var(--color-light-bg);
}


/*
f35b04
*/


.list_item {
  background: var(--color-surface) !important;
  display: block;
  color: var(--color-text) !important;
  border:1px solid var(--color-primary) !important;
  border-radius:4px;
  padding: 4px 1px;
}

.theme_highlight {
  background-color: var(--color-accent);
  padding: 2px 4px;
  border-radius: 2px;
  color: var(--color-text-invert);
}


.object_select_btn i {
  color: var(--color-text-faint);
}

.clear_filter_btn i{
  color: var(--color-text-faint);
  border-color:transparent;
}

.salesmatlisttag{
    background: var(--color-info-soft);
    color: var(--color-info);
    border:0px;
    padding:3px 8px;
    font-size: 14px;
    border-radius:6px;
}


.btn-primary-thin {
  background-color: var(--color-accent);
  padding: 0px 8px;
  color: var(--color-text-invert);
}


.btn-primary:hover {
  color: var(--color-text-invert);
  background-color: var(--color-accent-hover);
  border-color: transparent;
}

.badge-bg-custom {
  background-color: var(--color-accent);
}

.fontlevel1{
color:#b22d19 !important;
}
.fontlevel2{
color:#DF6632 !important;
}
.fontlevel3{
color:#f5bf42 !important;
}
.fontlevel4{
color:#9fce63; /*cc6619*/
}
.fontlevel5{
color:#67a417 !important;
}

.hlsmllevel1{
padding:6px 4px;
border-radius:4px;
color:white;
background-color:#b22d19 !important;
opacity: .9;
}
.hlsmllevel2{
padding:6px 4px;
border-radius:4px;
color:white;
background-color:#DF6632 !important;
opacity: .9;
}
.hlsmllevel3{
padding:6px 4px;
border-radius:4px;
color:white;
background-color:#f5bf42 !important;
opacity: .9;
}
.hlsmllevel4{
padding:6px 4px;
border-radius:4px;
color:white;
background-color:#9fce63; /*cc6619*/
opacity: .9;
}
.hlsmllevel5{
padding:6px 4px;
border-radius:4px;
color:white;
background-color:#67a417 !important;
opacity: .9;
}
.hlsmllevel0{
padding:6px 4px;
border-radius:4px;
color:white;
background-color:#224488 !important;
opacity: .9;
}


.header_action{
  border:unset;
  padding:0px;
  margin:0px;
  margin-top: 10px;
  padding: 0px 12px !important;
}

.header_action a{
  border-bottom:1px solid #EEE;
}

.header_action_active {
  border-top: 6px solid #ff6666;  /* 344f73 */
  border-top: unset;
  background: transparent;
}

.header_action_active a{
  color: var(--color-primary) !important; /* 344f73  133157  */
  border-bottom:2px solid var(--color-primary);
}


.lifecycle_wrapper {
NObackground: repeating-linear-gradient(
  45deg,
  rgba(200,200,200,0.2), /* White, starting at pixel 0 */
  rgba(200,200,200,0.2) 10px,  /* White, continuing to pixel 1 */
  transparent 10px, /* Transparent beginning at pixel 1 */
  transparent 20px /* Transparent ending at pixel 11 (10 + 1) */
);
  background-color: var(--color-info-soft);
  cursor:unset;
  pointer-events: none;
  color: var(--color-info) !important;
  border:1px solid var(--color-info);
}

h3 .fa-stack .fa-inverse {
  margin-top: -1px !important;
}

.nav-sm ul.nav.child_menu {
  background: var(--color-surface-2);
}

/*.nav.child_menu li:hover, .nav.child_menu li.active {*/
.nav.child_menu li a:hover {
  /*background-color: rgba(225, 225, 255, 0.2);*/
  color: var( --color-accent);
}

.nav-sm ul.nav.child_menu {
}