:root {
    --primary: #2a445e;
    --interactive: #138dab; /* color Button new and edit*/
    --interactive2: #18A5C8; /* color hover new Button*/
    --accent: #3f6891;
    --actions: #bce0ff;
    --accent2: #f3a710; /* actual color remove Button*/
    --accent3: #fec36c; /* new color tabstrip orange*/
    --accent4: #ECBD7D; /* new color remove Button*/
    --accent5: #6AA277; /* tabstrip green*/
    --warning: #a71212; /**RED*/
    --backgroundPrimary: #f6f8f9;
    --backgroundSecondary: #eef3f5;
    --backgroundTertiary: #ebf1f8;
    --backgroundQuaternary: #DDE9EB; /*color hover edit button*/
    --backgroundAccent: #fff6e9; /*color hover remove button*/
    --white: #ffffff;
    --accentLightYellow: #FFD976;
    /*Sidebar menu font size and weight*/
    --font-sidebarMenu-weight: 600;
    --font-sidebarMenu-size: calc(0.7rem);
    --font-top-menu-size: calc(0.5rem + 0.65vh);
    --font-top-menu-icon-size: calc(0.5rem + 0.8vh);
    --font-top-title: calc(1rem + 0.4vh);
    --font-widget-title: calc(0.8rem + 0.2vh);
    --label-info-1: calc(0.8rem );
    --text-small-size: calc(0.75rem );
    --text-small2-size: calc(0.7rem );
    /*--label-info-1: calc(0.6rem + 0.2em);
    --text-small-size: calc(0.5rem + 0.2em);*/
    /*title tab*/
    --textTitleTab: calc(0.6rem + 0.2em);
    /*grid*/
    --textTitleGrid: calc(0.7rem + 0.2vh);
    /*Modals*/
    --header-color: #eef4f5;
    --header-color2: #dde9eb;
    --dark-gray: #adc4c8;
    --buttonAddBlue: #138DAB;
    /*Hover Button new*/
    --Accent: #18A5C8;
    --label-info-1-new: Calc(0.7rem);
    --dark-red: #C82B2B;
    --Merced-blue: #1569B3;
}

/*Login Colors start*/

.bg-primary-color-Login {
    background: linear-gradient(180deg, #FFFFFF 78%, #FF9A35 129%);
}

.Login-Box-Shadow {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 25px #6e6969;
    border-radius: 15px;
}

.Login-Btn-Width {
    width: 100%;
    border-radius: 15px;
    background-color: #F36810;
    border-color: #F36810;
}

    .Login-Btn-Width:hover {
        background-color: #f69558 !important;
        border-color: #f69558 !important;
    }

.Login-Btn {
    background: unset;
    border: unset;
    position: absolute;
    right: 1%;
    top: 15%;
    font-size: 20px;
    z-index: 999999;
}

.Login-Input {
    border-radius: 15px !important;
    background-color: #F2F2F2;
}

.top-menu-logo-Login {
    height: 2.8rem;
    width: 100%;
}

.Btn-General-Color {
    background-color: #F36810 !important;
    border-color: #F36810 !important;
    color:white !important;
}



/*Login Colors end*/

/* Background Colors */
.bg-primary-color {
    background-color: var(--primary) !important;
}

.bg-primary-transparency {
    background-color: var(--backgroundPrimary) !important;
}

.bg-secondary-color {
    background-color: var(--backgroundSecondary) !important;
}

.bg-tertiary-color {
    background-color: var(--backgroundTertiary) !important;
}

.bg-interactive-color {
    background-color: var(--interactive) !important;
}

.bg-accent-color {
    background-color: var(--accent) !important;
}

.bg-actions-color {
    background-color: var(--actions) !important;
}

.bg-accent2-color {
    background-color: var(--accent2) !important;
}

.bg-accent2-transparency {
    background-color: var(--backgroundAccent) !important;
}

.bg-warning-color {
    background-color: var(--warning) !important;
}

/* Font Colors */
.text-primary-color {
    color: var(--primary) !important;
}

.text-interactive-color {
    color: var(--interactive) !important;
}

.text-accent-color {
    color: var(--accent) !important;
}

.text-accent-color-Claim {
    color: #074453 !important;
}

.text-accent2-color {
    /*    before*/
    /*color: var(--accent2) !important;*/
/*    color: var(--accent3) !important;*/
    color: #FFA826 !important;
}

.text-warning-color {
    color: var(--warning) !important;
}

.text-actions-color {
    color: var(--actions) !important;
}

.text-white-color{
    color: white !important;
}

/* Buttons */
.btn-primary-interactive {
  
    border-color: #138dab;
    color: var(--white);
    background-color: var(--interactive);
}

.btn-secondary-interactive {
    color: var(--interactive);
    background-color: transparent;
    border-color: var(--interactive);
}