@import url('https://fonts.googleapis.com/css2?family=Public+Sans');

/* Copied from ECS_StyleSheet.css */
body {
    font: 13px/20px "Lucida Grande", Tahoma, Verdana, sans-serif;
    color: #404040;
    /*background: url(Picture/background2020.png) no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.login {
    position: relative;  
    padding: 20px 20px 5px;
    background: white;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 200px rgba(255, 255, 255, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    height: 421px;
}

    .login:before {
        content: '';
        position: absolute;
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        z-index: -1;
        background: rgba(0, 0, 0, 0.08);
        border-radius: 4px;
    }

    .login h1 {
        margin: -20px -20px 1px;
        line-height: 40px;
        font-size: 15px;
        font-weight: bold;
        color: #555;
        text-align: center;
        text-shadow: 0 1px white;
        background: #f3f3f3;
        border-bottom: 1px solid #cfcfcf;
        border-radius: 5px 5px 0 0;
        background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
        background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
        background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
        background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
        -webkit-box-shadow: 0 1px whitesmoke;
        box-shadow: 0 1px whitesmoke;
    }

.fontName {
    font-family: Calibri !important;
    font-size: 13px !important;
}



.multipleRowsColumns .rcbItem, .multipleRowsColumns .rcbHovered {
    float: left;
    margin: 2 4px;
    min-height: 20px;
    overflow: hidden;
    padding: 3px 3px 3px 5px;
    width: 130px;
}

.RadInput_Bootstrap.riSingle .riTextBox, .RadForm_Bootstrap.RadForm.rfdTextbox input.riTextBox.rfdDecorated {
    width: 254px;
    height: 18px !important;
}

input#imgLogin {
    pointer-events: none;
}

body {
    background-color: White;
    font-family: Public Sans !important;
    font-size: medium;
}

.clsTxt {
    font-weight: 500;
    font-size: 13px;
    color: #3c3c3c;
    font-family: Public Sans !important;
}

.clsMenuTxt {
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    font-family: Public Sans !important;
}

.clsBorder {
    border-right: transparent 0px none;
    border-top: transparent 0px none;
    border-left: transparent 0px none;
    border-bottom: transparent 0px none;
}

.clsLoginBorder {
    border-right: #5898ef 1px solid;
    border-top: #5898ef 1px solid;
    border-left: #5898ef 1px solid;
    border-bottom: #5898ef 1px solid;
}

.clsBorderTd {
    border-right: transparent 0px none;
    border-top: transparent 0px none;
    border-left: transparent 0px none;
    border-bottom: transparent 0px none;
}

.clsLinkTxt {
    font-weight: normal;
    font-size: 13px;
    color: #3c3c3c;
    font-family: Public Sans !important;
}

.clsHeadTxt {
    font-weight: bold;
    font-size: 14px;
    color: White;
    font-family: Public Sans !important;
    background-color: #373737; /*Dark Gray*/
}
/*Dhamu Added two classes to fix Allignment for BO Upgrade*/
.clsHeadTxtWithBorder {
    font-weight: bold;
    font-size: 14px;
    color: White;
    font-family: Public Sans !important;
    background-color: #373737; /*Dark Gray*/
    border-color: #cbdff2;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 0px;
    border-style: solid
}

.clsTblBorderGrid {
    border-color: #9cb6c5;
    border-width: 1px;
    border-style: solid
}
/* End */
.radHeadTxt {
    font-weight: bold;
    font-size: 14px;
    color: White;
    font-family: Public Sans !important;
    background-color: #373737; /*Dark Gray*/
}

.clsSubHeadTxt {
    font-weight: bold;
    font-size: 12px;
    color: #3c3c3c;
    font-family: Public Sans !important;
}

.clsCopyTxt {
    font-weight: normal;
    font-size: 13px;
    color: #3c3c3c;
    font-family: Public Sans !important;
}

.clsCopyRightTxt {
    font-weight: normal;
    font-size: 10px;
    color: #3c3c3c;
    font-family: Public Sans !important;
}

.clsTblTxt {
    font-weight: normal;
    font-size: 13px;
    color: #000000;
    font-family: Public Sans !important;
}

.clsTxtCopy {
    font-weight: normal;
    font-size: 13px;
    color: #3c3c3c;
    font-family: Public Sans !important;
}

.clsColHead {
    font-weight: bold;
    font-size: 14px;
    color: #000000;
    font-family: Public Sans !important;
    background-color: #a1c5e7;
}

.clsTblAltTxt {
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    font-family: Public Sans !important;
    background-color: #eeeeee;
}

.borderTable {
    border-right: #660000 1px solid;
    padding-right: 4px;
    border-top: #660000 1px solid;
    padding-left: 4px;
    padding-bottom: 2px;
    border-left: #660000 1px solid;
    padding-top: 2px;
    border-bottom: #660000 1px solid;
}

.clsTxtBld {
    font-weight: bold;
    font-size: 13px;
    color: #21536a;
    font-family: Public Sans !important;
}

.clsMandatTxt {
    font-weight: bold;
    font-size: 12px;
    color: #0000cc;
    font-family: Public Sans !important;
}

.clsIndexBld {
    font-weight: bold;
    font-size: 13px;
    font-family: Public Sans !important;
}

.clsTdColHead {
    border-right: #cbdff2 1px solid;
    border-top: #cbdff2 1px solid;
    font-weight: bold;
    font-size: 13px;
    border-left: #cbdff2 1px solid;
    color: #000000;
    border-bottom: #cbdff2 1px solid;
    font-family: Public Sans !important;
    background-color: #a1c5e7;
}

.clsTdBorderTxt {
    border-right: #cbdff2 1px solid;
    border-top: #cbdff2 1px solid;
    font-weight: bold;
    font-size: 12px;
    border-left: #cbdff2 1px solid;
    color: #3c3c3c;
    border-bottom: #cbdff2 1px solid;
    font-family: Public Sans !important;
}

.clsTdTxtCopy {
    border-right: #cbdff2 1px solid;
    border-top: #cbdff2 1px solid;
    font-weight: normal;
    font-size: 13px;
    border-left: #cbdff2 1px solid;
    color: #3c3c3c;
    border-bottom: #cbdff2 1px solid;
    font-family: Public Sans !important;
}

.clsTdHeadTxt {
    border-right: #cbdff2 1px solid;
    border-top: #cbdff2 1px solid;
    font-weight: bold;
    font-size: 13px;
    border-left: #cbdff2 1px solid;
    color: #607e8c;
    border-bottom: #cbdff2 1px solid;
    font-family: Public Sans !important;
    background-color: #eaeeee;
}

.clsTdTblAltTxt {
    border-right: #cbdff2 1px solid;
    border-top: #cbdff2 1px solid;
    font-weight: bold;
    font-size: 12px;
    border-left: #cbdff2 1px solid;
    color: #000000;
    border-bottom: #cbdff2 1px solid;
    font-family: Public Sans !important;
    background-color: #eeeeee;
}

.clsBlueTxt {
    font-weight: 500;
    font-size: 13px;
    color: #0000f0;
    font-family: Public Sans !important;
}

.clsButton {
    border-right: #cccccc 1px;
    border-top: #cccccc 1px;
    font-weight: bold;
    font-size: 13px;
    border-left: #cccccc 1px;
    color: #000000;
    border-bottom: #cccccc 1px;
    font-family: Public Sans !important;
    background-color: #eaeeee;
}

.clsError {
    font-size: 10px;
    color: #ff0000;
    font-style: italic;
    font-family: Public Sans !important;
}

.clsDivHide {
    position: absolute;
    visibility: hidden;
    left: 475;
}

.clsDivHideRelative {
    position: relative;
    visibility: hidden;
    left: 0;
}

.clsDivShow {
    position: absolute;
    visibility: visible;
    left: 475;
}

.clsDivMenu {
    padding: 1px;
    width: 200px;
    overflow: auto;
}

.clsLabelBold {
    font-weight: bold;
}

.clsNEW {
    border-right: #cbdff2 1px solid;
    border-top: #cbdff2 1px solid;
    font-weight: normal;
    font-size: 13px;
    border-left: #cbdff2 1px solid;
    color: green;
    border-bottom: #cbdff2 1px solid;
    font-family: Public Sans !important;
}

.clsOLD {
    border-right: #cbdff2 1px solid;
    border-top: #cbdff2 1px solid;
    font-weight: normal;
    font-size: 13px;
    border-left: #cbdff2 1px solid;
    color: #000000;
    border-bottom: #cbdff2 1px solid;
    font-family: Public Sans !important;
}

.clsMOD {
    border-right: #cbdff2 1px solid;
    border-top: #cbdff2 1px solid;
    font-weight: normal;
    font-size: 13px;
    border-left: #cbdff2 1px solid;
    color: blue;
    border-bottom: #cbdff2 1px solid;
    font-family: Public Sans !important;
}

.clsDEL {
    border-right: #cbdff2 1px solid;
    border-top: #cbdff2 1px solid;
    font-weight: normal;
    font-size: 13px;
    border-left: #cbdff2 1px solid;
    color: red;
    border-bottom: #cbdff2 1px solid;
    font-family: Public Sans !important;
}

a {
  
    color: #0000ff;
    background-color: transparent;
}

    a:link {
        text-decoration: none;
        color: #0000ff;
        background-color: transparent;
    }

    a:visited {
        text-decoration: none;
        color: #0000ff;
        background-color: transparent;
    }

    a:hover {
        text-decoration: underline;
        color: #0000ff;
        background-color: transparent;
    }

    a:active {
        text-decoration: underline;
        color: #0000ff;
        background-color: transparent;
    }

/* Styles from popcalendar.css - Begin */
/* Default attributes of table container for entire calendar */
.table-style {
    font-family: arial;
    border-width: 1;
    border-style: solid;
    border-color: #a0a0a0;
    background-color: #ffffff;
    font-family: arial;
    font-size: 11px;
}

/* Default attributes of DIV containing table container for entire calendar.
 * You probably don't want to alter this style.
 */
.div-style {
    z-index: 999;
    position: absolute;
    visibility: hidden;
}

/* Default attributes used in calendar title (month and year columns).*/
.title-style {
    padding: 2px;
    font-family: arial;
    font-size: 11px;
    color: #ffffff;
}

/* Default attributes used in calendar title background.*/
.title-background-style {
    /*background-color: #cee3ef;*/
    background-color: #9f9fff;
}

/* Normal appearance of controls in calendar title. */
/* Note: The right, left and down icons are images, which must be edited if you need to change them. */
.title-control-normal-style {
    border-style: none; /*	border-width: 1; 	border-color: black; */
    cursor: pointer;
}

/* Moused-over (selected) appearance of controls in calendar title. */
.title-control-select-style {
    /*border-style: solid; 	border-width: 1; 	border-color: #3a6ea5; */
    cursor: pointer;
}

/* Default attributes of drop down lists (month and year). */
.dropdown-style {
    font-family: Public Sans !important;
    font-size: 11px;
    border-width: 1;
    border-style: solid; /*border-color: #a0a0a0; 	background-color: #cee3ef;*/
    background-color: #0066cc;
    border-color: #cccccc;
    color: White;
    cursor: default;
}

/* Default attributes selected (mouse-over) item in drop down lists (month and year). */
.dropdown-select-style {
    background-color: #3a6ea5;
    cursor: hand;
}

/* Default attributes unselected (mouse-off) item in drop down lists (month and year). */
.dropdown-normal-style {
    background-color: #0066cc;
}

/* Default attributes of calendar body (weekday titles and numbers). */
.body-style {
    padding: 5px; /*background-color: #cee3ef;*/
    background-color: white;
    font-family: Public Sans !important;
    font-size: 10px;
}

/* Attributes of current day in calendar body. */
.current-day-style {
    /*color: red;*/
    color: red;
    font-weight: bold;
    text-decoration: none;
}

/* Attributes of end-of-week days (Sundays) in calendar body. */
.end-of-weekday-style {
    color: #909090;
    text-decoration: none;
}

/* Attributes of all other days in calendar body. */
.normal-day-style {
    color: black;
    text-decoration: none;
}

/* Attributes of border around selected day in calendar body. */
.selected-day-style {
    border-style: solid;
    border-width: 1px;
    border-color: #a0a0a0;
    color: #0066cc;
    font-weight: bold;
}

/* Default attributes of designated holidays. */
.holiday-style {
    background-color: #FFDDDD;
}

/* Attributes of today display at bottom on calendar */
.today-style {
    padding: 0px;
    color: white; /*background-color: #cee3ef;*/
    background-color: #9f9fff;
    text-align: center;
    text-decoration: none;
}

/* Attributes of week number division (divider.gif) */
.weeknumber-div-style {
    background-color: #d0d0d0;
    padding: 0px;
}

/* Styles from popcalendar.css - End */


/* Styles from EmployerMasterPage.master - Begin */

table th {
    position: relative;
    top: expression(this.parentNode.parentNode. parentNode.scrollTop-1);
}

.locked {
    left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft);
    position: relative;
    z-index: 10;
}

.Freezing {
    position: relative;
    top: expression(this.parentNode.parentNode. parentNode.scrollTop-1);
    z-index: 20;
    overflow: auto;
}

.style1 {
    width: 100%;
}

/* Styles from EmployerMasterPage.master - End */

/* Styles for Appointment Screens - Begin */
.RadScheduler .rsNotStarted .rsAptContent, .RadScheduler .rsNotStarted .rsAptMid .rsAptIn, .RadScheduler .rsNotStarted .rsAptMid {
    background-color: #025b6d;
    border-color: #27408B;
    background-image: none;
    color: Navy;
    z-index: 10;
    white-space: normal;
}

.RadScheduler .rsCheckedIn .rsAptContent, .RadScheduler .rsCheckedIn .rsAptMid .rsAptIn, .RadScheduler .rsCheckedIn .rsAptMid {
    background-color: #27408B;
    border-color: #27408B;
    background-image: none;
    color: White;
    z-index: 10;
    white-space: normal;
}

.RadScheduler .rsStarted .rsAptContent, .RadScheduler .rsStarted .rsAptMid .rsAptIn, .RadScheduler .rsStarted .rsAptMid {
    background-color: #006400;
    border-color: #006400;
    background-image: none;
    color: White;
    z-index: 10;
    white-space: normal;
}

.RadScheduler .rsEnded .rsAptContent, .RadScheduler .rsEnded .rsAptMid .rsAptIn, .RadScheduler .rsEnded .rsAptMid {
    background-color: #8B0000;
    border-color: #8B0000;
    background-image: none;
    color: white;
    z-index: 10;
    white-space: normal;
}

.RadScheduler .rsNoShow .rsAptContent, .RadScheduler .rsNoShow .rsAptMid .rsAptIn, .RadScheduler .rsNoShow .rsAptMid {
    background-color: #ED9121;
    border-color: #ED9121;
    background-image: none;
    color: white;
    z-index: 10;
    white-space: normal;
}

.RadScheduler .rsReSchedule .rsAptContent, .RadScheduler .rsReSchedule .rsAptMid .rsAptIn, .RadScheduler .rsReSchedule .rsAptMid {
    background-color: #CD6889;
    border-color: #CD6889;
    background-image: none;
    color: white;
    z-index: 10;
    white-space: normal;
}

.RadScheduler .rsRequested .rsAptContent, .RadScheduler .rsRequested .rsAptMid .rsAptIn, .RadScheduler .rsRequested .rsAptMid {
    background-color: #7D5EC3;
    border-color: #7D5EC3;
    background-image: none;
    color: white;
    z-index: 10;
    white-space: normal;
}

.RadScheduler .rsNotStarted .rsAptMid, .RadScheduler .rsCheckedIn .rsAptMid, .RadScheduler .rsStarted .rsAptMid, .RadScheduler .rsEnded .rsAptMid, .RadScheduler .rsNoShow .rsAptMid, .RadScheduler .rsReSchedule .rsAptMid, .RadScheduler .rsRequested .rsAptMid {
    opacity: 0.6;
    -ms-opacity: 0.6;
    filter: alpha(opacity=60);
}

.RadScheduler .rsNotStarted .rsAptResize, .RadScheduler .rsReSchedule .rsAptResize, .RadScheduler .rsRequested .rsAptResize {
    z-index: 20;
}

.RadScheduler .rsDisabled .rsAptContent, .RadScheduler .rsDisabled .rsAptMid .rsAptIn, .RadScheduler .rsDisabled .rsAptMid, .RadScheduler .rsEditDisabled .rsAptContent, .RadScheduler .rsEditDisabled .rsAptMid .rsAptIn, .RadScheduler .rsEditDisabled .rsAptMid {
    background-color: #B7B7B7;
    border-color: #8B8386;
    background-image: none;
    z-index: 0;
    white-space: normal;
}

.RadScheduler .rsDisabled .rsAptResize {
    display: none;
}

.RadScheduler .rsNonEditable .rsAptContent, .RadScheduler .rsNonEditable .rsAptMid .rsAptIn, .RadScheduler .rsNonEditable .rsAptMid {
    background-color: #B7B7B7;
    border-color: #B7B7B7;
    background-image: none;
    z-index: 0;
    white-space: normal;
    cursor: not-allowed;
}

.RadScheduler .rsNonEditable .rsAptResize {
    display: none;
}

.RadScheduler .rsCancelled .rsAptContent, .RadScheduler .rsEnded .rsAptMid .rsAptIn, .RadScheduler .rsEnded .rsAptMid {
    background-color: #7f00ff;
    border-color: #7f00ff;
    background-image: none;
    color: White;
    z-index: 10;
    white-space: normal;
}

/* Styles for Appointment Screens - End */

/* Common styles */

.AutoHeight {
    height: auto !important;
}

.chkboxlist label {
    font-weight: normal !important;
    font-family: Public Sans !important;
    font-size: 12px !important;
}

.RadPicker {
    display: inline-table;
}

.chkboxlist td {
    border-style: none !important;
}

.RadGrid_Vista .rgEditRow {
    background-color: #96cfee !important;
}

.RadGrid_Vista .GridCommandRow_Vista {
    background-color: #96cfee !important;
}

[id$='Frozen'] {
    overflow: scroll !important;
}

.RadWindow .rwControlButtons /* Added by Karthik on 07-10-2017 to fix issue with Radwindow close button alignment */ {
    float: right !important;
}

/* Added by Kumar for Bootstrap skin - Start */
/* RadComboBox */
.RadComboBoxDropDown_Bootstrap {
    font-size: 12px !important;
    font-family: Public Sans !important;
}

.RadComboBox_Bootstrap .rcbInput {
    font-size: 12px !important;
}

.RadComboBox_Bootstrap {
    font-family: Public Sans !important;
    font-size: 12px !important;
}

    .RadComboBox_Bootstrap .rcbArrowCell a {
        width: 15px !important;
        height: 15px !important;
        background-position: -18px -68px !important;
    }

    .RadComboBox_Bootstrap .rcbInputCell, .RadComboBox_Bootstrap .rcbArrowCell {
        height: auto !important;
    }

    .RadComboBox_Bootstrap .rcbLabel {
        line-height: 22px !important;
    }

/* RadButton */
span.RadButton_Bootstrap {
    font-size: 12px !important;
    font-family: Public Sans !important;
}

    span.RadButton_Bootstrap .rbDecorated {
        font-size: 12px !important;
        font-family: Public Sans !important;
        padding-right: 0px !important
    }

    span.RadButton_Bootstrap.rbSkinnedButton, span.RadButton_Bootstrap.rbLinkButton, span.RadButton_Bootstrap.rbVerticalButton, span.RadButton_Bootstrap.RadButton.rbDisabled, span.RadButton_Bootstrap.RadButton.rbDisabled:hover, span.RadButton_Bootstrap.RadButton.rbDisabled:active, span.RadButton_Bootstrap.RadButton.rbDisabled:focus {
        height: auto !important;
        padding: 0px 5px 2px 5px !important;
    }

/* RadMenu */
span.rtIn {
    font-size: 12px !important;
    font-family: Public Sans !important;
    font-weight: 500 !important;
}

.RadTreeView_Bootstrap .rtSelected .rtIn {
    font-family: Public Sans !important;
    font-weight: 900 !important;
    border-color: transparent !important;
    background-color: transparent !important;
    color: black !important;
}

.RadTreeView_Bootstrap .rtHover .rtIn {
    font-family: Public Sans !important;
    font-weight: 900 !important;
    border-color: transparent !important;
    background-color: transparent !important;
    color: black !important;
}

.RadTreeView_Bootstrap {
    font-size: 12px !important;
    font-family: Public Sans !important;
    font-weight: 500 !important;
}

/*RadGrid*/
.RadGrid_Bootstrap .rgHeader {
    background-color: #e6e6e6 !important; /*Light Gray*/
}

/*.RadGrid_Bootstrap .rgGroupPanel, .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgCommandRow {
    height: 18px !important;
}*/

.RadGrid_Bootstrap .rgGroupPanel {
    padding: 0px !important;
}

.RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap th.rgResizeCol, .RadGrid_Bootstrap .rgHeaderWrapper, .RadGrid_Bootstrap .rgMultiHeaderRow th.rgHeader {
    border-left: 1px solid whitesmoke !important;
}

div.RadGrid .rgRow > td, div.RadGrid .rgAltRow > td, div.RadGrid .rgEditRow > td, div.RadGrid .rgFooter > td {
    padding: 5px 7px !important;
    border-width: 0 0 0 1px !important;
}

/*.RadGrid .rgHeader, .RadGrid th.rgResizeCol {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}*/
.RadGrid_Bootstrap .rgMasterTable, .RadGrid_Bootstrap .rgDetailTable, .RadGrid_Bootstrap .rgGroupPanel table, .RadGrid_Bootstrap .rgCommandRow table, .RadGrid_Bootstrap .rgEditForm table, .RadGrid_Bootstrap .rgPager table, .RadGrid_Bootstrap .rgPagerCell {
    font: 12px Public Sans !important;
}

.RadGrid_Bootstrap .rgCommandCell {
    background-color: #99a3ad !important; /*Mid Gray*/
}

.RadGrid_Bootstrap .rgEditForm [type="image"] {
    padding: 0px !important;
}
/*CommandItemSettings - RadGrid*/
/*Add Button*/
.RadGrid_Bootstrap input.rgAdd {
    background-position: -66px -3066px !important;
    background-color: white !important;
    width: 20px !important;
    height: 20px !important;
}

/*Refresh Button*/
.RadGrid_Bootstrap input.rgRefresh {
    background-position: -17px -1366px !important;
    width: 20px !important;
    height: 20px !important;
}

/*Excel Button*/
.RadGrid_Bootstrap .rgExpXLS {
    background-position: 2px -50px !important;
    width: 20px !important;
    height: 20px !important;
}

/*PDF Button*/
.RadGrid_Bootstrap .rgExpPDF {
    background-position: 2px 0px !important;
    width: 20px !important;
    height: 20px !important;
}

/*CSV Button*/
.RadGrid_Bootstrap .rgExpCSV {
    background-position: 2px -100px !important;
    width: 20px !important;
    height: 20px !important;
}

/*Word Button*/
.RadGrid_Bootstrap .rgExpDOC {
    background-position: 2px -150px !important;
    width: 20px !important;
    height: 20px !important;
}

.RadGrid_Bootstrap .rgFilterBox {
    height: 20px !important;
}

.RadGrid_Bootstrap .rgFilter {
    background-position: -15px -4513px !important;
    height: 20px !important;
    width: 20px !important;
    margin-left: 0px !important;
}

.RadGrid_Bootstrap .rgSortAsc {
    background-position: -19px -18px !important;
    width: 15px !important;
    height: 15px !important;
}

.RadGrid_Bootstrap .rgSortDesc {
    background-position: -19px -68px !important;
    width: 15px !important;
    height: 15px !important;
}

.RadMenu_Bootstrap {
    font-size: 12px !important;
    font-family: Public Sans !important;
}

/*.RadGrid_Bootstrap .rgGroupPanel, .RadGrid_Bootstrap .rgHeader, .RadGrid_Bootstrap .rgCommandRow {
    height: 22px !important;
}

.RadGrid .rgHeader, .RadGrid th.rgResizeCol {
    padding-bottom: 0px !important;
}
*/
/*RadWindow*/
.RadWindow .rwTitleRow, .RadWindow .rwTitleRow *,
.RadWindow .rwTopLeft,
.RadWindow .rwTopRight,
.RadWindow .rwCorner .rwTopLeft,
.RadWindow .rwCorner .rwTopRight,
.RadWindow .rwBodyLeft,
.RadWindow .rwBodyRight,
.RadWindow .rwFooterLeft,
.RadWindow .rwFooterRight,
.RadWindow .rwFooterCenter {
    background-color: #99a3ad !important; /*Mid Gray*/
    border: 0px !important;
}

.RadWindow_Bootstrap {
    border-color: #99a3ad !important; /*Mid Gray*/
}

/*Rad Tabstrip*/
.RadTabStrip_Bootstrap {
    font-size: 12px !important;
    font-family: Public Sans !important;
}

    .RadTabStrip_Bootstrap .rtsLink {
        padding: 4px !important;
    }

/*Rad Uploader*/
.RadUpload_Bootstrap, .RadUpload_Bootstrap a, .RadUpload_Bootstrap input {
    font-size: 11px !important;
    font-family: Public Sans !important;
}

/*RadDatePicker*/
.RadCalendar_Bootstrap, .RadCalendar_Bootstrap .rcMainTable, .RadCalendarMonthView_Bootstrap,
.RadCalendarMonthView_Bootstrap .rcButtons input {
    font: 12px Public Sans !important;
}

    .RadCalendar_Bootstrap .rcTitlebar table {
        font: 12px Public Sans !important;
    }

html body .RadInput_Bootstrap .riTextBox, html body .RadInputMgr_Bootstrap {
    font: 12px Public Sans !important;
}



.RadInput_Bootstrap.riSingle textarea.riTextBox, html .RadInput_Bootstrap textarea.riTextBox {
    height: auto !important;
}

.RadPicker_Bootstrap .rcCalPopup {
    background-position: -14px -4215px !important;
}

.RadPicker_Bootstrap .rcCalPopup, .RadPicker_Bootstrap .rcTimePopup {
    width: 22px !important;
    height: 22px !important;
}

.RadPicker_Bootstrap .rcTimePopup {
    background-position: -13px -4264px !important;
}

table.RadCalendarTimeView_Bootstrap {
    font: 12px Public Sans !important;
}

html body .RadInput_Bootstrap .riError, html body .RadInput_Error_Bootstrap, .RadForm.rfdTextbox .RadInput_Bootstrap .riError[type="text"], .RadForm.rfdTextbox .RadInput_Error_Bootstrap[type="text"] {
    /*background: url(/Picture/warning_red.png) 100% no-repeat !important;
    background-size: 16px 18px !important;*/
    color: #b32d34 !important;
}


/*Rad Panel Bar*/
.RadPanelBar_Bootstrap .rpLink, .RadPanelBar_Bootstrap .rpHeaderTemplate {
    font-size: 12px !important;
    line-height: 28px !important;
    font-family: Public Sans !important;
}

.RadPanelBar_Bootstrap {
    font-size: 12px !important;
    font-family: Public Sans !important;
}

    .RadPanelBar_Bootstrap .rpExpandable .rpExpandHandle, .RadPanelBar_Bootstrap .rpExpandable.rpDisabled:hover .rpExpandHandle {
        margin-top: 6px !important;
    }

/*RadGrid Paging*/
.RadGrid_Bootstrap .rgPagerCell .rgPageFirst {
    background-position: -15px -714px !important;
    width: 22px !important;
    height: 22px !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgPagePrev {
    background-position: -15px -114px !important;
    width: 22px !important;
    height: 22px !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgPageNext {
    background-position: -14px -164px !important;
    width: 22px !important;
    height: 22px !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgPageLast {
    background-position: -14px -764px !important;
    width: 22px !important;
    height: 22px !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgNumPart a {
    line-height: 14px !important;
    width: 28px !important;
    height: 22px !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgPagerLabel {
    padding: 5px 0px 10px 1px !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgPagerButton {
    padding: 0 3px !important;
    line-height: 22px !important;
    height: 20px !important;
}

.rgPager .riSingle .riTextBox {
    width: 30px !important;
}

.RadGrid_Bootstrap .rgPagerCell .rgInfoPart {
    margin-top: 5px !important;
}

.RadGrid .rgPager .RadInput {
    margin: 0px -13px 0px 2px !important;
}

/*html body .riSingle .riTextBox {
    margin: 0px -5px !important;
}*/

.RadGrid .rgPagerLabel {
    margin: -2px 4px -3px 0px !important;
}

.RadGrid .NextPrevNumericAndAdvanced .rgAdvPart {
    text-align: left !important;
}

.RadGrid_Bootstrap .rgFilterRow > td {
    background: #e6e6e6 !important;
}



/*ToolBar*/
.RadToolBar_Bootstrap {
    font-size: 12px !important;
    font-family: Public Sans !important;
}

    .RadToolBar_Bootstrap .rtbOuter {
        padding: 0px !important;
    }

/*RadScheduler*/
.RadScheduler_Bootstrap {
    font-size: 11px !important;
    font-family: Public Sans !important;
}

    .RadScheduler_Bootstrap .rsHeader .rsPrevDay, .RadScheduler_Bootstrap .rsHeader .rsNextDay {
        width: 6px !important;
        height: 11px !important;
    }

        .RadScheduler_Bootstrap .rsHeader .rsPrevDay, .RadScheduler_Bootstrap .rsHeader .rsPrevDay:hover {
            background-position: -12px -113px !important;
        }

        .RadScheduler_Bootstrap .rsHeader .rsNextDay, .RadScheduler_Bootstrap .rsHeader .rsNextDay:hover {
            background-position: -10px -163px !important;
        }

    .RadScheduler_Bootstrap .rsHeader .rsToday {
        height: 11px !important;
    }

    .RadScheduler_Bootstrap .rsHeader {
        padding: 1px !important;
    }

        .RadScheduler_Bootstrap .rsHeader h2 {
            padding: 0px 22px !important;
        }

        .RadScheduler_Bootstrap .rsHeader .rsDatePickerActivator {
            width: 6px !important;
            height: 11px !important;
            background-position: -10px -62px !important;
        }

            .RadScheduler_Bootstrap .rsHeader .rsDatePickerActivator:hover {
                background-position: -10px -62px !important;
            }

    .RadScheduler_Bootstrap .rsApt {
        font-size: 11px !important;
        font-family: Public Sans !important;
    }

    .RadScheduler_Bootstrap .rsAptContent {
        color: #000000 !important;
    }

.RadToolTip_Bootstrap table.rtWrapper td.rtWrapperContent {
    font-family: Public Sans !important;
    font-size: 12px !important;
}

.RadScheduler .rsTopWrap {
    line-height: normal !important;
}


/*Link Button*/
.RadUpload_Bootstrap .ruButton {
    border: 0px !important;
    height: 23px !important;
}

/*Rad Numeric Textbox*/
.RadInput_Bootstrap a.riUp, .RadInput_Bootstrap a.riDown {
    width: 15px !important;
}

html body .RadInput_Bootstrap.riContSpinButtons .riTextBox {
    padding-right: 18px !important;
}

.RadInput_Bootstrap a.riDown {
    background-position: -19px -65px !important;
}

.RadInput_Bootstrap a.riUp {
    background-position: -19px -18px !important;
}

/*Rad Listbox*/
.RadListBox_Bootstrap {
    font-size: 12px !important;
    font-family: Public Sans !important;
}

/*Rad Upload*/
.RadUpload_Bootstrap .ruStyled .ruFakeInput {
    height: 16px !important;
}

.RadUpload_Bootstrap .ruUploadProgress.ruUploadSuccess {
    background-position: 0px -13px !important;
}

.RadUpload_Bootstrap .ruUploadProgress.ruUploadFailure {
    background-position: 0 -63px !important;
}

.RadUpload_Bootstrap .ruUploadProgress {
    line-height: 20px !important;
}

/*Rad Splitter */
.container .head .vert {
    background-color: #cccccc00 !important;
}

/*RecurrenceEditor*/
.RecurrenceEditor ul {
    padding-left: 2px !important;
}

.RecurrenceEditor_Bootstrap .rsAdvPatternPanel li {
    margin: -4px -3px 4px -19px !important;
}

.RecurrenceEditor_Bootstrap {
    font-size: 12px !important;
    font-family: Public Sans !important;
}

.RecurrenceEditor .rsAdvWeekly_WeekDays li {
    width: 110px !important;
}

/* Added by Kumar for Bootstrap skin - End */
#tblAccountInfo {
    width: 100%;
    vertical-align: middle;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.k-input *, .k-input *::before, .k-input *::after, .k-picker *, .k-picker *::before, .k-picker *::after {
    box-sizing: border-box;
    height: 24px;
}

.action {    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: none;
    outline: none;
    box-shadow: 0 4px 6px -1px rgba(33,150,243,.4),0 2px 4px -2px rgba(33,150,243,.4);
    color: rgb(255 255 255);  
    font-weight: 700;
    font-size: 0.877rem;    
    /* background-color: rgb(33 150 243); */
    border-radius: 0.5rem;
    background-color: #1672b5;
    border-radius: 1.5rem;
    text-decoration: none;
}

span#lblError {
    color: Red;
    font-family: Public Sans;
    font-size: 9pt;
    font-weight: bold;
    vertical-align: middle;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none !important;
}

.bi-eye::before {
    font: var(--fa-font-solid);
    content: "\f06e";
}

i#togglePassword {
    margin-top: -10px;
    margin-left: 3px;
}
#divlnkNeedHelpOnClic {
    font-size: 13px;
}

#lnkCredentials {
    font-family: Public Sans;
    font-size: 13px;  
}


#ktbUserId, #ktbPassword {
    font: 12px Public Sans !important;
}

#tblLogin .k-form-error {
    color: red;
    font-family: "Public Sans";
    font-size: 8pt;
    font-style: normal;
}

#lnkCredentials {
    font-family: Public Sans;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline !important;

}
.lnkCredentials {
    font-family: Public Sans;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline !important;
}