:root {
    --black: #38312D;
    --white: #ffffff;
    --lightpink: #f9f9f9;
    --blue: #315470;
    --yellow: #FFC600;
    --pink: #edecec;
    --lighpinkhover: rgb(56 49 45 / 35%);
}

.grey-button-light {
    background: #A1A1A1;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    padding: 2px 12px;
}

.location-label-rap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.confirmation-content-wrapper.show-reason .heading-container input {
    border: 1px solid var(--blue);
}

.modal-wrapper.product-status .confirmation-content-wrapper .product-heading-container > div > input {
    border: 1px solid var(--blue);
}

.reason-dd-block .reason-dropdown-toggle {
    border: 1px solid var(--blue);
}

.ui-datepicker .ui-datepicker-header {
}

.ui-datepicker-calendar tr th span {
}

.type-filter-link-block.active {
    background-color: var(--black) !important;
    color: #ffffff !important;
}

.brand-rap-flex a.status-filter-link-block.w-inline-block.active, .brand-rap-flex a.type-filter-link-block.active {
   /* background-color: var(--green);
    color: #ffffff;*/
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead {
    border-bottom: 1px solid var(--blue) !important;
}
.loader {
    background-image: url(../../../images/loader.gif) !important;
}

.action-dropdown {
    background-color: var(--blue);
}
.action-dropdown:hover {
    background-color: var(--blue);
}


.button {
    background-color: var(--blue);
    color: var(--white);
}
.w-button {
    background-color: var(--blue);
    color: var(--white)
}



.turn-button {
    background-color: var(--blue);
}


.dashboard-header {
    background: var(--black);
}

.oa-link-block-wrapper a:hover .oa-block-label {
  
}

.menu-profile-header {
    background-color: var(--black);
}

.menu-acc-body {
    background-color: var(--lightpink);
}

.menu-link-block:hover {
 
}

.sub-header {
    background-color: var(--yellow);
}

.switch-onoff.on-state {
    background-color: var(--black);
}


.loader.show {
        display: block !important;
}

.confirmation-button.yes {
    background-color: var(--blue);
    color: var(--white);
}


.confirmation-button {
    color: var(--black);
}
.pdt-filter-link-block.active {
    background-color: var(--black);
}

.confirmation-button-block {
    align-items: stretch;
}

#portal-menu .main-logo-wrapper {
    min-height: var(--logoheight);
    height: 75px;
}


.activity-export-button {
    background-color: var(--white);
    color: var(--black);
    border: 1px solid #e5e5e5;
}
.additional-input textarea {
    border: 1px solid var(--blue);
}

.multi-apply {
    background-color: var(--blue) !important;
    color: var(--white)
}

.multi-cancel {
    background: transparent;
    border: 1px solid var(--blue);
    color: var(--blue);
}
.excel-icon {
    background: transparent url(/images/RAP/Brand/excel-icon.png) 0% 0% no-repeat padding-box;
}

.main-logo-wrapper {
    background-image: url(../../../images/RAP/Brand/brand-white-logo.svg) !important;
}

.login-background {
    background-image: url(../../../images/RAP/Brand/login-banner.jpg) !important;
    background-position: 50% 0%;
}

#portal-menu .dd-link-icon.dd-link-switchbrand {
    background-image: url(../../../images/RAP/Brand/switchbrand.svg);
}


.excel-icon-white {
    background: transparent url(/images/RAP/Brand/excel-icon.svg) center no-repeat;
    background-size: 100%;
}

.blank-container {
    display: none;
}

.rap-dash-block:hover {
    box-shadow: 0 0 50px 0 var(--lighpinkhover);
}

.status-filter-link-block.active {
    color: var(--white) !important;
}
.subheader-mainlink {
    color: var(--black) !important;
}

.nav-link.submenu.w--current {
    border-bottom-color: var(--black) !important;
}

.nav-link.submenu {
    color: var(--black) !important;
}

.drop-icon img {
    filter: invert(1);
}

.btn-container .btn-toast {
    background-color: var(--blue);
}


.error-message {
    background-color: #f1f1f1;
}

.container.menu .subheader-mainlink:hover,
.subheader-mainlink:active,
.subheader-mainlink:focus,
.subheader-mainlink:focus-within,
.subheader-mainlink:visited {
    color: var(--black) !important;
}

.oa-block-label:hover {
    color: var(--blue);
}

.status-filter-link-block.active {
    background-color: var(--black) !important;
}

.changeStatus-filter-link-block.active {
    background-color: var(--black);
}

.export-report-date:focus {
    outline: 1px solid var(--blue);
}

a.pdt-filter-link-block.w-inline-block.all.active, a.pdt-filter-link-block.w-inline-block.on.active, a.pdt-filter-link-block.w-inline-block.off.active, a.type-filter-link-block.w-inline-block.allrest.active, a.type-filter-link-block.w-inline-block.fra.active, a.status-filter-link-block.w-inline-block.all.active, a.type-filter-link-block.w-inline-block.icr.active, a.status-filter-link-block.w-inline-block.off.active, a.status-filter-link-block.w-inline-block.on.active {
    border: 1px solid var(--blue);
}
.grey-button-dark {
    background: #444444;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    padding: 2px 12px;
}

.grey-button-dark {
    background: #444444;
    display: inline-block;
    color: #fff;
    border-radius: 5px;
    padding: 2px 12px;
}

.refund-error .btn-container {
    background-color: var(--blue);
}