/* This css is meant to be having only the theme skin color of WE
NO structural styles or common css should be included here */
/* --action_clr:#30A6AF;
--action_hvr_clr:#69E0E3;
--action_d_clr: #4DC7CC;
--action_d_hvr_clr:#84FFFF;
--loader_first_ring_clr:#64dadd;
--loader_second_ring_clr:#1e929c;
--action_hvr_bg: #CBE9EB;
--accent_clr: #282829;
--accent_sec_clr: #75787B;
--accent_d_clr: #8A8C8F;
--loader_first_ring_clr:#b82980;
--loader_second_ring_clr:#7e489c;
--action_clr:#009cbd;
--action_hvr_clr:#16b9da;
--action_hvr_bg: #eee;
--accent_clr: #009cbd;
--accent_sec_clr: #8A8C8F;
--accent_d_clr: #8A8C8F;
--cons_green_clr: #84bc01; */
/* Header */
.brand {
    background-color: black;
}
/* Light Background */
/* Link color and button color */
.dispaly-icons::before,
.btn,
.link,
.pageHeader .left,
.page-title,.p-menuitem-link .p-menuitem-text,
.p-menuitem-link .p-menuitem-icon::before,
.action-color,
.tooltip-icon::before,
.p-selectbutton.p-buttonset .p-button-label,
.p-picklist-buttons.p-picklist-transfer-buttons > button.p-button.p-component,
.page-header > .page-combo-box .page-value::before
{  
    color: #30A6AF !important;
}
/* Link hover color light*/
.dispaly-icons:hover ::before,
.btn:hover,.p-menuitem-link:hover .p-menuitem-text,
.p-menuitem-link:hover .p-menuitem-icon::before,
.filter-header > .title:hover::before,
.table-search .iconset .icsearch:hover:before {
color: #69E0E3 !important;
}
.p-button:enabled:hover{
  border-color: #69E0E3 !important;
}
.p-element.p-datatable-tbody tr:hover,
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link,
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link{
  background: #cce9eb;
}
/* DARK background*/
/* Link color and button color */

a.dark,.btn.dark,
.table-search .iconset .icsearch::before,
.table-customization .p-multiselect .p-multiselect-label.p-placeholder,
.table-customization .p-multiselect-trigger-icon::before,
.p-paginator-icon.pi::before,
.table-search  .icsearch::before,
.p-dropdown-trigger-icon.pi::before
{  
    color: #4DC7CC;
}

/* Link hover color light*/
.filter-header > .title:hover,
.p-paginator-icon.pi:hover::before,
.table-search  .icsearch:hover:before,
.table-customization .p-multiselect:hover .p-multiselect-label.p-placeholder,
.table-customization .p-multiselect:hover .p-multiselect-trigger-icon::before,
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
color: #84FFFF !important;
}
/* Active and higlight color */
.menulink:hover,a.router-link-active,
a.router-link-active *,
.morenav-list li a:hover,ul.list li.submenu-item-list:hover > a > *,
ul.list li.submenu-item-list:hover a::after,
.tile-sublist-menu > li:hover > a,
.userinfo-list > li a:hover,ul.tabs > li:hover > a,
.tab-items:hover > a,
.showingtab > a,ul.list > li:hover > a::before,
ul.tabs > li:hover > a::before,li.opentab > a,
.p-tabmenuitem.p-highlight > a > span,
li.submenu-item-list > a.router-link-active::after{
    color: #BA2381 !important;
}

 li.MainActiveMenu > a::after {
  background: #BA2381;
  bottom: 0;
  content: '';
  display: block;
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}
/* Footer */
.footer-btn:hover,.footer-socialIcons span > a:hover {
    color: #84FFFF !important;
}

/* Menu */
ul li.active{
    border-bottom:2px solid 69E0E3;
}
/* filter */
.filter-container,.filterpanel.p-accordion .p-accordion-content {
    background: #404040;
    border-color: transparent;
}
.filter-label,
.p-selectbutton.p-buttonset .p-button.p-highlight .p-button-label {
    color: #fff !important;
}

/* checkbox */

.p-checkbox .p-checkbox-box.p-highlight,
 .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover,
 .p-radiobutton:not(.kinetic-radio) .p-radiobutton-box.p-highlight,
 .action-bg,
 .p-selectbutton .p-button.p-highlight{
    border-color: #30A6AF !important;
    background: #30A6AF !important;
}

.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover,
.p-checkbox .p-checkbox-box{
  border-color:#888b8d !important;
}

.p-checkbox.p-checkbox-disabled .p-checkbox-box.p-disabled{
  border-color:#d0d0d0 !important; 
}

.p-checkbox-icon.pi.pi-check::before{
  content: '\e82b';
  font-family: 'Linecons';
}
/* disabled */
.p-disabled .p-paginator-icon.pi::before{
    color: #8a8c8f!important;
  }

/* panel background */
.p-datatable.p-component .p-paginator.p-component{
background-color: #000;
}

.color-on-light {color: #282829;}
.secondary-color{color: #75787b;}
.label-on-dark {color: #8a8c8f}
.btn-color-dark{color:#4DC7CC;}
.btn-color-light{color:#84FFFF;}



/* Tab CSS - BEGIN */
.p-tabview.internal-menu .p-tabview-nav li:before,
.p-tabmenu.internal-menu .p-tabmenu-nav li:before {
  background: #ba2381;
}

.p-tabview.internal-menu .p-tabview-nav li:first-child:not(.p-highlight),
.p-tabmenu.internal-menu .p-tabmenu-nav li:first-child:not(.p-highlight) {
  border-left: 1px solid #d0d0d0 !important;
}

.p-tabview.internal-menu .p-tabview-nav li.p-highlight,
.p-tabview.internal-menu .p-tabview-nav li.p-highlight:before,
.p-tabmenu.internal-menu .p-tabmenu-nav li.p-highlight,
.p-tabmenu.internal-menu .p-tabmenu-nav li.p-highlight:before {
  background: linear-gradient(to right, #ba2381 0%, #7e489c 100%) !important;
}

.p-tabview.internal-menu .p-tabview-nav li.p-highlight ~ li:before,
.p-tabmenu.internal-menu .p-tabmenu-nav li.p-highlight ~ li:before {
  background: #7e489c;
}

.p-tabview.internal-menu .p-tabview-nav,
.p-tabmenu.internal-menu .p-tabmenu-nav {
  border-image-source: linear-gradient(90deg, rgba(186,35,129,1) 0%, rgba(126,72,156,1) 50px, rgba(126,72,156,1) 100%);
}
/* Tab CSS - END */

/* Tab CSS DARK - BEGIN */
.p-tabview.dark .p-tabview-nav li:before,
.p-tabmenu.dark .p-tabmenu-nav li:before {
  background: transparent;
}

.p-tabview.dark .p-tabview-nav li:first-child:not(.p-highlight),
.p-tabmenu.dark .p-tabmenu-nav li:first-child:not(.p-highlight) {
  border-left: none !important;
}

.p-tabview.dark .p-tabview-nav li.p-highlight ~ li:before,
.p-tabmenu.dark .p-tabmenu-nav li.p-highlight ~ li:before {
  background: transparent;
}

.p-tabview.dark .p-tabview-nav,
.p-tabmenu.dark .p-tabmenu-nav {
  border-image-source: none;
}

.p-tabview.dark .p-tabview-nav li, 
.p-tabmenu.dark .p-tabmenu-nav li {
  border-color: transparent;
}

.p-tabview.dark .p-tabview-nav, 
.p-tabmenu.dark .p-tabmenu-nav {
  border-bottom: 0px;
}
/* Tab CSS DARK - END */

.tn-num {
  font-weight: 700;
  color: #30afaf !important;
}

.disabled {
  border-color: #D0D0D0;
  color: #D0D0D0;
  cursor: default !important;
}