/*** Colors set per division ***/

/** 
Background - #E9E6E4 - rgb(233, 230, 228)
Unselected Button - #701c74 - rgb(167, 132, 98)
Selected Button - #808080 - rgb(133, 21, 34)
Completed Steps/Border Color - #701c74 - rgb(167, 132, 98)
Uncompleted Step Color - #F6F6F6 - rgb(246, 246, 246)
Text Colors - #565657 -rgb(0, 0, 0)
**/

body {
    background-color: #E9E6E4 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #565657;
}

#loader {
    border: 10px solid #701c74 !important;
    border-color: #701c74 transparent #701c74 transparent !important;
}

#loader-wrapper .loader-section {
    background-color: #E9E6E4 !important;
}

.dropzone {
    border: 5px dashed #701c74 !important;
}

    .dropzone .dz-message .dz-button {
        color: #701c74 !important;
    }

.AccountIcon {
    color: #701c74 !important;
}

    .AccountIcon:hover {
        color: #808080 !important;
    }

.dropdown-item:hover {
    background-color: #808080 !important;
}

.inputborder {
    border: 3px solid #701c74 !important;
}

.bnlink {
    color: #565657 !important;
}

    .bnlink:hover {
        color: #701c74 !important;
    }

.card {
    outline: 1px solid #701c74 !important;
}

.card-body > h5, .card-body > h6, .card-body > p {
    color: #565657 !important;
}

.has-hover:hover {
    background-color: rgba(112, 28, 116, 0.3) !important;
}

.lds-dual-ring:after {
    border: 10px solid #701c74 !important;
    border-color: #701c74 transparent #701c74 transparent !important;
}

#ReviewCanvasLarge {
    border: 5px dashed #701c74 !important;
}

#ReviewCanvasSmall {
    border: 5px dashed #701c74 !important;
}

#ProductOptionsCanvasLarge {
    border: 5px dashed #701c74 !important;
}

#ProductOptionsCanvasSmall {
    border: 5px dashed #701c74 !important;
}

.search-logo:hover {
    background-color: #701c74 !important;
}

.logo-color-search {
    border: 3px #701c74 solid !important;
}

.color-search {
    border: 3px #701c74 solid !important;
}

.page-link {
    color: #701c74 !important;
    border: 1px solid #701c74 !important;
}

    .page-link:hover {
        background-color: #701c74 !important;
        border: 1px solid #701c74 !important;
        color: #ffffff !important;
    }

.btngreen, .btngreen:active, .btngreen:visited, .btngreen:link {
    background-color: #808080 !important;
}

    .btngreen:enabled:hover {
        background-color: #701c74 !important;
    }

.active {
    background-color: #701c74 !important;
}

.page-item.active .page-link {
    background-color: #701c74 !important;
    border-color: #701c74 !important;
    color: #ffffff !important;
}

.btn-group button {
    background-color: #701c74 !important;
    border-color: #701c74 !important;
}

.card-selected, .card-selected > h5, .card-selected > h6, .card-selected > p {
    border: 1px solid #701c74 !important;
    background-color: #701c74 !important;
}

.confirmationtext > p {
    color: #701c74 !important;
}

.petronafontSizeL {
    color: #565657 !important;
}

/*** SVG - OR and OR_Vertical ***/
circle {
    fill: #701c74 !important;
}

/*** OR ***/

:root {
    --color-brand: #E9E6E4 !important;
    --color-brand-secondary: #701c74 !important;
}

.gradient__brand-secondary {
    stop-color: var(--color-brand-secondary);
}

.gradient__brand {
    stop-color: var(--color-brand);
}

/*** OR_Vertical ***/

:root {
    --color-brand1: #ffffff !important;
    --color-brand-secondary1: #701c74 !important;
}

.gradient__brand-secondary1 {
    stop-color: var(--color-brand-secondary1);
}

.gradient__brand1 {
    stop-color: var(--color-brand1);
}

/*** Breadcrumb ***/

.defaultFillColorNotSelected {
    fill: #ffffff !important;
}

.defaultFillColorSelected {
    fill: #701c74 !important;
}

.defaultFillColorTextNotSelected {
    fill: #565657 !important;
}

.defaultFillColorTextSelected {
    fill: #701c74 !important;
}

.defaultFillColorIconNotSelected > path {
    fill: #c3c3c3 !important;
}

.defaultFillColorIconSelected > path {
    fill: #ffffff !important;
}

.defaultFillColorTickNotSelected > path {
    fill: transparent !important;
}

.defaultFillColorTickSelected > path {
    fill: #ffffff !important;
}

.error-text {
    color: #851522 !important;
}

.text-danger > h1 {
    color: #851522 !important;
}

.text-danger > h2 {
    color: #851522 !important;
}

.selected-search-logo {
    border: 5px solid #701c74 !important;
}

.revisionSubmissionButtonTheme {
    color: black !important;
}

.text-counter {
    float: right;
}