@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

BODY {
    font-family: 'Open Sans', Sans-Serif !important;
    font-weight: normal !important;
    font-size: medium !important;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-right: 0px !important;
    overflow-x: hidden;
}

/*ELP ADDED 1-29-14*/
.rbClearButton {
    background-color: transparent !important;
    border: none !important;
    color: white !important; /* optional, depending on the background */
    text-decoration: underline;
    font-weight: bold;
}

.rbBlueButton {
    background-color: transparent !important;
    border: none !important;
    color: blue !important; /* optional, depending on the background */
    text-decoration: underline;
    font-weight: bold;
    font-size: larger;
    font-family: Arial;
}
/*ELP ADDED 1-29-14*/

.backG {
    font-family: Verdana, Tahoma;
    background-color: white;
    font-size: medium;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    color: white;
    border-bottom: #538c4d 1px solid;
}

.PRE {
    font-family: Verdana, Tahoma;
    text-align: left;
    font-weight: normal;
    vertical-align: text-top;
    font-size: normal;
}

.SubTableRequired td {
    border-top: 1px solid red !important;
    border-bottom: 1px solid red !important;
}

.SubTableRequired > td:first-child, .SubTableRequired > td:first-child {
    border-left: 1px solid red !important;
}

.SubTableRequired > td:last-child, .SubTableRequired > td:last-child {
    border-right: 2px solid red !important;
}
/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar { /*sc_TFS_6142 path: [Images/FilledStar.png] changed to: [../Images/FilledStar.png] */
    background-image: url(../Images/FilledStar.png);
}

.emptyRatingStar { /*sc_TFS_6142*/
    background-image: url(../Images/EmptyStar.png);
}

.savedRatingStar { /*sc_TFS_6142*/
    background-image: url(../Images/SavedStar.png);
}

/*start for contract, vendor/customer, employe details add records grid*/
    .TableAddRecord {
    empty-cells: show;
    background-color: #FFFFFF;
    border-width: 0px;
    border-style: solid;
    width: 100%;
    border-spacing: 0px;
    padding: 5px;
    padding-bottom: 10px;
}

.TableAltRowColor {
    background: #FFFFFF;
    empty-cells: show;
    padding: 1px;
    border-spacing: 0px;
    border-bottom: 0px;
}

.TableRowColor {
    background: #FFFFFF;
    empty-cells: show;
    border-spacing: 0px;
    padding: 1px;
}

.leftTDAddRecord {
    width: 30%;
    text-align: right;
    font-weight: normal;
    font-family: Verdana, Tahoma;
    font-size: large;
    padding-bottom: 10px;
}

    .leftTDAddRecord td:hover {
        background-color: #e7f1ff;
        font-weight: 500;
    }

    .leftTDAddRecord tr:hover {
        background-color: #e7f1ff;
    }

.rightTDAddRecord {
    width: 70%;
    text-align: left;
    vertical-align: middle;
    font-weight: normal;
    font-family: Verdana,Tahoma;
    font-size: large;
    padding-bottom: 10px;
}

    .rightTDAddRecord td:hover {
        background-color: #e7f1ff;
        font-weight: 500;
    }

    .rightTDAddRecord tr:hover {
        background-color: #e7f1ff;
    }

.TDValidationAddRow {
    text-align: left;
}
/*end for contract, vendor/customer, employe details add records grid*/

.tdAddNewHeaderGroup {
    text-align: left;
    color: Gray;
}

.RightMenu {
    background: #FFFFFF;
    font-weight: normal;
    vertical-align: center;
}

    .RightMenu tr:hover {
        background-color: #e7f1ff;
        font-weight: 500;
    }

    .RightMenu tr:hover {
        /*background-color: #e7f1ff;
	font-weight:500; */
        text-shadow: 1px 1px 1px gray;
    }

/*start for contract, vendor/customer, employe details view fields grid*/
.tableDetailView {
    border: 1px;
    border-bottom: 1px;
    border-color: #FFFFFF;
    padding: 2px;
    border-spacing: 1px;
    width: auto;
    font-size: large;
    /*overflow:auto;*/
}

.tdDetailViewLeft {
    text-align: right;
    vertical-align: text-top;
    border: 1px;
    border-bottom: 1px;
    border-color: #FFFFFF;
    padding: 1px;
    border-spacing: 0px;
    width: auto;
    font-weight: bold;
    padding-bottom: 10px;
}

    .tdDetailViewLeft td:hover {
        background-color: #e7f1ff;
        font-weight: 500;
    }

    .tdDetailViewLeft tr:hover {
        background-color: #e7f1ff;
        font-weight: 500;
    }

.tdDetailViewRight {
    text-align: left;
    font-weight: normal;
    vertical-align: text-top;
    border: 1px;
    border-bottom: 1px;
    border-color: #FFFFFF;
    padding: 1px;
    border-spacing: 0px;
    width: auto;
}

    .tdDetailViewRight td:hover {
        /*background-color: #e7f1ff;
	font-weight:normal;*/
        text-shadow: 1px 1px 1px gray;
    }

    .tdDetailViewRight tr:hover {
        /*background-color: #e7f1ff;
	font-weight:normal;*/
        text-shadow: 1px 1px 1px gray;
    }

.trDetailViewPrimaryRow {
    background: #FFFFFF;
    empty-cells: show;
    border: 2px;
    border-bottom: 1px;
    border-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    padding: 1px;
    border-spacing: 2px;
    width: auto;
}

    .trDetailViewPrimaryRow td:hover {
        /*background-color: #e7f1ff;
	font-weight:bold*/
        text-shadow: 1px 1px 1px gray;
    }

.trDetailViewAltRow {
    background: #FFFFF;
    empty-cells: show;
    border: 1px;
    border-bottom: 1px;
    border-color: #FFFFFF;
    padding: 1px;
    border-spacing: 1px;
    width: auto;
}

    .trDetailViewAltRow td:hover {
        /*background-color: #e7f1ff;
	font-weight:bold;*/
        text-shadow: 1px 1px 1px gray;
    }
/*end for contract, vendor/customer, employe details view fields grid*/

/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: auto;
}
/* end Modal Popu*/

/*RAD Docks Styles*/
.RadDock_My_TitlePanel {
    float: left;
    height: 27px;
    line-height: 27px;
}

.RadDock_Login_TitlePanel {
    height: 23px;
    line-height: 23px;
}
/*End RAD Docks Styles*/

/*RAD GRID Styles*/
.RadGrid_Default .rgHoveredRow {
    background: #D8D8D8 !important;
}
/*End RAD GRID Styles*/

/*RAD Editors Styles*/
.reContentArea {
    font-family: Arial, Sans-Serif !important;
}
/*End RAD Docks Styles*/

.HighlightWord {
    background-color: Gold;
}

img.middle {
    vertical-align: middle;
    margin-bottom: 3px;
}

/*Start Section Borders*/
.SectionBorder {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #000000;
    padding: 5px;
}

.SectionBorderCritical {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #FF3334;
    padding: 5px;
}

.SectionBorderHelp {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #2BB0D7;
    padding: 5px;
}

.SectionBorderInfo {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #2BB0D7;
    padding: 5px;
}

.SectionBorderWarning {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #FFAD33;
    padding: 5px;
}

.SectionBorderReview {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid goldenrod;
    padding: 5px;
}

.SectionBorderOnHold {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #C71585;
    padding: 5px;
}

.SectionBorderEscalate {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #1013C7;
    padding: 5px;
}

.SectionBorderAccept {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #228B22;
    padding: 5px;
}
/*End Section Borders*/

/*Start Mergable Content Placeholders*/
.PlaceholderDisplay {
    background-color: #CFD8E4;
    -khtml-opacity: .75;
    -moz-opacity: .75;
    -ms-filter: "alpha(opacity=75)";
    filter: alpha(opacity=75);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.75);
    opacity: .75;
}
/*End Mergable Content Placeholders*/

label.riLabel {
    text-align: left;
    font-family: sans-serif,arial;
    font-weight: bold;
    font-size: large;
    padding: 0px 5px 5px 0px;
}

    label.riLabel.TopDown {
        display: block;
        width: inherit;
    }

    label.riLabel.AutoArrange {
        display: inline-block;
        width: 100%;
        vertical-align: text-top;
    }

    label.riLabel.InLine {
        padding: 0px;
        margin: 0px 5px 0px 0px;
        width: 27.8%; /* - Changed for IE 20% causes wrap */
        display: inline-block;
        text-align: left;
        float: left;
        vertical-align: text-top;
        align-items: flex-start;
        word-break: break-word; /*RS TFS 572 Correccted Inline overlap. Reviewed with Jenn & Majesty */
    }

    label.riLabel.Grid {
        display: inline-block;
        width: 33.1%;
        min-width: 150px;
        text-align: left;
        vertical-align: top;
    }

    label.riLabel.Paragraph {
        display: inline;
        width: auto;
        min-width: 150px;
        vertical-align: text-top;
    }

    label.riLabel.required:hover {
        text-shadow: 1px 1px 1px red;
    }

    label.riLabel.required:before {
        content: "*";
        color: red;
    }

    label.riLabel.Grid.editLabel {
        display: inline-block;
        width: 33.1%;
        min-width: 150px;
        text-align: right;
        vertical-align: top;
        padding: 1px 8px 10px 0px;
    }

    label.riLabel:hover {
        text-shadow: 1px 1px 1px #b3b3b3;
    }

        label.riLabel:hover .title {
            visibility: visible;
        }

    label.riLabel.editLabel:hover a {
        visibility: visible;
        display: inline;
    }

    label.riLabel.editLabel a {
        visibility: hidden;
        display: none;
    }

label.DetailsScreen.FieldValue {
    vertical-align: text-top;
    font-family: sans-serif,arial;
    font-size: large;
    font-weight: normal;
    word-wrap: break-word;
}

    label.DetailsScreen.FieldValue.Grid {
        /* TFS 2568 DEC/MGD - Fix a format issue with Venor contact page */
        display: inline-block;
        text-align: left;
        /*width: 66.6%;*/
        /* MS : TFS 7590 : pushed to 500 px */
        max-width: 500px;
    }

    label.DetailsScreen.FieldValue.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 0px;
        text-align: left;
        float: left;
    }

    label.DetailsScreen.FieldValue.InLine {
        display: inline;
        width: 89.6%;
        padding: 1px 5px 15px 0px;
        text-align: left;
    }

    label.DetailsScreen.FieldValue.AutoArrange {
        padding: 2px 0px 15px 0px;
        width: 99.6%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }

    label.DetailsScreen.FieldValue.Paragraph {
        display: inline;
        width: 99.6%;
        padding: 1px 5px 15px 5px;
    }

.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black;
}

.tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 100%;
}

    .tooltiptext::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent black transparent transparent;
    }

.tooltip:hover .tooltiptext {
    visibility: visible;
}

div.csFieldSetTextBox {
    /* MS : TFS 7614 : switch from 7px to 10px padding for conformity with other "csField ... .AutoArrange" CSS classes */
    padding: 10px;
    /*margin: 0px;*/
    text-align: left;
    vertical-align: bottom;
    width: 55.6%;
    /* MS : TFS 7614 : switch from 220px to 225px padding for conformity with other "csField ... .AutoArrange" CSS classes */
    min-width: 225px;
}

    div.csFieldSetTextBox.AutoArrange {
        display: inline-block;
        width: 27.8%;
        vertical-align: text-top;
    }

    div.csFieldSetTextBox.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 20px;
    }

    div.csFieldSetTextBox.InLine {
        margin: 0px 0px 0px 0px;
        width: 30.9%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }

    div.csFieldSetTextBox.Grid {
        display: block;
        width: 80.3%;
        float: left;
        /*white-space: nowrap;*/
    }

div.csFieldSetDropDown {
    padding: 10px;
    text-align: left;
    vertical-align: bottom;
    width: 30.9%;
    min-width: 225px;
}

    div.csFieldSetDropDown.AutoArrange {
        display: inline-block;
        vertical-align: text-top;
    }

    div.csFieldSetDropDown.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 20px;
    }

    div.csFieldSetDropDown.InLine {
        margin: 0px 0px 0px 0px;
        width: 30.9%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }

    div.csFieldSetDropDown.Grid {
        display: block;
        width: 80.3%;
        float: left;
    }

div.csFieldSetTextArea {
    padding: 10px;
    text-align: left;
    vertical-align: bottom;
    width: 46.4%;
    min-width: 225px;
}

    div.csFieldSetTextArea.AutoArrange {
        display: inline-block;
        width: 27.8%;
        vertical-align: text-top;
    }

    div.csFieldSetTextArea.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 20px;
    }

    div.csFieldSetTextArea.InLine {
        margin: 0px 0px 0px 0px;
        width: 30.9%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }

    div.csFieldSetTextArea.Grid {
        display: block;
        width: 80.3%;
        float: left;
        /*white-space: nowrap;*/
    }

    div.csFieldSetTextArea.Paragraph {
        display: inline-block;
        width: 80.3%;
        vertical-align: text-top;
        clear: right;
        vertical-align: top;
    }

div.editLabel a {
    visibility: hidden;
    display: none;
}

div.editLabel:hover a {
    display: inline;
    visibility: visible;
}

.rdTitle :hover {
    text-shadow: 1px 1px 1px gray;
}

a.cal_link {
    text-decoration: none;
    color: black;
}

    a.cal_link:hover {
        text-decoration: underline;
        color: black;
    }

img.editfieldbygroup {
    vertical-align: central;
}

    img.editfieldbygroup:hover {
        transform: scale(1.15);
    }

img.subgridicon {
    vertical-align: central;
    padding: 0px 5px 0px 0px;
    max-width: 100%;
    max-height: 100%
}

    img.subgridicon:hover {
        transform: scale(1.15);
    }

.DisplayBlock {
    display: inline-block !important;
}


/*Added by KA CODE*/
.loader {
    left: 0px;
    top: 0px;
    /*width: 100%;
    height: 100%;*/
    z-index: 9999;
    background-repeat: no-repeat;
    background-image: url('images/loading.gif');
    background-position: top;
    display: block;
    background-color: lightgray;
}

    .loader div {
        position: relative;
        z-index: -11;
    }

/* Added by MD for TFS Bug 3582 */
.RadGridRTL .rgNumPart a {
    float: left !important;
}

.RadGridRTL .rgWrap {
    float: left !important;
}

.RadGrid .rgInfoPart {
    float: right !important;
}

.RadGrid .NextPrevNumericAndAdvanced .rgAdvPart {
    float: none !important;
    text-align: center !important;
}
/* Updated by RP for TFS Bug 7385 */
.RadMenu .rmVertical .rmItem .rmText {
    /*float: left !important; */
    float: unset !important;
}


@media screen and (max-width: 680px) and (orientation: portrait), screen and (max-width: 740px) and (orientation: landscape) {
    div.csFieldSetTextArea.DisplayBlock {
        display: inline-block !important;
    }
}

.DisplayNone {
    display: none !important;
}

@media screen and (max-width: 680px) and (orientation: portrait), screen and (max-width: 740px) and (orientation: landscape) {
    div.csFieldSetTextArea.DisplayNone {
        display: none !important;
    }
}

@media screen and (max-width: 680px) and (orientation: portrait), screen and (max-width: 740px) and (orientation: landscape) {
    .loader {
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background-repeat: no-repeat;
        background-image: url('images/loading.gif');
        background-position: center;
        display: block;
        /*background-color: darkgrey;*/
    }

        .loader div {
            position: relative;
            z-index: -1;
        }
}

/*END KANCHAN*/

/*.RadGrid td {
    word-wrap: break-word;
    word-break: break-all;
    vertical-align: top;
}*/

/* MS : TFS 5903 : CSS for RadMultiSelect and RadDropDownList */
.RadMultiSelect .k-i-close::before {
    content: "X" !important;
    color: #ffffff;
    opacity: 0.9;
    vertical-align: middle;
}

.RadMultiSelect .k-i-x::before {
    content: "X" !important;
    color: #000000;
    opacity: 1;
    vertical-align: middle;
    padding-top: 5px;
    font-weight: bold;
}

.RadMultiSelect li.k-button {
    background-color: #0070c0 !important;
    border: 1px solid #0070c0 !important;
    padding: 5px 5px 5px 5px !important;
    border-radius: 5px !important;
}

.styledTag {
    background-color: #0070c0;
    color: #ffffff;
    padding: 5px 5px 5px 5px;
}
/*250205 TFS 8173: Update to Task Action button dropdown */
.ddlTaskActions {
    color: #0070c0 !important;
    background-color: #ffffff00 !important;
    border-color: transparent !important;
    border-radius: 6px !important;
    border: 0 !important;
    /*box-shadow: 0 4px 12px 0 rgb(38 39 39 / 20%) !important;*/
}

    .ddlTaskActions .rddlDefaultMessage {
        color: #0070C0 !important;
        font-size:16px !important;
        font-weight: 500 !important;
        font-style: normal !important;
        opacity: 1 !important;
    }

    .ddlTaskActions .rddlIcon {
        background-image: url(../images/icons/caret-down-blue.svg) !important;
        background-repeat: no-repeat !important;
        background-position: 8px 4px !important;
        transform: rotate(0deg) !important;
    }

    .ddlTaskActions.rddlOpen .rddlIcon {
        transform-origin: center !important;
        transform: rotate(180deg) !important;
        background-position: 0px 4px !important;
        transition: all ease-out 0.1s;
}
/* MS : TFS 3863 : CSS for Document Compare windows */
.docCompareAction {
    border: none !important;
    width: 95% !important;
}

.docCompareActionContainer {
    align-content: center !important;
    border: none !important;
    margin-top: 15px !important;
}

.docCompareBottomPadding {
    margin-bottom: 15px;
}

.docCompareButton {
    background-color: #ffffff;
    border: 1px solid #808080;
    border-radius: 5px !important;
    color: #000000;
    font-size: 16px !important;
    height: 72px !important;
    padding: 10px 15px !important;
    width: 100%;
}

.docCompareButtonContent {
    display: flex;
    height: 50px;
    vertical-align: middle;
}

.docCompareButtonImage {
    align-content: center;
    margin-left: auto;
    width: 85px;
}

.docCompareButtonImageGray {
    filter: grayscale(0.95);
}

.docCompareButtonText {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 5px;
    white-space: normal;
    width: 75%;
}

.docCompareCard {
    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 95% !important;
}

.docCompareDropdown {
    font-size: 16px !important;
    margin-top: 5px !important;
    width: 100% !important;
}

    .docCompareDropdown .rcbInputCell {
        height: 45px !important;
    }

.docCompareModal {
    background-color: #f5f5f5;
    height: auto;
    width: 570px;
}

.docCompareMiniButton {
    background-color: #ffffff;
    border: 2px solid #0070C0 !important;
    border-radius: 5px !important;
    color: #0070C0 !important;
    display: inline-block !important;
    font-weight: bold !important;
    height: 40px !important;
    padding: 7px 15px !important;
    margin-left: 25px;
    text-align: center;
    width: 220px;
}

.docCompareMiniButtonImage {
    align-content: center;
    height: 18px !important;
    padding-right: 5px;
    text-align: center;
    vertical-align: middle;
    width: 18px !important;
}

.docCompareReturnButton {
    background-color: #0070C0;
    border: 2px solid #0070C0;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
}

.docCompareSeparator {
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0px !important;
    width: 95% !important;
}

.docCompareSubtitle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 15px 0px 15px;
    text-align: left;
    width: 95%;
}

.docCompareSubtitleBlock {
    background: #0070c026 0% 0% no-repeat padding-box;
    border-radius: 5px;
    color: #064D80;
    font-size: 15px;
    font-weight: bold !important;
    opacity: 80%;
    padding: 6px;
}

.docCompareTitle {
    font-weight: bold !important;
    padding: 15px 15px 0px 15px;
}

.docCompareVisomPanel {
    background-color: #f5f5f5;
    height: auto;
    text-align: center;
    width: 570px;
}

.docCompareWordPanel {
    background-color: #f5f5f5;
    height: auto;
    text-align: center;
    width: 570px;
}

/* MS : TFS 7510 : alignment fix for VCG */
@media screen and (min-width: 300px) and (orientation: portrait), screen and (max-width: 1040px) and (orientation: landscape) {
    label.riLabel.Grid.editLabel {
        text-align: left;
    }
}