.e-dropdownbase, .e-dropdownbase .e-list-item, .e-dropdownbase .e-list-item.e-item-focus {
    background-color: var(--form-colour);
    color: var(--main-colour);
}

    .e-dropdownbase .e-list-item.e-active {
        background-color: var(--active-colour);
        color: var(--hover-colour);
    }



.e-dropdownbase .e-list-item.e-active.e-hover, .e-dropdownbase .e-list-item.e-hover {
    color: var(--active-colour);
    background-color: var(--hover-colour);
}

.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
    background: transparent;
}
    /* Date Picker Popup Formatting */

    .e-datepicker.e-popup-wrapper, .e-bigger.e-small .e-datepicker.e-popup-wrapper, .e-bigger .e-datepicker.e-popup-wrapper, .e-small .e-datepicker.e-popup-wrapper, .e-bigger.e-small.e-datepicker.e-popup-wrapper, .e-bigger.e-datepicker.e-popup-wrapper, .e-small.e-datepicker.e-popup-wrapper {
    
    border-color: var(--main-colour);
}

.e-datepicker .e-calendar, .e-bigger.e-small .e-datepicker .e-calendar, .e-bigger .e-datepicker .e-calendar, .e-small .e-datepicker .e-calendar, .e-bigger.e-small.e-datepicker .e-calendar, .e-bigger.e-datepicker .e-calendar, .e-small.e-datepicker .e-calendar {
    background-color: var(--form-colour) !important;
    border: none;
}

.e-calendar .e-content .e-other-month span.e-day, .e-calendar .e-content .e-other-month.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content .e-other-month span.e-day, .e-bigger.e-small .e-calendar .e-content .e-other-month.e-today span.e-day {
    color: var(--main-colour);
}

.e-calendar .e-content span, .e-bigger.e-small .e-calendar .e-content span {
    color: var(--active-colour);
}

.e-calendar .e-content td.e-focused-date.e-today span.e-day, .e-bigger.e-small .e-calendar .e-content td.e-focused-date.e-today span.e-day {
    background: var(--hover-colour);
    color: var(--active-colour);
}

.e-calendar th, .e-bigger.e-small .e-calendar th {
    color: var(--active-colour);
}

.e-calendar .e-header .e-title, .e-bigger.e-small .e-calendar .e-header .e-title {
    color: var(--active-colour);
}

.e-calendar .e-header .e-title:hover, .e-bigger.e-small .e-calendar .e-header .e-title:hover {
        color: var(--hover-colour);
 }




.e-calendar .e-date-icon-prev, .e-calendar .e-date-icon-next, .e-bigger.e-small .e-calendar .e-date-icon-prev, .e-bigger.e-small .e-calendar .e-date-icon-next {
    color: var(--active-colour);
}


.e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
    color: var(--main-colour);
}

.e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:first-child .e-cell:first-child span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade tr:last-child .e-cell:last-child span.e-day {
    color: var(--main-colour);
}


.e-calendar .e-content.e-year td:hover span.e-day, .e-calendar .e-content.e-decade td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-year td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content.e-decade td:hover span.e-day {
    background-color: var(--hover-colour);
}

.e-calendar .e-content td:hover span.e-day, .e-calendar .e-content td:focus span.e-day, .e-bigger.e-small .e-calendar .e-content td:hover span.e-day, .e-bigger.e-small .e-calendar .e-content td:focus span.e-day {
    background-color: var(--hover-colour);
    color: var(--main-colour);
}

.e-calendar .e-header.e-decade .e-title, .e-bigger.e-small .e-calendar .e-header.e-decade .e-title {
    color: var(--main-colour);
}


/*
    End DatePicker Formatting
*/
    
.validation-message {
    color: #c00000;
    text-align:right;
    margin-top: -15px;
    font-size: 14px;
    font-style:italic;
    margin-bottom:15px;
}

.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item,
.e-popup.e-multi-select-list-wrapper.e-checkbox .e-list-item.e-active {
  color: var(--alt-text-colour);
  -webkit-text-fill-color: var(--alt-text-colour);
}

/*Toggle button component CSS*/

a.btn.w-button.c-red.toggle-button{
    background-color: var(--hover-colour);
    opacity: 0.5;
    color: var(--alt-text-colour);
}

/*
a.btn.w-button.c-red.toggle-button{
    background-color: #5f00cb;
}
a.btn.w-button.c-green.toggle-button{
    background-color: lightgreen;
}
a.btn.w-button.c-green.toggle-button:hover {
  background-color: forestgreen;
  -webkit-transform: translate(0px, -3px);
  -ms-transform: translate(0px, -3px);
  transform: translate(0px, -3px);
  color: #000000;
}*/

a {
    cursor: pointer;
}

.inner-mod p {
    color: var(--main-colour);
}

.utility-page-wrap > .w-form {
    max-height:100%;
}