.profile-letter {
  background: rgba(244, 218, 35, 1.00);
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #444444;
  display: inline-block;
  font-weight: bold;
  line-height: 2em;
  margin-right: 2px;
  text-align: center;
  width: 1.6em;
  font-size: 9px;
}

html .bg-ceulockeryellow,
html .background-color-ceulockeryellow {
  background-color: rgba(244, 218, 35, 1.00) !important;
  color: rgba(65, 64, 66, 1.00) !important;
}


/*****  Homepage Spoke Switcher ******/
.spoke-bg-holder {
  background-color: #51557f !important;
}

.spoke-bg-provider {
  background-color:  #0c3f0e !important;
}

.spoke-bg-reviewer {
  background-color: #097a83 !important;
}

.spoke-bg-admin {
  background-color: #743c4a !important;
}

.spoke-bg-super {
  background-color: #b00045  !important;
}

.spoke-bg-associate {
  background-color: cyan !important;
}

.spoke-bg-finance {
  background-color: grey !important;
}

.spoke-style {
  color: white;
  font-size: 10px;
  font-weight: 600;
  padding: 0;
  margin: 0;
  text-align: center;
  font-style: small-caps;
  border-radius: 2px;
}

.cwRed {
  color: red;
  font-weight: bold;
}


/******* Parsley Styles ***********/
input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  color: #c25d5d;
  font-weight: bold;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.parsley-required {
  color: #c25d5d;
  font-weight: bold;
}

.parsley-type {
  color: #c25d5d;
  font-weight: bold;
}


/***********************************/

html .wizard-progress.wizard-progress-lg ul li,
html.dark .wizard-progress.wizard-progress-lg ul li {
  margin-bottom: 45px;
}

.pbe-modal-title {
  text-align: center;
  padding-bottom: 9px !important;
  margin-top: 4px !important;
  font-weight: bold;
}

.pbe-form-wrapper .required-field {
  color: red !important;
  font-size: 10px;
}

.pbe-progress-bar {
  margin-bottom: 2px;
}

.modal-block {
  max-width: 800px !important;
}


/**********start STEPHEN ADDED NOV16 2025**************/

/* Only applies to toggles with class CEULv2 */

.CEULv2 > section.toggle > label {



    transition: all .15s ease-out;
    /* background: #F4F4F4; */
    /* border-left: 3px solid #CCC; */
    border-radius: 5px;
    /* color: #CCC; */
    display: block;
    font-size: 1.1em;
    min-height: 20px;
    padding: 0px; 
    position: relative;
    cursor: pointer;
    font-weight: 400;
	border: none;
	background: none;
	

}

.CEULv2 > section.toggle > label:before {
    border: none;
    border-left-color: none;
    content: '';
    margin-top: 0px;
    position: absolute;
    right: 0px;
    top: 50%;
}


.CEULv2 > section.toggle > label i.fa-plus {
    display: none;
}

.CEULv2 > section.toggle > label i.fa-minus {
    display: none;
}

.CEULv2 > section.toggle.active > label i.fa-plus {
    display: none;
}

.CEULv2 > section.toggle.active > label i.fa-minus {
    display: none;
}


.CEULv2 .toggle-primary  > .spoke-bg-holder > bg-primary {
  background-color: #51557f !important;
}

.CEULv2 .toggle-primary  > .spoke-bg-provider > bg-primary  {
  background-color:  #0c3f0e !important;
}


.CEULv2 section.toggle > label h4.title,
.CEULv2 .widget-summary .info .amount,
.CEULv2 .widget-summary .summary-footer > a.text-uppercase

{
	color: #ffffff !important;
}

.CEULv2 .widget-summary .summary-footer > a:hover.text-uppercase

{
	color: #848484 !important;
}

.CEULv2 .widget-summary-col-icon .summary-icon > i {
    margin-right: 15px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 51.2px;
    font-size: 3.2rem;
    text-align: center;
    color: #fff;
    border-radius: 55px;
}


.CEULv2 .widget-summary-col-icon .summary-icon > i {
    background-color: rgba(0, 0, 0, 0.1);
}



/**********end STEPHEN ADDED NOV16 2025**************/


/**********start STEPHEN ADDED NOV18 2025**************/



.CEULv2cart .spoke-cart-holder   { 
	background-color: #51557f !important;
	
}


.CEULv2cart .spoke-cart-holder + .card-body  { 
	border-width: 0px 1px 1px 1px !important;
	border-style: solid !important; 
	border-color: #51557f !important;
	
}


 .CEULv2cart  .spoke-cart-provider  { 
	background-color: #0c3f0e !important;
	
}

.CEULv2cart .spoke-cart-provider + .card-body  { 
	border-width: 0px 1px 1px 1px; 
	border-style: solid; 
	border-color: #0c3f0e !important;
	
}



.heading.heading-border.heading-middle-border h2 {
 border-bottom: solid 1px #666666
}


/* Selects the .row that immediately follows a .row containing your specific header */
.row:has(.heading.heading-border.heading-middle-border) + .row {
    padding-left: 20px; /* Example style */
 
}

/*dashboard BADGES*/

.CEULbadge.badge-draft{
	background-color: #666666 !important;
}

.CEULbadge.badge-submitted{
	background-color: #6497C4 !important;
}


.CEULbadge.badge-selfstored{
	background-color: #64A560 !important;
}


.CEULbadge.badge-review{
	background-color: #3B6F9C !important;
}


.CEULbadge.badge-notyetapproved{
	background-color: #C9B800 !important;
}

.CEULbadge.badge-denied{
	background-color: #740103 !important;
}


.CEULbadge.badge-approved{
	background-color: #066000 !important;
}


/*END badges*/

.nav-tabs li .nav-link, .nav-tabs li .nav-link.stats {
	background-color: #F4F4F4 !important ;
}

.nav-tabs li .nav-link.active, .nav-tabs li .nav-link.statsactive, .nav-tabs li .nav-link.stats:active, .nav-tabs li .nav-link:active {
	border-top-color: #00547e !important;
		background-color: #ffffff !important ;
}


.CEULv2list.list.list-icons li {
   
    padding-left: 0px;
}




.CEULv2toggle .toggle > label  {
    background-color: #ffffff !important;
}

/* Hides the FontAwesome icons inside the specific toggle label */
.CEULv2toggle .toggle label i {
    display: none !important;
}


.CEULv2accord1 .accordion-button { 
	
	background-color: #E8E8E8 !important;
	border-bottom: 1px #A9A9A9 solid !important;
    border-left: 1px #A9A9A9 solid !important;
	box-shadow: none !important;
	
}

.CEULv2accord1 .accordion-button:not(.collapsed) { 
	
	background-color: #E8E8E8 !important;
	border-bottom: none !important;
    border-left: 1px #A9A9A9 solid !important;
	box-shadow: none !important;
	
}

.accordion .accordion-flush .CEULv2accord1 {
	
border-left: 1px #A9A9A9 solid !important;
	
	
}

.CEULv2blue {
	color: #00547e !important;
}