/*
    Accent Color #004160
    Accent Light #4582ad          shade of .textcolor-accent, 40+ pt reduction in Saturation, 30+ increase in Brightness. Shift in hue (up).
    Accent Verylight #f2f8ff      shade of .textcolor-accent, Saturation should be 5-10, Brightness 95+, Shift in hue (up). 
    Accent Dark #003647           shade of .textcolor-accent, 10-15 pt reduction in Brightness, Shift in hue (down)

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

*/


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

.InvoiceAccount {
    width: 226px !important;
    height: 309px !important;
    margin:0 auto;
    position: relative;
    background: url(/images/CareSystem/SanJuan/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/SanJuan/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/SanJuan/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/SanJuan/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/SanJuan/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/SanJuan/logo-md.jpg);
        background-size: contain;
        width: 190px;
        padding-top: 60px;
        margin-left: 0px !important;
        background-repeat: no-repeat;
        -webkit-print-color-adjust: exact;
    }
}

/* 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/SanJuan/logo-md.jpg);
}




    /* Text Colors  */
    .textcolor-accent {
        color: #004160 !important; /* Customizable - Accent color */
    }

    .textcolor-accent-light {
        color: #4582ad !important; /* Customizable - Accent-Light color  */
    }

    .textcolor-accent-verylight {
        color: #f2f8ff !important; /* Customizable - Accent-verylight color */
    }

    .textcolor-accent-dark {
        color: #003647 !important; /* Customizable - Accent-Dark color  */
    }


    .textcolor-contrast {
        color: #e5842e !important; /* Customizable - Constrast color */
    }

    .textcolor-contrast-light {
        color: #f7c47c !important; /* Customizable - Contrast-Light color */
    }

    .textcolor-constrast-verylight {
        color: #f7e8d2 !important; /* Customizable -  Contrast-Verylight color */
    }

    .textcolor-contrast-dark {
        color: #bf670a !important; /* Customizable - COntrast-Dark color */
    }




    /* Background Colors  */
    .backaccentcolor-regular {
        background-color: #004160 !important; /* Customizable - Accent */
    }

    .backaccentcolor-light {
        background-color: #4582ad !important; /* Customizable - Accent Light  */
    }

    .backaccentcolor-verylight {
        background-color: #f2f8ff !important; /* Customizable - Accent VeryLight  */
    }

    .backaccentcolor-dark {
        background-color: #003647 !important; /* Customizable - Accent Dark  */
    }


    .backcontrastcolor-regular {
        background-color: #e5842e !important; /* Customizable - Contrast */
    }

    .backcontrastcolor-light {
        background-color: #f7c47c !important; /* Customizable - Contrast Light*/
    }

    .backcontrastcolor-verylight {
        background-color: #f7e8d2 !important; /* Customizable - Contrast VeryLight  */
    }

    .backcontrastcolor-dark {
        background-color: #bf670a !important; /* Customizable - Contrast Dark  */
    }

    .backaccentdrd {
        background-image: linear-gradient(90deg, #003647, #004160, #003647); /* Customizable - Accent Dark, Regular, Dark  */
    }

    .backaccentdr {
        background-image: linear-gradient( to bottom right, #003647, #004160); /* Customizable - Accent Dark, Regular  */
    }

    .backaccentlr {
        background-image: linear-gradient( to bottom right, #4582ad, #004160); /* Customizable - Accent Light, Regular  */
    }

    .backcontrastdrd {
        background-image: linear-gradient(90deg, #bf670a, #e5842e, #bf670a); /* Customizable - Contrast Dark, Regular, Dark  */
    }

    .backcontrastdr {
        background-image: linear-gradient( to bottom right, #bf670a, #e5842e); /* Customizable - Contrast Dark, Regular  */
    }

    .backcontrastlr {
        background-image: linear-gradient( to bottom right, #f7c47c, #e5842e); /* Customizable - Contrast Light, Regular  */
    }


    /* Border Colors  */

    .border-accent {
        border-color: #004160 !important; /* Customizable - Accent */
    }

        .border-accent::before,
        .border-accent::after {
            border-color: #004160; /* Customizable - Accent */
        }

    .border-accent-light {
        border-color: #4582ad !important; /* Customizable - Accent */
    }

    .border-accent-verylight {
        border-color: #f2f8ff !important; /* Customizable - Accent */
    }

    .border-accent-dark {
        border-color: #003647 !important; /* Customizable - Accent */
    }


    .border-contrast {
        border-color: #e5842e !important; /* Customizable - Contrast */
    }

    .border-contrast-light {
        border-color: #f7c47c !important; /* Customizable - Contrast */
    }

    .border-contrast-verylight {
        border-color: #f7e8d2 !important; /* Customizable - Contrast */
    }

    .border-contrast-dark {
        border-color: #bf670a !important; /* Customizable - Contrast */
    }

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


    /* Buttons  */

    .buttonaccent {
        padding: 5px;
        border: 2px solid #f2f8ff; /* Customizable - Accent VeryLight color  */
        border-radius: 6px;
        background-image: linear-gradient(180deg, #4582ad, #004160); /* Customizable - Accent Light color & Accent color */
    }

        .buttonaccent:hover {
            border: 2px solid #f2f8ff; /* Customizable - Accent VeryLight  */
            background-image: linear-gradient(180deg, #004160, #003647); /* Customizable - Accent color & Accent Dark color*/
        }

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

        .buttonaccent-light:hover {
            border: 2px solid #f2f8ff; /* Customizable - Accent VeryLight color  */
            background-image: linear-gradient(180deg, #4582ad, #004160); /* Customizable - Accent Light color & Accent color */
        }


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

        .buttoncontrast:hover {
            border: 2px solid #f7e8d2; /* Customizable - Contrast VeryLight color  */
            background-image: linear-gradient(180deg, #e5842e, #bf670a); /* Customizable - Contrast color & Contrast Dark color */
        }

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

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

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

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


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

        .selectbutton:hover {
            background-color: #f2f8ff; /* Customizable - Accent VeryLight color  */
            border: 2px solid #004160; /* Cusotmizable - Accent Light color */
        }


    .btnaccent1 {
        background-color: #004160; /*Customizable - Accent Color*/
        background-image: linear-gradient(135deg, #004160 15%, #4582ad, #4582ad, #004160 90% ); /*Customizable - Accent , Accent-Light x2, Accent */
    }

    .btnaccent2 {
        background-color: #4582ad; /*Customizable - Accent Color*/
        background-image: linear-gradient(135deg, #4582ad, #004160, #004160, #4582ad ); /*Customizable - Accent-Light, Accent */
    }

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

    .btncontrast2 {
        background-color: #4582ad; /*Customizable - Accent Color*/
        background-image: linear-gradient(135deg, #f7c47c, #e5842e, #e5842e, #f7c47c ); /*Customizable - Contrast-Light, Contrast */
    }


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


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

    .btn3accent {
        background-color: #003647 !important; /*Customizable - Accent Dark Color*/
    }


        .btn3accent:hover {
            background-color: #004160 !important; /*Customizable - Accent Color*/
        }

    .btn3contrast {
        background-color: #e5842e !important; /*Customizable - Contrast Color*/
    }

        .btn3contrast:hover {
            background-color: #f7c47c !important; /*Customizable - Contrast Light Color*/
        }


    .btn4accent {
        border-radius: 0.4rem;
        border: 1px solid #4582ad; /*Customizable - Accent Light Color*/
        display: inline-block;
        color: #004160 !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: #004160; /*Customizable - Accent Color*/
            background-color: #f2f8ff; /*Customizable - Accent Very Light Color*/
            outline: 1px solid #4582ad; /*Customizable - Accent Light Color*/
        }

    .btn4contrast {
        border-radius: 0.4rem;
        border: 2px solid #f7c47c; /*Customizable - Contrast Light Color*/
        display: inline-block;
        color: #e5842e !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: #e5842e; /*Customizable - Contrast Color*/
            background-color: #f7e8d2; /*Customizable - Contrast Very Light Color*/
        }

    input:checked + .selectbutton {
        background-color: #f2f8ff; /* Cusotmizable - Accent Light color */
        border: 2px solid #004160; /* Customizable - Accent Color*/
    }




    .smsselectrow:hover {
        color: white !important;
        background-color: #4582ad !important; /* Customizable - Accent Light color  */
        width: 92% !important;
        transition: all 0.2s;
    }


    .smsselected {
        color: white !important;
        background-color: #004160 !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 #003647 !important; /*Accent Dark Color*/
        border-bottom: 6px solid #003647 !important; /*Accent Dark Color*/
        color: #004160; /*Accent Color*/
        background-color: #4582ad !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 #004160 !important; /*Accent Color*/
        border-bottom: 6px solid #004160 !important; /*Accent Color*/
        background-color: #f2f8ff !important; /*Accent-VeryLight Color*/
        color: #004160; /*Accent Color*/
    }

    .tabsr [class^="tab"] [type="radio"]:checked + label,
    .tabsr [class*=" tab"] [type="radio"]:checked + label {
        border-top: 1px solid #003647; /*Accent Dark Color*/
        border-bottom: 6px solid #003647; /*Accent Dark Color*/
        background-color: #f2f8ff; /*Accent-VeryLight Color*/
        color: #004160; /*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: #4582ad; /*Accent Light Color*/
        border-top: 1px solid #004160; /*Accent Color*/
        border-bottom: 6px solid #004160; /*Accent Color*/
        border-right: 1px dotted #004160; /*Accent Color*/
    }

    /* Messaging Styles*/
    .speech-bubble-user {
        position: relative;
        border-radius: 10px;
        padding: 10px;
        background-color: #f2f8ff !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: #f2f8ff !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: #4582ad !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 #4582ad !important; /*Accent Light Color*/
            border-top: 6px solid #4582ad !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 #004160; /* Customizable - Accent color */
    }

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

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

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

        .rtable-collapse > .rtable-cell-head-contrast {
            background-color: #f7c47c; /* 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: #004160 !important; /* Customizable - Accent color*/
    }

        a.linked:hover, a.linked:focus, .linked:hover, .linked:focus {
            background-color: #f2f8ff !important; /* Customizable - Accent VeryLight color */
        }




    a.linked-underline {
        font-weight: bold;
        color: #004160 !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: #4582ad !important; /* Customizable - Accent Light color*/
    }

        a.linked-light:hover, a.linked-light:focus {
            background-color: #f2f8ff !important; /* Customizable - Accent-VeryLight color */
        }

    a.linked-contrast {
        color: #e5842e !important; /* Customizable - Contrast Color */
    }

        a.linked-contrast:hover, a.linked-contrast:focus {
            background-color: #f7c47c !important; /* Customizable - Contrast Light color */
        }

    a.linked-contrast-light {
        color: #f7c47c !important; /* Customizable - Contrast Light Color */
    }

    a.linked-contrast:hover, a.linked-contrast:focus {
        background-color: #f7e8d2 !important; /* Customizable - Contrast Very Light color */
    }

    /*Paypod Styling*/

    .paypod-title-label {
        cursor: pointer;
        display: block;
        color: #004160; /* Customizable - Accent color */
    }

        .paypod-title-label:hover {
            background-color: #4582ad !important; /* Customizable - Accent Light color*/
            color: white;
        }



    /* The slider for switches */

    input:checked + .slider {
        background-color: #e5842e; /* Customizable - Contrast color */
    }


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


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






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

    .userlookupgrid .RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
        border-color: #e5842e !important; /* Customizable - Constrast color */
        color: #fff !important;
        background-color: #e5842e !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: #004160 !important; /* Customizable - Accent color */
    }


        .RadGrid_Bootstrap .rgSelectedCell a, .RadGrid_Bootstrap .rgSelectedRow a.aspNetDisabled {
            color: #004160 !important; /* Customizable - Accent color */
        }

    .userlookupgrid .RadGrid_Bootstrap .rgSelectedCell a, .userlookupgrid .RadGrid_Bootstrap .rgSelectedRow a, .userlookupgrid .RadGrid_Bootstrap a {
        color: #e5842e !important; /* Customizable - Constrast color */
    }


        .userlookupgrid .RadGrid_Bootstrap .rgSelectedCell a, .userlookupgrid .RadGrid_Bootstrap .rgSelectedRow a.aspNetDisabled {
            color: #e5842e !important; /* Customizable - Constrast color */
        }


    .RadGrid_Bootstrap .rgHeader a {
        color: #004160 !important; /* Customizable - Accent color */
        font-size: 0.9rem !important;
        font-weight: 600 !important;
    }

    .userlookupgrid .RadGrid_Bootstrap .rgHeader a {
        color: #e5842e !important; /* Customizable - Constrast color */
        font-size: 0.9rem !important;
        font-weight: 600 !important;
    }

    .RadGrid_Bootstrap .rgActionButton {
        color: #4582ad !important; /* Customizable - Accent Light color */
        border: none !important;
    }

        .RadGrid_Bootstrap .rgActionButton:hover {
            color: #004160 !important; /* Customizable - Accent color */
        }


    .userlookupgrid .RadGrid_Bootstrap .rgActionButton {
        color: #f7c47c !important; /* Customizable - Contrast-Light color */
        border: none !important;
    }

        .userlookupgrid .RadGrid_Bootstrap .rgActionButton:hover {
            color: #e5842e !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: #004160 !important; /* Customizable - Accent color */
    }

        .RadUpload_Bootstrap .ruSelectWrap .ruButton.ruButtonHover {
            background-color: #003647 !important; /* Customizable - Accent-Dark color  */
            cursor: pointer !important;
        }

    .searchselect .RadAutoCompleteBox_Default .racTokenList {
        border-color: #4582ad !important; /* Customizable - Accent Light color */
    }

        .searchselect .RadAutoCompleteBox_Default .racTokenList:hover,
        .searchselect .RadAutoCompleteBox_Default .racTokenList:active,
        .searchselect .RadAutoCompleteBox_Default .racTokenList:focus {
            border-color: #4582ad !important; /* Customizable - Accent Light color */
            outline: 2px solid #4582ad !important; /* Customizable - Accent Light color */
        }

    .worklist .RadGrid_Bootstrap .rgEditForm {
        border-color: #4582ad !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: #004160; /* 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: #004160; /* 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: #004160; /* Customizable Accent Color  */
            color: white !important;
        }

    #cssmenu .has-submenu ul li:hover a .cssmenuitemcircle,
    #cssmenu .has-submenu ul li:focus a .cssmenuitemcircle {
        border-color: #4582ad !important; /* Customizable - Accent-Light color  */
    }