:root {
    /* semantic color variables for this project */
    --color-background: #eee;
    --color-white: #ffffff;
    --color-background-app: #ffffff;
    --color-black: #000000;
    --color-blue: #407FCA;
    --color-text: #000000;
    --color-primary: #225E66;
    --color-primary-800: #4D7E84;
    --color-primary-700: #638E93;
    --color-primary-600: #799EA2;
    --color-primary-500: #90AEB1;
    --color-primary-450: #9BAFB1;
    --color-primary-400: #A6BEC0;
    --color-primary-300: #BCCFD0;
    --color-primary-200: #D3DFDF;
    --color-primary-100: #E9EFEF;
    --color-icon-background: #D1E5F5;
    --color-error: #FF0006;
    --color-error-background: #FBE2DD;
    --color-success: #00BC31;
    --color-success-background: #D9F5E0;
    --color-success-text: #117DC6;
    --color-warning: #F7A049;
    --color-warning-background: #F7A04933;
    --color-info-background: #E6F0F8;
    --color-green: #00BC31;
    --color-evse-available: #00BC31;
    --color-evse-unknown: #999999;
    --color-evse-charging: #117DC6;
    --color-stop-button: #FF0006;
    --color-text-primary: var(--color-primary);
    --color-gray-800: #333333;
    --color-gray-700: #4C4C4C;
    --color-gray-600: #666666;
    --color-gray-500: #808080;
    --color-gray-400: #999999;
    --color-gray-300: #B3B3B3;
    --color-gray-200: #CCCCCC;
    --color-gray-100: #E5E5E5;
    --color-gray-015: #F1F1F1;
    --app-max-width: 500px
}

.home-page .header .applogo {
    width: 93px;
    height: 34px;
    background: url(/images/theme-edpcharge/edpcharge_logo.svg) no-repeat;
}

.home-page .home-page-image {
    background-image: url(/images/theme-edpcharge/home-page-image.svg);
}

ul.radio-buttons li {
    background-image: url(/images/theme-edpcharge/radio-button.svg);
}
ul.radio-buttons li.active {
    background-image: url(/images/theme-edpcharge/radio-button-selected.svg);
}

.connector-type-icon.ccs1 {
    background-image: url(/images/theme-edpcharge/connector-ccs1.svg);
}

.connector-type-icon.ccs2 {
    background-image: url(/images/theme-edpcharge/connector-ccs2.svg);
}

.connector-type-icon.tesla {
    background-image: url(/images/theme-edpcharge/connector-tesla.svg);
}

.connector-type-icon.type1 {
    background-image: url(/images/theme-edpcharge/connector-type1.svg);
}

.connector-type-icon.type2 {
    background-image: url(/images/theme-edpcharge/connector-type2.svg);
}

.connector-type-icon.domestic {
    background-image: url(/images/theme-edpcharge/connector-domestic.svg);
}

.connector-type-icon.chademo {
    background-image: url(/images/theme-edpcharge/connector-chademo.svg);
}

.connector .dropdown-arrow {
    background-image: url(/images/theme-edpcharge/dropdown.svg);
}

ul.links-list .icon.icon-download-receipt {
    background-image: url(/images/theme-edpcharge/download-receipt.svg);
}

ul.links-list .icon.icon-receipt-send {
    background-image: url(/images/theme-edpcharge/send-receipt.svg);
}

ul.links-list .icon.icon-receipt {
    background-image: url(/images/theme-edpcharge/receipt.svg);
}

ul.links-list .icon.icon-need-help {
    background-image: url(/images/theme-edpcharge/icon-need-help.svg);
}

.session-control-button .spinner-icon {
    background-image: url(/images/theme-edpcharge/spinner.svg);
}

.connector .dropdown-arrow {
    background-image: url(/images/theme-edpcharge/dropdown.svg);
}

.charging-session {
    background-image: url(/images/theme-edpcharge/charging-session.svg);
}

.loading-icon-wrap {
    background-image: url(/images/theme-edpcharge/loading.svg);
}

.cpo-detail .icon.phone {
    background-image: url(/images/theme-edpcharge/phone-icon.svg)
}

.cpo-detail .icon.email {
    background-image: url(/images/theme-edpcharge/email.svg)
}

.cpo-detail .icon.website {
    background-image: url(/images/theme-edpcharge/website.svg)
}

.contact-details-missing .info-icon {
    background-image: url(/images/theme-edpcharge/notification.svg);
}

.user-data-row .user-data-edit-btn {
    background-image: url(/images/theme-edpcharge/pen.svg);
}

.priority-charging .icon {
    background-image: url(/images/theme-edpcharge/icon-info-priority-charging.svg);
}

.button-pr.starting .spinner {
    background-image: url(/images/theme-edpcharge/spinner-small-blue.svg);
}

.add-email-logo {
    background-image: url(/images/theme-edpcharge/email-add.svg);
}

.info-box .icon.icon-info {
    background-image: url(/images/theme-edpcharge/info.svg);
}

.scan-qr {
    background-image: url(/images/theme-edpcharge/qrcode.svg);
}

.starting-session {
    background-image: url(/images/theme-edpcharge/start-session-1.svg);
}


.loading-icon-wrap {
    background-image: url(/images/theme-edpcharge/loading.svg);
}