﻿
:root {
    --blue: #285780;
    --white: #ffffff;
    --sky: #74d2e7;
    --cherry: #e40046;
    --lightblue: #0089d8;
    --skyblue: #008AD8;
    --whitesky: #f7fafb;
    --lightgrey: #E7E7E7;
    --hoversky: rgba(204,233,255,.5);
    --logoheight: 74px;
    --black: #000000;
}

/*.grey-button-light {*/
/*    background: #A1A1A1;*/
/*    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;*/
/*}*/

.confirmation-content-wrapper.show-reason .heading-container input {
    border: 1px solid #0089d8;
    border-radius: 5px;
}

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

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

.ui-datepicker .ui-datepicker-header {
    background: var(--sky);
    color: var(--white);
}

.ui-datepicker-calendar tr th span {
    color: var(--lightblue);
}

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

.brand-rap-flex a.status-filter-link-block.w-inline-block.active, .brand-rap-flex a.type-filter-link-block.active {
    background-color: var(--lightblue);
    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(--skyblue);
}

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

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

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

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

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

.oa-link-block-wrapper a:hover .oa-block-label {
    color: var(--lightblue);
}


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

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

.menu-link-block:hover {
    background-color: var(--hoversky);
}

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

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

.confirmation-button.yes {
    background-color: var(--cherry);
    color: #fff;
}

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

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

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

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



.ui-datepicker .ui-datepicker-header {
    background: var(--sky);
    color: var(--white);
}

.ui-datepicker-calendar tr th span {
    color: var(--lightblue);
}

.additional-input textarea {
    border: 1px solid var(--lightblue);
}

.multi-apply {
    background: var(--lightblue);
}

.multi-cancel {
    background: transparent;
    border: 1px solid var(--lightblue);
    color: var(--lightblue);
}
.main-logo-wrapper {
    background-image: url("../../../images/RAP/brand-white-logo.svg") !important;
   
}
.dashboard-header {
    background-color: var(--sky);
}


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

.excel-icon {
    background: transparent url(/images/RAP/Brand/excel-icon.svg) 0% 0% no-repeat padding-box;
}

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

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



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

.excel-icon-white {
    background: transparent url(/images/RAP/excel-icon.svg) center no-repeat !important;
}

.blank-container {
    display: none;
}
.refund-error .btn-container {
    background-color: var(--cherry);
}