* {
    font-family: "Open Sans", sans-serif;
    /* Overrides the different FONT family set by Telerik by default*/
}

.fntweight {
    font-weight: normal !important;
}

A:link {
    color: #2885ba;
    text-decoration: none;
}

A:active {
    color: #2885ba;
    text-decoration: none;
}

A:visited {
    color: #2885ba;
    text-decoration: none;
}

A:hover {
    font-weight: bold;
    color: #2885ba;
}

a {
    color: #2885ba;
}

.ButtonGap {
    display: flex;
    column-gap: 3px;
}

.admin-tab-inactive {
    font-family: "Open Sans", sans-serif !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #666666 !important;
    height: 30px !important;
    text-align: center !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.mgtextbox {
    margin-left: -5px;
}

.admin-tab-active {
    font-family: "Open Sans", sans-serif !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: #2885ba !important;
    text-align: center !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
    padding-bottom: 2px !important;
}

.admin-tab-inactive a,
.Disabled a {
    position: relative;
    bottom: 3px;
}

    .admin-tab-inactive a:link {
        font-weight: bold;
        color: #666666;
        font-family: "Open Sans", sans-serif;
        text-decoration: none;
        white-space: nowrap;
    }

    .admin-tab-inactive a:visited {
        font-weight: bold;
        color: #666666;
        font-family: "Open Sans", sans-serif;
        text-decoration: none;
    }

    .admin-tab-inactive a:active {
        font-weight: bold;
        color: White;
        font-family: "Open Sans", sans-serif;
        text-decoration: none;
    }

    .admin-tab-inactive a:hover {
        font-size: 14px;
        color: #666666;
        font-family: "Open Sans", sans-serif;
    }

.Grid {
    border-style: solid;
    border-width: 1px;
    border-bottom-color: lightsteelblue;
    border-top-color: lightsteelblue;
    border-left-color: lightsteelblue;
    border-right-color: lightsteelblue;
    border-collapse: separate;
}

    .Grid th {
        border-width: 1px;
        border-style: solid;
        border-bottom-color: lightsteelblue;
        border-top-color: lightsteelblue;
        border-left-color: lightsteelblue;
        border-right-color: lightsteelblue;
    }

    .Grid td {
        border-width: 1px;
        border-style: solid;
        border-bottom-color: lightsteelblue;
        border-top-color: lightsteelblue;
        border-left-color: lightsteelblue;
        border-right-color: lightsteelblue;
    }

BODY {
    padding-right: 0px;
    padding-left: 0px;
    scrollbar-face-color: #dee3e7;
    padding-bottom: 0px;
    margin: 0px;
    scrollbar-highlight-color: #ffffff;
    scrollbar-shadow-color: #dee3e7;
    scrollbar-3dlight-color: #d1d7dc;
    scrollbar-arrow-color: #006699;
    padding-top: 0px;
    scrollbar-track-color: #efefef;
    scrollbar-darkshadow-color: #98aab1;
    background-color: #f2f2f2;
    width: 100%;
    height: 100%;
    font-size: 9pt !important;
    /*Sets font-size property to the element if it doesn't have any the property assigned inline or in it's parents.*/
}

.grid-header a:active {
    color: #696969;
    text-decoration: none;
}

.grid-header a:link {
    color: #696969;
    text-decoration: none;
}

.grid-header a:visited {
    color: #696969;
    text-decoration: none;
}

.grid-header a:hover {
    color: darkred;
    text-decoration: none;
}

.grid-edit-column {
    border-top: #696969 1px solid;
    border-bottom: #696969 1px solid;
    border-left: #696969 1px solid;
}

.MilestoneData {
    font-size: 9pt;
    font-family: "Open Sans", sans-serif;
}

.grid-first-item {
    border-top: #696969 1px solid;
    border-right: #696969 1px solid;
    border-bottom: #696969 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
}

.grid-item {
    border-right: #696969 1px solid;
    border-top: #696969 1px solid;
    border-left: #696969 1px double;
    border-bottom: #696969 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
}

.grid-header {
    font-weight: bold;
    font-size: 10pt;
    color: #696969;
    border-bottom: #696969 1px solid;
    font-family: "Open Sans", sans-serif;
}

.grid-last-item {
    border-top: #696969 1px solid;
    border-left: #696969 1px solid;
    border-bottom: #696969 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 1px;
}

.header-gray {
    font-weight: bold;
    font-size: 10pt;
    color: #696969;
    font-family: "Open Sans", sans-serif;
}

.header-lightgray {
    font-weight: bold;
    font-size: 10pt;
    color: gray;
    font-family: "Open Sans", sans-serif;
}

.report-main-header {
    font-weight: bold;
    font-size: 10pt;
    color: Black;
    font-family: "Open Sans", sans-serif;
    background-color: #dcdcdc;
    padding-left: 8px;
    padding-right: 8px;
}

.report-header {
    font-weight: bold;
    font-size: 10pt;
    color: Black;
    font-family: "Open Sans", sans-serif;
    padding-left: 8px;
    padding-right: 8px;
}

.report-text {
    font-size: 8pt;
    color: #000000;
    font-family: "Open Sans", sans-serif;
    padding-left: 8px;
    padding-right: 8px;
}

.report-header a:link {
    font-family: "Open Sans", sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: Black;
    text-decoration: none;
}

.report-header a:hover {
    font-family: "Open Sans", sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #696969;
    text-decoration: none;
}

.report-header a:visited {
    font-weight: bold;
    font-size: 8pt;
    color: black;
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
}

.report-header a:active {
    font-family: "Open Sans", sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #696969;
    text-decoration: none;
}

.standard-text {
    font-family: "Open Sans", sans-serif;
    font-size: 8pt;
    color: #000000;
}

.controls-table {
    border-right: #e1a633 thin solid;
    padding-right: 1px;
    border-top: #e1a633 thin solid;
    padding-left: 1px;
    padding-bottom: 1px;
    border-left: #e1a633 thin solid;
    padding-top: 1px;
    border-bottom: #e1a633 thin solid;
    background-color: #ffffff;
}

TD {
    font-size: 9pt;
    color: #393939;
    font-family: "Open Sans", sans-serif;
}

.tab-back {
    height: 32px;
    background-color: aliceblue;
}

.heading {
    font-weight: bold;
    font-size: 10pt;
    margin-left: 5px;
    text-transform: uppercase;
    color: #ffcc66;
    font-family: "Open Sans", sans-serif;
    height: 8px;
    background-color: #003399;
}

.textboxBorder {
    border-right: steelblue 1px solid;
    border-top: steelblue 1px solid;
    font-size: 8pt;
    border-left: steelblue 1px solid;
    border-bottom: steelblue 1px solid;
    text-align: right;
}

.textboxText {
    font-size: 8pt;
    font-family: "Open Sans", sans-serif;
    height: 20px;
}

.ControlsEditable {
    background-color: lemonchiffon;
}

.ControlsNonEditable {
    background-color: white;
}

.BoldLink {
    font-weight: bold;
    font-size: 8pt;
    font-family: "Open Sans", sans-serif;
}

A.BoldLink:link {
    color: #006699;
    text-decoration: none;
}

A.BoldLink:active {
    color: #006699;
    text-decoration: none;
}

A.BoldLink:visited {
    color: #006699;
    text-decoration: none;
}

A.BoldLink:hover {
    font-weight: bold;
    color: #dd6900;
}

.MessageQuoteWithPadding {
    font-weight: bold;
    color: #2885ba !important;
    line-height: normal;
    letter-spacing: normal;
    height: 26px;
    background-color: #f2f2f2;
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.MessageQuote {
    font-weight: bold;
    color: #2885ba;
    line-height: normal;
    letter-spacing: normal;
    height: 26px;
    background-color: #f2f2f2;
}

.Quote-Top {
    font-weight: bold;
    color: #2885ba;
    text-indent: 5pt;
    line-height: normal;
    letter-spacing: normal;
    height: 26px;
    background-color: #f2f2f2 !important;
    vertical-align: middle;
}

.Quote-div {
    font-weight: bold;
    font-size: 9pt;
    color: #2885ba;
    text-indent: 5pt;
    line-height: normal;
    font-family: "Open Sans", sans-serif;
    letter-spacing: normal;
    height: 26px;
    background-color: #f2f2f2;
    vertical-align: middle;
    display: flex;
    justify-content: left;
    align-items: center;
}

.Header_Address {
    border: 0;
    color: #2885ba;
    font-size: 20px;
    font-style: inherit;
    text-align: center;
}

.buttonASP {
    border: none;
    cursor: hand;
    font-family: "Open Sans", sans-serif;
    height: 23px;
    background-color: buttonface;
    width: 8%;
}

.SubHeader {
    background-image: none;
    background-repeat: repeat-x;
    background-color: #f6f6f6;
}

.WelcomeNote {
    padding-right: 5px;
    border-top: #e1a633 1px solid;
    padding-left: 5px;
    font-weight: bold;
    font-size: 8pt;
    color: #000033;
    text-indent: 5pt;
    line-height: normal;
    border-bottom: #e1a633 1px solid;
    font-family: "Open Sans", sans-serif;
    letter-spacing: normal;
    height: 20px;
    background-color: aliceblue;
    text-align: right;
}

.WelcomeNoteSignIn {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #ffffff;
}

    .WelcomeNoteSignIn:hover {
        cursor: default;
    }

.CaptionLabel {
    font-weight: bold;
    font-size: 9pt;
    color: #393939;
}

.DropDownList {
    border-right: #006699 1px solid;
    border-top: #006699 1px solid;
    font-size: 8pt;
    border-left: #006699 1px solid;
    border-bottom: #006699 1px solid;
}

INPUT {
    border-right: #679ac0 1px solid;
    border-top: #679ac0 1px solid;
    font-size: 9pt;
    border-left: #679ac0 1px solid;
    border-bottom: #679ac0 1px solid;
    font-family: "Open Sans", sans-serif;
    background-color: #ffffff;
}

    INPUT.post {
        background-color: lightgrey;
    }

    INPUT.type {
        text-indent: 2px;
        background-color: #e7eff5;
    }

    INPUT.button {
        height: 30px;
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        border-radius: unset;
        line-height: 0px;
    }

    INPUT.buttonEsp {
        border-right: dimgray 1px solid;
        border-top: dimgray 1px solid;
        vertical-align: super;
        border-left: dimgray 1px solid;
        cursor: hand;
        border-bottom: dimgray 1px solid;
        font-family: "Open Sans", sans-serif;
        height: 22px;
        background-color: buttonface;
    }

    INPUT.Imgbutton {
        border-top-style: none;
        border-right-style: none;
        border-left-style: none;
        border-bottom-style: none;
    }

    INPUT.mainoption {
        font-weight: bold;
        background-color: #e7eff5;
    }

    INPUT.liteoption {
        font-weight: normal;
        background-color: #e7eff5;
    }

.CheckBox Input {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

TEXTAREA {
    border-right: #679ac0 1px solid;
    border-top: #679ac0 1px solid;
    font-size: 9pt;
    border-left: #679ac0 1px solid;
    border-bottom: #679ac0 1px solid;
    font-family: "Open Sans", sans-serif;
    background-color: #ffffff;
}

    TEXTAREA.post {
        background-color: #ffffff;
    }

.Editable {
    background-color: #ffffcc;
}

.NonEditable {
    background-color: #ffffff;
}

SELECT {
    font-size: 6pt;
    color: #000000;
    font-family: "Open Sans", sans-serif;
    border-right: #679ac0 1px solid;
    border-top: #679ac0 1px solid;
    font-size: 9pt;
    border-left: #679ac0 1px solid;
    border-bottom: #679ac0 1px solid;
    font-family: "Open Sans", sans-serif;
    background-color: #ffffff;
}

.DataGrid {
    border-right: lightsteelblue 1px groove;
    padding-right: 2px;
    border-top: lightsteelblue 1px groove;
    margin-top: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    margin-left: 2px;
    border-left: lightsteelblue 1px groove;
    width: 99%;
    margin-right: 2px;
    padding-top: 2px;
    border-bottom: lightsteelblue 1px groove;
    font-family: "Open Sans", sans-serif;
    letter-spacing: normal;
    border-collapse: collapse;
}

.rdTask {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.GridFooter {
    letter-spacing: normal;
    background-color: white;
}

    .GridFooter TD {
        border-right: lightsteelblue 1px groove;
        border-top: lightsteelblue 1px groove;
        border-left: lightsteelblue 1px groove;
        border-bottom: lightsteelblue 1px groove;
    }

.GridItem {
    letter-spacing: normal;
    background-color: white;
}

    .GridItem TD {
        border-right: lightsteelblue 1px groove;
        border-top: lightsteelblue 1px groove;
        border-left: lightsteelblue 1px groove;
        border-bottom: lightsteelblue 1px groove;
    }

.GridAltItem {
    letter-spacing: normal;
    background-color: white;
}

    .GridAltItem TD {
        border-right: lightsteelblue 1px groove;
        border-top: lightsteelblue 1px groove;
        border-left: lightsteelblue 1px groove;
        border-bottom: lightsteelblue 1px groove;
    }

.GridHeader {
    border-top: #e1a633 2px solid;
    border-bottom: #e1a633 2px solid;
    background-repeat: repeat-x;
    background-color: #66cc66;
}

.ReportGridHeader {
    border-top: #e1a633 2px solid;
    font-weight: bold;
    background-image: url(../Images/green_1px.gif);
    color: white;
    border-bottom: #e1a633 2px solid;
    background-repeat: repeat;
    background-color: #66cc66;
}

.CodingGridHeader {
    border-top: #e1a633 2px solid;
    background-image: url(../Images/blue_Big.gif);
    border-bottom: #e1a633 2px solid;
    background-repeat: repeat-x;
    background-color: #66cc66;
}

.GridHeader TD {
    font-weight: bold;
    color: #ffffff;
    height: 22px;
    background-color: #3f75c4;
}

.GridHeader A:link {
    color: white;
    text-decoration: none;
}

.GridHeader A:active {
    color: white;
    text-decoration: none;
}

.GridHeader A:visited {
    color: white;
    text-decoration: none;
}

.GridHeader A:hover {
    font-weight: bold;
    color: yellow;
}

.GridPager {
    background-image: url(../Images/bg_MildYellow.gif);
}

    .GridPager TD {
        font-weight: bold;
        color: black;
        height: 22px;
    }

    .GridPager A:active {
        color: #008000;
        text-decoration: none;
        font-weight: bold;
    }

    .GridPager A:visited {
        color: #008000;
        text-decoration: none;
        font-weight: bold;
    }

    .GridPager A:hover {
        font-weight: normal;
        color: #dd6900;
    }

.GridItem A:link {
    color: #003366;
    text-decoration: none;
}

.GridItem A:active {
    color: #003366;
    text-decoration: none;
}

.GridItem A:visited {
    color: #003366;
    text-decoration: none;
}

.GridItem A:hover {
    font-weight: normal;
    color: #dd6900;
}

.GridAltItem A:link {
    color: #003366;
    text-decoration: none;
}

.GridAltItem A:active {
    color: #003366;
    text-decoration: none;
}

.GridAltItem A:visited {
    color: #003366;
    text-decoration: none;
}

.GridAltItem A:hover {
    font-weight: normal;
    color: #dd6900;
}

IMG {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.RepeaterAltItem {
    border-right: lightsteelblue 1px solid;
    border-top: lightsteelblue 1px solid;
    border-left: lightsteelblue 1px solid;
    border-bottom: lightsteelblue 1px solid;
}

.RepeaterItem {
    border-right: lightsteelblue 1px solid;
    border-top: lightsteelblue 1px solid;
    border-left: lightsteelblue 1px solid;
    border-bottom: lightsteelblue 1px solid;
}

.CategoryHeader {
    border-top: #006699 1px solid;
    border-bottom: #006699 1px solid;
    font-weight: bold;
    font-size: 6pt;
    background-image: url(../Images/bg_MidlYellow_Back.jpg);
    color: #006699;
    text-indent: 5pt;
    line-height: normal;
    font-family: "Open Sans", sans-serif;
    letter-spacing: normal;
    height: 26px;
    background-color: gold;
}

.Content {
    background-color: #fff1c0;
}

.Selected {
    font-size: 7pt;
    color: beige;
    background-color: #fff8df;
}

.tab-active {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 16px;
    color: #2885ba;
    text-align: center;
    height: 25px;
    padding-right: 25px;
    padding-left: 25px;
}

.tab-inactive {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-size: 13px;
    line-height: 16px;
    color: #666666;
    text-align: center;
    padding-right: 25px;
    padding-left: 25px;
}

    .tab-inactive > a {
        color: #666666;
    }

    .tab-inactive a:link {
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        line-height: 16px;
        color: #666666;
        text-decoration: none;
    }

    .tab-inactive a:visited {
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        line-height: 16px;
        color: #666666;
        text-decoration: none;
    }

    .tab-inactive a:active {
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        line-height: 16px;
        color: #666666;
        text-decoration: none;
    }

    .tab-inactive a:hover {
        color: #666666;
        font-weight: normal;
    }

.acttab {
    border-bottom: 3px solid #f3c843 !important;
    display: inline-block;
    padding-bottom: 4px;
}

.actsubtab {
    border-bottom: 3px solid #f3c843 !important;
    font-size: 13px !important;
    display: inline-block;
    padding-bottom: 4px;
    font-weight: normal !important;
}

.inactsubtab {
    font-size: 13px !important;
    display: inline-block;
    font-weight: normal !important;
    padding-bottom: 6px;
}

.mineractivetab {
    font-size: 12px !important;
    display: inline-block !important;
    border-bottom: 3px solid #f3c843 !important;
    padding-bottom: 4px;
}

.minerinactivetab {
    font-size: 12px !important;
    display: inline-block !important;
}

.marginLeft TD {
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.ReportTitle {
    font-size: 11pt;
    font-weight: bold;
    color: #636363;
    text-transform: uppercase;
}

#ImgSizeEditor {
    z-index: 999 !important;
}

.Disabled {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #aaaaaa;
    text-align: center;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
}

    .Disabled a {
        color: #aaaaaa;
        cursor: default;
    }

    .Disabled img {
        opacity: 0.3;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        filter: greyscale(100%);
    }

.admin-tab-Notes {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    background-color: lightblue !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px !important;
}

.admin-tab-Notes-active {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    background-color: lightblue !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px !important;
    color: #2885ba;
}

.admin-tab-Notes a:link {
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    color: white;
}

.admin-tab-NoNotes {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    background-color: #d3d3d3 !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 5px !important;
}

.admin-tab-NoNotes-active {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    background-color: #d3d3d3 !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 2px !important;
    color: #2885ba !important;
}

.admin-tab-NoNotes a:link {
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    color: white !important;
}

.Disabled a:link {
    font-weight: bold;
    color: dimgray;
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
}

.Disabled a:visited {
    font-weight: bold;
    color: dimgray;
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
}

.Disabled a:active {
    font-weight: bold;
    color: dimgray;
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
}

.Disabled a:hover {
    font-weight: bold;
    font-size: 14px;
    color: #aaaaaa;
    font-family: "Open Sans", sans-serif;
}

.HeaderCaption {
    font-weight: bold;
    border-bottom: #f2f2f2 1px solid;
}


.BorderTop {
    border-top: #f2f2f2 1px solid;
}

.BorderBottom {
    border-bottom: #006699 1px solid;
}

.Collapse {
    border-right: black 1px solid;
    border-top: black 1px solid;
    font-size: 6pt;
    border-left: black 1px solid;
    width: 12px;
    cursor: hand;
    color: black;
    border-bottom: black 1px solid;
    height: 12px;
    background-color: gainsboro;
    text-align: center;
    text-decoration: none;
}

.Expand {
    border-right: black 1px solid;
    border-top: black 1px solid;
    font-size: 6pt;
    border-left: black 1px solid;
    width: 12px;
    cursor: hand;
    color: black;
    border-bottom: black 1px solid;
    height: 12px;
    background-color: White;
    text-align: center;
    text-decoration: none;
}

.Modified-Note {
    font-weight: bold;
    font-size: 13px;
    color: #ff0066;
    text-indent: 5pt;
    line-height: normal;
    font-family: "Open Sans", sans-serif;
    letter-spacing: normal;
    background-color: white;
}

.Disabled-SubTab {
    border-right: aliceblue 1px solid;
    padding-right: 4px;
    padding-left: 4px;
    font-weight: bold;
    font-size: 7pt;
    padding-bottom: 2px;
    border-left: aliceblue 1px solid;
    color: dimgray;
    padding-top: 2px;
    font-family: "Open Sans", sans-serif;
    background-color: gainsboro;
    text-align: center;
}

    .Disabled-SubTab a:link {
        font-weight: bold;
        color: dimgray;
        font-family: "Open Sans", sans-serif;
        text-decoration: none;
    }

    .Disabled-SubTab a:visited {
        font-weight: bold;
        color: dimgray;
        font-family: "Open Sans", sans-serif;
        text-decoration: none;
    }

    .Disabled-SubTab a:active {
        font-weight: bold;
        color: dimgray;
        font-family: "Open Sans", sans-serif;
        text-decoration: none;
    }

    .Disabled-SubTab a:hover {
        font-weight: bolder;
        font-size: 7pt;
        color: navy;
        font-family: "Open Sans", sans-serif;
    }

.App_link_table {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
}

    .App_link_table a:link {
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        color: #ffffff;
        text-decoration: none;
    }

    .App_link_table a:visited {
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        color: #ffffff;
        text-decoration: none;
    }

    .App_link_table a:active {
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        color: #ffffff;
        text-decoration: none;
    }

    .App_link_table a:hover {
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: bold;
        font-size: 12px;
        line-height: 16px;
        color: #f3c843 !important;
        cursor: default;
    }

.NoteTab {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
    color: #2885ba;
    text-align: center;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    border: none;
    background-image: none;
    background-color: none;
}

    .NoteTab a:link {
        font-weight: bold;
        color: #2885ba;
        font-family: "Open Sans", sans-serif;
        text-decoration: none;
    }

    .NoteTab a:visited {
        font-weight: bold;
        color: #2885ba;
        font-family: "Open Sans", sans-serif;
        text-decoration: none;
    }

    .NoteTab a:active {
        font-weight: bold;
        color: White;
        font-family: "Open Sans", sans-serif;
        text-decoration: none;
    }

    .NoteTab a:hover {
        font-weight: bolder;
        font-size: 13px;
        color: navy;
        font-family: "Open Sans", sans-serif;
    }

A.GridLink:link {
    color: #2885ba;
    font-weight: bold;
    text-decoration: none;
}

A.GridLink:active {
    color: #2885ba;
    font-weight: bold;
    text-decoration: none;
}

A.GridLink:visited {
    color: #2885ba;
    font-weight: bold;
    text-decoration: none;
}

A.GridLink:hover {
    font-weight: bold;
    color: #dd6900;
    text-decoration: none;
}

#contentTable {
    width: 99%;
    margin: 3px 10px 3px 9px !important;
    padding: 0px;
    border-top: 0px;
}

    #contentTable .divLabel {
        height: 25px;
        width: 100%;
        float: left;
        display: table;
        margin-top: -2px !important;
        -webkit-margin-before: 0em;
        -webkit-margin-after: 0em;
    }

        #contentTable .divLabel div {
            display: table-cell;
            vertical-align: middle;
        }

.CoverFullScreenPanel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.RadGriheader {
    background: #f2f2f2 !important;
    color: white;
    text-decoration-color: white;
    white-space: nowrap;
}

.RadComboBox_Default {
    font-size: 12px;
}

div.RadComboBox_Default .rcbInner,
div.RadComboBox_Default .rcbInput input,
div.RadComboBox_Default .rcbActionButton {
    height: unset;
    line-height: unset;
    padding: 0;
}

/*aftertelerik upgrade*/
.RadComboBox .rcbInput {
    height: 100% !important;
    width: 100% !important;
    line-height: normal;
    box-sizing: border-box;
    padding: 4px 8px;
    border-radius: 4px;
}


.RadComboBox .rcbReadOnly .rcbActionButton {
    outline: none;
    border-style: solid;
    border-width: 0 0 0 1px !important; 
    border-color: #ccc !important;
    background-color: #e6e6e6 !important;
    background-image: linear-gradient(to bottom, white, #e6e6e6) !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}



.RadComboBox_Default .rcbReadOnly.rcbFocused {
    color: #000 !important;
}

.RadForm.rfdTextarea textarea[disabled] {
    opacity: unset !important;
}

.RadListBox_Default .rlbItem.rlbSelected {
    color: #333 !important;
    border-color: #c5c5c5 !important;
    background-color: #c5c5c5 !important;
}

.RadComboBox_Default .rcbFocused .rcbActionButton,
.RadComboBox_Default .rcbExpanded .rcbActionButton {
    border-color: #888 !important;
    color: #000 !important;
    background-color: #dedede !important;
    background-image: linear-gradient(#c7c7c7 0, #dedede 100%) !important;
}

/*aftertelerik upgrade*/

.rcbInput {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.RadComboBoxDropDown_Default {
    font-size: 12px;
}

.rcbMoreResults {
    background-color: #eaeaea;
}

.RadComboBox .rcbDisabled,
.RadComboBox_Default .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_Default .rcbDisabled,
.RadComboBox .rcbDisabled {
    filter: none !important;
    opacity: 1 !important;
    color: Black !important;
}

.divRetrieval .RadComboBox .rcbDisabled,
.divRetrieval .RadComboBox_Default .rcbDisabled .rcbInputCell .rcbInput,
.divRetrieval .RadComboBoxDropDown_Default .rcbDisabled {
    opacity: 0.5 !important;
}

.RadGrid .rgRow {
    background: white;
}

.RadGrid_Default .rgAltRow .rgSorted {
    background-color: #f2f2f2 !important;
}

.RadGrid_Default .rgRow .rgSorted {
    background: #fff !important;
}

.riDisabled,
html body .RadInput_Disabled_Default {
    border-color: #d0d0d0;
    color: black !important;
    cursor: default;
}

.RadComboBox_Default .rcbActionButton,
.RadComboBox .rcbReadOnly .rcbActionButton {
    outline: none;
}

input[type="text"][disabled] {
    filter: none !important;
    opacity: 1 !important;
    border-left-color: darkgray;
    border-right-color: darkgray;
    color: Black !important;
    border-top-color: darkgray;
    border-bottom-color: darkgray;
}

.RadComboBox_Default .rcbReadOnly.rcbFocused,
.RadComboBox_Default .rcbReadOnly.rcbExpanded {
    border-color: #676666;
    color: #000 !important;
    background-color: #dedede !important;
    background-image: linear-gradient(#c7c7c7 0, #dedede 100%) !important;
}

a,
button,
input[type="button"],
input[type="submit"] {
    cursor: pointer;
}

.topMargin {
    margin-top: 7px;
}

input[type="text"]::-ms-clear {
    display: none;
}

input[value="Delete"] {
    border-radius: unset;
    color: black;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid lightblue;
    background-color: white;
    height: 30px;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    min-width: 100px;
    font-family: "Open Sans", sans-serif;
}

iframe {
    z-index: -10 !important;
}

/* start header styles */
#header {
    background-color: #010864;
    width: 100%;
    display: flex;
    margin: 0px;
    min-width: 970px;
    height: 75px;
}

.header-logo-wrapper {
    width: 25%;
    float: left;
}

.header-logo {
    width: 139.2px;
    margin-left: 100px;
    margin-top: 0px;
    height: 75px;
    filter: drop-shadow(1px 1px 1px white);
}

.header-link-wrapper {
    width: 50%;
    float: right;
    margin: auto;
}

.header-link-inwrapper {
    width: 100%;
    float: right;
    min-width: 350px;
    margin-right: 100px !important;
    padding-top: 12px !important;
}

.first-item {
    float: right;
}

.second-item {
    position: relative;
    top: 0;
    left: 8px !important;
    padding: 12px;
    display: inline-block;
    width: 98%;
}

.third-item {
    float: right;
    position: relative;
    right: 20px;
}

a#btnSignOut {
    position: relative;
    bottom: 6px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
    text-decoration: underline;
}

    a#btnSignOut:hover {
        color: #f3c843;
    }

    a#btnSignOut > img {
        position: relative;
        top: 4px;
        right: 5px;
        filter: brightness(0) invert(1);
    }

.reqLnkicon {
    position: relative;
    top: 2px;
    right: 2px;
    filter: brightness(0) invert(1);
}

#batchprocessLnk a:link,
#reqLnk a:link {
    text-decoration: underline;
}

#reqLnk {
    float: right;
    position: relative;
    bottom: 10px;
    right: 10px;
}

a#LinkButton_Batchprocess {
    position: relative;
    bottom: 5px;
}

/* end header styles*/
/* start navbar style */
.navbar-style {
    width: 100%;
    padding-top: 6px;
    background: white;
    padding-bottom: 6px;
}

.navbar-instyle {
    position: relative;
    top: 0px;
    background: #ffffff;
    min-width: 900px;
}

/* end navbar style */

/* start navbar icon style */

.tab-icon-active {
    position: relative;
    top: 5px;
    right: 2px;
    width: 18px;
    height: 20px;
}

.rgHeader {
    color: #2885ba !important;
    background: #f2f2f2 !important;
}

.tab-icon-inactive {
    position: relative;
    top: 2px;
    right: 2px;
    width: 15px;
    height: 20px;
    opacity: 0.5;
    /*for all browser. Also, control the opacity above to adjust the greyness of the icon*/
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* end navbar icon style */

/* start menu css */
#menu_bar {
    z-index: 1;
    position: absolute;
    left: 0px;
    width: 11%;
    float: left;
    top: 67px;
}

    #menu_bar > div {
        position: relative;
        left: 75px;
    }

#menu {
    position: relative;
    width: 40px;
    cursor: pointer;
    top: 19px;
    left: -64px !important;
}

.bar {
    height: 2px;
    width: 32% !important;
    background-color: #666666;
    display: block;
}

    .bar::before {
        content: "";
        height: 3px;
        width: 20%;
        background-color: #666666;
        display: block;
        transform: translate(-5px, -0.5px) !important;
        border-radius: 50px;
    }

#bar1 {
    transform: translateY(-4px);
}

#bar3 {
    transform: translateY(4px);
}

div#menu + p {
    cursor: pointer;
    position: relative;
    top: -8px !important;
    left: -46px;
    color: #666666 !important;
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}

.nav li a {
    font-size: 14px;
    color: #2885ba;
    font-weight: 500;
    text-decoration: none;
}

.nav li {
    text-align: left;
    list-style: none;
    padding: 5%;
    background-color: #ffffff;
    margin-top: 5%;
}

.nav {
    padding: 7% 7%;
    position: absolute;
    width: 250px !important;
    transition: 0.3s ease;
    display: none;
    background-color: lightgray;
    transform: translate(0px, 7px);
    box-shadow: 0px 2px 5px dimgray;
}

    .nav li a:hover {
        font-weight: 700;
    }

    .nav > li:first-child {
        margin-top: 0%;
    }

.disableLI {
    display: none;
}

.change {
    display: block;
}

.change-bar,
.change-bar::before {
    background-color: #2885ba !important;
}

div#menu + p.change-menu-label {
    color: #2885ba !important;
}

.change-menu-border {
    height: 37px !important;
    border-bottom: 3px solid #f3c843 !important;
    padding-bottom: 4px;
}

/* end menu css */
/* start milestones style */
.milestone-view {
    width: 100%;
    border: 0;
    margin: 0px auto;
    margin-top: -1px;
    border-top: #f2f2f2 1px solid;
}

/* end milestones style */

/* start font-style */
/* this is a generic font style for all the text */

.FontForLabel {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #393939;
}

.all-text-font {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
}

.header-font {
    font-family: "Playfair Display", serif;
    font-style: normal;
}

/* end font-style */

/* start button css */

.round-button {
    border-radius: 25px;
    font-size: 12px;
    height: 30px;
}

.button-yellow {
    background: #f3c843;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    border: none;
    line-height: 0px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    color: #2885ba;
    line-height: 0px;
    min-width: 50px;
}

.button-blue {
    background: white !important;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid lightblue !important;
    line-height: 0px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    color: black;
    line-height: 0px;
    min-width: 100px !important;
    border-radius: unset;
}

.button-grey {
    background: #ffffff !important;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    border: none;
    line-height: 0px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    color: #333333;
    line-height: 0px;
    min-width: 100px;
}

.button-red {
    background: #fe0000;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    border: none;
    line-height: 0px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    color: #ffffff;
    line-height: 0px;
}

input[type="button"][disabled]:not(.rcbActionButton, .rlbButton),
input[type="submit"][disabled]:not(.rcbActionButton, .rlbButton),
button[disabled]:not(.rcbActionButton, .rlbButton),
button:disabled:not(.rcbActionButton, .rlbButton) {
    background: White;
    border: 1px solid lightblue;
    line-height: 0px !important;
    font-family: "Open Sans", sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    text-align: center;
    color: black !important;
    opacity: 0.25 !important;
    border-radius: unset !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    input[type="button"][disabled],
    input[type="submit"][disabled],
    button[disabled],
    button:disabled {
        background: white !important;
        border: 1px solid lightblue !important;
        line-height: 0px !important;
        font-family: "Open Sans", sans-serif !important;
        font-style: normal !important;
        font-weight: 600 !important;
        text-align: center !important;
        color: black !important;
        opacity: 0.25 !important;
        border-radius: unset !important;
    }
}

.button-sm-size {
    width: 100px;
}

.button-md-size {
    width: 140px;
}

.button-lg-size {
    width: 160px;
}

.medium-button-width {
    min-width: 140px !important;
}

.small-button-width {
    min-width: 100px !important;
}

.large-button-width {
    min-width: 160px !important;
}

.xtra-large-button-width {
    min-width: 200px !important;
}

.xxl-large-button-width {
    min-width: 250px !important;
}

/* Start Grid button style */
input[value="Split Coding"] {
    border-radius: unset;
    height: 30px;
    background: white;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid lightblue;
    line-height: 0px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: White;
}

input[value="View"] {
    border-radius: unset;
    height: 30px;
    background: white;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid lightblue;
    line-height: 0px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: black;
    min-width: 100px;
    font-size: 12px;
}

input[value="Add"] {
    border-radius: unset;
    height: 30px;
    background: white;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid lightblue;
    line-height: 0px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: black;
    min-width: 100px;
    font-size: 12px;
}

input[value="Copy"] {
    border-radius: unset;
    color: White;
    border: 1px solid lightblue;
    background-color: white;
    height: 30px;
    color: black;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    min-width: 100px;
    font-size: 12px;
    font-weight: 500;
}

input[value="Edit"] {
    border-radius: unset;
    color: White;
    border: none;
    font-weight: 500;
    background-color: white;
    height: 30px;
    border: 1px;
    color: black;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    min-width: 100px;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
}
input[value="Cancel"] {
    min-width: 100px !important;
    font-weight: 500;
    font-size: 12px;
}

#btnView {
    height: 30px;
    background: white;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    border: none;
    line-height: 0px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: black;
    min-width: 100px;
    border-radius: unset;
}

#btnDelete {
    border-radius: unset;
    height: 30px;
    background: white;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    border: none;
    line-height: 0px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: black;
    min-width: 100px;
}

#btnAddDoc {
    border-radius: unset;
    height: 30px;
    background: white;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.1), 0px 0px 11px rgba(0, 0, 0, 0.06), 0px 4px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid lightblue;
    line-height: 0px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: black;
    min-width: 100px;
}

/* End Grid button style*/
/* end button css */
/* start new login page */
#form1 {
    height: 100%;
}

#login-page {
    width: 100%;
    height: 100%;
}

    #login-page #left-login-page {
        float: left;
        width: 45%;
        height: 100%;
        background-color: #010864;
    }

    #login-page #right-login-page {
        float: right;
        width: 55%;
        height: 100%;
        background-image: url("../Images/LoginImage/image.jpg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

#header-wrapper {
    width: 65%;
    margin: 0 auto;
    margin-top: 50px;
}

#login-header-logo {
    float: left;
    width: 12vw;
    height: 126px;
    filter: drop-shadow(1px 1px 1px white);
}

#login-page #left-login-page h1 {
    clear: left;
    font-family: "Playfair Display", serif;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 48px;
    color: #ffffff;
    width: 65%;
    margin: 0 auto;
    margin-top: 42% !important;
}

    #login-page #left-login-page h1 > sup {
        font-family: "Playfair Display", serif;
    }

.dashBody label {
    font-size: 14px !important;
    font-family: "Open Sans", sans-serif !important;
    font-style: normal !important;
}

#login-page #left-login-page h4 {
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #ffffff;
    border: none;
    width: 100%;
    margin: 5px auto;
    margin-top: 10px;
}

#login-page .form-control {
    width: 65%;
    margin: 15px auto;
}

#login-page #remember-credential,
#login-page #forgot-password {
    width: 50%;
    float: left;
}

#login-page .div-height {
    height: 40px;
}

#login-page .div-height-multi {
    height: 40px;
}

#login-page #remember-credential > label {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #ffffff;
}

#login-page #forgot-password {
    text-align: left;
    padding-top: 3px;
}

    #login-page #forgot-password > a {
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        color: #f3c843;
    }

#login-page .all-text-font {
    font-weight: bold;
}

#login-page #signup {
    vertical-align: middle;
    text-align: left;
    border: 1px solid;
    border-bottom: #f3c843;
    border-top: none;
    border-right: none;
    border-left: none;
    padding-top: 20px;
}

    #login-page #signup > a {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        line-height: 16px;
        color: #ffffff;
    }

#login-page #txtUserId,
#login-page #txtPassword,
#login-page #txtMultiFactorCode {
    width: 100%;
    height: 30px;
    background: #ffffff;
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    border-radius: 4px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 31px;
    color: #111111;
    outline: none;
    font-family: "Open Sans", sans-serif !important;
}

#login-page #txtUserId {
    background-image: url("../Images/icons/useridIcon.svg");
    background-repeat: no-repeat;
    background-position: 6px 5px;
    padding-left: 30px;
    background-size: 18px;
}

#login-page #txtMultiFactorCode {
    background-image: url("../Images/icons/authkey.png");
    background-repeat: no-repeat;
    background-position: 6px 5px;
    padding-left: 30px;
    background-size: 18px;
}

#login-page #txtPassword {
    background-image: url("../Images/icons/passwordIcon.svg");
    background-repeat: no-repeat;
    background-position: 8px 5px;
    background-size: 14px;
    padding-left: 30px;
}

section#Message {
    color: yellow;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    line-height: 22px;
    width: 65%;
    margin: 0 auto;
}

/* end new login page */
.MyModalPanel {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #ffffff url("../Images/loading.gif") center center no-repeat;
}

.asterikCss {
    color: red;
    font-weight: bold;
    font-size: 16px;
}

/*rad icon*/
.RadWindow_Default a.rwIcon {
    background: url("../Images/rad_win_icon.png") !important;
}

.rwIcon {
    background: url("../Images/rad_win_icon.png") !important;
}

/*end rad icon*/
.RadForm_Default.rfdFieldset fieldset,
.RadForm_Default.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset,
.RadForm_Default.rfdFieldset fieldset.rfdFieldset {
    border: 1px solid #828282;
    background-color: #f2f2f2 !important;
    margin-left: -1px;
}



textarea {
    resize: none;
}

.wcD {
    min-height: 27px;
}

.dashboard-tab-inactive a,
.Disabled a {
    position: relative;
    bottom: 3px;
}

.dashboard-tab-active {
    font-family: "Open Sans", sans-serif;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 13px !important;
    line-height: 16px !important;
    color: #2885ba !important;
    height: 40px !important;
    text-align: left !important;
    padding-right: 20px !important;
    padding-left: 10px !important;
    padding-bottom: 5px !important;
    background-image: none !important;
    background-color: none !important;
    border-bottom: 1px solid white !important;
    border-bottom: 5px solid #f3c843 !important;
    white-space: nowrap;
}

    .dashboard-tab-active a:link {
        color: #2885ba !important;
    }

.dashboard-tab-inactive a:link {
    font-weight: bold;
    color: #666666;
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
    white-space: nowrap;
}

.dashboard-tab-inactive a:visited {
    font-weight: bold;
    color: #666666;
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
}

.dashboard-tab-inactive a:active {
    font-weight: bold;
    color: White;
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
}

.dashboard-tab-inactive a:hover {
    color: #666666;
    font-family: "Open Sans", sans-serif;
}

.dashboard-tab-inactive {
    font-family: "Open Sans", sans-serif;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 13px !important;
    line-height: 16px !important;
    color: #666666 !important;
    height: 40px !important;
    text-align: left !important;
    padding: 0px !important;
    padding-left: 10px !important;
    padding-right: 15px !important;
    white-space: nowrap;
    border-bottom: 1px solid white !important;
}

.dashHeader {
    text-align: left;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 30px;
    padding-left: 10px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid white !important;
    color: #2885ba;
}

.dashGraphHeader {
    font-size: 14px;
}

.dashHeaderItem {
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 30px;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 1px solid white !important;
    color: #2885ba;
}

.gridhlinkclass {
    text-decoration: underline;
    color: #2885ba !important;
    font-size: 12px !important;
    font-weight: bold !important;
    box-shadow: unset !important;
    background-color: transparent !important;
    background: unset !important;
    border: unset !important;
    text-underline-offset: 3px !important;
    text-align: left !important;
    height: 30px !important;
    padding: unset !important;
}

    .gridhlinkclass input[type="button"][disabled] {
        border: unset !important;
        text-align: inherit !important;
    }

.RadGridCustomClassForLookUP tr:hover {
    background: linear-gradient(#e1e1e1 0, #c5c5c5 100%) !important;
}

.redirectPID {
    color: #2885ba !important;
}

.chart-containers {
    text-align: center;
}

    .chart-containers .chart-container {
        text-align: left;
        display: inline-block;
        vertical-align: top;
        *zoom: 1;
        *display: inline;
    }

html:not([data-is-dark="true"]) .chart-container.no-bg {
    padding: 0;
    border-width: 0;
    color: inherit;
    background-color: transparent;
}

.chart-container:after {
    content: "";
    clear: both;
    display: block;
}

.chart-container.size-medium {
    max-width: 500px;
}

.RadWindow_Default td.rwWindowContent,
.RadWindow .rwWindowContent {
    background-color: #f2f2f2 !important;
}

div#DWTcontainer div#popupElements {
    z-index: 999999 !important;
}

#btnGroupBtm .ct-lt #DW_btnFirstImage,
#btnGroupBtm input#DW_btnPreImage,
#btnGroupBtm input#DW_btnNextImage,
#btnGroupBtm input#DW_btnLastImage,
#btnGroupBtm #DW_PreviewMode {
    border: 1px solid #2885ba !important;
}

.beforeEdit {
    visibility: hidden !important;
}

.radwindowInvalidDate .txtupdateNote {
    width: 95% !important;
    height: 60% !important;
}

.divLineHeight {
    height: 27px !important;
}

.ruUploadProgress {
    width: 120px !important;
}

.ruUploadSuccess {
    width: 120px !important;
}

.RadComboBox .p-icon,
.RadComboBox .rcbArrowCell a {
    width: 18px;
    height: 22px;
}

div.RadComboBox_Default .rcbInner,
div.RadComboBox_Default .rcbInput input,
div.RadComboBox_Default .rcbActionButton,
.RadComboBox .rcbInput {
    height: 20px !important;
    line-height: 20px;
    padding: 0;
    font-weight: normal !important;
}


.DropZone1 {
    width: 200px;
    height: 53px;
    background-color: #eee;
    border-color: #cccccc;
    float: left;
    text-align: center;
    font-size: 10px !important;
    color: #2885ba !important;
    margin-bottom: 4px;
}

.TelerikModalOverlay {
    width: 100% !important;
}

.DivButtonGroup {
    display: flex;
    column-gap: 3px;
}

.DivRight {
    float: right;
}

.flex {
    display: flex;
}

.textrightalign {
    text-align: right !important;
}

.Default.RadEditor .reNoBorder div.reContentArea,
.Default.reWrapper,
.Default.RadEditor .reContentCell,
.Default.reColorPicker,
.Default.reInsertTable,
.Default.reDropDownBody,
.Default.reCustomLinks a:hover {
    border: 1px solid lightsteelblue !important;
}

.reEditorModes a,
.reEditorModes span {
    color: #2885ba !important;
}
.PopupGrid {
    border: 1px solid lightsteelblue !important;
    width:99% !important;
    margin:4px auto;
}
.PopupGrid tr:first-child {
    border-bottom: 1px solid lightsteelblue;
}
.PopupGrid td, .PopupGrid th {
    border-width: 1px;
    border-style: solid;
    border-left-color: lightsteelblue;
    border-right-color: lightsteelblue;
    border-bottom: 0px;
    border-top: 0px;
}
    .SubtotalBorder tr:last-child {
        border-top: 1px solid lightsteelblue;
    }
.import-info {
    font-size: 11px;
    color: #393939;
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
}

.telerikPopupGrid {
    border: 1px solid lightsteelblue !important;
    border-bottom: 2px solid #808080 !important;
}
.telerikPopupGrid .rgHeader {
    border-bottom: 1px solid lightsteelblue !important;
}
.telerikPopupGrid th, .telerikPopupGrid td {
    border-left: 1px solid lightsteelblue !important;
}
.telerikPopupGrid th:first-child, .telerikPopupGrid tr td:first-child, .telerikPopupGrid .rgFooter td {
    border-left: none !important;
}
.telerikPopupGrid .rgFooter td {
    background-color: #e4e4e4 !important;
    border-top: 2px solid #808080 !important;
}
.telerikPopupGrid .rgFooter td:first-child {
    border-left: 1px solid #808080 !important;
}
.telerikPopupGrid .rgFooter td:last-child {
    border-right: 1px solid #808080 !important;
}
span.ruUploadProgress.ruUploadSuccess {
    width: fit-content !important;
    max-width: 400px !important;
}

.MultiUpload ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.ruUploadSuccess {
    cursor: pointer;
    color: #2885ba !important;
}
.RadAsyncClass{
    width: auto !important;
}
.RadGrid_Default .rgRow .rgSorted, .RadGrid_Default .rgAltRow .rgSorted {
    background-color: transparent !important;
}
.ContractDetailType .rgDataDiv {
    height: auto !important;
}
.RadComboBox .rcbDisabled {
    opacity: 0.5 !important;
}