:root[data-theme="default"] {
    /* primary color */
    --primary-color-one: #005A70;
    /* EXL Blue Sapphire */
    --primary-color-two: #FB4E0B;
    /* EXL Orange */
    --primary-color-three: #3C4656;
    /* EXL Grey */
    --primary-color-four: #FFFFFF;
    /* EXL White */
    --primary-color-five: #252424;
    /* EXL Black*/
    /* Primary Color one Variants */
    --primary-color-one-10: #E6EFF1;
    --primary-color-one-20: #CCDEE2;
    --primary-color-one-30: #B3CED4;
    --primary-color-one-40: #99BDC6;
    --primary-color-one-50: #80ACB7;
    --primary-color-one-60: #669CA9;
    --primary-color-one-70: #4D8C9B;
    --primary-color-one-80: #337B8D;
    --primary-color-one-90: #1A6B7E;
    --primary-color-one-100: #005A70;
    /* Primary Color two Variants */
    --primary-color-two-10: #FFEDE7;
    --primary-color-two-20: #FEDCCE;
    --primary-color-two-30: #FECAB6;
    --primary-color-two-40: #FDB89D;
    --primary-color-two-50: #FDA685;
    --primary-color-two-60: #FD956D;
    --primary-color-two-70: #FC8354;
    --primary-color-two-80: #FC713C;
    --primary-color-two-90: #FB6023;
    --primary-color-two-100: #FB4E0B;
    /* Primary Color three Variants */
    --primary-color-three-10: #ECEDEE;
    --primary-color-three-20: #D8DADD;
    --primary-color-three-30: #C5C8CC;
    --primary-color-three-40: #B1B5BB;
    --primary-color-three-50: #9DA2AA;
    --primary-color-three-60: #8A909A;
    --primary-color-three-70: #777E89;
    --primary-color-three-80: #636B78;
    --primary-color-three-90: #505867;
    --primary-color-three-100: #3C4656;
    /* Success Color Variants */
    --success-10: #E6F2E6;
    --success-20: #CDE4CC;
    --success-30: #B5D7B3;
    --success-40: #9CCA99;
    --success-50: #83BD80;
    --success-60: #6AB066;
    --success-70: #52A24D;
    --success-80: #399533;
    --success-90: #20881A;
    --success-100: #077A00;
    /* Warning Color Variants */
    --warning-10: #FDF7E6;
    --warning-20: #FBF0CE;
    --warning-30: #F9E8B5;
    --warning-40: #F7E19C;
    --warning-50: #F4D983;
    --warning-60: #F2D16B;
    --warning-70: #F0CA52;
    --warning-80: #EEC239;
    --warning-90: #ECBB21;
    --warning-100: #EAB308;
    /* Error Color Variants */
    --error-10: #FFE7E6;
    --error-20: #FECFCC;
    --error-30: #FEB6B3;
    --error-40: #FE9E99;
    --error-50: #FD8680;
    --error-60: #FD6E66;
    --error-70: #FD554D;
    --error-80: #FC3D33;
    --error-90: #FC251A;
    --error-100: #FB0D00;
    /* Accent Color Variants */
    --accent-10: #E6F5FB;
    --accent-20: #CCEAF7;
    --accent-30: #B3E0F3;
    --accent-40: #99D5EF;
    --accent-50: #80CBEA;
    --accent-60: #66C1E6;
    --accent-70: #4DB6E2;
    --accent-80: #33ACDE;
    --accent-90: #1AA1DA;
    --accent-100: #0097D6;

      .navSlideElm .navSlideIcn{
         background-color: #44b1ce !important;
 
    }
}

:root[data-theme="lockton"] {
    /* primary colors */
    --primary-color-one: #00AEEF;
    /* lockton Blue */
    --primary-color-two: #363636;
    /* lockton  JET */
    --primary-color-three: #B8B8B8;
    /* lockton SILVER */
    --primary-color-four: #FFFFFF;
    /* lockton White */
    --primary-color-five: #000000;
    /* lockton Black*/
    /* Primary Color one Variants */
    --primary-color-one-5: #F2FBFE;
    --primary-color-one-10: #E6F7FE;
    --primary-color-one-15: #D9F3FD;
    --primary-color-one-20: #CCEFFC;
    --primary-color-one-30: #B3E7FB;
    --primary-color-one-40: #99DFF9;
    --primary-color-one-50: #7FD6F6;
    --primary-color-one-60: #66CEF5;
    --primary-color-one-70: #4DC7F4;
    --primary-color-one-80: #33BEF2;
    --primary-color-one-90: #1AB7F1;
    --primary-color-one-100: #00AEEF;
    /* Primary Color two Variants */
    --primary-color-two-10: #EBEBEB;
    --primary-color-two-20: #D7D7D7;
    --primary-color-two-30: #C3C3C3;
    --primary-color-two-40: #AFAFAF;
    --primary-color-two-50: #9A9A9A;
    --primary-color-two-60: #868686;
    --primary-color-two-70: #737373;
    --primary-color-two-80: #5E5E5E;
    --primary-color-two-90: #4B4B4B;
    --primary-color-two-100: #363636;
    /* Primary Color three Variants */
    --primary-color-three-10: #E6E6E6;
    --primary-color-three-20: #E0E0E0;
    --primary-color-three-30: #DBDBDB;
    --primary-color-three-40: #D6D6D6;
    --primary-color-three-50: #D1D1D1;
    --primary-color-three-60: #CCCCCC;
    --primary-color-three-70: #C7C7C7;
    --primary-color-three-80: #C2C2C2;
    --primary-color-three-90: #BDBDBD;
    --primary-color-three-100: #B8B8B8;
    /* Primary Color five Variants */
    --primary-color-five-10: #E6E6E6;
    --primary-color-five-20: #CCCCCC;
    --primary-color-five-30: #B3B3B3;
    --primary-color-five-40: #999999;
    --primary-color-five-50: #7F7F7F;
    --primary-color-five-60: #666666;
    --primary-color-five-70: #4D4D4D;
    --primary-color-five-80: #333333;
    --primary-color-five-90: #1A1A1A;
    --primary-color-five-100: #000000;
    /* Shadow Variants */
    --shadow-10: #001118;
    --shadow-20: #002330;
    --shadow-30: #003448;
    --shadow-40: #004660;
    --shadow-50: #005777;
    --shadow-60: #00688F;
    --shadow-70: #007AA7;
    --shadow-80: #008BBF;
    --shadow-90: #009DD7;
    --shadow-100: #00AEEF;
    /* Success High Color Variants */
    --success-high-10: #F3F8ED;
    --success-high-20: #E5EFD9;
    --success-high-30: #D9E8C7;
    --success-high-40: #CBE0B3;
    --success-high-50: #BED7A0;
    --success-high-60: #B2D08E;
    --success-high-70: #A5C97B;
    --success-high-80: #98C168;
    --success-high-90: #8BB955;
    --success-high-100: #7EB142;
    /* Success Medium Color Variants */
    --success-medium-10: #EEF2EC;
    --success-medium-20: #DBE4D7;
    --success-medium-30: #CAD7C4;
    --success-medium-40: #B8C9AF;
    --success-medium-50: #A5BB9B;
    --success-medium-60: #94AE88;
    --success-medium-70: #83A174;
    --success-medium-80: #719360;
    --success-medium-90: #5F864C;
    --success-medium-100: #4D7838;
    /* Success low Color Variants */
    --success-low-10: #ECEEEA;
    --success-low-20: #D7DCD5;
    --success-low-30: #C4CBC0;
    --success-low-40: #AFB9AA;
    --success-low-50: #9BA694;
    --success-low-60: #889580;
    --success-low-70: #74846B;
    --success-low-80: #607255;
    --success-low-90: #4C6141;
    --success-low-100: #384F2B;
    /* Warning High Color Variants */
    --warning-high-10: #FFFBEB;
    --warning-high-20: #FFF7D6;
    --warning-high-30: #FFF3C3;
    --warning-high-40: #FFEEAE;
    --warning-high-50: #FFE999;
    --warning-high-60: #FFE685;
    --warning-high-70: #FFE271;
    --warning-high-80: #FFDD5D;
    --warning-high-90: #FFDA49;
    --warning-high-100: #FFD534;
    /* Warning Medium Color Variants */
    --warning-medium-10: #FDF8E6;
    --warning-medium-20: #FAEFCC;
    --warning-medium-30: #F8E8B3;
    --warning-medium-40: #F5DF99;
    --warning-medium-50: #F1D77F;
    --warning-medium-60: #EFD066;
    --warning-medium-70: #EDC84D;
    --warning-medium-80: #EAC033;
    --warning-medium-90: #E8B81A;
    --warning-medium-100: #E5B000;
    /* Warning Low Color Variants */
    --warning-low-10: #F2F0E6;
    --warning-low-20: #E4DFCC;
    --warning-low-30: #D7D0B3;
    --warning-low-40: #C9C099;
    --warning-low-50: #BBAF7F;
    --warning-low-60: #AEA066;
    --warning-low-70: #A1914D;
    --warning-low-80: #938133;
    --warning-low-90: #86711A;
    --warning-low-100: #786100;
    /* Error Low Color Varients */
    --error-low-10: #F1E6E6;
    --error-low-20: #E2CCCC;
    --error-low-30: #D5B3B3;
    --error-low-40: #C69999;
    --error-low-50: #B77F7F;
    --error-low-60: #A96666;
    --error-low-70: #9B4D4D;
    --error-low-80: #8D3333;
    --error-low-90: #7F1A1A;
    --error-low-100: #700000;
    /* Error Medium Color Varients */
    --error-medium-10: #F7E6E9;
    --error-medium-20: #EECCD2;
    --error-medium-30: #E6B3BB;
    --error-medium-40: #DD99A4;
    --error-medium-50: #D47F8D;
    --error-medium-60: #CD6677;
    --error-medium-70: #C54D61;
    --error-medium-80: #BC3349;
    --error-medium-90: #B41A33;
    --error-medium-100: #AB001C;
    /* Error High Color Varients */
    --error-high-10: #FFE9ED;
    --error-high-20: #FFD3DA;
    --error-high-30: #FFBDC8;
    --error-high-40: #FFA6B5;
    --error-high-50: #FF8FA2;
    --error-high-60: #FF7A91;
    --error-high-70: #FF647F;
    --error-high-80: #FF4D6C;
    --error-high-90: #FF385A;
    --error-high-100: #FF2147;
    /* Accent Color Variants */
    --accent-10: #E6F5FB;
    --accent-20: #CCEAF7;
    --accent-30: #B3E0F3;
    --accent-40: #99D5EF;
    --accent-50: #80CBEA;
    --accent-60: #66C1E6;
    --accent-70: #4DB6E2;
    --accent-80: #33ACDE;
    --accent-90: #1AA1DA;
    --accent-100: #0097D6;
    /* Extra filler Colors */
    --extra-filler-1: #FF732B;
    --extra-filler-2: #CF4F0A;
    --extra-filler-3: #873B00;
    --extra-filler-4: #822EBF;
    --extra-filler-5: #4F2970;
    --extra-filler-6: #331C52;
    --extra-filler-7: #055EA3;
    --extra-filler-8: #0D245C;
    --extra-filler-9: #E6D5F2;
    --extra-filler-10: #F5DCCE;

    .table-bordered .gridHead {
        background: var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
    }

    .table-bordered thead tr.sBar td {
        border-bottom: 1px solid var(--primary-color-one-40) !important;
        background: var(--primary-color-four) !important;
    }

    .table-bordered th,
    .table-bordered td {
        border-bottom: 1px solid var(--primary-color-one-40) !important;
        border-color: var(--primary-color-one-40) !important;
    }

    #RolesManager tbody tr:hover,
    #RolesManager tbody tr:hover td,
    #RolesManager tbody tr td.highlighted {
        background-color: var(--primary-color-one-15) !important;
    }

    tbody tr:hover,
    tbody tr:hover td,
    tbody tr td.highlighted {
        background-color: var(--primary-color-one-15) !important;
    }

    .table-striped tbody>tr:nth-child(2n+1)>td,
    .table-striped tbody>tr:nth-child(2n+1)>th {
        background-color: var(--primary-color-one-5) !important;
    }

    .table-striped tbody tr.even .td {
        background: var(--primary-color-four) !important;
    }

    a {
        color: var(--primary-color-five-100) !important;
    }

    a:hover {
        color: var(--primary-color-five-100) !important;
    }

    a.icn20-info {
        background: var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
    }

    a.icn20-info:hover {
        background: var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
    }

    .txt-blue .gridActionLink {
        color: var(--primary-color-five-100) !important;
        font-weight: 500 !important;
    }

    #ActionEventDivId a {
        color: var(--primary-color-five-100) !important;
        font-weight: 500 !important;
    }

    #tblMemberAnalytics tbody tr td a {
        color: var(--primary-color-five-100) !important;
        font-weight: 500 !important;
    }

    .popoverHead {
        background-color: var(--primary-color-one-5) !important;
        border-bottom: 1px solid var(--primary-color-one-40) !important;
    }

    .paging_full_numbers a.paginate_active {
        color: var(--primary-color-four) !important;
        background: var(--primary-color-one-100) !important;
    }

    .paging_full_numbers a.paginate_active:hover {
        color: var(--primary-color-four) !important;
        background: var(--primary-color-one-100) !important;
    }

    .paging_full_numbers a.paginate_button {
        color: var(--primary-color-one-100) !important;
    }

    .paging_full_numbers a.paginate_button:hover {
        color: var(--primary-color-one-100) !important;
    }

    .paging_full_numbers:hover a.paginate_button {
        color: var(--primary-color-one-100) !important;
    }

    .paging_full_numbers:hover a:hover.paginate_button {
        color: var(--primary-color-one-100) !important;
    }

    .paging_full_numbers a:hover.paginate_button {
        color: var(--primary-color-one-100) !important;
    }

    .paginate_button_disabled {
        color: var(--primary-color-two-20) !important;
        cursor: default !important;
    }

    .in-row-outer,
    .in-row-rol {
        background: var(--primary-color-one-5) !important;
        border: 1px solid var(--primary-color-one-40) !important;
    }

    .in-row-outer-crs {
        background: var(--primary-color-one-5) !important;
        border: 1px solid var(--primary-color-one-40) !important;
    }

    .rule-andnot,
    .rule-andnot-hide {
        background: var(--primary-color-one-5) !important;
        border: 1px solid var(--primary-color-one-40) !important;
        color: var(--primary-color-one-100) !important;
    }

    .mandt {
        color: var(--error-high-100) !important;
    }

    .btn:hover,
    .btn:focus {
        background: var(--primary-color-one-80) !important;
        border-color: var(--primary-color-one-80) !important;
        border-radius: 5px !important;
    }

    .btn,
    .btn-primary,
    .gridModal .btn {
        border-radius: 5px !important;
    }

    .btn-primary {
        color: var(--primary-color-four) !important;
        background: var(--primary-color-one-100) !important;
        border-color: var(--primary-color-one-100) !important;
    }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active {
        color: var(--primary-color-four) !important;
        background: var(--primary-color-one-100) !important;
        border-radius: 5px !important;
    }

    .btn-primary.disabled,
    .btn-primary[disabled] {
        color: var(--primary-color-four) !important;
        background: var(--primary-color-two-40) !important;
        border-radius: 5px !important;
    }

    .rol-mid-bx table.rol-tb td {
        border: 1px solid var(--primary-color-one-40) !important;
        background: var(--primary-color-one-5) !important;
    }

    .label-info,
    .badge-info {
        background-color: var(--primary-color-one-100) !important;
    }

    .dual-list .panel-primary>.panel-heading {
        background-color: var(--primary-color-one-100) !important;
        border-color: var(--primary-color-one-80) !important;
    }

    .grid_config_content .panel-yellow .panel-heading a,
    .grid_config_content .panel-yellow .panel-heading a:hover {
        color: var(--primary-color-four) !important;
    }

    .grid_config_content .panel-yellow .panel-heading {
        background-color: var(--primary-color-one-100) !important;
        border-color: var(--primary-color-four) !important;
        color: var(--primary-color-four) !important;
    }

    .splitter_panel .list-group .list-group-item.selected {
        background-color: var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
    }

    .splitter_panel .list-group .list-group-item.selected:hover {
        background-color: var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
    }

    .splitter_panel .list-group .list-group-item:hover {
        background-color: var(--primary-color-one-20) !important;
        color: var(--primary-color-five-100) !important;
    }

    .splitter_panel .list-group .list-group-item {
        background-color: var(--primary-color-four) !important;
        color: var(--primary-color-five-100) !important;
    }

    .gridModal .btn-info.focus,
    .gridModal .btn-info:hover {
        background: var(--primary-color-one-100) !important;
    }

    .gridModal .btn {
        background: var(--primary-color-one-100) !important;
        border-color: var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
    }

    .label_desc {
        background-color: var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
    }

    .desc_content {
        background-color: var(--primary-color-one-5) !important;
        border: 1px dashed var(--primary-color-one-60) !important;
    }

    .label-warning,
    .badge-warning {
        background-color: var(--warning-high-100) !important;
    }

    .label-default {
        background-color: var(--primary-color-one-100) !important;
    }

    .label-primary {
        background-color: var(--primary-color-one-100) !important;
    }

    .label-success {
        background-color: var(--success-high-100) !important;
    }

    .label-warning {
        background-color: var(--warning-high-100) !important;
    }

    .label_selected {
        border: 1px solid var(--primary-color-four) !important;
    }

    .label-danger {
        background-color: var(--error-high-100) !important;
    }

    .gridModal .modal-header {
        background-color: var(--primary-color-one-10) !important;
    }

    .modal-header {
        border-bottom: 1px solid var(--primary-color-two-50) !important;
    }

    .filter-form {
        background-color: var(--primary-color-one-5) !important;
        border: 1px dashed var(--primary-color-one-40) !important;
    }

    .error-clin-fact,
    .error-clin-fact2 {
        color: var(--error-high-100) !important;
    }

    .legends span {
        color: var(--error-high-100) !important;
    }

    .navbar-inner {
        border: 0px solid var(--primary-color-two-40) !important;
        border-top: 1px solid var(--primary-color-two-40) !important;
    }

    .subHead {
        color: var(--primary-color-two-70) !important;
        border-bottom: 1px solid var(--primary-color-two-40) !important;
    }

    #UserManager tbody tr:hover,
    #UserManager tbody tr:hover td,
    #UserManager tbody tr td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    table.dataTable tr.odd td.sorting_1,
    table.dataTable tr.odd td.sorting_2,
    table.dataTable tr.odd td.sorting_3 {
        background-color: var(--primary-color-one-15) !important;
    }

    table.dataTable tr.even td.sorting_1,
    table.dataTable tr.even td.sorting_2,
    table.dataTable tr.even td.sorting_3 {
        background-color: var(--primary-color-one-5) !important;
    }

    .table-striped tbody>tr:nth-child(odd)>td,
    .table-striped tbody>tr:nth-child(odd)>th {
        background-color: var(--primary-color-one-5) !important;
    }

    .table-striped tbody>tr:nth-child(even)>td,
    .table-striped tbody>tr:nth-child(even)>th {
        background-color: var(--primary-color-four) !important;
    }

    table,
    table th,
    table td {
        border-color: var(--primary-color-one-40) !important;
    }

    .ssoUserLabel {
        background-color: var(--warning-high-100) !important;
        color: var(--primary-color-four) !important;
    }

    .in-row01 {
        border: 1px solid var(--primary-color-two-40) !important;
        background: var(--primary-color-four) !important;
    }

    #tblDataAccessView tbody tr:hover,
    #tblDataAccessView tbody tr:hover td,
    #tblDataAccessView tbody tr td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    tbody tr:hover,
    #ClinicalMeasures tbody tr:hover td,
    #ClinicalMeasures tbody tr td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    tbody tr:hover,
    .table-striped tbody tr td:hover,
    .table-bordered tbody tr td:hover {
        background-color: var(--primary-color-one-20) !important;
    }

    input[disabled],
    select[disabled],
    textarea[disabled],
    input[readonly],
    select[readonly],
    textarea[readonly] {
        background-color: var(--primary-color-two-10) !important;
    }

    input::placeholder {
        color: var(--primary-color-two-30) !important;
    }

    input::-webkit-input-placeholder {
        color: var(--primary-color-two-30) !important;
    }

    input:-ms-input-placeholder {
        color: var(--primary-color-two-30) !important;
    }

    input::-ms-input-placeholder {
        color: var(--primary-color-two-30) !important;
    }

    /* Form controls theming */
    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    input[type="search"],
    input[type="tel"],
    input[type="url"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="time"],
    input[type="month"],
    input[type="week"],
    textarea,
    select {
        color: var(--primary-color-five-100) !important;
    }

    textarea:focus,
    select:focus,
    textarea:active,
    select:active {
        border-color: var(--primary-color-one-20) !important;
        outline-color: var(--primary-color-one-20) !important;
        box-shadow: 0 0 0 0.2rem var(--primary-color-one-20) !important;
    }

    /* Disabled input fields background */
    input:disabled,
    textarea:disabled,
    select:disabled,
    input[readonly],
    textarea[readonly],
    select[readonly] {
        background-color: var(--primary-color-two-10) !important;
    }



    .disp-bx {
        background: none repeat scroll 0 0 var(--primary-color-one-5) !important;
        border: 1px solid var(--primary-color-one-40) !important;
    }

    .disp-bx01 {
        border: 1px solid var(--primary-color-one-40) !important;
    }

    .bracketBorders {
        border-bottom: 1px solid var(--primary-color-one-40) !important;
        border-left: 1px solid var(--primary-color-one-40) !important;
        border-top: 1px solid var(--primary-color-one-40) !important;
    }

    .actionDiv select {
        border: 1px solid var(--primary-color-two-40) !important;
        background: var(--primary-color-one-5) !important;
        appearance: auto !important;
        -moz-appearance: auto !important;
        -webkit-appearance: menulist !important;
        padding-right: 0;
    }

    .condition-manager {
        border: 1px solid var(--primary-color-two-40) !important;
    }

    .main_dropdown:before {
        border-bottom: 8px solid var(--primary-color-two-100) !important;
    }

    .main_dropdown .panel {
        background: var(--primary-color-two-60) !important;
        border-color: var(--primary-color-five-100) !important;
    }

    .main_dropdown .panel .panel-heading {
        background: var(--primary-color-two-80) !important;
        border-color: var(--primary-color-two-40) !important;
    }

    .list-group-horizontal>.list-group-item .list-group .list-group-item a:hover {
        background-color: var(--primary-color-two-70) !important;
    }

    .list-group-horizontal>.list-group-item .list-group .list-group-item a {
        color: var(--primary-color-four) !important;
    }

    .box {
        background-color: var(--warning-high-10) !important;
        border: 2px solid var(--warning-high-30) !important;
        color: var(--primary-color-five-100) !important;
    }

    .box p {
        color: var(--primary-color-five-100) !important;
    }

    #NoteMsg {
        color: var(--error-high-100) !important;
    }

    tr.odd:hover,
    #Div_DataAccessManagementHistory tbody tr.odd:hover td,
    #Div_DataAccessManagementHistory tbody tr.odd td.highlighted,
    #tblMemberAnalytics tbody tr.odd:hover td,
    #tblMemberAnalytics tbody tr.odd td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    tr.even:hover,
    #Div_DataAccessManagementHistory tbody tr.even:hover td,
    #Div_DataAccessManagementHistory tbody tr.even td.highlighted,
    #tblMemberAnalytics tbody tr.even:hover td,
    #tblMemberAnalytics tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #tblMemberAnalytics tbody tr.odd:hover,
    #tblMemberAnalytics tbody tr.odd:hover td,
    #tblMemberAnalytics tbody tr.odd td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #tblMemberAnalytics tbody tr.even:hover,
    #tblMemberAnalytics tbody tr.even:hover td,
    #tblMemberAnalytics tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #divConditionManger tbody tr.odd:hover,
    #divConditionManger tbody tr.odd:hover td,
    #divConditionManger tbody tr.odd td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #divConditionManger tbody tr.even:hover,
    #divConditionManger tbody tr.even:hover td,
    #divConditionManger tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #ClinicalFactsManager tbody tr.odd:hover,
    #ClinicalFactsManager tbody tr.odd:hover td,
    #ClinicalFactsManager tbody tr.odd td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #ClinicalFactsManager tbody tr.even:hover,
    #ClinicalFactsManager tbody tr.even:hover td,
    #ClinicalFactsManager tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #IndicationGroup tbody tr.odd:hover,
    #IndicationGroup tbody tr.odd:hover td,
    #IndicationGroup tbody tr.odd td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #IndicationGroup tbody tr.even:hover,
    #IndicationGroup tbody tr.even:hover td,
    #IndicationGroup tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #ViewIndicationGrp tbody tr.odd:hover,
    #ViewIndicationGrp tbody tr.odd:hover td,
    #ViewIndicationGrp tbody tr.odd td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #ViewIndicationGrp tbody tr.even:hover,
    #ViewIndicationGrp tbody tr.even:hover td,
    #ViewIndicationGrp tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    .RC_filter .ruleTABLE th,
    .RC_filter .ruleTABLE td {
        background-color: var(--primary-color-four) !important;
    }

    .has-toggle-input label.active {
        background: var(--success-high-100) !important;
        border-color: var(--success-high-100) !important;
        color: var(--primary-color-four) !important;
    }

    .ruleTABLE td .btn-link,
    .ruleTABLE td .btn-link:hover,
    .ruleTABLE td .btn-link:focus {
        color: var(--primary-color-five-100) !important;
        font-weight: 500 !important;
    }

    input.codeSelectorDisabledLink {
        color: var(--primary-color-two-30) !important;
        cursor: not-allowed !important;
        background: transparent !important;
    }

    .scio-submit-btn-1 input[type="button"] {
        /* background: url(../images/sprit1.png) no-repeat scroll -325px -49px transparent; */
        background-color: var(--primary-color-one-100) !important;
        border-radius: 5px !important;
    }

    .btn-link,
    .btn-link:hover,
    .btn-link:focus {
        color: var(--primary-color-five-100) !important;
        font-weight: 500 !important;
    }

    .rulehead .rulespan {
        background: none repeat scroll 0 0 var(--primary-color-one-5) !important;
        border: 1px solid var(--primary-color-two-40) !important;
        color: var(--primary-color-one-100) !important;
    }

    #millergridroot .nav-tabs>li>a {
        background-color: var(--primary-color-one-50) !important;
        border-color: var(--primary-color-one-50) !important;
        color: var(--primary-color-five-100) !important;
    }

    #millergridroot>.nav-tabs>.active>a,
    #millergridroot .nav-tabs>.active>a:hover,
    #millergridroot .nav-tabs>.active>a:focus {
        background-color: var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
        border-color: var(--primary-color-one-100) !important;
        cursor: not-allowed;
    }

    .rulePTag label {
        background: var(--primary-color-one-5) !important;
        border: 1px solid var(--primary-color-one-40) !important;
    }

    .minimumRule {
        background: var(--primary-color-one-5) !important;
        border-color: var(--primary-color-one-40) !important;
        color: var(--primary-color-one-100) !important;
    }

    .exclu {
        background: none repeat scroll 0 0 var(--primary-color-one-5) !important;
        border-color: var(--primary-color-one-40) !important;
        color: var(--primary-color-one-100) !important;
    }

    .tre-stu {
        color: var(--primary-color-five-100) !important;
        border: 1px solid var(--primary-color-one-40) !important;
        background: var(--primary-color-one-5) !important;
    }

    .level-2 .claim-type .tr-robx,
    .level-2 .claim-type-cf .tr-robx {
        border: 1px solid var(--primary-color-one-40) !important;
        background: var(--primary-color-four) !important;
    }

    .level-1 .event p,
    .level-1 .rule-type p,
    .level-1 .min-max-age p,
    .level-1 .time-line p,
    .level-2 .event p,
    .level-2 .rule-type p,
    .level-2 .min-max-age p,
    .level-2 .time-line p,
    .level-2 .claim-type p,
    .level-2 .claim-type-cf p,
    .level-2 .operator p,
    .level-2 .answer-value p,
    .level-2-answer .answer-value p,
    .level-2 .answer-value-list p,
    .level-2-reporting .value p,
    .level-3 .event p,
    .level-3 .rule-type p,
    .level-3 .min-max-age p,
    .level-3 .time-line p,
    .level-3 .value p,
    .level-4 .code-type p,
    .level-4 p,
    .level-4 .dx-selection p,
    .level-4 .answer-value p,
    .level-5 .operator p,
    .level-6 .days p {
        background: none repeat scroll 0 0 var(--primary-color-one-5) !important;
        border-color: var(--primary-color-one-40) !important;
        color: var(--primary-color-one-100) !important;
    }

    .tre-bot-but {
        border: 1px solid var(--primary-color-one-40) !important;
        background: var(--primary-color-one-5) !important;
    }

    .pm-level-1 .pm-dropmenu-TP .label-dropdown,
    .pm-level-3 .pm-dropmenu-TP .label-dropdown,
    .level-3 .value .label-dropdown {
        background: var(--primary-color-one-5) !important;
        color: var(--primary-color-five-100) !important;
        border: 1px solid var(--primary-color-one-40) !important;
    }

    .millerroot .savelinks,
    .millergridroot .savelinks,
    .millergridroot .savelinks a {
        color: var(--primary-color-five-100) !important;
        font-weight: 500 !important;
    }

    #TreeViewControlLoad tbody tr.odd:hover,
    #TreeViewControlLoad tbody tr.odd:hover td,
    #TreeViewControlLoad tbody tr.odd td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControlLoad tbody tr.even:hover,
    #TreeViewControlLoad tbody tr.even:hover td,
    #TreeViewControlLoad tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControl tbody tr.odd:hover,
    #TreeViewControl tbody tr.odd:hover td,
    #TreeViewControl tbody tr.odd td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControl tbody tr.even:hover,
    #TreeViewControl tbody tr.even:hover td,
    #TreeViewControl tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #div1 tbody tr.odd:hover,
    #div1 tbody tr.odd:hover td,
    #div1 tbody tr.odd td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #div1 tbody tr.even:hover,
    #div1 tbody tr.even:hover td,
    #div1 tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #divAllReportTemplateDetails tbody tr.odd:hover,
    #divAllReportTemplateDetails tbody tr.odd:hover td,
    #divAllReportTemplateDetails tbody tr.odd td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #divAllReportTemplateDetails tbody tr.even:hover,
    #divAllReportTemplateDetails tbody tr.even:hover td,
    #divAllReportTemplateDetails tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControl .selected-row,
    #TreeViewControlLoad .selected-row {
        background-color: var(--primary-color-one-100) !important;
        border: 1px solid var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
    }

    .descript_Content {
        background: var(--primary-color-one-5) !important;
        border: 1px solid var(--primary-color-one-40) !important;
    }

    .Pagination {
        border: 1px solid var(--primary-color-one-40) !important;
    }

    .selected-codes {
        border: 1px solid var(--primary-color-one-40) !important;
    }

    .indicator1 svg polyline#back {
        stroke: var(--primary-color-one-20) !important;
    }

    .indicator1 svg polyline#front {
        stroke: var(--primary-color-one-100) !important;
    }

    .acute {
        background: var(--primary-color-one-5) !important;
        border: 1px solid var(--primary-color-one-40) !important;
    }

    .ruleCreator .ruleTABLE tbody tr td:hover {
        background: var(--primary-color-four) !important;
    }

    .ruleCreator .ruleTABLE tbody tr td {
        background: var(--primary-color-four) !important;
    }

    .mappingStatusReadyToMap {
        background: var(--primary-color-two-50) !important;
    }

    .mappingStatusText {
        color: var(--primary-color-four) !important;
    }

    .mappingStatusMapInProgress {
        background: var(--primary-color-one-100) !important;
    }

    .mappingStatusCompleted {
        background: var(--success-high-100) !important;
    }

    .mappingStatusError {
        background: var(--error-high-100) !important;
    }

    .btn-toggleON,
    .btn-toggleOFF {
        color: var(--primary-color-four) !important;
    }

    .btn-toggleOFF {
        background: var(--error-high-100) !important;
    }

    .btn-toggleON {
        background: var(--success-high-100) !important;
    }

    .toggle.btn-toggleON[disabled="disabled"],
    .btn-toggleOFF[disabled="disabled"],
    .toggle.btn-toggleON[disabled="disabled"] .btn-toggleON,
    .btn-toggleOFF[disabled="disabled"] .btn-toggleOFF {
        background: var(--primary-color-two-50) !important;
    }

    #UploadTemplate h4 {
        color: var(--primary-color-five-100) !important;
    }

    #FileUploadButtons.btn {
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
    }

    .paging_full_numbers .first:hover {
        background-position: -105px -1130px !important;
    }

    .paging_full_numbers .previous:hover {
        background-position: -240px -820px !important;
    }

    .paging_full_numbers .next:hover {
        background-position: -240px -790px !important;
    }

    .paging_full_numbers .last:hover {
        background-position: 0px -1130px !important;
    }

    #TreeViewControlLoad1 tbody tr.odd:hover,
    #TreeViewControlLoad1 tbody tr.odd:hover td,
    #TreeViewControlLoad1 tbody tr.odd td.highlighted,
    #TreeViewControlLoad1 tbody tr.even:hover,
    #TreeViewControlLoad1 tbody tr.even:hover td,
    #TreeViewControlLoad1 tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControlLoad2 tbody tr.odd:hover,
    #TreeViewControlLoad2 tbody tr.odd:hover td,
    #TreeViewControlLoad2 tbody tr.odd td.highlighted,
    #TreeViewControlLoad2 tbody tr.even:hover,
    #TreeViewControlLoad2 tbody tr.even:hover td,
    #TreeViewControlLoad2 tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControlLoad3 tbody tr.odd:hover,
    #TreeViewControlLoad3 tbody tr.odd:hover td,
    #TreeViewControlLoad3 tbody tr.odd td.highlighted,
    #TreeViewControlLoad3 tbody tr.even:hover,
    #TreeViewControlLoad3 tbody tr.even:hover td,
    #TreeViewControlLoad3 tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    /* Icon changes */

    .icnNav-UserManual {
        background-image: url('../../content/images/Home/icn_panel_app_info-lockton.svg') !important;
    }

    .icnNav-Logout {
        background-image: url('../../content/images/Home/logout-icn_1-lockton.svg') !important;
    }

    .icnNav-Frequently {
        background-image: url('../images/Home/icn_nav_frequently-lockton.svg') !important;
    }

    .widgetLinks li a {
        background-image: url('../../content/images/home/bullet1.svg');
        background-repeat: no-repeat;
        background-position: 0 5px;
    }
    .widgetLinks h5{
        color: var(--primary-color-five-100) !important;
    }

    .navSlideElm .navSlideIcn{
         background-color: var(--primary-color-one-90) !important;
    color: var(--primary-color-four) !important;
    }

    .selected-row {
        background-color: var(--primary-color-one-100) !important;
        border: 1px solid var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
    }

    #TreeViewControlLoad2 tbody tr.even:hover,
    #TreeViewControlLoad2 tbody tr.even:hover td,
    #TreeViewControlLoad2 tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    .indicator svg polyline#back {
        stroke: var(--primary-color-one-20) !important;
    }

    .indicator svg polyline#front {
        stroke: var(--primary-color-one-100) !important;
    }

    :root[data-theme="lockton"] #menu-toggle .icon-bar {
        background-color: var(--primary-color-two-100) !important;
    }

    .ui-widget-header {
        border: 1px solid var(--primary-color-one-100) !important;
        background: var(--primary-color-one-100) !important;
    }

    button.ui-priority-primary {
        background: var(--primary-color-one-100) !important;
        border: 1px solid var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
    }

    button.ui-priority-primary:hover,
    button.ui-priority-primary:focus {
        background: var(--primary-color-one-100) !important;
        border: 1px solid var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
    }

    button.ui-priority-primary:disabled {
        background: var(--primary-color-two-50) !important;
        border: 1px solid var(--primary-color-two-50) !important;
        color: var(--primary-color-four) !important;
    }

    button.ui-priority-secondary {
        background: var(--primary-color-two-20) !important;
        border: 1px solid var(--primary-color-two-30) !important;
        color: var(--primary-color-four) !important;
    }

    button.ui-priority-secondary:hover,
    button.ui-priority-secondary:focus {
        background: var(--primary-color-two-30) !important;
        border: 1px solid var(--primary-color-two-40) !important;
        color: var(--primary-color-four) !important;
    }

    #TreeViewControlLoad tbody tr.odd:hover,
    #TreeViewControlLoad tbody tr.odd:hover td,
    #TreeViewControlLoad tbody tr.odd td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControlLoad tbody tr.even:hover,
    #TreeViewControlLoad tbody tr.even:hover td,
    #TreeViewControlLoad tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControl tbody tr.odd:hover,
    #TreeViewControl tbody tr.odd:hover td,
    #TreeViewControl tbody tr.odd td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControl tbody tr.even:hover,
    #TreeViewControl tbody tr.even:hover td,
    #TreeViewControl tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControlLoad1 tbody tr.odd:hover,
    #TreeViewControlLoad1 tbody tr.odd:hover td,
    #TreeViewControlLoad1 tbody tr.odd td.highlighted,
    #TreeViewControlLoad1 tbody tr.even:hover,
    #TreeViewControlLoad1 tbody tr.even:hover td,
    #TreeViewControlLoad1 tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControlLoad2 tbody tr.odd:hover,
    #TreeViewControlLoad2 tbody tr.odd:hover td,
    #TreeViewControlLoad2 tbody tr.odd td.highlighted,
    #TreeViewControlLoad2 tbody tr.even:hover,
    #TreeViewControlLoad2 tbody tr.even:hover td,
    #TreeViewControlLoad2 tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControlLoad3 tbody tr.odd:hover,
    #TreeViewControlLoad3 tbody tr.odd:hover td,
    #TreeViewControlLoad3 tbody tr.odd td.highlighted,
    #TreeViewControlLoad3 tbody tr.even:hover,
    #TreeViewControlLoad3 tbody tr.even:hover td,
    #TreeViewControlLoad3 tbody tr.even td.highlighted {
        background-color: var(--primary-color-one-20) !important;
    }

    #TreeViewControlLoad3 tbody tr.odd.selected-row:hover,
    #TreeViewControlLoad3 tbody tr.odd.selected-row:hover td,
    #TreeViewControlLoad3 tbody tr.odd.selected-row td.highlighted,
    #TreeViewControlLoad3 tbody tr.even.selected-row:hover,
    #TreeViewControlLoad3 tbody tr.even.selected-row:hover td,
    #TreeViewControlLoad3 tbody tr.even.selected-row td.highlighted,
    #TreeViewControlLoad2 tbody tr.odd.selected-row:hover,
    #TreeViewControlLoad2 tbody tr.odd.selected-row:hover td,
    #TreeViewControlLoad2 tbody tr.odd.selected-row td.highlighted,
    #TreeViewControlLoad2 tbody tr.even.selected-row:hover,
    #TreeViewControlLoad2 tbody tr.even.selected-row:hover td,
    #TreeViewControlLoad2 tbody tr.even.selected-row td.highlighted,
    #TreeViewControlLoad1 tbody tr.odd.selected-row:hover,
    #TreeViewControlLoad1 tbody tr.odd.selected-row:hover td,
    #TreeViewControlLoad1 tbody tr.odd.selected-row td.highlighted,
    #TreeViewControlLoad1 tbody tr.even.selected-row:hover,
    #TreeViewControlLoad1 tbody tr.even.selected-row:hover td,
    #TreeViewControlLoad1 tbody tr.even.selected-row td.highlighted,
    #TreeViewControlLoad tbody tr.odd.selected-row:hover,
    #TreeViewControlLoad tbody tr.odd.selected-row:hover td,
    #TreeViewControlLoad tbody tr.odd.selected-row td.highlighted,
    #TreeViewControlLoad tbody tr.even.selected-row:hover,
    #TreeViewControlLoad tbody tr.even.selected-row:hover td,
    #TreeViewControlLoad tbody tr.even.selected-row td.highlighted {
        background-color: var(--primary-color-one-100) !important;
        border-color: var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
    }

    .member_analyics_content .btn {
        border: 1px solid var(--primary-color-one-100) !important;
        color: var(--primary-color-four) !important;
        background: var(--primary-color-one-100) !important;
    }

    .member_analyics_content .btn:hover {
        border: 1px solid var(--primary-color-one-90) !important;
        color: var(--primary-color-four) !important;
        background: var(--primary-color-one-90) !important;
    }

    .dont_show_content {
        border: 1px dashed var(--primary-color-one-40) !important;
        background-color: var(--primary-color-one-5) !important;
    }

    #memberAnlyticsmodal .modal_custom-header h3 {
        color: var(--primary-color-one-100) !important;
        border-bottom: 1px solid var(--primary-color-two-40) !important;
    }

    #memberAnlyticsmodal .modal_custom-content {
        border: 5px solid var(--primary-color-one-15) !important;
    }

}