/* please note there are other coloured classes within the main css file, they should be transfered here eventually */
/* Standard Styling */
.border-left-primary-darker,
.border-left-primary-lighter,
.border-left-secondary-darker,
.border-left-secondary-lighter,
.border-left-info-darker,
.border-left-info-lighter,
.border-left-success-darker,
.border-left-success-lighter,
.border-left-warning-darker,
.border-left-warning-lighter,
.border-left-danger-darker,
.border-left-danger-lighter,
.border-left-dark-darker,
.border-left-dark-lighter,
.border-left-muted-darker,
.border-left-muted-lighter,
.border-left-purple,
.border-left-purple-darker,
.border-left-purple-lighter {
    border-left-width: 0.25rem !important;
    border-left-style: solid !important;
}
.border-bottom-primary-darker,
.border-bottom-primary-lighter,
.border-bottom-secondary-darker,
.border-bottom-secondary-lighter,
.border-bottom-info-darker,
.border-bottom-info-lighter,
.border-bottom-success-darker,
.border-bottom-success-lighter,
.border-bottom-warning-darker,
.border-bottom-warning-lighter,
.border-bottom-danger-darker,
.border-bottom-danger-lighter,
.border-bottom-dark-darker,
.border-bottom-dark-lighter,
.border-bottom-muted-darker,
.border-bottom-muted-lighter,
.border-bottom-purple,
.border-bottom-purple-darker,
.border-bottom-purple-lighter {
    border-bottom-width: 0.25rem !important;
    border-bottom-style: solid !important;
}
/* END Standard Styling */
/** Primary Darker **/
.text-primary-darker {
    color: var(--primary-darker);
}
.border-primary-darker {
    border-color: var(--primary-darker) !important;
}
.border-left-primary-darker {
    border-left-color: var(--primary-darker) !important;
}
.border-bottom-primary-darker{
    border-bottom-color: var(--primary-darker) !important;
}
.bg-primary-darker,
.primary-darker-bg,
.ribbon.primary-darker span {
    background-color: var(--primary-darker);
    color: #fff;
}
.label-primary-darker,
.badge-primary-darker {
    background: var(--primary-darker);
    color: #fff !important;
}
.progress-bar-primary-darker {
    background-color: var(--primary-darker);
    border-color: var(--primary-darker);
    color: #fff;
}
.text-primary-darker .gi_svg_icon svg *,
.gi_svg_icon.primary-darker svg *{
    fill: var(--primary-darker) !important;
}

/** Primary Lighter **/
.text-primary-lighter {
    color: var(--primary-lighter);
}
.border-primary-lighter {
    border-color: var(--primary-lighter) !important;
}
.border-left-primary-lighter {
    border-left-color: var(--primary-lighter) !important;
}
.border-bottom-primary-lighter{
    border-bottom-color: var(--primary-lighter) !important;
}
.bg-primary-lighter,
.primary-lighter-bg,
.ribbon.primary-lighter span {
    background-color: var(--primary-lighter);
    color: var(--primary-darker);
}
.label-primary-lighter,
.badge-primary-lighter {
    background: var(--primary-lighter);
    color: var(--primary-darker) !important;
}
.progress-bar-primary-lighter {
    background-color: var(--primary-lighter);
    border-color: var(--primary-lighter);
    color: var(--primary-darker);
}
.text-primary-lighter .gi_svg_icon svg *,
.gi_svg_icon.primary-lighter svg *{
    fill: var(--primary-lighter) !important;
}

/** Secondary Darker **/
.text-secondary-darker {
    color: var(--secondary-darker);
}
.border-secondary-darker {
    border-color: var(--secondary-darker) !important;
}
.border-left-secondary-darker {
    border-left-color: var(--secondary-darker) !important;
}
.border-bottom-secondary-darker{
    border-bottom-color: var(--secondary-darker) !important;
}
.bg-secondary-darker,
.secondary-darker-bg,
.ribbon.secondary-darker span {
    background-color: var(--secondary-darker);
    color: #fff;
}
.label-secondary-darker,
.badge-secondary-darker {
    background: var(--secondary-darker);
    color: #fff !important;
}
.progress-bar-secondary-darker {
    background-color: var(--secondary-darker);
    border-color: var(--secondary-darker);
    color: #fff;
}
.text-secondary-darker .gi_svg_icon svg *,
.gi_svg_icon.secondary-darker svg *{
    fill: var(--secondary-darker) !important;
}

/** Secondary Lighter **/
.text-secondary-lighter {
    color: var(--secondary-lighter);
}
.border-secondary-lighter {
    border-color: var(--secondary-lighter) !important;
}
.border-left-secondary-lighter {
    border-left-color: var(--secondary-lighter) !important;
}
.border-bottom-secondary-lighter{
    border-bottom-color: var(--secondary-lighter) !important;
}
.bg-secondary-lighter,
.secondary-lighter-bg,
.ribbon.secondary-lighter span {
    background-color: var(--secondary-lighter);
    color: var(--secondary-darker);
}
.label-secondary-lighter,
.badge-secondary-lighter {
    background: var(--secondary-lighter);
    color: var(--secondary-darker) !important;
}
.progress-bar-secondary-lighter {
    background-color: var(--secondary-lighter);
    border-color: var(--secondary-lighter);
    color: var(--secondary-darker);
}
.text-secondary-lighter .gi_svg_icon svg *,
.gi_svg_icon.secondary-lighter svg *{
    fill: var(--secondary-lighter) !important;
}

/** Info Darker **/
.text-info-darker {
    color: var(--info-darker);
}
.border-info-darker {
    border-color: var(--info-darker) !important;
}
.border-left-info-darker {
    border-left-color: var(--info-darker) !important;
}
.border-bottom-info-darker{
    border-bottom-color: var(--info-darker) !important;
}
.bg-info-darker,
.info-darker-bg,
.ribbon.info-darker span {
    background-color: var(--info-darker);
    color: #fff;
}
.label-info-darker,
.badge-info-darker {
    background: var(--info-darker);
    color: #fff !important;
}
.progress-bar-info-darker {
    background-color: var(--info-darker);
    border-color: var(--info-darker);
    color: #fff;
}
.text-info-darker .gi_svg_icon svg *,
.gi_svg_icon.info-darker svg *{
    fill: var(--info-darker) !important;
}

/** Info Lighter **/
.text-info-lighter {
    color: var(--info-lighter);
}
.border-info-lighter {
    border-color: var(--info-lighter) !important;
}
.border-left-info-lighter {
    border-left-color: var(--info-lighter) !important;
}
.border-bottom-info-lighter{
    border-bottom-color: var(--info-lighter) !important;
}
.bg-info-lighter,
.info-lighter-bg,
.ribbon.info-lighter span {
    background-color: var(--info-lighter);
    color: var(--info-darker);
}
.label-info-lighter,
.badge-info-lighter {
    background: var(--info-lighter);
    color: var(--info-darker) !important;
}
.progress-bar-info-lighter {
    background-color: var(--info-lighter);
    border-color: var(--info-lighter);
    color: var(--info-darker);
}
.text-info-lighter .gi_svg_icon svg *,
.gi_svg_icon.info-lighter svg *{
    fill: var(--info-lighter) !important;
}

/** Success Darker **/
.text-success-darker {
    color: var(--success-darker);
}
.border-success-darker {
    border-color: var(--success-darker) !important;
}
.border-left-success-darker {
    border-left-color: var(--success-darker) !important;
}
.border-bottom-success-darker{
    border-bottom-color: var(--success-darker) !important;
}
.bg-success-darker,
.success-darker-bg,
.ribbon.success-darker span {
    background-color: var(--success-darker);
    color: #fff;
}
.label-success-darker,
.badge-success-darker {
    background: var(--success-darker);
    color: #fff !important;
}
.progress-bar-success-darker {
    background-color: var(--success-darker);
    border-color: var(--success-darker);
    color: #fff;
}
.text-success-darker .gi_svg_icon svg *,
.gi_svg_icon.success-darker svg *{
    fill: var(--success-darker) !important;
}

/** Success Lighter **/
.text-success-lighter {
    color: var(--success-lighter);
}
.border-success-lighter {
    border-color: var(--success-lighter) !important;
}
.border-left-success-lighter {
    border-left-color: var(--success-lighter) !important;
}
.border-bottom-success-lighter{
    border-bottom-color: var(--success-lighter) !important;
}
.bg-success-lighter,
.success-lighter-bg,
.ribbon.success-lighter span {
    background-color: var(--success-lighter);
    color: var(--success-darker);
}
.label-success-lighter,
.badge-success-lighter {
    background: var(--success-lighter);
    color: var(--success-darker) !important;
}
.progress-bar-success-lighter {
    background-color: var(--success-lighter);
    border-color: var(--success-lighter);
    color: var(--success-darker);
}
.text-success-lighter .gi_svg_icon svg *,
.gi_svg_icon.success-lighter svg *{
    fill: var(--success-lighter) !important;
}

/** Warning Darker **/
.text-warning-darker {
    color: var(--warning-darker);
}
.border-warning-darker {
    border-color: var(--warning-darker) !important;
}
.border-left-warning-darker {
    border-left-color: var(--warning-darker) !important;
}
.border-bottom-warning-darker{
    border-bottom-color: var(--warning-darker) !important;
}
.bg-warning-darker,
.warning-darker-bg,
.ribbon.warning-darker span {
    background-color: var(--warning-darker);
    color: #fff;
}
.label-warning-darker,
.badge-warning-darker {
    background: var(--warning-darker);
    color: #fff !important;
}
.progress-bar-warning-darker {
    background-color: var(--warning-darker);
    border-color: var(--warning-darker);
    color: #fff;
}
.text-warning-darker .gi_svg_icon svg *,
.gi_svg_icon.warning-darker svg *{
    fill: var(--warning-darker) !important;
}

/** Warning Lighter **/
.text-warning-lighter {
    color: var(--warning-lighter);
}
.border-warning-lighter {
    border-color: var(--warning-lighter) !important;
}
.border-left-warning-lighter {
    border-left-color: var(--warning-lighter) !important;
}
.border-bottom-warning-lighter{
    border-bottom-color: var(--warning-lighter) !important;
}
.bg-warning-lighter,
.warning-lighter-bg,
.ribbon.warning-lighter span {
    background-color: var(--warning-lighter);
    color: var(--warning-darker);
}
.label-warning-lighter,
.badge-warning-lighter {
    background: var(--warning-lighter);
    color: var(--warning-darker) !important;
}
.progress-bar-warning-lighter {
    background-color: var(--warning-lighter);
    border-color: var(--warning-lighter);
    color: var(--warning-darker);
}
.text-warning-lighter .gi_svg_icon svg *,
.gi_svg_icon.warning-lighter svg *{
    fill: var(--warning-lighter) !important;
}

/** Danger Darker **/
.text-danger-darker {
    color: var(--danger-darker);
}
.border-danger-darker {
    border-color: var(--danger-darker) !important;
}
.border-left-danger-darker {
    border-left-color: var(--danger-darker) !important;
}
.border-bottom-danger-darker{
    border-bottom-color: var(--danger-darker) !important;
}
.bg-danger-darker,
.danger-darker-bg,
.ribbon.danger-darker span {
    background-color: var(--danger-darker);
    color: #fff;
}
.label-danger-darker,
.badge-danger-darker {
    background: var(--danger-darker);
    color: #fff !important;
}
.progress-bar-danger-darker {
    background-color: var(--danger-darker);
    border-color: var(--danger-darker);
    color: #fff;
}
.text-danger-darker .gi_svg_icon svg *,
.gi_svg_icon.danger-darker svg *{
    fill: var(--danger-darker) !important;
}

/** Danger Lighter **/
.text-danger-lighter {
    color: var(--danger-lighter);
}
.border-danger-lighter {
    border-color: var(--danger-lighter) !important;
}
.border-left-danger-lighter {
    border-left-color: var(--danger-lighter) !important;
}
.border-bottom-danger-lighter{
    border-bottom-color: var(--danger-lighter) !important;
}
.bg-danger-lighter,
.danger-lighter-bg,
.ribbon.danger-lighter span {
    background-color: var(--danger-lighter);
    color: var(--danger-darker);
}
.label-danger-lighter,
.badge-danger-lighter {
    background: var(--danger-lighter);
    color: var(--danger-darker) !important;
}
.progress-bar-danger-lighter {
    background-color: var(--danger-lighter);
    border-color: var(--danger-lighter);
    color: var(--danger-darker);
}
.text-danger-lighter .gi_svg_icon svg *,
.gi_svg_icon.danger-lighter svg *{
    fill: var(--danger-lighter) !important;
}

/** Dark Darker **/
.text-dark-darker {
    color: var(--dark-darker);
}
.border-dark-darker {
    border-color: var(--dark-darker) !important;
}
.border-left-dark-darker {
    border-left-color: var(--dark-darker) !important;
}
.border-bottom-dark-darker{
    border-bottom-color: var(--dark-darker) !important;
}
.bg-dark-darker,
.dark-darker-bg,
.ribbon.dark-darker span {
    background-color: var(--dark-darker);
    color: #fff;
}
.label-dark-darker,
.badge-dark-darker {
    background: var(--dark-darker);
    color: #fff !important;
}
.progress-bar-dark-darker {
    background-color: var(--dark-darker);
    border-color: var(--dark-darker);
    color: #fff;
}
.text-dark-darker .gi_svg_icon svg *,
.gi_svg_icon.dark-darker svg *{
    fill: var(--dark-darker) !important;
}

/** Dark Lighter **/
.text-dark-lighter {
    color: var(--dark-lighter);
}
.border-dark-lighter {
    border-color: var(--dark-lighter) !important;
}
.border-left-dark-lighter {
    border-left-color: var(--dark-lighter) !important;
}
.border-bottom-dark-lighter{
    border-bottom-color: var(--dark-lighter) !important;
}
.bg-dark-lighter,
.dark-lighter-bg,
.ribbon.dark-lighter span {
    background-color: var(--dark-lighter);
    color: var(--dark-darker);
}
.label-dark-lighter,
.badge-dark-lighter {
    background: var(--dark-lighter);
    color: var(--dark-darker) !important;
}
.progress-bar-dark-lighter {
    background-color: var(--dark-lighter);
    border-color: var(--dark-lighter);
    color: var(--dark-darker);
}
.text-dark-lighter .gi_svg_icon svg *,
.gi_svg_icon.dark-lighter svg *{
    fill: var(--dark-lighter) !important;
}

/** Muted Darker **/
.text-muted-darker {
    color: var(--muted-darker);
}
.border-muted-darker {
    border-color: var(--muted-darker) !important;
}
.border-left-muted-darker {
    border-left-color: var(--muted-darker) !important;
}
.border-bottom-muted-darker{
    border-bottom-color: var(--muted-darker) !important;
}
.bg-muted-darker,
.muted-darker-bg,
.ribbon.muted-darker span {
    background-color: var(--muted-darker);
    color: #fff;
}
.label-muted-darker,
.badge-muted-darker {
    background: var(--muted-darker);
    color: #fff !important;
}

/** Muted Lighter **/
.text-muted-lighter {
    color: var(--muted-lighter);
}
.border-muted-lighter {
    border-color: var(--muted-lighter) !important;
}
.border-left-muted-lighter {
    border-left-color: var(--muted-lighter) !important;
}
.border-bottom-muted-lighter{
    border-bottom-color: var(--muted-lighter) !important;
}
.bg-muted-lighter,
.muted-lighter-bg,
.ribbon.muted-lighter span {
    background-color: var(--muted-lighter);
    color: var(--muted-darker);
}
.label-muted-lighter,
.badge-muted-lighter {
    background: var(--muted-lighter);
    color: var(--muted-darker) !important;
}

/** Purple **/
.text-purple {
    color: var(--purple);
}
.border-purple {
    border-color: var(--purple) !important;
}
.border-left-purple {
    border-left-color: var(--purple) !important;
}
.border-bottom-purple{
    border-bottom-color: var(--purple) !important;
}
.bg-purple,
.purple-bg,
.ribbon.purple span {
    background-color: var(--purple);
    color: #fff;
}
.label-purple,
.badge-purple {
    background: var(--purple);
    color: #fff !important;
}
.progress-bar-purple {
    background-color: var(--purple);
    border-color: var(--purple);
    color: #fff;
}
.text-purple .gi_svg_icon svg *,
.gi_svg_icon.purple svg *,
.btn-outline-purple:not(:hover):not(:focus):not(.focus):not(.disabled) .gi_svg_icon svg *{
    fill: var(--purple) !important;
}
.btn-purple{
    background-color: var(--purple);
    border-color: var(--purple);
    color: #fff;
}
.btn-purple:hover{
    background-color: var(--purple-darker);
    border-color: var(--purple-darker);
    color: #fff;
}
.btn-outline-purple{
    border-color: var(--purple);
    color: var(--purple);
}
.btn-outline-purple:hover{
    background-color: var(--purple);
    border-color: var(--purple);
    color: #fff;
}
.btn-outline-purple.disabled{
    color: var(--text-muted);
    background-color: transparent;
}
.btn-outline-purple.disabled .gi_svg_icon svg *{
    fill: var(--text-muted) !important;
}
.alert-purple{
    background-color: var(--purple-lighter);
    border-color: var(--purple-shadow);
    color: var(--purple-darker);
}
.alert-purple .gi_svg_icon svg *{
    fill: var(--purple-darker) !important;
}
.bg-gradient-purple {
    background-color: var(--purple);
    background-image: var(--purple-gradient);
    background-size: cover;
    color: #fff;
}
/** Purple Darker **/
.text-purple-darker {
    color: var(--purple-darker);
}
.border-purple-darker {
    border-color: var(--purple-darker) !important;
}
.border-left-purple-darker {
    border-left-color: var(--purple-darker) !important;
}
.border-bottom-purple-darker{
    border-bottom-color: var(--purple-darker) !important;
}
.bg-purple-darker,
.purple-darker-bg,
.ribbon.purple-darker span {
    background-color: var(--purple-darker);
    color: #fff;
}
.label-purple-darker,
.badge-purple-darker {
    background: var(--purple-darker);
    color: #fff !important;
}
.progress-bar-purple-darker {
    background-color: var(--purple-darker);
    border-color: var(--purple-darker);
    color: #fff;
}
.text-purple-darker .gi_svg_icon svg *,
.gi_svg_icon.purple-darker svg *{
    fill: var(--purple-darker) !important;
}
/** Purple Lighter **/
.text-purple-lighter {
    color: var(--purple-lighter);
}
.border-purple-lighter {
    border-color: var(--purple-lighter) !important;
}
.border-left-purple-lighter {
    border-left-color: var(--purple-lighter) !important;
}
.border-bottom-purple-lighter{
    border-bottom-color: var(--purple-lighter) !important;
}
.bg-purple-lighter,
.purple-lighter-bg,
.ribbon.purple-lighter span {
    background-color: var(--purple-lighter);
    color: var(--purple-darker);;
}
.label-purple-lighter,
.badge-purple-lighter {
    background: var(--purple-lighter);
    color: var(--purple-darker) !important;
}
.progress-bar-purple-lighter {
    background-color: var(--purple-lighter);
    border-color: var(--purple-lighter);
    color: var(--purple-darker);;
}
.text-purple-lighter .gi_svg_icon svg *,
.gi_svg_icon.purple-lighter svg *{
    fill: var(--purple-lighter) !important;
}