/*
    Accent Color #1a3d8a
    Accent Light #6c87d9          shade of .textcolor-accent, 40+ pt reduction in Saturation, 30+ increase in Brightness. Shift in hue (up).
    Accent Verylight #e6e9f2      shade of .textcolor-accent, Saturation should be 5-10, Brightness 95+, Shift in hue (up). 
    Accent Dark #112b59           shade of .textcolor-accent, 10-15 pt reduction in Brightness, Shift in hue (down)

    Contrast Color #404040       should 'pop' compared to Accent color
    Contrast Light #666666       shade of .textcolor-contrast, 40+ pt reduction in Saturation, 30+ increase in Brightness. Shift in hue (up).
    Contrast Verylight #f2f2f2    shade of .textcolor-accent, Saturation should be 5-10, Brightness 95+, Shift in hue (up).
    Contrast Dark #000F08        shade of .textcolor-contrast, 10-15 pt reduction in Brightnest, Shift in hue (down)

*/

:root {
    --color-accent: #1a3d8a;
    --color-accent-light: #6c87d9;
    --color-accent-verylight: #e6e9f2;
    --color-accent-dark: #112b59;
    --color-contrast: #404040;
    --color-contrast-light: #666666;
    --color-contrast-verylight: #f2f2f2;
    --color-contrast-dark: #000F08;
}


.defaultpicture {
    position: relative;
    background: url(/images/CareSystem/FallonMedicalC/defaultblur.jpg);
    background-size: cover;
    background-position: center;
}

.InvoiceAccount {
    width: 226px !important;
    height: 309px !important;
    margin: 0 auto;
    position: relative;
    background: url(/images/CareSystem/FallonMedicalC/invoice-account.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.InvoiceNumber {
    width: 226px !important;
    height: 309px !important;
    margin: 0 auto;
    position: relative;
    background: url(/images/CareSystem/FallonMedicalC/invoice-number.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

/* Logo */
@media only screen and (min-width: 761px) {

    .logo2 {
        display: block;
        box-sizing: border-box;
        background-image: url(/images/CareSystem/FallonMedicalC/logo-lg.jpg);
        width: 360px;
        height: 90px;
        padding-left: 360px;
        cursor: pointer;
        background-repeat: no-repeat;
    }
}

@media only screen and (min-width:476px) and (max-width: 760px) {

    .logo2 {
        display: block;
        box-sizing: border-box;
        background-image: url(/images/CareSystem/FallonMedicalC/logo-md.jpg);
        width: 250px;
        height: 90px;
        padding-left: 250px;
        cursor: pointer;
        background-repeat: no-repeat;
    }
}

@media only screen and (max-width: 475px) {

    .logo2 {
        display: block;
        box-sizing: border-box;
        background-image: url(/images/CareSystem/FallonMedicalC/logo-md.jpg);
        background-size: contain;
        width: 190px;
        padding-top: 60px;
        cursor: pointer;
        margin-left: 0px !important;
        background-repeat: no-repeat;
    }

    [id="ReddeHead"] {
        padding: 0 !important;
    }
}

@media print {
    .logoprint {
        display: block !important;
        box-sizing: border-box;
        background-image: url(/images/CareSystem/FallonMedicalC/logo-lg.jpg);
        background-size: contain;
        width: 190px;
        padding-top: 60px;
        margin-left: 0px !important;
        background-repeat: no-repeat;
        -webkit-print-color-adjust: exact;
    }

    .logoimageprint {
        content: url(/images/CareSystem/FallonMedicalC/logo-lg.jpg);
        display: block !important;
    }


}

/* Sets header style based on scroll position. Uses JS in the Master page. Most code in jedi.css */
html:not([data-scroll='0']) [id="LogoHead"] {
    background-image: url(/images/CareSystem/FallonMedicalC/logo-md.jpg);
}



/* Text Colors  */

.textcolor-accent {
    color: var(--color-accent); /* Customizable - Accent color */
}

.textcolor-accent-light {
    color: var(--color-accent-light) !important; /* Customizable - Accent-Light color  */
}
.textcolor-accent-verylight {
    color: var(--color-accent-verylight) !important; /* Customizable - Accent-verylight color */
}

.textcolor-accent-dark {
    color: var(--color-accent-dark) !important; /* Customizable - Accent-Dark color  */
}


.textcolor-contrast {
    color: var(--color-contrast) !important; /* Customizable - Constrast color */
}

.textcolor-contrast-light {
    color: var(--color-contrast-light) !important; /* Customizable - Contrast-Light color */
}

.textcolor-constrast-verylight {
    color: var(--color-contrast-verylight) !important; /* Customizable -  Contrast-Verylight color */
}

.textcolor-contrast-dark {
    color: var(--color-contrast-dark) !important; /* Customizable - COntrast-Dark color */
}




/* Background Colors  */
.backaccentcolor-regular {
    background-color: var(--color-accent) !important; /* Customizable - Accent */
}
.backaccentcolor-light {
    background-color: var(--color-accent-light) !important; /* Customizable - Accent Light  */
}
.backaccentcolor-verylight {
    background-color: var(--color-accent-verylight) !important; /* Customizable - Accent VeryLight  */
}
.backaccentcolor-dark {
    background-color: var(--color-accent-dark) !important; /* Customizable - Accent Dark  */
}


.backcontrastcolor-regular {
    background-color: var(--color-contrast) !important; /* Customizable - Contrast */
}
.backcontrastcolor-light {
    background-color: var(--color-contrast-light) !important; /* Customizable - Contrast Light*/
}
.backcontrastcolor-verylight {
    background-color: var(--color-contrast-verylight) !important; /* Customizable - Contrast VeryLight  */
}
.backcontrastcolor-dark {
    background-color: var(--color-contrast-dark) !important; /* Customizable - Contrast Dark  */
}

.backaccentdrd {
    background-image: linear-gradient(90deg, var(--color-accent-dark), var(--color-accent), var(--color-accent-dark)); /* Customizable - Accent Dark, Regular, Dark  */
}

.backaccentdr {
    background-image: linear-gradient( to bottom right, var(--color-accent-dark), var(--color-accent)); /* Customizable - Accent Dark, Regular  */
}

.backaccentlr {
    background-image: linear-gradient( to bottom right, var(--color-accent-light), var(--color-accent)); /* Customizable - Accent Light, Regular  */
}

.backcontrastdrd {
    background-image: linear-gradient(90deg, var(--color-contrast-dark), var(--color-contrast), var(--color-contrast-dark)); /* Customizable - Contrast Dark, Regular, Dark  */
}

.backcontrastdr {
    background-image: linear-gradient( to bottom right, var(--color-contrast-dark), var(--color-contrast)); /* Customizable - Contrast Dark, Regular  */
}

.backcontrastlr {
    background-image: linear-gradient( to bottom right, var(--color-contrast-light), var(--color-contrast)); /* Customizable - Contrast Light, Regular  */
}


/* Border Colors  */

.border-accent {
    border-color: var(--color-accent) !important; /* Customizable - Accent */
}

    .border-accent::before,
    .border-accent::after {
        border-color: var(--color-accent); /* Customizable - Accent */
    }
.border-accent-light {
    border-color: var(--color-accent-light) !important; /* Customizable - Accent */
}

.border-accent-verylight {
    border-color: var(--color-accent-verylight) !important; /* Customizable - Accent */
}

.border-accent-dark {
    border-color: var(--color-accent-dark) !important; /* Customizable - Accent */
}


.border-contrast {
    border-color: var(--color-contrast) !important; /* Customizable - Contrast */
}
.border-contrast-light {
    border-color: var(--color-contrast-light) !important; /* Customizable - Contrast */
}

.border-contrast-verylight {
    border-color: var(--color-contrast-verylight) !important; /* Customizable - Contrast */
}

.border-contrast-dark {
    border-color: var(--color-contrast-dark) !important; /* Customizable - Contrast */
}

.pagetitle::after {
    content: '';
    display: block;
    width: clamp(40px, 30%, 130px);
    height: 4px;
    margin-top: 0.5rem;
    background: var(--color-accent-light); /* Customizable - Accent */
}


/* Buttons  */

.buttonaccent {
    padding: 5px;
    border: 2px solid var(--color-accent-verylight); /* Customizable - Accent VeryLight color  */
    border-radius: 6px;
    background-image: linear-gradient(180deg, var(--color-accent-light), var(--color-accent)); /* Customizable - Accent Light color & Accent color */
}

    .buttonaccent:hover {
        border: 2px solid var(--color-accent-verylight); /* Customizable - Accent VeryLight  */
        background-image: linear-gradient(180deg, var(--color-accent), var(--color-accent-dark)); /* Customizable - Accent color & Accent Dark color*/
    }

.buttonaccent-light {
    padding: 5px;
    border: 2px solid var(--color-accent-verylight); /* Customizable - Accent VeryLight color  */
    border-radius: 6px;
    background-image: linear-gradient(180deg, var(--color-accent-light), var(--color-accent-light)); /* Customizable - Accent Light color twice */
}

    .buttonaccent-light:hover {
        border: 2px solid var(--color-accent-verylight); /* Customizable - Accent VeryLight color  */
        background-image: linear-gradient(180deg, var(--color-accent-light), var(--color-accent)); /* Customizable - Accent Light color & Accent color */
    }


.buttoncontrast {
    padding: 5px;
    border: 2px solid var(--color-contrast-verylight); /* Customizable - Contrast VeryLight color  */
    border-radius: 6px;
    background-image: linear-gradient(180deg, var(--color-contrast-light), var(--color-contrast)); /* Customizable - Contrast Light color & Contrast color */
}

    .buttoncontrast:hover {
        border: 2px solid var(--color-contrast-verylight); /* Customizable - Contrast VeryLight color  */
        background-image: linear-gradient(180deg, var(--color-contrast), var(--color-contrast-dark)); /* Customizable - Contrast color & Contrast Dark color */
    }

    .buttoncontrast:focus {
        outline: 2px solid;
    }

.buttonwhite {
    padding: 5px;
    border: 2px solid #ccc;
    color: var(--color-accent) !important; /* Customizable - Accent Color*/
    border-radius: 6px;
    background-color: white;
}

.buttonwhite:hover {
        border: 2px solid #cdddea; /* Cusotmizable - Accent Light color */
        background-color: var(--color-accent-verylight) !important; /* Customizable - Accent VeryLight color  */
    }

    .buttonwhite:focus-within {
        border: 2px solid #cdddea; /* Cusotmizable - Accent Light color */
        background-color: var(--color-accent-verylight) !important; /* Customizable - Accent VeryLight color  */
    }


.selectbutton {
    padding: 5px;
    border: 2px solid #ccc;
    color: var(--color-accent) !important; /* Customizable - Accent Color*/
    border-radius: 6px;
    background-color: white;
    display: block;
}

    .selectbutton:hover {
        background-color: var(--color-accent-verylight); /* Customizable - Accent VeryLight color  */
        border: 2px solid var(--color-accent); /* Cusotmizable - Accent Light color */
    }


.btnaccent1 {
    background-color: var(--color-accent); /*Customizable - Accent Color*/
    background-image: linear-gradient(135deg, var(--color-accent) 15%, var(--color-accent-light), var(--color-accent-light), var(--color-accent) 90% ); /*Customizable - Accent , Accent-Light x2, Accent */
}

.btnaccent2 {
    background-color: var(--color-accent-light); /*Customizable - Accent Color*/
    background-image: linear-gradient(135deg, var(--color-accent-light), var(--color-accent), var(--color-accent), var(--color-accent-light) ); /*Customizable - Accent-Light, Accent */
}

.btncontrast1 {
    background-color: var(--color-contrast); /*Customizable - Contrast Color*/
    background-image: linear-gradient(135deg, var(--color-contrast) 15%, var(--color-contrast-light), var(--color-contrast-light), var(--color-contrast) 90% ); /*Customizable - Contrast , Contrast-Light x2, Contrast */
}

.btncontrast2 {
    background-color: var(--color-accent-light); /*Customizable - Accent Color*/
    background-image: linear-gradient(135deg, var(--color-contrast-light), var(--color-contrast), var(--color-contrast), var(--color-contrast-light) ); /*Customizable - Contrast-Light, Contrast */
}


.btn3grey {
    background-color: #999999 !important; 
}


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

.btn3accent {
    background-color: var(--color-accent-dark) !important; /*Customizable - Accent Dark Color*/
}


    .btn3accent:hover {
        background-color: var(--color-accent) !important; /*Customizable - Accent Color*/
    }

.btn3contrast {
    background-color: var(--color-contrast) !important; /*Customizable - Contrast Color*/
}

    .btn3contrast:hover {
        background-color: var(--color-contrast-light) !important; /*Customizable - Contrast Light Color*/
    }


.btn4accent {
    border-radius: 0.4rem;
    border: 1px solid var(--color-accent-light); /*Customizable - Accent Light Color*/
    display: inline-block;
    color: var(--color-accent) !important; /*Customizable - Accent Color*/
    font-weight: 600;
    text-align: center;
    padding: 0.2rem 0.7rem;
    margin: 0.2rem 0;
    transition: 0.5s;
    background-color: white;
}

    .btn4accent:hover {
        border-color: var(--color-accent); /*Customizable - Accent Color*/
        background-color: var(--color-accent-verylight); /*Customizable - Accent Very Light Color*/
        outline: 1px solid var(--color-accent-light); /*Customizable - Accent Light Color*/
    }

.btn4contrast {
    border-radius: 0.4rem;
    border: 2px solid var(--color-contrast-light); /*Customizable - Contrast Light Color*/
    display: inline-block;
    color: var(--color-contrast) !important; /*Customizable - Contrast Color*/
    font-weight: 600;
    text-align: center;
    padding: 0.2rem 0.7rem;
    margin: 0.2rem 0;
    transition: 0.5s;
}

    .btn4contrast:hover {
        border-color: var(--color-contrast); /*Customizable - Contrast Color*/
        background-color: var(--color-contrast-verylight); /*Customizable - Contrast Very Light Color*/
    }

input:checked + .selectbutton {
    background-color: var(--color-accent-verylight); /* Cusotmizable - Accent Light color */
    border: 2px solid var(--color-accent); /* Customizable - Accent Color*/
}




.smsselectrow:hover {
    color: white !important;
    background-color: var(--color-accent-light) !important; /* Customizable - Accent Light color  */
    width: 92% !important;
    transition: all 0.2s;
}


.smsselected {
    color: white !important;
    background-color: var(--color-accent) !important; /* Customizable - Accent color  */
}



/* Non-customizable portions of .tabsr are in jedi.css*/
.tabsr [class^="tab"] [type="radio"]:hover + label,
.tabsr [class*=" tab"] [type="radio"]:hover + label {
    border-top: 1px solid var(--color-accent-dark) !important; /*Accent Dark Color*/
    border-bottom: 6px solid var(--color-accent-dark) !important; /*Accent Dark Color*/
    color: var(--color-accent); /*Accent Color*/
    background-color: var(--color-accent-light) !important; /*Accent-Light Color*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tabsr [class^="tab"] [type="radio"]:active + label,
.tabsr [class*=" tab"] [type="radio"]:active + label {
    border-top: 1px solid var(--color-accent) !important; /*Accent Color*/
    border-bottom: 6px solid var(--color-accent) !important; /*Accent Color*/
    background-color: var(--color-accent-verylight) !important; /*Accent-VeryLight Color*/
    color: var(--color-accent); /*Accent Color*/
}

.tabsr [class^="tab"] [type="radio"]:checked + label,
.tabsr [class*=" tab"] [type="radio"]:checked + label {
    border-top: 1px solid var(--color-accent-dark); /*Accent Dark Color*/
    border-bottom: 6px solid var(--color-accent-dark); /*Accent Dark Color*/
    background-color: var(--color-accent-verylight); /*Accent-VeryLight Color*/
    color: var(--color-accent); /*Accent Color*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tabsr [class^="tab"] [id^="div"] ~ label,
.tabsr [class*=" tab"] [id*=" div"] ~ label {
    color: var(--color-accent-light); /*Accent Light Color*/
    border-top: 1px solid var(--color-accent); /*Accent Color*/
    border-bottom: 6px solid var(--color-accent); /*Accent Color*/
    border-right: 1px dotted var(--color-accent); /*Accent Color*/
}

    /* Messaging Styles*/
    .speech-bubble-user {
    position: relative;
    border-radius: 10px;
    padding: 10px;
    background-color: var(--color-accent-verylight) !important; /* Customizable - Accent VeryLight color  */
}


    .speech-bubble-user:after {
        content: '';
        position: absolute;
        left: 0;
        top: 20px;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-right-color: var(--color-accent-verylight) !important; /* Customizable - Accent VeryLight color  */
        border-left: 0;
        border-bottom: 0;
        margin-top: -4px;
        margin-left: -8px;
    }

.speech-bubble-system {
    position: relative;
    border-radius: 10px;
    padding: 10px;
    background-color: white !important;
    border: 1px dashed #e5e6e8; /* Don't customize. Backcolor-content  */
}


    .speech-bubble-system:after {
        content: '';
        position: absolute;
        right: 0;
        top: 20px;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-left-color: #e5e6e8; /* Don't customize. Backcolor-content  */
        border-right: 0;
        border-bottom: 0;
        margin-top: -4px;
        margin-right: -8px;
    }

.speech-bubble-system-user {
    position: relative;
    border-radius: 10px;
    padding: 10px;



}


    .speech-bubble-system-user:after {
        content: '';
        position: absolute;
        left: 0;
        top: 20px;
        width: 0;
        height: 0;

        border-left: 0;
        border-bottom: 0;
        margin-top: -4px;
        margin-left: -8px;
    }

.speech-bubble-provider {
    position: relative;
    border-radius: 10px;
    padding: 10px;
    background-color: #e5e6e8 !important; /* Don't customize. Backcolor-content  */
}


    .speech-bubble-provider:after {
        content: '';
        position: absolute;
        right: 0;
        top: 20px;
        width: 0;
        height: 0;
        border: 8px solid transparent;
        border-left-color: #e5e6e8; /* Don't customize. Backcolor-content  */
        border-right: 0;
        border-bottom: 0;
        margin-top: -4px;
        margin-right: -8px;
    }



.infobubble-accent-light {
    padding: 0.25rem 0.75rem;
    color: white;
    background-color: var(--color-accent-light) !important; /*Accent Light Color*/
    line-height: 1.5;
    border-radius: 0.4rem;
    position: relative;
    margin: 0.2rem 0;
}

    .infobubble-accent-light::before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 6px solid transparent;
        border-right: 6px solid var(--color-accent-light) !important; /*Accent Light Color*/
        border-top: 6px solid var(--color-accent-light) !important; /*Accent Light Color*/
        border-bottom: 6px solid transparent;
        left: -12px;
        top: 6px;
    }


/* Tables */
.rtable-accent {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: solid 4px var(--color-accent); /* Customizable - Accent color */
}

.rtable-contrast {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: solid 4px var(--color-contrast); /* Customizable - Contrast color */
}

@media only screen and (max-width: 469px) {

    .rtable-collapse > .rtable-cell-head-accent {
        background-color: var(--color-accent-light); /* Customizable - Accent Light color */
        border-top: solid 1px #d2d4d6;
        color: white !important;
    }

    .rtable-collapse > .rtable-cell-head-contrast {
        background-color: var(--color-contrast-light); /* Customizable - Contrast Light color */
        border-top: solid 1px #d2d4d6;
        color: white !important;
    }

    .rtable-accent {
        border-bottom: none
    }

    .rtable-contrast {
        border-bottom: none
    }
}


/* Text Handling */

a.linked, .linked {
    color: var(--color-accent) !important; /* Customizable - Accent color*/
}

    a.linked:hover, a.linked:focus, .linked:hover, .linked:focus {
        background-color: var(--color-accent-verylight) !important; /* Customizable - Accent VeryLight color */
    }




a.linked-underline {
    font-weight: bold;
    color: var(--color-accent) !important; /* Customizable - Accent color*/
}

    a.linked-underline:hover {
        font-weight: bold;
        text-decoration: underline;

    }

a.linked-white-underline {
    font-weight: bold;
    color: white !important; 
}

    a.linked-white-underline:hover {
        font-weight: bold;
        text-decoration: underline;
    }

a.linked-light {

    color: var(--color-accent-light) !important; /* Customizable - Accent Light color*/
}

    a.linked-light:hover, a.linked-light:focus {
        background-color: var(--color-accent-verylight) !important; /* Customizable - Accent-VeryLight color */
    }

a.linked-contrast {
    color: var(--color-contrast) !important; /* Customizable - Contrast Color */
}

    a.linked-contrast:hover, a.linked-contrast:focus {
        background-color: var(--color-contrast-light) !important; /* Customizable - Contrast Light color */
    }

a.linked-contrast-light {
    color: var(--color-contrast-light) !important; /* Customizable - Contrast Light Color */
}

a.linked-contrast:hover, a.linked-contrast:focus {
    background-color: var(--color-contrast-verylight) !important; /* Customizable - Contrast Very Light color */
}

/*Paypod Styling*/

.paypod-title-label {
    cursor: pointer;
    display: block;
    color: var(--color-accent); /* Customizable - Accent color */
}

.paypod-title-label:hover {
    background-color: var(--color-accent-light) !important; /* Customizable - Accent Light color*/
    color: white;
}



/* The slider for switches */

input:checked + .slider {
    background-color: var(--color-contrast); /* Customizable - Contrast color */
}


/* When the checkbox is checked, add a  background */
.checkcontainer input:checked ~ .checkmark {
    background-color: var(--color-contrast); /* Customizable - Contrast color */
}


/* When the RADIO BUTTONn is checked, add a background */
.radiocontainer input:checked ~ .radiocheckmark {
    background-color: var(--color-contrast); /* Customizable - Contrast color */
}






/* Telerik Overrides */
.RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    border-color: var(--color-accent) !important; /* Customizable - Accent color */
    color: #fff !important;
    background-color: var(--color-accent) !important; /* Customizable - Accent color */
}

.userlookupgrid .RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    border-color: var(--color-contrast) !important; /* Customizable - Constrast color */
    color: #fff !important;
    background-color: var(--color-contrast) !important; /* Customizable - Constrast color */
}

.RadGrid_Bootstrap .rgMasterTable .rgSelectedCell, 
.RadGrid_Bootstrap .rgSelectedRow td, 
.RadGrid_Bootstrap td.rgEditRow .rgSelectedRow, 
.RadGrid_Bootstrap .rgSelectedRow td.rgSorted {
    color: #656566 !important;
    background: #e5e5e5 !important;
    border-color: #fff;
}

.RadGrid_Bootstrap .rgSelectedCell a, .RadGrid_Bootstrap .rgSelectedRow a, .RadGrid_Bootstrap a {
    color: var(--color-accent) !important; /* Customizable - Accent color */
}


    .RadGrid_Bootstrap .rgSelectedCell a, .RadGrid_Bootstrap .rgSelectedRow a.aspNetDisabled {
        color: var(--color-accent) !important; /* Customizable - Accent color */
    }

.userlookupgrid .RadGrid_Bootstrap .rgSelectedCell a, .userlookupgrid .RadGrid_Bootstrap .rgSelectedRow a, .userlookupgrid .RadGrid_Bootstrap a {
    color: var(--color-contrast) !important; /* Customizable - Constrast color */
}


    .userlookupgrid .RadGrid_Bootstrap .rgSelectedCell a, .userlookupgrid .RadGrid_Bootstrap .rgSelectedRow a.aspNetDisabled {
        color: var(--color-contrast) !important; /* Customizable - Constrast color */
    }


.RadGrid_Bootstrap .rgHeader a {
    color: var(--color-accent) !important; /* Customizable - Accent color */
    font-size: 0.9rem !important;
    font-weight:600 !important;
}

.userlookupgrid .RadGrid_Bootstrap .rgHeader a {
    color: var(--color-contrast) !important; /* Customizable - Constrast color */
    font-size: 0.9rem !important;
    font-weight: 600 !important;
}

.RadGrid_Bootstrap .rgActionButton {
    color: var(--color-accent-light) !important; /* Customizable - Accent Light color */
    border: none !important;
}

    .RadGrid_Bootstrap .rgActionButton:hover {
        color: var(--color-accent) !important; /* Customizable - Accent color */
    }


.userlookupgrid .RadGrid_Bootstrap .rgActionButton {
    color: var(--color-contrast-light) !important; /* Customizable - Contrast-Light color */
    border: none !important;
}

    .userlookupgrid .RadGrid_Bootstrap .rgActionButton:hover {
        color: var(--color-contrast) !important; /* Customizable - Constrast color */
    }

.RadGrid_Bootstrap .rgRow > td.regwarningtext, .RadGrid_Bootstrap .rgAltRow > td.regwarningtext {
    color: #e7352a !important; /* Warning Text color*/
}

.RadUpload_Bootstrap .ruSelectWrap .ruButton {
    background-color: var(--color-accent) !important; /* Customizable - Accent color */
}

    .RadUpload_Bootstrap .ruSelectWrap .ruButton.ruButtonHover {
        background-color: var(--color-accent-dark) !important; /* Customizable - Accent-Dark color  */
        cursor: pointer !important;
    }

.searchselect .RadAutoCompleteBox_Default .racTokenList {
    border-color: var(--color-accent-light) !important; /* Customizable - Accent Light color */
}
    .searchselect .RadAutoCompleteBox_Default .racTokenList:hover,
    .searchselect .RadAutoCompleteBox_Default .racTokenList:active,
    .searchselect .RadAutoCompleteBox_Default .racTokenList:focus {
        border-color: var(--color-accent-light) !important; /* Customizable - Accent Light color */
        outline: 2px solid var(--color-accent-light) !important; /* Customizable - Accent Light color */
    }

.worklist .RadGrid_Bootstrap .rgEditForm {
    border-color: var(--color-accent-light) !important; /* Customizable - Accent Light color */
}



/* Main Site Menu */

/* Main Site Menu */
#cssmenu > li {
    transition: all 0s;
    border-radius: 3px 3px 0 0;
}

    #cssmenu > li:hover,
    #cssmenu > li:focus {
        background: var(--color-accent) !important; /* Customizable Accent Color  */
        color: white !important;
    }


    #cssmenu > li.active > a {
        color: #ffffff;
    }

#cssmenu .has-submenu ul li a {
    background: white; /* Optional - Customizable Dropdown Background Active. Don't need to change*/
    border-bottom: 1px dotted #d2d3d5;
    border-left: 1px solid #cacbcd;
    border-right: 1px solid #cacbcd;
    border-top: none;
    font-size: 1rem;
    filter: none;
    display: block;
    line-height: 120%;
    padding: 10px;
    color: #414243;
    transition: 0s;
}


#cssmenu .has-submenu ul [id="AccountDetail"] {
    background: #e5e5e5; /* Optional - Customizable Dropdown Background Active. Don't need to change*/
    border-bottom: 1px dotted #d2d3d5;
    border-left: 1px solid #cacbcd;
    border-right: 1px solid #cacbcd;
    border-top: none;
    font-size: 1rem;
    filter: none;
    display: block;
    line-height: 120%;
    padding: 10px;
    color: #656566;
    cursor: default;
}

    #cssmenu .has-submenu ul [id="AccountDetail"] a {
        background: none; /* Optional - Customizable Dropdown Background Active. Don't need to change*/
        border: none;
        font-size: 0.9rem;
        filter: none;
        display: block;
        line-height: 100%;
        padding: 0;
        text-decoration: underline;
        color: #414243;
        cursor: pointer;
    }

    #cssmenu .has-submenu ul [id="AccountDetail"]:hover a,
    #cssmenu .has-submenu ul [id="AccountDetail"]:focus a {
        color: inherit;
        background: white; /* Customizable  */
    }


#cssmenu [id="MenuAccount"] ul li a {
    /*line-height: 200% !important;*/
    /*font-size: 1.25rem;*/
    /*text-align: right;*/
}



#cssmenu .has-submenu ul li:hover a,
#cssmenu .has-submenu ul li:focus a {
    color: white;
    background: var(--color-accent); /* Customizable Accent Color  */
}

#cssmenu .has-submenu .has-submenu ul li a {
    background: white; /* Optional - Customizable Dropdown Background Active. Don't need to change*/
    border-bottom: 1px dotted #d2d3d5;
    border-left: 1px solid #cacbcd;
    color: #414243 !important;
}

    #cssmenu .has-submenu .has-submenu ul li a:hover,
    #cssmenu .has-submenu .has-submenu ul li a:focus {
        background: var(--color-accent); /* Customizable Accent Color  */
        color: white !important;
    }

#cssmenu .has-submenu ul li:hover a .cssmenuitemcircle,
#cssmenu .has-submenu ul li:focus a .cssmenuitemcircle {
    border-color: var(--color-accent-light) !important; /* Customizable - Accent-Light color  */
}