/*-------------------- IBM Plex-Sans Starts--------------------*/

@font-face {
    font-family: 'IBM-Plex-Sans-Bold';
    src: local('IBM-Plex-Sans-Bold'), url('../../fonts/IBMPlexSans/IBMPlexSans-Bold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-BoldItalic';
    src: local('IBM-Plex-Sans-BoldItalic'), url('../../fonts/IBMPlexSans/IBMPlexSans-BoldItalic.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-ExtraLight';
    src: local('IBM-Plex-Sans-ExtraLight'), url('../../fonts/IBMPlexSans/IBMPlexSans-ExtraLight.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-ExtraLightItalic';
    src: local('IBM-Plex-Sans-ExtraLightItalic'), url('../../fonts/IBMPlexSans/IBMPlexSans-ExtraLightItalic.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-Italic';
    src: local('IBM-Plex-Sans-Italic'), url('../../fonts/IBMPlexSans/IBMPlexSans-Italic.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-Light';
    src: local('IBM-Plex-Sans-Light'), url('../../fonts/IBMPlexSans/IBMPlexSans-Light.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-LightItalic';
    src: local('IBM-Plex-Sans-LightItalic'), url('../../fonts/IBMPlexSans/IBMPlexSans-LightItalic.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-Medium';
    src: local('IBM-Plex-Sans-Medium'), url('../../fonts/IBMPlexSans/IBMPlexSans-Medium.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-MediumItalic';
    src: local('IBM-Plex-Sans-MediumItalic'), url('../../fonts/IBMPlexSans/IBMPlexSans-MediumItalic.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-Regular';
    src: local('IBM-Plex-Sans-Regular'), url('../../fonts/IBMPlexSans/IBMPlexSans-Regular.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-SemiBold';
    src: local('IBM-Plex-Sans-SemiBold'), url('../../fonts/IBMPlexSans/IBMPlexSans-SemiBold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-SemiBoldItalic';
    src: local('IBM-Plex-Sans-SemiBoldItalic'), url('../../fonts/IBMPlexSans/IBMPlexSans-SemiBoldItalic.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-Thin';
    src: local('IBM-Plex-Sans-Thin'), url('../../fonts/IBMPlexSans/IBMPlexSans-Thin.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'IBM-Plex-Sans-ThinItalic';
    src: local('IBM-Plex-Sans-ThinItalic'), url('../../fonts/IBMPlexSans/IBMPlexSans-ThinItalic.ttf') format('truetype');
    font-display: swap;
}

.shs-bold {
    font-family: 'IBM-Plex-Sans-Bold', 'sans-serif' !important;
}

.shs-bold-italic {
    font-family: 'IBM-Plex-Sans-BoldItalic', 'sans-serif' !important;
}

.shs-extra-light {
    font-family: 'IBM-Plex-Sans-ExtraLight', 'sans-serif' !important;
}

.shs-extra-light-italic {
    font-family: 'IBM-Plex-Sans-ExtraLightItalic', 'sans-serif' !important;
}

.shs-italic {
    font-family: 'IBM-Plex-Sans-Italic', 'sans-serif' !important;
}

.shs-light {
    font-family: 'IBM-Plex-Sans-Light', 'sans-serif' !important;
}

.shs-light-italic {
    font-family: 'IBM-Plex-Sans-LightItalic', 'sans-serif' !important;
}

.shs-medium {
    font-family: 'IBM-Plex-Sans-Medium', 'sans-serif' !important;
}

.shs-medium-italic {
    font-family: 'IBM-Plex-Sans-MediumItalic', 'sans-serif' !important;
}

.shs-regular {
    font-family: 'IBM-Plex-Sans-Regular', 'sans-serif' !important;
}

.shs-semi-bold {
    font-family: 'IBM-Plex-Sans-SemiBold', 'sans-serif' !important;
}

.shs-semi-bold-italic {
    font-family: 'IBM-Plex-Sans-SemiBoldItalic', 'sans-serif' !important;
}

.shs-thin {
    font-family: 'IBM-Plex-Sans-Thin', 'sans-serif' !important;
}

.shs-thin-italic {
    font-family: 'IBM-Plex-Sans-ThinItalic', 'sans-serif' !important;
}

/*-------------------- IBM Plex-Sans Ends--------------------*/

html, body {
    height: 100%;
}

body {
    --shs-clr-1: #ECF4FA;
    --shs-clr-2: #C6DFF0;
    --shs-clr-3: #A0C8E6;
    --shs-clr-4: #7CB3DC;
    --shs-clr-5: #5A9DD2;
    --shs-clr-5-clr: #000000;
    --shs-clr-6: #4384B8;
    --shs-clr-6-clr: #000000;
    --shs-clr-7: #34678F;
    --shs-clr-7-clr: #ffffff;
    --shs-clr-8: #254A67;
    --shs-clr-8-clr: #ffffff;
    --shs-clr-9: #152C3E;
    --shs-clr-10: #060E14;
    --shs-nav-bg: #f7f7f7;
    --shs-nav-clr: #000000;
    --shs-nav-bc: #d6d6d6;
    --shs-nav-icon-clr: var(--shs-clr-8);
    --shs-nav-parent-top-bg: #efefef;
    --shs-nav-parent-top-clr: var(--shs-clr-8);
    --shs-nav-filter-active: var(--shs-clr-8);
    --shs-nav-parent-top-hover-bg: #d6d6d6;
    --shs-nav-parent-top-hover-clr: var(--shs-clr-8);
    --shs-nav-sub-item-container-bg: #f7f7f7;
    --shs-nav-sub-item-container-clr: #000000;
    --shs-nav-item-container-hover-bg: #efefef;
    --shs-nav-item-container-hover-clr: #000000;
    --shs-nav-smart-link-icon-clr: var(--shs-clr-8);
    --shs-nav-smart-link-hover-bg: var(--shs-clr-8);
    --shs-nav-smart-link-hover-clr: var(--shs-clr-8-clr);
    --shs-footer-db-clr: #efefef;
    --shs-custome-style-1-bc: #a8a8a8;
    --shs-custome-style-1-card-head: var(--shs-clr-1);
    --shs-bc: #d6d6d6;
    --shs-copy-right-bg: #ffffff;
    --grey-6: #a5a3a3;
    --disabled-unselected: #e5e5e5;
    --black: #000000;
    --white: #ffffff;
    --grey-1: #f7f7f7;
    --grey-2: #efefef;
    --grey-3: #d6d6d6;
    --grey-4: #434343;
    --grey-5: #6c6c6c;
    --grey-6: #a5a3a3;
    --disabled-unselected: #e5e5e5;
    --accent-hover: var(--shs-clr-1);
    --accent-highlight: #c6dff0;
    --accent-focus: #5a9dd2;
    --accent-button: var(--shs-clr-8);
    --error: #7a1306;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #000000;
}

.transparent {
    filter: alpha(opacity=50); /* ie */
    -moz-opacity: .5; /* mozilla */
    background: #ccc;
}

/*Added by Chandan*/
.labelNewClass {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-Size: 8.75pt;
    color: Black;
}

/*disabled:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color:  #0099cc;
  color:  #ffffff;
}
#content input[disabled] {
    border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}*/
.TittleBarBase {
    color: #cb0000;
    font-size: 18px;
    margin-left: 8px;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
}

.ClassFontBold{
    font-weight:bold;
}
.paddingleftstyle{
    padding-left:3px;
}

.PanelBaseOfficeListIE6 {
    height: 388px;
}

.PanelBaseOfficeListIE7 {
    min-height: 380px;
}

.line {
    height: 1px;
    background-color: #804000;
}

/* Apply this for buttons in aplication */

/*.Button
{
	font-family: Microsoft Sans Serif;
	font-size: 8.25pt;
}*/

.graybg {
    background-color: #F4F4F4;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 10px;
    color: #183490;
    font-weight: normal;
}

.hiddenFields {
    display: none;
}

.TabText {
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    font-size: 10px;
    text-decoration: none;
    color: #183490;
}
/* Class Added by Sonia for TitleBar Text*/
.TitleBarText {
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    font-size: 11px;
    color: #fefefe;
    padding: 5px;
    padding-left: 2px;
    cursor: move;
    margin: 0;
    outline: 0;
    background-color: #254a67;
    font-weight:bolder;
}

.handStyle {
    cursor: pointer;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
}

.linkStyle {
    cursor: pointer;
    /*cursor: pointer;
	color: #3300cc;*/
    text-decoration: underline;
    /*font-size: 10px;
	font-family: Verdana;*/
    color: Black;
    font-size: 11px;
}

.maroon20 {
    color: #804000;
    font-size: 20px;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
}
/* Class for Drop down List in applications */
.ddlist {
    background: #fff;
    border-top: 1px solid #a8bac3;
    border-bottom: 1px solid #a8bac3;
    border-left: 1px solid #a8bac3;
    color: Black;
    font-size: 11px;
    padding: 0px 0px 0px 0px;
}

/* Modified by Piyush on 6th June 2007 for header of the grids used in the application*/
/* Modified by Manish Srivastava on 4th July 2007 for header of the grids used in the application*/
.GridViewHeaderText {
    text-align: left;
}

    .GridViewHeaderText th {
        background-image: url(../Images/list_grid_header_bg.gif);
        background-position: left;
        background-repeat: repeat-x;
        font-weight: normal;
        padding: 4px 3px 5px 6px;
        text-align: left;
        font-size: 11px;
        border-right: solid 1px #9f9f9f;
    }
    /*Class added by Sonia for buttons*/
    /*.ButtonWeb
{
	color:#000000;
font-family: Microsoft Sans Serif;
	font-size: 12px;
	cursor: pointer;
	padding: 5px 12px 5px 12px;
font-weight:normal;
}

.ButtonWebBold
{
	color: #25383C;
font-family: Microsoft Sans Serif;
	font-size: 12px;
cursor: pointer;
	padding: 5px 12px 5px 12px;
	font-weight: bold;
}

.ButtonWebBold[disabled]
{
border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

.ButtonWeb[disabled]
{
	
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}
	
input[type="submit"]:disabled {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}*/
    .GridViewHeaderText A, .ListPageHeader td div {
        color: Black;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        text-decoration: underline;
        cursor: pointer;
    }

        .GridViewHeaderText A:link {
            color: Black;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
            text-decoration: underline;
        }

        .GridViewHeaderText A:visited {
            color: Black;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        }

        .GridViewHeaderText A:hover, .ListPageHeader td div:hover {
            color: #797777;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        }

.GridViewHeaderTextForRadio {
    color: Black;
    background-color: #dce5ea;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-weight: normal;
    font-size: 8.25pt;
    text-align: center;
    vertical-align: middle;
    height: 20px;
}
/* Modified by Piyush on 6th June 2007 for header of the grids used in the application*/
.GridViewRowStyleInactive {
    background-color: #e5ebee;
}

.GridViewRowStyle {
    /*color: black;*/
    background-color: #ffffff;
    /*font-family: Microsoft Sans Serif;
	font-weight: Normal;
	font-size: 8.5pt;
	vertical-align: top;
	height: 22px;
	white-space: nowrap;
	margin-left: 3px;*/
}

    .GridViewRowStyle:hover {
        background-color: #d3dffb;
    }

    .GridViewRowStyle td {
        border: none;
        color: black;
        cursor: default;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        font-size: 11px;
        font-weight: normal;
        margin: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0px 1px 0px 6px;
    }

.GridViewRowStyleSelected {
    color: #ffffff;
    background-color: #6D71FC;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-weight: Normal;
    font-size: 8.5pt;
    vertical-align: top;
    height: 22px;
    white-space: nowrap;
    /*margin-left: 3px;*/
}

.GridViewRowStyle A {
    color: Black;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    text-decoration: none;
}

    .GridViewRowStyle A:link {
        color: Black;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        text-decoration: none;
    }

    .GridViewRowStyle A:visited {
        color: Black;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        text-decoration: none;
    }

    .GridViewRowStyle A:hover {
        color: #797777;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        text-decoration: none;
    }
/* Modified by Piyush on 6th June 2007 for header of the grids used in the application*/
.GridViewAlternatingRowStyle, .AlternatingRowStyle {
    background-color: #f0f6f9;
}

    .GridViewAlternatingRowStyle:hover, AlternatingRowStyle:hover {
        background-color: #d3dffb;
    }

    .GridViewAlternatingRowStyle td, .AlternatingRowStyle td {
        border: none;
        color: black;
        cursor: default;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        font-size: 11px;
        font-weight: normal;
        margin: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 0px 1px 0px 6px;
    }

    .GridViewAlternatingRowStyle A, .AlternatingRowStyle A {
        color: Black;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        text-decoration: none;
    }

        .GridViewAlternatingRowStyle A:link {
            color: Black;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
            text-decoration: none;
        }

        .GridViewAlternatingRowStyle A:visited {
            color: Black;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
            text-decoration: none;
        }

        .GridViewAlternatingRowStyle A:hover {
            color: #797777;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
            text-decoration: none;
        }

.GridViewSelectedItem {
    color: navy;
    background-color: silver;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    font-size: 8.25pt;
    cursor: default;
    vertical-align: middle;
    height: 5px;
    cursor: pointer;
}

/* Modified by Piyush on 6th June 2007 for header of the grids used in the application*/
.GridViewFooterText {
    background-color: #dce5ea;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 8.25pt;
}

/* Modified by Piyush on 6th June 2007 for header of the grids used in the application*/
.GridViewPagerText {
    color: Black;
    /*background-color: #dce5ea;*/
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    /*font-size: 8.25pt;*/
    text-align: left;
    vertical-align: middle;
    height: 5px;
    position: fixed;
}

    .GridViewPagerText A {
        color: Black;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        text-decoration: underline;
    }

        .GridViewPagerText A:link {
            color: Black;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
            text-decoration: underline;
        }

        .GridViewPagerText A:visited {
            color: Black;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
            text-decoration: underline;
        }

        .GridViewPagerText A:hover {
            color: #797777;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
            text-decoration: none;
        }

.EmailGridViewAltitemText {
    color: black;
    background-color: #ffffff;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-weight: Normal;
    font-size: 8.25pt;
    vertical-align: middle;
    height: 5px;
}

.checkBox {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 8.25px;
    text-decoration: none;
    color: Black;
    font-weight: normal;
}
/*Css Class Added by Jatinder S for MyPreferences Screen*/
.table {
    border-style: solid;
    border-width: 1px;
    border-color: Black; /*background-color: #DCE5EA;*/
    background-color: White;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 8.25pt;
    width: 100%;
    color: #002D45;
}

.tableWizard {
    border-style: none;
    background-color: White;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 8.25pt;
    width: 100%;
    color: #002D45;
}

.PopUpTitleBar {
    background-color: #254a67;
    color: #ffffff;
    padding-left: 3px;
}

.DescriptionRow {
    color: Black;
    background-color: #dce5ea;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-weight: normal;
    font-size: 8.25pt;
    text-align: center;
    vertical-align: middle;
}


.blue_bg {
    background-image: url(../images/blue_bg.gif);
    background-repeat: repeat-x;
    height: 25px;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    color: #ffffff;
    text-align: center;
}

.gray_bg {
    background-image: url(../images/gray_bg.gif);
    background-repeat: repeat-x;
    height: 25px;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    color: #000000;
    text-align: center;
}


.green_bg {
    background-image: url(../images/gray_bg.gif);
    background-repeat: repeat-x;
    height: 25px;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    color: #000000;
    text-align: center;
}
/* Added by Piyush on 5th June 2007 for Left Navigation Task Pane*/
/* Modified by Piyush on 17th July 2007 */
.taskPaneTD {
    border-style: ridge;
    border-width: 1px;
    border-bottom-width: 0px;
    border-color: Highlight;
    background-color: #f0f0f0;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 8.25pt;
    height: 20px;
}

    .taskPaneTD A {
        color: Black;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        text-decoration: none;
    }

        .taskPaneTD A:link {
            color: Black;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
            text-decoration: none;
        }

        .taskPaneTD A:visited {
            color: Black;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
            text-decoration: none;
        }

        .taskPaneTD A:hover {
            color: Black;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
            text-decoration: none;
        }
/* Added by Piyush on 5th June 2007 for Left Navigation Task Pane*/
/* Modified by Piyush on 17th July 2007 */
.taskPaneBlankColumn {
    border-style: ridge;
    border-width: 1px;
    border-bottom-width: 0px;
    border-color: Highlight;
    background-color: #1c5b94;
}
/* Added by Piyush on 6th June 2007 for Label used in Application*/
.Label {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    color: Black;
    margin-right: 2px;
}

.labelFont {
    /*background-color: #dce5ea;*/ font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    /*font-size: 8.25pt;*/
    font-size: 11px;
    padding-left: 5px;
    color: Black;
    text-align: left;
    margin-right: 2px;
}

.labelClass {
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    font-Size: 8.5pt;
    color: #14426B;
}

/* Added by Sonia */
.labelHeaderRow {
    /*background-color: #dce5ea;*/
    font-size: 11px;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    padding-left: 5px;
    color: Black;
    font-weight:bold;
}

/* Added by Sonia */
.labelFontNew {
    background-color: #dce5ea;
    font-size: 11px;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    padding-left: 5px;
    color: Black;
}

/* Added by Sonia */
.LabelUnderlineFontNew {
    background-color: #dce5ea;
    font-size: 11px;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    padding-left: 5px;
    text-decoration: underline;
    color: Black;
}

.LabelItalicFont {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-style: italic;
    font-size: 8.25pt;
    padding-left: 5px;
    color: Black;
}
/* For Textbox used in Application*/
.Textbox {
    background-color: White;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    border-style: solid;
    border-left: 1px solid #7B9EBD;
    border-right: 1px solid #7B9EBD;
    border-top: 1px solid #7B9EBD;
    border-bottom: 1px solid #7B9EBD;
    color: Black;
    vertical-align: middle;
    padding-top: 1px;
    height: 17px;
}
/* Added by Piyush on 6th June 2007 for Textbox used in Application*/

.bannerHeadingFont {
    background-color: White;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 8.25pt;
    color: WindowText;
    border-style: none;
    cursor: text;
}
/* Added by Piyush on 6th June 2007 for TitleBar used in Application*/
.titleBarFont {
    color: #5b0000;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    font-size: 10pt;
}
/* Added by Piyush on 6th June 2007 for TitleBar used in Application*/
.gridLinks {
}
/* Added by Priya on 7th June 2007 for the Dashboard*/

.dashBoard {
    background-color: White;
    font-size: 8pt;
    font-weight: normal;
    text-decoration: underline;
    border-right: black 1px double;
    border-top: black 1px double;
    border-left: black 1px double;
    border-bottom: black 1px double;
    border: 1pt;
}

.dashBoardFont {
    background-color: #c4ddf7;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    font-size: 8pt;
    border: 1pt;
    border-style: solid;
    border-color: Black;
}

/* Added by Ashish kumar Jauhari on 7th June for Login Page */
.blacktextbold {
    font-size: 11px;
    color: #32332D;
    text-decoration: none;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}

/* Added by Ashish kumar Jauhari on 7th June for Login Page */
.blacktextboldbig {
    font-size: 15px;
    color: #32332D;
    text-decoration: none;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}

/* Added by Ashish kumar Jauhari on 7th June for Login Page */
.redtextbold {
    font-size: 17px;
    color: #950732;
    text-decoration: none;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}

.footertextbold {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 10px;
    color: Black;
    text-decoration: none;
    font-weight: normal;
    display: none;
}

.textbolditalic {
    font-size: 10px;
    color: Black;
    text-decoration: none;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    font-style: italic;
}

/* Added by Ashish kumar Jauhari on 7th June for Login Page */
.loginborder {
    border-right: #A8C2DC 1px solid;
    border-top: #A8C2DC 1px solid;
    border-left: #A8C2DC 1px solid;
    border-bottom: #A8C2DC 1px solid;
    background-color: #D7E3EF;
    padding-right: 10px;
}

/* Added by Ashish kumar Jauhari on 7th June for Login Page */
.bluetextbold {
    font-size: 11px;
    color: #051C3B;
    text-decoration: none;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}

/* Added by Ashish kumar Jauhari on 11th June for Login Page */
.redTextError {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: red;
    display: block;
    padding-top: 3px;
}

/* Added by Ashish kumar Jauhari on 7th June for Login Page */
.inbuttons {
    width: auto;
    border: 1px solid #236799;
    border-top-color: #105688;
    border-left-color: #105688;
    padding: 0.0em;
    background-color: #4687b9;
    background-image: url(../images/inbuttonbg.gif);
    background-position: left top;
    background-repeat: repeat-x;
    color: #fff;
    font-size: 13.3px;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    cursor: pointer;
}

/* Added by Ashish kumar Jauhari on 7th June for Login Page */
.txtbx1 {
    border-right: #6a92b7 1px solid;
    border-top: #6a92b7 1px solid;
    font-size: 8pt;
    border-left: #6a92b7 1px solid;
    color: #000000;
    border-bottom: #6a92b7 1px solid;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    background-color: #ffffff;
    width: 145px;
}
/* Added by Manish Srivastava For Temerary */
.ClientList {
    color: Black;
    background-color: #ffffff;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-weight: Normal;
    font-size: 8.25pt;
    height: 15px;
    text-decoration: underline;
    cursor: pointer;
}
/* Added by Piyush on 11th June 2007 for Heading of every Banner used in Application*/
.LeftHeading {
    background-image: url(../Images/tabs_03.gif);
    width: 11px;
    height: 21px;
}
/* Added by Piyush on 11th June 2007 for Heading of every Banner used in Application*/
.CenterHeading {
    /*background-image: url(../Images/tabs_04.gif);*/
    font-family: 'IBM-Plex-Sans-Medium', sans-serif;
    font-size: 14px;
    color: #143c6b;
    font-weight: bold;
    padding-right: 3px;
    padding-left: 3px;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #000000 !important;
    background-color: #C6DFF0;
    box-shadow: inset 0px -2px 0px 0px #254a67;
}

.CenterHeadingCommon {
    font-family: 'IBM-Plex-Sans-Medium', sans-serif;
    font-size: 14px;
    /*color: #143c6b;*/
   /* font-weight: bold;*/
    padding-right: 3px;
    padding-left: 3px;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
   /* border-bottom: 1px solid #000000 !important;
    box-shadow: inset 0px -2px 0px 0px #254a67;*/

    background: #ffffff;
    color: #000;
    
    /*line-height: 18px;*/
    /* border-left: 1px solid var(--grey-3);
    border-top: 1px solid var(--grey-3);*/
}

.CenterHeadingCommonhighlighter {
    width: 98%;
    border-top: 1px solid #143c6b;
    display: block;
    margin-left:1%;
}



/* Added by Piyush on 11th June 2007 for Heading of every Banner used in Application*/
.RightHeading {
    background-image: url(../Images/tabs_06.gif);
    width: 11px;
    height: 21px;
}

.ActiveTab .LeftHeading {
    background-image: url(../Images/tabs_03x.gif);
    width: 11px;
    height: 21px;
}
/* Added by Piyush on 11th June 2007 for Heading of every Banner used in Application*/
.ActiveTab .CenterHeading {
    background-image: url(../Images/tabs_04x.gif);
    font-size: 12px;
    color: #143c6b;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}
/* Added by Piyush on 11th June 2007 for Heading of every Banner used in Application*/
.ActiveTab .RightHeading {
    background-image: url(../Images/tabs_06x.gif);
    width: 11px;
    height: 21px;
}

/*Added by Pratap Singh on 12 June for services Screen GridView */
.Services, .Services A, .Services A:link {
    color: Black;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    text-decoration: underline;
    font-size: 7pt;
    cursor: pointer;
}

/*Added by Amit Paul Singh on 13th June for Button Color */
.ButtonStyle {
    border: 1px solid #236799;
    border-top-color: #105688;
    border-left-color: #105688;
    padding: 0.0em;
    background-color: #4687b9;
    background-image: url(../images/inbuttonbg.gif);
    background-position: left top;
    background-repeat: repeat-x;
    color: #fff;
    font-size: 11px;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    cursor: pointer;
}

.LabelClaimline {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    color: Black;
}

.LinkLabel {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    color: #404040;
}

.SumarryLabel {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    color: Black;
    vertical-align: middle;
}
/*Added by Priya on 15thJune for fixing the header in the Grid*/

.DataGridFixedHeader {
    text-align: left;
}

    .DataGridFixedHeader td {
        padding: 4px 3px 5px 6px;
        text-align: left;
        background: url(../Images/list_grid_header_bg.gif) repeat-x left;
        background-color: transparent;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        font-size: 11px;
    }
/* Author: Pradeep                     */
/* UsedIn:MedicationOrderDetail.ascx    */
/*Description:Written to implement on Header text as per task#2703*/
.DataGridFixedHeaderOrderDetail {
    background-color: #c4ddf7;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    text-decoration: underline;
    font-size: 8.25pt;
    vertical-align: middle;
    height: 20px;
    border: 1pt;
    border-style: solid;
    border-color: Black;
}

.TableFixedHeader {
    background-color: #dce5ea;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    font-size: 8.25pt;
    vertical-align: middle;
    height: 20px;
}

.DataGridFixedHeaderA {
    color: Black;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
}

    .DataGridFixedHeaderA:link {
        color: Black;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        text-decoration: underline;
    }

    .DataGridFixedHeaderA:visited {
        color: Black;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    }

    .DataGridFixedHeaderA:hover {
        color: Black;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    }
/* Added By Manish Srivastava */
.list_Race, .list_collapse {
    position: absolute;
    background: #ffffff;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 8.25pt;
    color: Black;
    width: 200px;
    height: 35px;
    /*overflow-y: scroll;*/
    border: 1px solid #666;
    padding: 2px;
    text-align: left;
    display: block;
}

    .list_Race:hover, .list_expand {
        height: 180px;
    }

/*Added by Jatinder on 19thJune for Alerts.ascx*/
.Alerts {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 8.25pt;
}
/* Added By Pramod for Ajax  tab */
/* default layout */
/*.ajax__tab_default .ajax__tab_header
{
	white-space: nowrap;
}
.ajax__tab_default .ajax__tab_outer
{
	display: -moz-inline-box;
	display: inline-block;
}
.ajax__tab_default .ajax__tab_inner
{
	display: -moz-inline-box;
	display: inline-block;
}
.ajax__tab_default .ajax__tab_tab
{
	margin-right: 4px;
	overflow: hidden;
	text-align: center;
	cursor: pointer;
	display: -moz-inline-box;
	display: inline-block;
}

/* xp theme */
.ajax__tab_xp .ajax__tab_header {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    background: url(../Images/AjaxControlToolkit.Tabs.tab-line.gif) repeat-x bottom;
}

.ajax__tab_xp .ajax__tab_outer {
    padding-right: 4px;
    background: url(../Images/AjaxControlToolkit.Tabs.tab-right.gif) no-repeat right;
    height: 21px;
}

.ajax__tab_xp .ajax__tab_inner {
    padding-left: 3px;
    background: url(../Images/AjaxControlToolkit.Tabs.tab-left.gif) no-repeat;
}

.ajax__tab_xp .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url(../Images/AjaxControlToolkit.Tabs.tab.gif) repeat-x;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {
    background: url(../Images/AjaxControlToolkit.Tabs.tab-hover-left.gif) no-repeat;
}

.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {
    background: url(../Images/AjaxControlToolkit.Tabs.tab-hover.gif) repeat-x;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
    background: url(../Images/AjaxControlToolkit.Tabs.tab-active-right.gif) no-repeat right;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
    background: url(../Images/AjaxControlToolkit.Tabs.tab-active-left.gif) no-repeat;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    background: url(../Images/AjaxControlToolkit.Tabs.tab-active.gif) repeat-x;
}

.ajax__tab_xp .ajax__tab_body {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

/* scrolling 
.ajax__scroll_horiz {overflow-x:scroll;}
.ajax__scroll_vert {overflow-y:scroll;}*/
.ajax__scroll_both {
    overflow: scroll;
}

.ajax__scroll_auto {
    overflow: auto;
}


/* Added by Piyush on 5th july 2007 for Error Message shown to the user, common for every screen*/
.errorMessageClass {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    color: Black;
    font-size: 9.75pt;
}
/* Added By Pramod on 19 jun for use in claim line entitutional*/
.tableBackgound {
    background-color: #F4F4F4;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 8.25pt;
    padding-left: 5px;
    color: Black;
}

/* Added by Priya on 14th August '07 for use in Contract Details */
.grayTextForTextbox {
    color: InactiveBorder;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 8.75pt;
    border-style: solid;
    border-left: 1px solid #7B9EBD;
    border-right: 1px solid #7B9EBD;
    border-top: 1px solid #7B9EBD;
    border-bottom: 1px solid #7B9EBD;
    vertical-align: middle;
    padding-top: 1px;
}

.blackLine {
    border-bottom: 1px solid #000000;
    width: 100%;
    /*height:1px;*/
}

.drugInteraction {
    text-align: center;
    font-size: xx-small;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    border-right: #000000 1px solid;
    border-top: #000000 1px solid;
    border-left: #000000 1px solid;
    border-bottom: #000000 1px solid;
    cursor: pointer;
    cursor: pointer;
}




/*Added by sonia */
.AllergyInteraction {
    text-align: center;
    font-size: small;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    border-right: #000000 thin solid;
    border-top: #000000 thin solid;
    border-left: #000000 thin solid;
    border-bottom: #000000 thin solid;
    border-color: #000000;
}

/*Added by sonia  to display only vertical scrollbars on div*/
.divVertScroll {
    overflow-x: none;
    overflow-y: auto;
    height: 80px;
}


/* Additon ends here by Piyush on 5th july 2007 for Error Message shown to the user, common for every screen*/


.TableDashboard ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 20px; /*--Set height of tabs--*/
    width: 100%;
    border-bottom: 1px solid #ccccff;
    font-weight: bold;
}

    .TableDashboard ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 20px; /*--Subtract 1px from the height of the unordered list--*/
        line-height: 20px; /*--Vertically aligns the text within the tab--*/
        border-left: none;
        margin-bottom: -1px; /*--Pull the list item down 1px--*/
        overflow: hidden;
        position: relative;
        /*margin-left:5px;*/
        background-image: url(../Images/tabs_04x.gif);
        background-repeat: repeat-x;
        border-radius: 10px 10px 0px 0px;
        /*left:10px;*/
    }

        .TableDashboard ul.tabs li a {
            text-decoration: none;
            color: #143c6b;
            display: block;
            font-size: 8.25pt;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
            padding: 0 20px; /*commented on 17/07/18*/
            border: 0px;
            padding: 0 20px;
        }

        .TableDashboard ul.tabs li:hover {
            background: #fff;
            border-bottom: 1px solid #999;
            background-image: url('../Images/tab_mid_hover.gif');
            border-left: 1px solid #999;
            border-right: 1px solid #999;
        }

            .TableDashboard ul.tabs li:hover a {
                color: #265a99;
            }

        .TableDashboard ul.tabs li.active, .TableDashboard ul.tabs li.active:hover {
            border-left: 1px solid #999;
            border-right: 1px solid #999;
            border-top: 1px solid #999;
            border-bottom-width: 0px;
            color: #ffffff;
            background-image: url('../Images/TabSelected.png');
        }
/*end*/
ul.tabs li.active a:hover, ul.tabs li.active a {
    color: #ffffff;
}

.MedicationlistTabSelected {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #000000 !important;
    background-color: #C6DFF0;
    box-shadow: inset 0px -2px 0px 0px #254a67;
}
.Medicationlistheading {
    height: auto !important;
    line-height: unset !important;
    margin-bottom: 0 !important;
    border-radius: 0 !important;
    background-image: none !important;
    border-bottom: 1px solid #000000;
    max-height: 23px;
    font-size:12px;
}


.LabelHeader {
    background-color: #dce5ea;
    font-size: 8.50pt;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    padding-left: 5px;
    color: Black;
}

.SamrtCareTittleBarBase {
    color: Black;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    font-size: 11pt;
}

/* For Multiline Textbox used in Application in ref to Task32965*/
.TextboxMultiline {
    background-color: White;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 8.50pt;
    color: Black;
    vertical-align: middle;
    padding-top: 1px;
}

.RadioText {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: Black;
    font-weight: normal;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
    margin: 0px;
    cursor: default;
}

.ListPageHeader {
    text-align: left;
    overflow: hidden;
}

    .ListPageHeader table {
        table-layout: fixed;
    }

    .ListPageHeader td {
        background-image: url(../Images/list_grid_header_bg.gif);
        background-position: left;
        background-repeat: repeat-x;
        font-weight: normal;
        padding: 4px 3px 5px 6px;
        text-align: left;
        font-size: 11px;
        border-right: solid 1px #9f9f9f;
    }

.SortLabel {
    text-decoration: underline;
    cursor: pointer;
}

.ListPageContent {
    overflow: scroll;
    position: relative;
}

    .ListPageContent table {
        background-color: #fff;
        border-style: none;
        color: #000;
        cursor: default;
        table-layout: fixed;
    }

    .ListPageContent td {
        border: none;
        color: #000;
        cursor: default;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        font-size: 11px;
        font-weight: normal;
        margin: 0;
        overflow: hidden;
        padding: 3px 1px 4px 6px;
    }

    .ListPageContent div.ellipsis {
        width: 90%;
        overflow: hidden;
    }

.ListPageContainer {
    /*border: solid 1px #9f9f9f;*/
    background-color: #f2f2f2;
    border: 3px solid rgb(222, 231, 239)
}

.ListPageContentNumber {
    text-align: right;
}

.ListPageAltRow {
    background-color: #f0f6f9;
}

.ListPageEmptyDataRow {
    font-size: medium;
}

.ListPageHLRow:hover {
    background-color: #d3dffb;
}

.tdbg {
    background-color: #dce5ea;
    color: #000000;
    padding-left: 5px;
}

.ListSortUp {
    width: 100%;
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
    background-color: Transparent;
    text-decoration: underline;
}

.ListSortDown {
    width: 100%;
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
    background-color: Transparent;
    text-decoration: underline;
}

.combolist p:hover {
    background-color: #ccc;
}

.combolist p {
    cursor: pointer;
    margin: 0;
    padding: 0;
}

.combolist {
    background-color: #fff;
    border: solid 1px black;
    /*height: 100%;*/
    max-height: 300px;
    overflow: auto;
    position: absolute;
    width: 150px;
    z-index: 999;
}

.ComboBoxDrugDDImage::-ms-clear {
    display: none;
    height: 0;
    width: 0;
}

hr.formulary {
    margin-bottom: 0px;
    margin-top: 1px;
}

.formularybgcolor1 {
    background-color: #ccc;
}

.formularybgcolor2 {
    background-color: #dce5ea;
}

.formularybgcolor3 {
    background-color: #EBEB00;
}

.formularybgcolor4 {
    background-color: #FFFF50;
}

.formularybgcolor5 {
    background-color: #F5F500;
}

.formularyleftpadding {
    padding-left: 10px;
}

.formularywarning {
    background-color: #FF5050;
}

.formularyfontreduce {
    font-size: 80%;
}

.formularyextrawidth {
    width: 10px;
}
/*Use key phrases*/
.DisableKeyPharses {
    opacity: 0.4;
    pointer-events: none;
}
/*View Medication Hstory*/
.ExpandCollapseRows {
    color: black;
    background-color: #ffffff;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-weight: Normal;
    font-size: 11px; /*8.5pt;*/
    vertical-align: top;
    height: 22px;
    white-space: nowrap;
    margin-left: 3px;
}

    .ExpandCollapseRows td {
        overflow: hidden;
        padding: 0px 1px 0px 6px;
    }


    .ExpandCollapseRows .linkStyle {
        display: none;
    }

body {
    margin: 0;
    padding: 0;
    outline: 0;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
}

.SortUp {
    width: 100%;
    background-image: url('../Images/ListPageUp.png' );
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: underline;
    cursor: pointer;
    display: block;
}

.SortDown {
    width: 100%;
    background-image: url('../Images/ListPageDown.png' );
    background-repeat: no-repeat;
    background-position: right;
    text-decoration: underline;
    cursor: pointer;
    display: block;
}

.pagetitleline {
    font-size: 0px;
    /*padding-top: 1px;*/
}

.glow_lt {
    background: url(../Images/glow_btn_left.gif) left top no-repeat;
    width: 4px;
    height: 20px;
}

.glow_mid {
    background: url(../Images/glow_btn_mid.gif) center 0% no-repeat;
}

    .glow_mid input {
        background: url(../Images/glow_btn_mid.gif) center 0% no-repeat;
        border: none;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        font-size: 11px;
        height: 20px;
        color: #fff;
        margin: 0;
        padding: 0 5px;
    }

        .glow_mid input:hover {
            background-position: 50% -20px;
        }

.glow_rt {
    background: url(../Images/glow_btn_right.gif) left top no-repeat;
    width: 4px;
    height: 20px;
}

.round.button-group > *, .round.button-group > * > a, .round.button-group > * > button, .round.button-group > * > .buttonmenu1 {
    border-radius: 0;
}

    .round.button-group > * > button, .round.button-group > * .buttonmenu1 {
        border-color: rgba(255, 255, 255, 0.5);
    }

button:hover, button:focus, .buttonmenu1:hover, .buttonmenu1:focus {
    color: #ffffff;
}

button:hover, button:focus, .buttonmenu1:hover, .buttonmenu1:focus {
    background-color: #007095;
}

button, .buttonmenu1 {
    display: inline-block;
}

button, .buttonmenu1 {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    /*border-style: solid;*/
    border-width: 1px;
    cursor: pointer;
    /*font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;*/
    font-weight: normal;
    line-height: normal;
    margin: 0 0 0.31111rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    padding-bottom: 0.32222rem;
    padding-top: 0.32222rem;
    font-size: 0.8rem;
    background-color: #008CBA;
    /*border-color: #007095;*/
    color: #ffffff;
    transition: background-color 300ms ease-out;
    float: left;
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.button-group {
    list-style: none;
    margin: 0;
    left: 0px;
}

/**/

/*START */
.btn-group input[type="button"], .btn-group input

[type="submit"] {
    background-color: #2c689e; /* Green background */
    border: 1px solid green; /* Green border */
    color: white; /* White text */
    /*padding: 5px 24px;*/ /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    float: left; /* Float the buttons side by side */
    height: 20px;
}

/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
}

.btn-group input[type="button"]:not(:last-child), .btn-group

input[type="submit"]:not(:last-child) {
    border-right: none; /* Prevent double borders */
}

input[type="button"], input[type="submit"] {
    outline: none;
}

/* Add a background color on hover */
.btn-group input[type="button"]:hover, .btn-group input

[type="submit"]:hover {
    background-color: #4E91CD;
}

/*END */

.btnimgExtralarge {
    background: var(--shs-clr-8);
    color: var(--shs-clr-8-clr) !important;
    cursor: pointer;
    width: 150px;
    height: 20px;
    border: 0px;
    color: #fff;
    font-size: 11px;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    outline: none;
    margin: 2px;
    text-align: center;
}

.btnimglarge {
    background: url(../images/btn_big1.gif) center 0% no-repeat;
    width: 128px;
    height: 20px;
    border: 0px;
    color: #fff;
    font-size: 11px;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    padding: 0px 0px 0px 5px;
    outline: none;
    margin: 2px;
}

    .btnimglarge:hover {
        background: url(../images/btn_big_glow1.gif) center 0% no-repeat;
        width: 128px;
        height: 20px;
        border: 0px;
        color: #fff;
        font-size: 11px;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        padding: 0px 0px 0px 5px;
        outline: none;
        margin: 2px;
    }

    .btnimglarge:disabled {
        width: 128px;
        height: 20px;
        border: 0px;
        color: rgb(214, 207, 207) !important;
        font-size: 11px;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        padding: 0px 0px 0px 5px;
        outline: none;
        margin: 2px;
    }

.btnimgsmall {
    background: url(../Images/BtnImgSml.png) center 0% no-repeat;
    border: none;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    color: #fff;
    margin: 0;
    padding: 0 3px;
    width: 83px;
    height: 20px;
}

    .btnimgsmall:hover {
        background: url(../Images/BtnImgSmlhvr.png) center 0% no-repeat;
        border: none;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        font-size: 11px;
        color: #fff;
        margin: 0;
        padding: 0 3px;
        width: 83px;
        height: 20px;
    }

    .btnimgsmall:disabled {
        border: none;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        font-size: 11px;
        color: rgb(214, 207, 207) !important;
        margin: 0;
        padding: 0 3px;
        width: 83px;
        height: 20px;
    }

.btnimgexsmall {
    background: url(../Images/BtnImgExSmall.png) center 0% no-repeat;
    border: none;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    color: #fff !important;
    margin: 0;
    padding: 0 3px;
    width: 67px;
    height: 20px;
}

    .btnimgexsmall:hover {
        background: url(../Images/BtnImgExSmallHvr.png) center 0% no-repeat;
        border: none;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        font-size: 11px;
        color: #fff;
        margin: 0;
        padding: 0 3px;
        width: 67px;
        height: 20px;
    }

    .btnimgexsmall:disabled {
        border: none;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        font-size: 11px;
        color: rgb(214, 207, 207) !important;
        margin: 0;
        padding: 0 3px;
        width: 67px;
        height: 20px;
    }

.btnimgmedium {
    background: url(../Images/BtnImgMed.png) center 0% no-repeat;
    border: none;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    color: #fff;
    margin: 0;
    padding: 0 3px;
    width: 120px;
    height: 20px;
}

    .btnimgmedium:hover {
        background: url(../Images/BtnImgMedHvr.png) center 0% no-repeat;
        border: none;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        font-size: 11px;
        color: #fff;
        margin: 0;
        padding: 0 3px;
        width: 120px;
        height: 20px;
    }

    .btnimgmedium:disabled {
        border: none;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        font-size: 11px;
        color: rgb(214, 207, 207) !important;
        margin: 0;
        padding: 0 3px;
        width: 120px;
        height: 20px;
    }

.ListPageYellowRow {
    background-color: yellow;
}

.ListPageRedRow {
    background-color: red;
}

.header {
    background: #2c689e;
    height: 31px;
    font-size: 11px;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
}

.buttonmenu {
    /*background-color: #0026ff;*/ /*/ Green background /*/
    /*background-color:transparent;*/
    border: none;
    /*border: 1px solid green;*/ /*/ Green border /*/
    color: black; /*/ White text /*/
    padding: 10px 24px; /*/ Some padding /*/
    cursor: pointer; /*/ Pointer/hand icon /*/
    float: left; /*/ Float the buttons side by side /*/
}

    /*/ Clear floats (clearfix hack) /*/
    .buttonmenu:after {
        content: "";
        clear: both;
        display: table;
    }

    .buttonmenu:not(:last-child) {
        border-right: none; /*/ Prevent double borders /*/
    }

    /*/ Add a background color on hover /*/
    .buttonmenu:hover {
        /*background-color: #0026ff;*/ /*to chage the color for button*/
        font-family: 'IBM-Plex-Sans-Bold', sans-serif;
        text-decoration: underline;
    }

.top_brd {
    background: url('../Images/top_brd.gif') left top repeat-x;
    width: 99%;
    height: 6px;
}

.toplt_curve {
    background: url('../Images/toplt_curve.gif') left top no-repeat;
    width: 6px;
    padding: 6px 0 0 6px;
}

.toprt_curve {
    background: url(../Images/toprt_curve.gif) right top no-repeat;
    width: 6px;
    padding: 0 6px 6px 0;
}

.botlt_curve {
    background: url(../Images/botlt_curve.gif) left top no-repeat;
    height: 6px;
}

.bot_brd {
    background: url(../Images/bot_brd.gif) left top repeat-x;
    height: 6px;
}

.botrt_curve {
    background: url(../Images/botrt_curve.gif) right top no-repeat;
    height: 6px;
}

.mid_bg {
    background: #dee6eb url(../Images/mid_bg.gif) left top repeat-x;
    width: auto;
}

.ltrt_brd {
    background: #dee6eb url(../Images/mid_bg.gif) left top repeat-x;
    border-left: 1px solid #869fae;
    border-right: 1px solid #869fae;
    padding-bottom: 5px;
    padding-top: 5px;
}

.height2 {
    height: 5px;
}

.imgcal {
    vertical-align: middle;
    cursor: pointer;
}

.top_options_bg {
    background: url(../Images/top_options_bg.gif) repeat-x left top;
    height: 24px;
    width: 100%;
}

    .top_options_bg img {
        margin: 0px 6px 0px 6px;
    }

.toolbarbutton img {
    cursor: pointer;
    filter: alpha(opacity=100); /* IE6  -IE7    */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8    */
}

    .toolbarbutton img[disabled] {
        cursor: url(../Includes/aero_unavail.cur);
        filter: alpha(opacity=20); /* IE6  -IE7    */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8    */
    }

    .toolbarbutton img.DisabledImageCrossBrowser {
        opacity: 0.2;
    }

input[type="radio"], input[type="checkbox"] {
    /*margin-right:2px;*/
    vertical-align: middle;
}

input[type="checkbox"][disabled] {
   background-color: #D3D3D3 !important;
}

input[type="radio"][disabled] {
   background-color: #D3D3D3 !important;
}

input[type="image"]:disabled {
    opacity: 0.2;
}


.radiobtntext {
    vertical-align: middle;
    padding-top: 3px;
}

.SumarryLabel label, .LabelClaimline label, .labelFont label, span label {
    vertical-align: middle;
}

.PrsHeader {
    background-image: url(../Images/list_grid_header_bg.gif);
    background-position: left;
    background-repeat: repeat-x;
    font-weight: normal;
    padding: 4px 3px 5px 6px;
    text-align: left;
    font-size: 11px;
    border-right: solid 1px #9f9f9f;
}

/*For New Design 16/07/18*/ /*Medication history*/
.PanelMedicationTable th {
    padding: 0px 0px 0px 6px;
    height: 25px;
}

.MedicationTitrate {
    padding-left: 4px;
}
/*.MedicationTitrate{  
    
    padding-left:2px;
    }*/

/*css for patient summary menu*/
.TablePatientSummary ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    border-bottom: 1px solid #ccccff;
}

    .TablePatientSummary ul.tabs li {
        float: left;
        overflow: hidden;
        height: 24px;
        line-height: 24.5px;
        position: relative;
        margin-left: -1px;
        background-repeat: repeat-x;
        border-radius: 10px 10px 0px 0px;
    }

        .TablePatientSummary ul.tabs li a {
            text-decoration: none;
            display: block;
            font-family: 'IBM-Plex-Sans-Regular', sans-serif;
            border: 0px;
            padding: 0px 0px 0px 10px; /*added now*/
        }

        .TablePatientSummary ul.tabs li:hover a {
            color: #265a99;
        }

.TablePatientSummary a:hover {
    color: #000;
    text-decoration: none;
    outline: none;
}

.TablePatientSummary .tabs a:hover {
    color: #265a99;
    background: url(../Images/tab_start_hover_new.gif) left bottom no-repeat;
    text-decoration: none;
    padding-left: 10px;
}

    .TablePatientSummary .tabs a:hover span {
        background: url(../Images/tab_mid_hover_new.gif) right bottom no-repeat;
        padding-right: 12px;
    }

ul.tabs li.active a:hover, ul.tabs li.active a {
    color: #ffffff;
}

.divHealthData .tabs li {
    float: left;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
}

.divHealthData .tabs .active a {
    color: #fff;
    background: url(../Images/tab_start_hover.gif) left bottom no-repeat;
    text-decoration: none;
    padding-left: 10px;
    font-size: 11px;
    padding-top: 0px;
}

    .divHealthData .tabs .active a span {
        background: url(../Images/tab_end_hover.gif) right bottom no-repeat;
        padding: 5px 12px 6px 0px;
    }

.divHealthData .tabs a {
    color: #000;
    background: url(../Images/tab_start.gif) left bottom no-repeat;
    text-decoration: none;
    padding-left: 10px;
    font-size: 11px;
    padding-top: 0px;
}

    .divHealthData .tabs a span {
        background: url(../Images/tab_end.gif) right bottom no-repeat;
        padding: 5px 12px 6px 18px;
    }

.divHealthData ul.tabs {
    font-weight: normal;
}
/*end*/

/* css for Popup Dialog Box */
.DialogPopUp {
    width: 423px;
    height: 178px;
    background: none;
    border: none;
}

.less_detail_btn_new {
    background: url(../Images/parentchildbutton83.png) no-repeat center top;
    height: 20px;
    width: 83px;
    border-style: none;
    color: #fff;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    border-collapse: collapse;
    outline: none;
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
}

    .less_detail_btn_new:hover {
        background: url(../Images/parentchildbuttonhover83.png) no-repeat center top;
        height: 20px;
        width: 83px;
        border-style: none;
        color: #fff;
        font-family: 'IBM-Plex-Sans-Regular', sans-serif;
        font-size: 11px;
        border-collapse: collapse;
        outline: none;
        margin: 0px;
        padding: 0px;
        text-indent: 0px;
    }

#dialog-close {
    display: none;
}

.MessagePopUp .DialogHeader {
    height: 24px;
    width: 100%;
    background: url(../Images/ModalHeader.jpg) repeat-x left top;
}

.modalPopup {
    background-color: #fff;
    border-width: 2px;
    border-style: solid;
    border-color: #a8bac3;
    border-top-style: none;
    padding: 0px;
}

.DialogHeader {
    height: 24px;
    width: 100%;
    background: #fff url(../Images/ModalHeader.jpg) repeat-x left top;
}

    .DialogHeader span {
        padding: 5px;
        padding-left: 2px;
        color: #fefefe;
        font-size: 11px;
        font-family: 'IBM-Plex-Sans-Bold', sans-serif;
    }

    .DialogHeader img {
        padding-top: 2px;
        padding-right: 3px;
        vertical-align: middle;
        float: right;
        cursor: default;
    }

/*end*/

.MultilineTextBox {
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    font-size: 11px;
    border: 1px solid #a8bac3;
    color: black;
    padding: 2px;
    width: 99%;
    background-color: #fff;
}


.btnCustom {
    color: white;
    font-family: 'IBM-Plex-Sans-Regular', sans-serif;
    height: 20px;
    width: 96px;
}
/*Padding for Medication List in atient summary page*/
.medlst .GridViewHeaderText th {
    padding: 0px 0px 0px 5px;
}

.disablelinkbutton {
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}



/********** R6 CSS Starts **********/
td[style="height: 1pt; border-bottom: #5b0000 1px solid;"] {
    border-bottom: 1px solid var(--grey-3) !important;
}
img[src="App_Themes/Includes/Images/feather_ltr_red.gif"] {
    display:none;
}
input, select, textarea {
    border: 1px solid #a8bac3 !important;
}

    input[type="image"] {
        border: none !important;
        height: 16px;
    }
    #spConnMsg {
        display: none;
    }

[style="font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px"] {
    font-family: 'IBM-Plex-Sans-Medium', sans-serif !important;
    font-size: 14px !important;
}
#dvProgress1 {
    display: flex;
    justify-content: center;
    top: 50px !important;
    left: 0 !important;
    right: 0;
}


    #dvProgress1 img, img[src$="ajax-loader.gif"], img[src$="ajaxloderNew.gif"] {
        height: 50px;
    }
    .shs-login-main-row {
        display: flex;
        height: 100%;
    }

.shs-login-col-main, .shs-login-col-main > form, #DivMain > table {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

#DivMain {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    color: #000000;
}

.shs-rx-login-main-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 380px;
    padding: 5px 10px;
    margin: 5px auto;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%)
}

.shs-login-col-main .btnimgexsmall {
    background: linear-gradient(180deg, #e5e5e5, #e5e5e5);
    color: #363636 !important;
    width: auto;
    height: auto;
    padding: 5px 20px;
    border: none;
    cursor: pointer;
    opacity: 0.9;
    font-size: 13px;
    font-family: 'IBM-Plex-Sans-Medium';
    border: 1px solid #9E9E9E;
    transition: .2s all;
    text-transform: uppercase;
}

    .shs-login-col-main .btnimgexsmall:hover {
        background: linear-gradient(180deg, #e5e5e5, #e5e5e5);
        color: #363636 !important;
        width: auto;
        height: auto;
        padding: 5px 20px;
        border: none;
        cursor: pointer;
        opacity: 0.9;
        font-size: 13px;
        font-family: 'IBM-Plex-Sans-Medium';
        border: 1px solid #9E9E9E;
        transition: .2s all;
        text-transform: uppercase;
        box-shadow: 0px 3px 6px -2px #616161;
    }

    .shs-login-col-main .btnimgexsmall:disabled {
        background: linear-gradient(180deg, #e5e5e5, #e5e5e5);
        color: #363636 !important;
        width: auto;
        height: auto;
        padding: 5px 20px;
        border: none;
        cursor: pointer;
        opacity: 0.9;
        font-size: 13px;
        font-family: 'IBM-Plex-Sans-Medium';
        border: 1px solid #9E9E9E;
        transition: .2s all;
        text-transform: uppercase;
        opacity: 0.6;
        pointer-events: none;
    }

.bluetextbold {
    font-size: 13px;
    color: #000;
    text-decoration: none;
    font-family: 'IBM-Plex-Sans-Regular';
    font-weight: normal;
}

.shs-logininput-wrapper .Textbox {
    height: auto !important;
    border: none !important;
    width: 100%;
    outline: none !important;
    box-shadow: none !important;
}

.shs-flex-end {
    display: flex;
    justify-content: flex-end;
}

#LabelCopyrightInfo {
    font-family: 'IBM-Plex-Sans-Bold', sans-serif;
}

#LoginUser_DivLogin {
    width: 100%;
}


.btnimgexsmall, .btnimglarge, .btnimgmedium, .btnimgsmall {
    background: var(--shs-clr-8);
    color: var(--shs-clr-8-clr) !important;
    cursor: pointer;
}

    .btnimgexsmall:hover, .btnimglarge:hover, .btnimgmedium:hover, .btnimgsmall:hover {
        background: var(--shs-clr-8);
        color: var(--shs-clr-8-clr);
    }

    .btnimgexsmall:disabled, .btnimglarge:disabled, .btnimgmedium:disabled, .btnimgsmall:disabled {
        color: rgb(214, 207, 207) !important;
        cursor: default !important;
    }

#form1, #DivHolderMain, #PlaceHolderMain {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.loginborder {
    background-color: #fff;
    border: 1px solid #d6d6d6;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%)
}

#PlaceHolderMain {
    background-color: #ecf4fa !important;
}

.header {
    background-color: #ffffff !important;
    color: #000000 !important;
}

    .header span {
        color: #000000 !important;
    }

.TittleBarBase {
    color: #000000;
}

.TableDashboard {
    background: #ffffff;
    padding: 4px;
}

ul.tabs {
    height: auto !important;
    border-bottom: none !important;
}

    ul.tabs li {
        height: auto !important;
        line-height: unset !important;
        margin-bottom: 0 !important;
        border-radius: 0 !important;
        background-image: none !important;
        border-bottom: 1px solid #000000;
        max-height: 23px;
    }

    ul.tabs li:hover {
        background-image: none !important;
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        background: #c6dff0 !important;
    }

    ul.tabs li a {
        color: #000000 !important;
        padding: 5px 11px 0 11px !important;
        background: transparent;
        font-family: 'IBM-Plex-Sans-Bold', sans-serif !important;
        display: block;
        height: 22px;
        box-sizing: border-box;
    }
    ul.tabs li.active {
        border-top: none !important;
        border-left: none !important;
        border-right: none !important;
        border-bottom: 1px solid #000000 !important;
        background-color: #C6DFF0;
        box-shadow: inset 0px -2px 0px 0px #254a67;
    }

table[style="border: #dee7ef 3px solid; margin-left:8px;"] {
    padding: 4px;
    background: #ffffff;
    border: 1px solid var(--grey-3) !important;
    color: #000000 !important;
}
.LeftHeading {
    width: 4px !important;
}
.LeftHeading, .CenterHeading, .RightHeading {
    height: 24px !important;
    color: #000000 !important;
    background-image: none !important;
    font-weight: normal;
    font-family: 'IBM-Plex-Sans-Medium', sans-serif;
    font-size: 12px !important;
    line-height: 18px;
}

table#Table1[style="margin-left:2px; margin-bottom:2px;"], #TableProfessional, #TableSureScripts, table[id$="usercontrols_userpreferences_ascx_tableLocation"],
#Table4[style="border: #dee7ef 3px solid; margin-left:8px;"] #Table2,
#Table4[style="border: #dee7ef 3px solid; margin-left:8px;"] #Table3,
[id$="TablePermissions"] > table,
[id$="tableDeviceRegistration"] {
    padding: 4px;
    border: 1px solid var(--grey-3);
    background: linear-gradient(90deg, #ffffff 8px, #254A67 8px, #254A67 calc(100% - 8px), #ffffff calc(100% - 8px)), linear-gradient(45deg, #ffffff, #ffffff);
    background-size: 100% 1px,100%;
    background-position-y: 28px;
    background-repeat: no-repeat;
}

    table#Table1[style="margin-left:2px; margin-bottom:2px;"] [style="border: 3px solid rgb(222, 231, 239); width: 98%; margin-top:-2px;"],
    #TableProfessional [style="border:#dee7ef 3px solid;"],
    #TableSureScripts [style="border:#dee7ef 3px solid;"],
    table[id$="usercontrols_userpreferences_ascx_tableLocation"] [style="border-right: #dee7ef 3px solid; border-top: #dee7ef 3px solid; border-left: #dee7ef 3px solid; border-bottom: #dee7ef 3px solid;"],
    #Table4[style="border: #dee7ef 3px solid; margin-left:8px;"] #Table2 [style="border: 3px solid rgb(222, 231, 239); margin-top:-2px;"],
    #Table4[style="border: #dee7ef 3px solid; margin-left:8px;"] #Table3 [style="border: 3px solid rgb(222, 231, 239); margin-top:-2px;"],
    [id$="TablePermissions"] > table table[id$="Permissions"],
    [id$="tableDeviceRegistration"] [style="border: 3px solid rgb(222, 231, 239); margin-top:-2px;"] {
        padding-top: 4px;
        border: none !important;
        width: auto !important;
        margin-top: 0 !important;
    }

.toplt_curve, .top_brd, .toprt_curve, .ltrt_brd, .botlt_curve, .bot_brd, .botrt_curve {
    background-image: none !important;
    background: #f7f7f7;
    color: #000000;
}
.toplt_curve {
    border-top: 1px solid var(--grey-3);
    border-left: 1px solid var(--grey-3);
}

.top_brd {
    border-top: 1px solid var(--grey-3);
}

.toprt_curve {
    border-top: 1px solid var(--grey-3);
    border-right: 1px solid var(--grey-3);
}

.ltrt_brd {
    border-left: 1px solid var(--grey-3);
    border-right: 1px solid var(--grey-3);
}

.botlt_curve {
    border-bottom: 1px solid var(--grey-3);
    border-left: 1px solid var(--grey-3);
}

.bot_brd {
    border-bottom: 1px solid var(--grey-3);
}

.botrt_curve {
    border-bottom: 1px solid var(--grey-3);
    border-right: 1px solid var(--grey-3);
}

.ListPageContainer {
    border: 2px solid #d6d6d6;
    background: #f2f2f2;
}

.ListPageHeader td, .GridViewHeaderText th {
    color: #000000 !important;
    background: #efefef !important;
    border-bottom: 1px solid var(--grey-3) !important;
    border-left: 1px solid #efefef !important;
    border-right: 1px solid var(--grey-3) !important;
    border-top: 0 !important;
    font-family: 'IBM-Plex-Sans-Bold', sans-serif !important;
}

    .ListPageHeader td div {
        font-family: 'IBM-Plex-Sans-Bold', sans-serif !important;
    }

.ListPageAltRow, .GridViewAlternatingRowStyle, AlternatingRowStyle {
    background: #f7f7f7 !important;
}

    .ListPageHLRow:hover, .GridViewAlternatingRowStyle:hover, AlternatingRowStyle:hover, .GridViewRowStyle:hover {
        background: var(--grey-3) !important;
    }

.disabledDeviceText {
    background-color: #f7f7f7;
}

.shs-toolbar-icon-container .shs-icon-container {
    font-size: 14px;
}

.shs-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--shs-clr-8);
    font-size: 16px;
    cursor: pointer;
}
    .shs-icon-container:hover {
        background-color: var(--shs-clr-8);
        color: #ffffff;
        border-radius: 50%;
    }

.shs-close-icon {
    font-size: 14px;
}

.shs-icon-page-container {
    border-radius: 50%;
}

#DivSearch .PopUpTitleBar {
    background-color: #254a67 !important;
}

[src$="logoff_icon.gif"] {
    height: 16px;
}

#DivSearch [src$="Images/cross.jpg"] {
    padding-right: 6px;
}

.divHealthData .tabs a span, .TablePatientSummary ul.tabs li a {
    background: none !important;
}

.divHealthData .tabs .active a span {
    padding-left: 18px !important;
}

/* Checkboxes */
input[type="checkbox"] {
    height: 13px;
    width: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid var(--grey-3);
    outline: none;
    border-radius: 2px;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

    input[type="checkbox"]:checked {
        border: 1px solid #254a67;
        background-color: #254a67 !important;
        background-image: url(../Images/streamline-checkbox.png);
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

    input[type="checkbox"]:active {
        border: 1px solid #254a67;
    }

/* Radios */
input[type="radio"] {
    height: 13px;
    width: 13px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid var(--grey-3);
    outline: none;
    border-radius: 50%;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

    input[type="radio"]:checked {
        border: 1px solid #254a67;
        background-color: #254a67;
        background-image: url(../Images/streamline-radio.png);
        background-size: 90% 90%;
        background-position: center center;
        background-repeat: no-repeat;
    }

        input[type="radio"]:checked::before {
            background: salmon;
            border: 10px solid salmon;
        }

    input[type="radio"]:active {
        border: 1px solid #254a67;
    }

.toolbarbutton .top_options_bg {
    background: none;
}
.shs-savebutton-container {
    background: var(--shs-clr-8);
    color: var(--shs-clr-7-clr);
    width: 60px;
    height: 20px;
    margin: 0 3px 0 5px;
}

    .shs-savebutton-container.DisabledButtonCrossBrowser {
        color: var(--shs-clr-7-clr) !important;
    }

    .shs-savebutton-container::after {
        content: "Save";
        font-size: 12px;
        font-family: 'IBM-Plex-Sans-Regular';
    }

    .shs-savebutton-container::before {
        position: relative;
        left: -5px;
    }

.shs-modalhelp-ctr {
    font-size: 14px;
    margin-top: 2px;
    cursor:pointer;
}
/********** R6 CSS Ends **********/