/*use this to customise the close button on popups (system-wide)*/
.dxWeb_pcCloseButton {
    background-image: url(../Images/close3.png) !important;
    background-position: 0px 0px !important;
    width: 10px !important;
    height: 10px !important;
}

/*down-expand*/
.dxWeb_nbExpand_DevEx.dxnb-btn {
    background-image: url(../Images/expand.png) !important;
    background-position: 0px 0px !important;
    width: 15px !important;
    height: 10px !important;
}

/*up-collapse*/
.dxWeb_nbCollapse_DevEx.dxnb-btn {
    background-image: url(../Images/collapse.png) !important;
    background-position: 0px 0px !important;
    width: 15px !important;
    height: 10px !important;
}

.dxeProgressBar tbody tr td table tbody tr td div.dxpbVC {
    color: #000 !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

.dxgvAdaptiveGroupPanel_DevEx {
    background: #f1f2f6 !important;
}

#FooterContainer .insertSectionFromSurround {
    margin: 2px 2px 0 0 !important;
    text-align: right;
}

    #FooterContainer .insertSectionFromSurround .dxeButtonEdit {
        height: auto !important;
        margin-top: 0px !important;
    }

.insertQuestionAboveSurround .QuestionnaireFooterLabelSmallText {
    margin: 0px 2px 0 0 !important;
    float: none !important;
    font-size: 9pt;
    font-family: Roboto;
    font-weight: normal !important;
}

.insertQuestionAboveSurround .QuestionnaireFooterDropDownList {
    width: 130px;
    padding: 0.5px 0px 0.5px 0px !important;
    margin: 0px !important;
}

.insertQuestionAboveSurround select {
    border-radius: 4px;
    border-collapse: separate !important;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.insertQuestionAboveSurround {
    text-align: right;
}

.rowNameText {
    text-align: right;
}

.floatRightDesktop {
    float: right !important;
    margin-bottom: 10px !important;
}

/*#region QuestionEditResponsiveMode Start (JESSICA)*/

.sectionOptionsDropDownArea a, .sectionSecurityButton a {
    padding: 0px 12px;
    margin-top: 5px;
}

.questionEditControlsSurround {
    text-align: center;
    justify-content: center;
}

.questionEditSingleControlSurround {
    text-align: center;
    justify-content:center;
}

.questionEditControlBold {
    font-weight: bold;
}

.questionEditPlaceholder {
    display: none;
}

.questionEditCopyIconSize {
    font-size: 1.3em !important;
}

.questionEditIconFontSize {
    font-size: 1.5em !important;
}

.questionEditTrashIcon {
    color: #cc0909;
}

.custom-col-xs-2 {
    width: 10% !important;
    float: none !important;
    display: inline-block !important;
    margin-left: 1px;
    margin-right: 1px;
}

/*#endregion QuestionEditResponsiveMode Start (JESSICA)*/

/*#region ducAuctionAutoTrainer Start (JESSICA)*/

.auctionItemStepsControlMainTileSurround {
    padding: 0px !important;
}

.ducAuctionAutoTrainerSurround .ducAuctionAutoTrainerBR,
.ducAuctionSupplierBidsSurround .ducAuctionAutoTrainerBR {
    display: none;
}

.ducAuctionAutoTrainerSurround .auctionItemStepsControlButtonSurroundInner.active,
.ducAuctionSupplierBidsSurround .auctionItemStepsControlButtonSurroundInner.active {
    background-color: #ffffff;
    color: #000;
}

.ducAuctionAutoTrainerSurround .bidButtonSurround,
.ducAuctionSupplierBidsSurround .bidButtonSurround {
    text-align: center;
}

.ducAuctionAutoTrainerSurround .auctionItemStepsControlButtonSurroundInner,
.ducAuctionSupplierBidsSurround .auctionItemStepsControlButtonSurroundInner {
    width: 100%;
    height: 30px;
    text-align: center;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    margin: 0 auto;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #CCCCCC;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    color: #777777;
    font-size: 12pt;
    font-weight: bold;
    white-space: nowrap;
}

.ducAuctionAutoTrainerSurround label,
.ducAuctionSupplierBidsSurround label {
    margin-bottom: 0px !important;
}

.ducAuctionAutoTrainerSurround .ducAuctionLeftRow,
.aucAuctionBidStatusSurround .aucAuctionLeftRow,
.ducAuctionSupplierBidsSurround .ducAuctionLeftRow {
    height: 50px;
    line-height: 50px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 5px !important;
}

    .ducAuctionAutoTrainerSurround .ducAuctionLeftRow div:first-child,
    .aucAuctionBidStatusSurround .aucAuctionLeftRow div:first-child,
    .ducAuctionSupplierBidsSurround .ducAuctionLeftRow div:first-child {
        border: 1px solid;
    }


    .ducAuctionAutoTrainerSurround .ducAuctionLeftRow div:nth-child(2),
    .aucAuctionBidStatusSurround .aucAuctionLeftRow div:nth-child(2),
    .ducAuctionSupplierBidsSurround .ducAuctionLeftRow div:nth-child(2) {
        border: 1px solid;
        border-left: 0px;
    }

.ducAuctionAutoTrainerSurround .ducAuctionAutoTrainerInstructionsWell,
.ducAuctionSupplierBidsSurround .ducAuctionAutoTrainerInstructionsWell {
    height: auto;
    padding: 10px;
    background-color: #ecf6fc;
    border: 1px solid #bbdff2;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

/*#endregion ducAuctionAutoTrainer End (JESSICA)*/

/*#region ducAuctionBidStatus Start (JESSICA)*/

.ducAuctionBidStatusSurround .genericCheckBox input {
    right: 0px !important;
    margin-right: 5px;
}

.aucAuctionBidStatusSurround .ducAuctionBidStatusCurrentItemLabel {
    line-height: 20px;
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
    padding-right: 20px;
}

.aucAuctionBidStatusSurround .ducAuctionBidStatusCurrentItemColourBlock {
    background-color: #AAFFAA;
    width: 20px;
    height: 20px;
    border: 1px solid black;
    display: inline-block;
    line-height: 20px;
}

.aucAuctionBidStatusSurround .ducAuctionBidStatusCurrentItemKeySurround {
    text-align: right;
}

/*#endregion ducAuctionBidStatus End (JESSICA)*/


.lblDetailQuestionnaireFilterInformation {
    font-weight: bold;
    vertical-align: middle;
    line-height: 34px;
}

.btn-enabled {
    border: 1px solid #49a049 !important;
    background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%) !important;
    background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%) !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)) !important;
    background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    float: left;
    height: 20px !important;
    padding: 6px 12px !important;
    border-radius: 4px;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    color: #fff !important;
    margin-right: 0px !important;
}

    .btn-enabled:hover {
        background-color: #419641;
        background-position: 0 -15px;
    }

.btn-disabled {
    border-right: #ffffff !important;
    background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) !important;
    border: 1px solid #ccc !important;
    background-repeat: repeat-x;
    border-color: #3e8f3e;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    float: left;
    height: 20px !important;
    padding: 6px 12px;
    border-radius: 4px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    color: #fff !important;
    margin-right: 0px !important;
}

    .btn-disabled:hover {
        background-color: #e0e0e0;
        background-position: 0 -15px;
    }

.showAllRowsCheckboxSurround .btn-disabled,
.showAllRowsCheckboxSurround .btn-enabled,
.showAllRowsForLabel {
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
}

.showAllRowsRoundedEdges {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

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

    .showAllRowsCheckboxSurround input[type="checkbox"] {
        display: none;
        margin-right: 20px;
    }

        .showAllRowsCheckboxSurround input[type="checkbox"] + .btn-group > label span {
            width: 15px;
            font-size: 15px;
        }

    .showAllRowsCheckboxSurround :hover .showAllRowsRoundedEdges {
        background-color: #e0e0e0 !important;
    }

.showAllRowsForLabel:hover {
    color: #333;
    background-color: #d4d4d4;
    padding: 7px 17px;
    cursor: pointer;
}

.showAllRowsForLabel {
    float: left;
    background-color: #ffffff !important;
    padding: 7px 17px;
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    font-size: 11px !important;
    height: 18px !important;
    color: #333 !important;
    margin-bottom: 0px !important;
    border: 1px solid #8c8c8c;
    border-left: 0;
}

.showAllRowsForLabelSpan {
    font: 12px Roboto !important;
    position: relative;
    top: 3px;
}

.questionText {
    font-weight: normal;
}

#ctl00_tabTitle {
    float: left;
    margin-top: 15px;
}

.dashboardAdvancedSearchHR {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    border-top: 1px solid #1f3677a8 !important;
}

.scrollNavContainer.inPreview {
    top: 0px;
}

#schedulingTasksModal {
    text-align: center;
    padding: 0 !important;
    z-index: 99999;
}

    #schedulingTasksModal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    #schedulingTasksModal .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        width: 400px;
    }

    #schedulingTasksModal .modal-body {
        text-align: center;
    }

#buildingExportModal {
    text-align: center;
    padding: 0 !important;
    z-index: 99999;
}

    #buildingExportModal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    #buildingExportModal .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
        width: 400px;
    }

    #buildingExportModal .modal-body {
        text-align: center;
    }

.centerContent {
    text-align: center;
}

.proSummarySurround #ctl00_body_ucxSupplierSelectionProject_updAddSupplier, .proSummarySurround #ctl00_body_ucxSupplierSelectionProject_updAddSupplier div {
    padding: 0px !important;
}

.lineHeight {
    line-height: 23px !important;
}

.toolCeateNewEventValidationSummary ul li {
    text-align: left !important;
}

.workflowStepsScrollControlsScrollUp, .workflowStepsScrollControlsScrollDown {
    margin-right: 5px;
    background-color: #ffffff;
    color: #1f3676;
    border-radius: 4px;
    width: 50px;
    border: 1px solid #ccc;
    font-size: 16px !important;
}

    .workflowStepsScrollControlsScrollUp:hover, .workflowStepsScrollControlsScrollDown:hover {
        background-color: #f3f3f3;
        border-color: rgba(0, 0, 0, 0.1);
    }

.workflowStepsControlTileNoPadding {
    padding: 0px !important;
}

.workflowStepsControlTileButtonSurroundInner.active {
    background-color: #1f3677;
    color: #fff;
}

    .workflowStepsControlTileButtonSurroundInner.active .workflowStepsControlTileIcon {
        color: #fff;
    }

.workflowStepsControlMainTileSurround,
.ducAuctionAutoTrainerSurround .auctionItemStepsControlMainTileSurround,
.ducAuctionSupplierBidsSurround .auctionItemStepsControlMainTileSurround {
    padding: 0px !important;
    margin-top: 7px;
    text-align: center;
}

.workflowStepsControlTileButtonSurroundInner {
    width: 100%;
    height: 30px;
    text-align: center;
    border: 1px solid #ccc !important;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 auto;
    background-color: #fff;
}

    .workflowStepsControlTileButtonSurroundInner:hover {
        background-color: #f3f3f3;
        border-color: rgba(0, 0, 0, 0.1);
        color: #000 !important;
    }

    .workflowStepsControlTileButtonSurroundInner.active:hover .workflowStepsControlTileIcon {
        color: #1f3677 !important;
    }

.workflowStepsControlTileChevron,
.ducAuctionAutoTrainerSurround .auctionItemStepsControlTileChevron,
.ducAuctionSupplierBidsSurround .auctionItemStepsControlTileChevron {
    line-height: 30px !important;
    color: #1f3677;
    font-size: 17px !important;
    width: 100%;
    text-align: center;
}

.workflowStepsControlTileItemCount {
    top: -7px;
    z-index: 499;
    right: -2px;
    border: 1px solid red;
    border-radius: 10px;
    padding: 1px 4px 1px 3px;
    background: red;
    color: white !important;
    position: absolute;
}

.workflowStepsControlTileName {
    color: black !important;
}

.workflowStepsControlTileButtonSurroundInner.active .workflowStepsControlTileName {
    color: white !important;
}

.workflowStepsControlTileButtonSurroundInner:hover.active .workflowStepsControlTileName {
    color: black !important;
}

.removeHeight {
    height: 0px;
}

.workflowStepsControlMainContainer {
    max-height: 90px;
    overflow: hidden;
    margin: 0px !important;
}

.workflowStepsControlTileButtonSurroundInner .fa-2x {
    font-size: 18px !important;
}

.workflowStepsScrollControls {
    color: #1f3677;
    margin-top: 5px !important;
    text-align: center;
}

    .workflowStepsScrollControls i {
        cursor: pointer;
    }

.workflowStepsControlMainTileSurround .fa-tasks {
    font-size: 20px;
    line-height: 30px;
    padding-right: 10px;
}

.workflowStepsControlTileName,
.ducAuctionAutoTrainerSurround .auctionItemStepsControlTileName,
.ducAuctionSupplierBidsSurround .auctionItemStepsControlTileName {
    line-height: 30px;
    vertical-align: top;
}

.workflowStepsControlTileIcon {
    line-height: 30px !important;
    padding-right: 5px;
    color: #1f3677;
}

.workflowStepsScrollControls {
    display: none;
}

.validationSummaryWrapperStyling ul {
    padding-left: 15px !important;
}

.validationSummaryWrapperStyling {
    color: red;
    display: block;
    max-height: 80px;
    overflow-y: auto;
    margin: 10px 0px 10px 0px;
}

span[chkcheckboxallforPIM2] input, span[chkcheckboxforPIM2] input {
    cursor: pointer;
}

.centerAlign {
    text-align: center !important;
}

.historyMoreInfoPopupTitle, .confirmModalTitle, .completedProjectTitle, .noteSurroundModalTitle {
    padding: 0;
    margin: 0;
    width: 90%;
    display: inline-block;
    font-weight: bold;
    font-size: 12pt;
}

.pim2HistoryMoreInfoModal .CTitle {
    font-size: 11pt !important;
}

.pim2HistoryMoreInfoModal {
    padding-right: 0px !important;
}

.hyperLinkStyling {
    cursor: pointer;
    color: #337ab7;
    text-decoration: underline;
}

    .hyperLinkStyling:hover {
        color: #23527c;
    }

.noPadding {
    padding: 0px !important;
}

.grdPIM2History .dxeButtonEdit {
    border-collapse: separate !important;
}

.grdPIM2History .dxeTextBox,
.grdPIM2History .dxeButtonEdit {
    background-image: none;
    border-radius: 4px !important;
    border-style: solid !important;
    border-color: rgb(204, 204, 204) !important;
    border-width: 1px !important;
    border-collapse: inherit !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    box-sizing: inherit !important;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset !important;
    font-size: 12px;
    line-height: 17.1429px !important;
    transition-delay: 0s, 0s;
    transition-duration: 0.15s, 0.15s;
    transition-property: border-color, box-shadow;
    transition-timing-function: ease-in-out, ease-in-out;
    word-spacing: 0px;
    writing-mode: horizontal-tb;
    height: 25px !important;
}

.IsRollbackColour {
    background-color: #fff5e1 !important;
    border-color: #f7cf6f !important;
}

.brPIM2FirstColumn {
    display: none;
}

#showHideHistory {
    width: 100% !important;
}

.pim2CommentHeaderTitle {
    font-size: 15px;
    color: #1e3677;
    font-weight: bold;
    font-family: Roboto;
}

.imgPIM2FirstColumnMobileLeft {
    float: left;
}

#ctl00_body_grdPIM2History .dxgvHeader {
    height: 40px !important;
    font-size: 13px !important;
    background: #fff !important;
}

.chevronColour {
    font-weight: bold;
    color: white;
}

.showHideButtonSurround {
    padding: 0px !important;
    vertical-align: top;
    text-align: right;
}

.pim2HistorySurround {
    margin-top: 20px;
}

.proDetailsWell, .supplierHomepageModuleWell {
    height: auto;
    padding: 10px;
    background-color: #ecf6fc;
    border: 1px solid #bbdff2;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.informationBubbleIcon {
    float: right;
    padding-right: 10px;
}

.highlightRow td {
    background-color: #ececec;
}

.noMargin {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.colonFixDevExpressTables table tbody tr td:first-child {
    display: none;
}

/*#region manDocumentEdit Pages Start (KYLE)*/

.manDocumentEditSurround .radioButtonContainer {
    padding-left: 25px !important;
}

.manDocumentEditSurround .hr-divideMarginAdjust {
    visibility: hidden;
}

/*#endregion manDocumentEdit Pages End (KYLE)*/

/*#region rfxQuestionnaireMessages/aucAuctionMessaging/proMessages/srgMessaging Pages Start (KYLE)*/


.proMessagesSurround .divMessageDetailsHeight,
.srgMessagingSurround .divMessageDetailsHeight,
.aucAuctionMessagingSurround .divMessageDetailsHeight,
.rfxQuestionnaireMessagesSurround .divMessageDetailsHeight,
.proMessagesSurround .divMessageNewSurround,
.srgMessagingSurround .divMessageNewSurround,
.aucAuctionMessagingSurround .divMessageNewSurround,
.rfxQuestionnaireMessagesSurround .divMessageNewSurround {
    border: 1px solid #9f9f9f;
}

.proMessagesSurround .messagingHeader,
.srgMessagingSurround .messagingHeader,
.aucAuctionMessagingSurround .messagingHeader,
.rfxQuestionnaireMessagesSurround .messagingHeader {
    padding-left: 0px !important;
}

.proMessagesSurround .newMessageWidth .paddingTopTxt,
.srgMessagingSurround .newMessageWidth .paddingTopTxt,
.aucAuctionMessagingSurround .newMessageWidth .paddingTopTxt,
.rfxQuestionnaireMessagesSurround .newMessageWidth .paddingTopTxt {
    padding-left: 2px !important;
}

.proMessagesSurround .chkSurround label,
.srgMessagingSurround .chkSurround label,
.aucAuctionMessagingSurround .chkSurround label,
.rfxQuestionnaireMessagesSurround .chkSurround label {
    padding-left: 2px;
    margin-right: 5px;
}

.proMessagesSurround .paddingSearchBtn,
.srgMessagingSurround .paddingSearchBtn,
.aucAuctionMessagingSurround .paddingSearchBtn,
.rfxQuestionnaireMessagesSurround .paddingSearchBtn {
    padding-left: 4px !important;
    padding-right: 2px !important;
    padding-top: 6px !important;
}

.proMessagesSurround .sentItemsSurround .titleSurround,
.proMessagesSurround .inboxSurround .titleSurround,
.srgMessagingSurround .sentItemsSurround .titleSurround,
.srgMessagingSurround .inboxSurround .titleSurround,
.aucAuctionMessagingSurround .sentItemsSurround .titleSurround,
.aucAuctionMessagingSurround .inboxSurround .titleSurround,
.rfxQuestionnaireMessagesSurround .sentItemsSurround .titleSurround,
.rfxQuestionnaireMessagesSurround .inboxSurround .titleSurround {
    padding-left: 4px !important;
    padding-top: 8px !important;
}

.proMessagesSurround .divMessageDetailsHeight .CLabelBold,
.proMessagesSurround .divMessageNewSurround .CLabelBold,
.srgMessagingSurround .divMessageDetailsHeight .CLabelBold,
.srgMessagingSurround .divMessageNewSurround .CLabelBold,
.aucAuctionMessagingSurround .divMessageDetailsHeight .CLabelBold,
.aucAuctionMessagingSurround .divMessageNewSurround .CLabelBold,
.rfxQuestionnaireMessagesSurround .divMessageDetailsHeight .CLabelBold,
.rfxQuestionnaireMessagesSurround .divMessageNewSurround .CLabelBold {
    padding-right: 5px !important;
}

.proMessagesSurround .sentItemsSurround .imgSurround,
.proMessagesSurround .inboxSurround .imgSurround,
.srgMessagingSurround .sentItemsSurround .imgSurround,
.srgMessagingSurround .inboxSurround .imgSurround,
.aucAuctionMessagingSurround .sentItemsSurround .imgSurround,
.aucAuctionMessagingSurround .inboxSurround .imgSurround,
.rfxQuestionnaireMessagesSurround .sentItemsSurround .imgSurround,
.rfxQuestionnaireMessagesSurround .inboxSurround .imgSurround {
    padding-top: 4px !important;
}

.proMessagesSurround .paddingTopTxt,
.srgMessagingSurround .paddingTopTxt,
.aucAuctionMessagingSurround .paddingTopTxt,
.rfxQuestionnaireMessagesSurround .paddingTopTxt {
    padding-top: 6px !important;
}

.proMessagesSurround .paddingClearSearch,
.srgMessagingSurround .paddingClearSearch,
.aucAuctionMessagingSurround .paddingClearSearch,
.rfxQuestionnaireMessagesSurround .paddingClearSearch {
    padding-top: 8px !important;
    padding-right: 5px !important;
}

.proMessagesSurround #gridInboxContainer,
.proMessagesSurround #gridSentItemsContainer,
.srgMessagingSurround #gridInboxContainer,
.srgMessagingSurround #gridSentItemsContainer,
.aucAuctionMessagingSurround #gridInboxContainer,
.aucAuctionMessagingSurround #gridSentItemsContainer,
.rfxQuestionnaireMessagesSurround #gridInboxContainer,
.rfxQuestionnaireMessagesSurround #gridSentItemsContainer {
    padding-top: 16px !important;
}

.proMessagesSurround .floatCancel,
.srgMessagingSurround .floatCancel,
.aucAuctionMessagingSurround .floatCancel,
.rfxQuestionnaireMessagesSurround .floatCancel {
    float: right !important;
}

.proMessagesSurround .cellWordWrap,
.srgMessagingSurround .cellWordWrap,
.aucAuctionMessagingSurround .cellWordWrap,
.rfxQuestionnaireMessagesSurround .cellWordWrap {
    word-break: break-word;
}

.proMessagesSurround .messageBreak,
.srgMessagingSurround .messageBreak,
.aucAuctionMessagingSurround .messageBreak,
.rfxQuestionnaireMessagesSurround .messageBreak {
    height: 15px;
}

.proMessagesSurround #ctl00_body_ucxEventMessaging2_btnSearchSentItemsImg,
.proMessagesSurround #ctl00_body_ucxEventMessaging2_btnSearchInboxImg,
.srgMessagingSurround #ctl00_body_ucxEventMessaging2_btnSearchSentItemsImg,
.srgMessagingSurround #ctl00_body_ucxEventMessaging2_btnSearchInboxImg,
.aucAuctionMessagingSurround #ctl00_body_ucxEventMessaging2_btnSearchInboxImg,
.aucAuctionMessagingSurround #ctl00_body_ucxEventMessaging2_btnSearchSentItemsImg,
.rfxQuestionnaireMessagesSurround #ctl00_body_ucxEventMessaging2_btnSearchInboxImg,
.rfxQuestionnaireMessagesSurround #ctl00_body_ucxEventMessaging2_btnSearchSentItemsImg {
    height: 15px !important;
    width: 15px !important;
}

.proMessagesSurround #ctl00_body_ucxEventMessaging2_txtNewMessage,
.srgMessagingSurround #ctl00_body_ucxEventMessaging2_txtNewMessage,
.aucAuctionMessagingSurround #ctl00_body_ucxEventMessaging2_txtNewMessage,
.rfxQuestionnaireMessagesSurround #ctl00_body_ucxEventMessaging2_txtNewMessage {
    height: 150px;
    width: 100% !important;
}

.proMessagesSurround .divMessageNewSurround,
.srgMessagingSurround .divMessageNewSurround,
.aucAuctionMessagingSurround .divMessageNewSurround,
.rfxQuestionnaireMessagesSurround .divMessageNewSurround {
    width: 100% !important;
}

.proMessagesSurround .newMessageWidth,
.srgMessagingSurround .newMessageWidth,
.aucAuctionMessagingSurround .newMessageWidth,
.rfxQuestionnaireMessagesSurround .newMessageWidth {
    width: 100% !important;
}

.proMessagesSurround .our-form-control,
.srgMessagingSurround .our-form-control,
.aucAuctionMessagingSurround .our-form-control,
.rfxQuestionnaireMessagesSurround .our-form-control {
    display: inline-block;
    width: 97%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.proMessagesSurround .dxeTextBoxSys,
.proMessagesSurround .dxeButtonEditSys,
.srgMessagingSurround .dxeTextBoxSys,
.srgMessagingSurround .dxeButtonEditSys,
.aucAuctionMessagingSurround .dxeTextBoxSys,
.aucAuctionMessagingSurround .dxeButtonEditSys,
.rfxQuestionnaireMessagesSurround .dxeTextBoxSys,
.rfxQuestionnaireMessagesSurround .dxeButtonEditSys {
    border-radius: 4px;
    border-collapse: separate !important;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    height: 25px;
    padding-top: 1px !important;
}

/*#endregion rfxQuestionnaireMessages/aucAuctionMessaging/proMessages/srgMessaging Pages End (KYLE)*/

/*#region srgWizardStyling Pages Start (KYLE)*/

.srgWizardStyling .btnWizardPublishSurround {
    padding-top: 5px !important;
}

.srgWizardStyling .btnWizardParticipantViewSurround {
    padding-top: 20px !important;
    padding-left: 0px !important;
}

.srgWizardStyling .srgWizHeaderMiddle {
    padding-bottom: 0px !important;
    padding-left: 0px !important;
}

.srgWizardStyling .disabledSrgWizardChevron {
    color: #a7a7a7 !important;
}

.srgWizardStyling .rowNoMargin {
    margin: 0px !important;
}

.srgWizardStyling .disabledSrgWizardOption {
    color: #a7a7a7 !important;
    cursor: context-menu !important;
}

    .srgWizardStyling .disabledSrgWizardOption .srgWizardIcon {
        color: #a7a7a7 !important;
    }

    .srgWizardStyling .disabledSrgWizardOption:hover {
        color: #a7a7a7 !important;
        background-color: #fff !important;
    }

.srgWizardStyling .srgDivPadlock {
    float: right;
    margin-right: 20px;
    padding: 5px;
    width: 80%;
    text-align: center;
}

.srgWizardStyling .srgWizardLabel span {
    vertical-align: top;
}

.srgWizardStyling .noMargin {
    margin: 0px !important;
}

.srgWizardStyling .lblSrgWizardTitle {
    display: inline-block;
    font-size: 16px;
    FONT-WEIGHT: BOLD;
}

.srgWizardStyling .srgWizardUnselectedOption {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: top;
    line-height: 38px;
    font-weight: bold;
    display: inline-block;
    width: 43%;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}


.srgWizardStyling .srgWizardSelectedOption {
    background-color: #1E3578;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: top;
    line-height: 38px;
    font-weight: bold;
    display: inline-block;
    width: 43%;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

.srgWizardStyling .srgWizardUnselectedOption:hover {
    background-color: #f3f3f3;
    text-decoration: none;
    cursor: pointer;
}

.srgWizardStyling .srgWizardSelectedOption:hover {
    background-color: #f3f3f3;
    text-decoration: none;
    cursor: pointer;
}

.srgWizardStyling .srgWizardChevron {
    line-height: 40px !important;
    font-size: 18px !important;
    width:5%;
    text-align:center;
}

.srgWizardStyling .srgWizardUnselectedOption .srgWizardIcon {
    line-height: 38px;
    font-size: 16px;
    padding-left: 5px;
}

.srgWizardStyling .srgWizardSelectedOption .srgWizardIcon {
    line-height: 38px;
    font-size: 16px;
    padding-left: 5px;
}

.srgWizardStyling .srgWizardSelectedOption:hover .srgWizardIcon {
    line-height: 38px;
}

.srgWizardStyling .srgWizardIcon {
    padding-right: 3px;
}

@media (max-width: 1400px) {
    .srgWizardStyling .srgWizardUnselectedOption,
    .srgWizardStyling .srgWizardSelectedOption {
        font-weight: normal;
        font-size: 11px !important;
        width: 49%;
        margin-bottom: 5px;
    }

    .srgWizardStyling .srgWizardChevron {
        display: none !important;
    }
}


@media (max-width: 1200px) {

    .insertSectionFromSurround .dxic .dxeEditAreaSys {
        padding: 0.5px 0px 0.5px 0px !important;
    }

    .srgWizardStyling .refreshLabelAlign {
        text-align: justify !important;
    }

    .srgWizardStyling .srgDivPadlock {
        width: 100%;
    }

   
}

@media (max-width: 991px) {

    .srgWizardStyling .refreshButtonWidth,
    .srgWizardStyling .btnWizardParticipantView {
        width: 100% !important;
    }

    .srgWizardStyling .srgWizHeaderMiddle {
        padding: 0px !important;
    }

    .srgWizardStyling .btnWizardParticipantView {
        width: 100% !important;
    }

    .srgWizardStyling .srgDivPadlock {
        margin-top: 10px;
        margin-right: 0px;
    }

    .srgWizardStyling .srgWizardLabel {
        vertical-align: top;
        width: 155px;
        display: block;
        margin: 0 auto;
    }

    .srgWizardStyling .srgWizardUnselectedOption .srgWizardIcon,
    .srgWizardSelectedOption .srgWizardIcon {
        float: left;
    }

    .srgWizardStyling .srgWizardChevron {
        display: none !important;
    }

    .srgWizardStyling .srgWizardUnselectedOption {
        font-weight: normal;
        font-size: 12px !important;
        width: 49%;
        margin-bottom: 5px;
    }

    .srgWizardStyling .srgWizardSelectedOption {
        font-weight: normal;
        font-size: 12px !important;
        width: 49%;
        margin-bottom: 5px;
    }

        .srgWizardStyling .srgWizardUnselectedOption .srgWizardIcon,
        .srgWizardStyling .srgWizardSelectedOption .srgWizardIcon {
            padding-left: 5px !important;
        }
}

@media (max-width: 340px) {

    .srgWizardStyling .srgWizardSelectedOption,
    .srgWizardStyling .srgWizardUnselectedOption {
        font-size: 11px !important
    }

    .srgWizWelcomeSurround #ctl00_body_lblSrgWizGeneralQuestionnaire,
    .srgWizReviewAndPublishSurround #ctl00_body_lblSrgWizGeneralQuestionnaire,
    .srgWizCategoriesSurround #ctl00_body_lblSrgWizGeneralQuestionnaire,
    .srgWizConfigurationSurround #ctl00_body_lblSrgWizGeneralQuestionnaire,
    .srgWizGeneralQuestionnaireSurround #ctl00_body_lblSrgWizGeneralQuestionnaire {
        display: table;
    }

    .srgWizardStyling .srgWizardUnselectedOption .srgWizardIcon,
    .srgWizardStyling .srgWizardSelectedOption .srgWizardIcon {
        padding-left: 0px !important;
    }
}

@media (min-width:1200px) and (max-width: 1400px) {

    .srgWizardStylingMVC .srgWizardUnselectedOption {
        font-size: 11px !important;
        width: 165px;
    }

    .srgWizardStylingMVC .srgWizardSelectedOption {
        font-size: 11px !important;
        width: 165px;
    }
}

/*#endregion srgWizardStyling Pages End (KYLE)*/

/*#region aucWizardStyling Pages Start (KYLE)*/

.aucAuctionWelcomeSurround .aucWizardStyling .btnWizardPublishSurround {
    padding-top: 0px !important;
}

.aucWizardStyling .btnWizardPublishSurround {
    padding-top: 5px !important;
}

.aucWizardStyling .btnWizardParticipantViewSurround {
    padding-top: 20px !important;
    padding-left: 0px !important;
}

.aucWizardStyling .disabledAucWizardChevron {
    color: #a7a7a7 !important;
}

.aucWizardStyling .rowNoMargin {
    margin: 0px !important;
}

.aucWizardStyling .disabledAucWizardOption {
    color: #a7a7a7 !important;
    cursor: context-menu !important;
}

    .aucWizardStyling .disabledAucWizardOption .aucWizardIcon {
        color: #a7a7a7 !important;
    }

    .aucWizardStyling .disabledAucWizardOption:hover {
        color: #a7a7a7 !important;
        background-color: #fff !important;
    }

.aucWizardStyling .aucDivPadlock {
    float: right;
    margin-right: 20px;
    padding: 5px;
    width: 80%;
    text-align: center;
}

.aucWizardStyling .aucWizardLabel span {
    vertical-align: top;
}

.aucWizardStyling .noMargin {
    margin: 0px !important;
}

.aucWizardStyling .lblAucWizardTitle {
    display: inline-block;
    font-size: 16px;
    FONT-WEIGHT: BOLD;
}

.aucWizardStyling .aucWizardUnselectedOption {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: top;
    line-height: 38px;
    font-weight: bold;
    display: inline-block;
    width: 43%;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

.aucWizardStyling .aucWizardSelectedOption {
    background-color: #1E3578;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: top;
    line-height: 38px;
    font-weight: bold;
    color: #fff !important;
    display: inline-block;
    width: 43%;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

.aucWizardStyling .aucWizardUnselectedOption:hover {
    background-color: #f3f3f3;
    text-decoration: none;
    cursor: pointer;
}

.aucWizardStyling .aucWizardSelectedOption:hover {
    background-color: #f3f3f3;
    text-decoration: none;
    cursor: pointer;
}

.aucWizardStyling .aucWizardChevron {
    line-height: 40px !important;
    font-size: 17px !important;
    width:5%;
    text-align:center;
}

.aucWizardStyling .aucWizardUnselectedOption .aucWizardIcon {
    line-height: 38px;
    font-size: 16px;
    padding-left: 5px;
}

.aucWizardStyling .aucWizardSelectedOption .aucWizardIcon {
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    padding-left: 5px;
}

.aucWizardStyling .aucWizardSelectedOption:hover .aucWizardIcon {
    line-height: 38px;
}

.aucWizardStyling .aucWizardIcon {
    padding-right: 3px;
}

@media (max-width: 1400px) {
    .aucWizardStyling .aucWizardUnselectedOption,
    .aucWizardStyling .aucWizardSelectedOption {
        font-weight: normal;
        font-size: 11px !important;
        width: 49%;
        margin-bottom: 5px;
    }

    .aucWizardStyling .aucWizardChevron {
        display: none !important;
    }
}

@media (max-width: 1200px) {

    .aucWizardStyling .aucDivPadlock {
        width: 100%;
    }

  
}

@media (max-width: 991px) {

    .aucWizardStyling .btnWizardParticipantView {
        width: 100% !important;
    }

    .aucWizardStyling .btnWizardParticipantView {
        width: 100% !important;
    }

    .aucWizardStyling .aucDivPadlock {
        margin-top: 10px;
        margin-right: 0px;
    }

    .aucWizardStyling .aucWizardLabel {
        vertical-align: top;
        width: 130px;
        display: block;
        margin: 0 auto;
    }

    .aucWizardStyling .aucWizardUnselectedOption .aucWizardIcon,
    .aucWizardSelectedOption .aucWizardIcon {
        float: left;
    }

    .aucWizardStyling .aucWizardChevron {
        display: none !important;
    }

    .aucWizardStyling .aucWizardUnselectedOption {
        font-weight: normal;
        font-size: 12px !important;
        width: 49%;
        margin-bottom: 5px;
    }

    .aucWizardStyling .aucWizardSelectedOption {
        font-weight: normal;
        font-size: 12px !important;
        width: 49%;
        margin-bottom: 5px;
    }
}

/*#endregion aucWizardStyling Pages End (KYLE)*/

/*#region eRFXWizardStyling Pages Start (KYLE)*/

.eRFXWizardStyling .btnWizardParticipantView, .eRFXWizardStyling .btnWizardSelectTemplate {
    width: 100% !important;
}

.eRFXWizardStyling .btnWizardPublishSurround {
    padding-top: 5px !important;
}

.eRFXWizardStyling .btnWizardParticipantViewSurround {
    padding-top: 20px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.eRFXWizardStyling .rfxWizHeaderMiddle {
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.eRFXWizardStyling .disabledeRFXWizardChevron {
    color: #a7a7a7 !important;
}

.eRFXWizardStyling .rowNoMargin {
    margin: 0px !important;
}

.eRFXWizardStyling .disabledeRFXWizardOption {
    color: #a7a7a7 !important;
    cursor: context-menu !important;
}

    .eRFXWizardStyling .disabledeRFXWizardOption .eRFXWizardIcon {
        color: #a7a7a7 !important;
    }

    .eRFXWizardStyling .disabledeRFXWizardOption:hover {
        color: #a7a7a7 !important;
        background-color: #fff !important;
    }

.eRFXWizardStyling .eRFXDivPadlock {
    float: right;
    margin-right: 20px;
    padding: 5px;
    width: 80%;
    text-align: center;
}

.eRFXWizardStyling .eRFXWizardLabel span {
    vertical-align: top;
}

.eRFXWizardStyling .noMargin {
    margin: 0px !important;
}

.eRFXWizardStyling .lblRFXWizardTitle {
    display: inline-block;
    font-size: 16px;
    FONT-WEIGHT: BOLD;
}

.eRFXWizardStyling .eRFXWizardUnselectedOption {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: top;
    line-height: 38px;
    font-weight: bold;
    display: inline-block;
    width: 43%;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

.eRFXWizardStyling .eRFXWizardSelectedOption {
    background-color: #1E3578;
    border: 1px solid #ccc;
    border-radius: 4px;
    vertical-align: top;
    line-height: 38px;
    font-weight: bold;
    color: #fff !important;
    display: inline-block;
    width: 43%;
    height: 40px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
}

.eRFXWizardStyling .eRFXWizardUnselectedOption:hover {
    background-color: #f3f3f3;
    text-decoration: none;
    cursor: pointer;
}

.eRFXWizardStyling .eRFXWizardSelectedOption:hover {
    background-color: #f3f3f3;
    text-decoration: none;
    cursor: pointer;
}

.eRFXWizardStyling .eRFXWizardChevron {
    line-height: 40px !important;
    font-size: 17px !important;
    width:5%;
    text-align:center;
}

.eRFXWizardStyling .eRFXWizardUnselectedOption .eRFXWizardIcon {
    line-height: 38px;
    font-size: 16px;
    padding-left: 5px;
}

.eRFXWizardStyling .eRFXWizardSelectedOption .eRFXWizardIcon {
    line-height: 38px;
    color: #fff;
    font-size: 16px;
    padding-left: 5px;
}

.eRFXWizardStyling .eRFXWizardSelectedOption:hover .eRFXWizardIcon {
    line-height: 38px;
}

.eRFXWizardStyling .eRFXWizardIcon {
    padding-right: 3px;
}

@media (max-width: 1400px) {
    .eRFXWizardStyling .eRFXWizardUnselectedOption,
    .eRFXWizardStyling .eRFXWizardSelectedOption {
        font-weight: normal;
        font-size: 11px !important;
        width: 49%;
        margin-bottom: 5px;
    }

    .eRFXWizardStyling .eRFXWizardChevron {
        display: none !important;
    }
}

    @media (max-width: 1200px) {

        .eRFXWizardStyling .eRFXDivPadlock {
            width: 100%;
        }

    }

    @media (min-width: 991px) {

        /*#region ducAuctionAutoTrainer Start (JESSICA)*/

        .ducAuctionAutoTrainerSurround .auctionItemStepsControlTileNoPadding,
        .ducAuctionSupplierBidsSurround .auctionItemStepsControlTileNoPadding {
            padding: 0px !important;
        }

        /*#endregion ducAuctionAutoTrainer End (JESSICA)*/

        .rfxQuestionnaireSummaryBuyerSurround .eRFXWizardStyling .lblWizardParticipantViewSurround {
            padding-left: 5px !important;
            padding-bottom: 10px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .eRFXWizardStyling .mandatoryKeySurround {
            padding-left: 0px !important;
            padding-top: 16px !important;
        }
    }

    @media (max-width: 991px) {

        .rfxQuestionnaireSummaryBuyerSurround .eRFXWizardStyling .lblWizardParticipantViewSurround {
            padding-bottom: 10px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .eRFXWizardStyling .btnWizardParticipantViewSurround {
            padding: 0px 0px 10px 0px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .eRFXWizardStyling .mandatoryKeySurround {
            padding-left: 0px !important;
            padding-top: 15px !important;
            padding-bottom: 15px !important;
        }

        .eRFXWizardStyling .btnWizardParticipantView, .eRFXWizardStyling .btnWizardSelectTemplate {
            width: 100% !important;
        }

        .eRFXWizardStyling .rfxWizHeaderMiddle {
            padding: 0px !important;
        }

        .eRFXWizardStyling .eRFXDivPadlock {
            margin-top: 10px;
            margin-right: 0px;
        }

        .eRFXWizardStyling .eRFXWizardLabel {
            vertical-align: top;
            width: 130px;
            display: block;
            margin: 0 auto;
        }

        .eRFXWizardStyling .eRFXWizardUnselectedOption .eRFXWizardIcon, .eRFXWizardSelectedOption .eRFXWizardIcon {
            float: left;
        }

        .eRFXWizardStyling .eRFXWizardUnselectedOption,
        .eRFXWizardStyling .eRFXWizardSelectedOption {
            font-weight: normal;
            font-size: 12px !important;
            width: 49%;
            margin-bottom: 5px;
        }
    }

    /*#endregion eRFXWizardStyling Pages End (KYLE)*/

    /*#region wrfTaskEdit Page Start (KYLE)*/

    .wrfTaskEditSurround .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .wrfTaskEditSurround .our-form-control {
        display: inline-block;
        width: 97%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .wrfTaskEditSurround .dxeButtonEdit {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
    }

    .wrfTaskEditSurround .rdoChkSurround input[type="radio"],
    .wrfTaskEditSurround .rdoChkSurround input[type="checkbox"] {
        margin: 0px !important;
    }

    .wrfTaskEditSurround .rdoChkSurround label {
        margin-bottom: 5px !important;
        margin-right: 5px !important;
        padding-left: 5px !important;
    }

    .wrfTaskEditSurround .leftColumnPadding {
        padding-left: 0px !important;
        padding-right: 10px !important;
    }

    .wrfTaskEditSurround .rightColumnPadding {
        padding-left: 10px !important;
        padding-right: 0px !important;
    }

    .wrfTaskEditSurround .taskTableSurround tbody tr th {
        padding-left: 5px;
        padding-right: 5px;
    }

    .wrfTaskEditSurround .taskTableSurround tbody tr td {
        padding-left: 7px;
        padding-right: 7px;
    }

    .wrfTaskEditSurround .taskTableSurround .CTableHeading {
        height: 31px;
        font-size: 14px;
    }

    .wrfTaskEditSurround .taskTableSurround table,
    .wrfTaskEditSurround .taskTableSurround table .CAltTableBackground {
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

        .wrfTaskEditSurround .taskTableSurround table .CAltTableBackground {
            border: none;
        }

    .wrfTaskEditSurround .CTableHeading th {
        border: 1px solid #d1d1d1;
        border-color: #d1d1d1 !important;
    }

    .wrfTaskEditSurround .taskTableSurround input[type="checkbox"] {
        margin: 2px 0 0;
    }

    .wrfTaskEditSurround .CSubTitle {
        padding-bottom: 5px !important;
        padding-left: 7px !important;
    }

    .wrfTaskEditSurround .cGreyBox {
        padding: 5px 0px 0px 0px !important;
    }

    .wrfTaskEditSurround .rowRecurringOptionValuesSurround td {
        padding-right: 6px !important;
        padding-bottom: 3px !important;
    }

    /*#endregion wrfTaskEdit Page End (KYLE)*/

    /*#region NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages Start (KYLE)*/

    .NewPasswordRequestSurround .responsivePaddingTop4 {
        padding-top: 4px !important;
    }

    .QuestionnaireQueryReportSurround .dxeButtonEdit,
    .QuestionnaireQueryReportSurround .our-form-control,
    .QuestionnaireQueryReportSurround .dxeTextBox,
    .QuestionnaireQueryReportSurround .dxeMemo,
    .homepageSurround .dxeButtonEdit,
    .homepageSurround .dxeTextBox,
    .homepageSurround .our-form-control {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
    }

    .NewPasswordRequestSurround .our-form-control {
        width: 100% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .NoAccessSurround .mainBodySurround {
        border: 1px solid #1E3578;
    }

    .homepageSurround #ctl00_body_dockZoneEventActivity {
        height: auto !important;
    }

    .loginSurround #ctl00_body_txtPassword {
        margin-bottom: 6px !important;
        color: black !important;
    }

    .loginSSOSurround a {
        font-size: 14pt !important;
    }

    .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_chkCategories tbody tr td,
    .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_divQuestionnaires tbody tr td {
        display: block !important;
    }


        .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_chkCategories tbody tr td label,
        .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_divQuestions tbody tr td label,
        .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_divQuestionnaires tbody tr td label {
            margin-left: 5px !important;
        }

    .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_imgFour,
    .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_imgThree,
    .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_imgTwo,
    .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_imgOne {
        float: none !important;
        margin: 0px 0px 5px 0px !important;
    }

    .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_lblCriteria,
    .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_lblQuestions,
    .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_lblSections,
    .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_lblCategories {
        float: none !important;
    }

    .QuestionnaireQueryReportSurround .chkSurround label {
        margin-left: 5px !important;
        padding-right: 10px !important;
    }

    .QuestionnaireQueryReportSurround .chkSurround tbody tr td span label {
        margin-left: 5px !important;
        padding-right: 10px !important;
    }

    .QuestionnaireQueryReportSurround .rdoSurround tbody tr td {
        padding-top: 2px !important;
    }

        .QuestionnaireQueryReportSurround .rdoSurround tbody tr td:first-child {
            padding-left: 2px !important;
        }

    .QuestionnaireQueryReportSurround .chkSurround span span label {
        margin-left: 5px !important;
        padding-right: 10px !important;
    }

    .QuestionnaireQueryReportSurround .rdoSurround tbody tr td label {
        margin-left: 5px !important;
        padding-right: 5px !important;
    }

    .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_chkCategories {
        margin-top: -20px !important;
    }

    #FooterContainer.rptSinglePageSurroundFooter .dxeButtonEdit {
        height: 25px !important;
        margin-top: 0px !important;
    }

    .QuestionnaireQueryReportSurround .responsiveMarginTopLbl {
        margin-top: 2px !important;
    }

    .QuestionnaireQueryReportSurround .ui-accordion .ui-accordion-icons {
        padding-left: 5px !important;
    }

    .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_pnlWorkflowStatusFilter .CSubTitle:nth-child(1) {
        margin-top: 5px !important;
    }

    /*#endregion NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages End (KYLE)*/

    /*#region spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages Start (KYLE)*/
    .spmScorersSurround .rdoSurround label,
    .spmSummarySurround .rdoSurround label {
        margin-right: 5px !important;
        padding-left: 5px !important;
        margin-bottom: 0px !important;
    }

    .spmSummarySurround .responsivePaddingTop5 {
        padding-top: 5px !important;
    }

    .spmSuppliersSurround .our-form-control,
    .spmTemplateEditSurround .our-form-control {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
        width: 97% !important;
    }

    .spmSummarySurround .dxeButtonEdit,
    .spmSummarySurround .our-form-control {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
        width: 98% !important;
    }

    .spmScorersSurround .dxeTextBox,
    .spmSuppliersSurround .inviteGridSurround .dxeButtonEdit,
    .spmTemplatesSurround .dxeTextBox {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .spmDashboardSurround .dxeButtonEdit,
    .spmDashboardSurround .dxeTextBox,
    .spmDashboardSurround .our-form-control {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
    }

    .spmSuppliersSurround .dxeButtonEdit,
    .spmSummarySurround .popSurround .dxeButtonEdit {
        width: 100% !important;
    }

    .spmAuditSurround .dxeTextBox,
    .spmAuditSurround .dxeButtonEdit,
    .spmScorersSurround .newScorerSurround .dxeTextBox,
    .spmScorersSurround .newScorerSurround .dxeButtonEdit,
    .spmScorersSurround .groupSurround .dxeButtonEdit {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
        width: 100% !important;
    }

    .spmSuppliersSurround .supplierAddContainer .our-form-control {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
        width: 100% !important;
    }

    .spmDashboardSurround #ctl00_body_dockZoneTop,
    .spmDashboardSurround #ctl00_body_dockZoneBottom {
        height: auto !important;
    }

    .spmSummarySurround .chkSurround label,
    .spmSummarySurround .rdoSurround label {
        font-size: 9pt;
        font-family: Roboto;
        font-weight: normal !important;
        margin-bottom: 5px;
        margin-right: 5px;
        padding-left: 5px;
    }

    .spmSummarySurround #ctl00_body_ucxFrequency_lblYearlyWeeksOn {
        margin-left: 5px !important;
    }

    .spmSummarySurround #ctl00_body_ucxFrequency_lblYearlyOf {
        margin-left: 5px !important;
        vertical-align: sub !important;
    }

    .spmSummarySurround #ctl00_body_ucxFrequency_drpYearlyRow3Month {
        margin-left: 62px !important;
    }

    .spmSummarySurround #ctl00_body_ucxFrequency_drpYearlyDay {
        margin-left: 62px !important;
        margin-top: 1px !important;
    }

    .spmSummarySurround #ctl00_body_ucxFrequency_lblYearlyRecurOn {
        margin-right: 5px !important;
    }

    .spmSummarySurround .rdoYearlyOnTheSurround label {
        margin-top: 4px !important;
        float: left !important;
    }

    .spmSummarySurround .rdoYearlyOnTheSurround input {
        float: left !important;
    }

    .spmSummarySurround .chkSurround tbody tr td {
        display: inline-block !important;
    }

    #FooterContainer.spmScorecardAnswersPrintableVersionReportSurroundFooter .dxeButtonEdit {
        height: 25px !important;
        margin-top: 0px !important;
    }

    /*#endregion spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages End (KYLE)*/

    /*#region proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages Start (KYLE)*/

    .btnShowReport {
        margin-top: 2px;
        margin-right: 2px;
    }

    .proSummarySurround .infoSurround img {
        float: none !important;
        margin-left: 5px !important;
        vertical-align: sub !important;
    }

    .proSuppliersSurround #ctl00_body_grdRFXParticipants_col9,
    .proSuppliersSurround #ctl00_body_grdAuctionParticipants_col11 {
        padding-left: 3px !important;
    }

    .wrfSummarySurround #ctl00_body_ucxQuestionnaireLanguageImportExport_pnlLanguages_lblInformation,
    .wrfSummarySurround #ctl00_body_ucxQuestionnaireLanguageImportExport_pnlLanguages_lblQuestionnaireLanguagesTitle {
        padding-left: 5px !important;
    }

    .proSummarySurround .labelSurround .CSubTitle {
        float: left;
        padding-right: 10px;
    }

    .proAuctionsSurround .chkSurround label,
    .proSearchSurround .chkSurround label {
        margin-right: 5px;
        padding-left: 5px;
    }

    .proSuppliersSurround .dxgvDetailCell {
        padding: 5px !important;
    }

    .proSummarySurround .rdoSurround label,
    .wrfWorkflowCopySurround .rdoSurround label,
    .wrfSummarySurround .rdoSurround label,
    .wrfManageWorkflowSurround .rdoSurround label,
    .proSummarySurround .rdoSurround label,
    .proProjectCopySurround .rdoSurround label,
    .proDocumentsSurround .rdoSurround label {
        margin-right: 5px !important;
        padding-left: 5px !important;
        font-size: 9pt;
    }

    .wrfSummarySurround #ctl00_body_grdWorkflowStatuses_DXEFC span label {
        margin-right: 10px;
        padding-left: 5px;
    }

    .proDetailsCompletionReportSurround .chkSurround label,
    .wrfSummarySurround #ctl00_body_grdWorkflowStatuses_ef0_chkTeams label,
    .wrfSummarySurround #ctl00_body_grdWorkflowStatuses_ef0_chkRoles label,
    .wrfSummarySurround .chkSurround label {
        margin-right: 10px !important;
        padding-left: 5px !important;
        font-size: 9pt;
    }

    .wrfSummarySurround #ctl00_body_btnAcceptanceQuestionnaire_CD {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .wrfSummarySurround .marginTop-5 {
        margin-top: -5px !important;
    }

    .proDocumentsSurround .CLineBreak {
        margin-top: 5px !important;
        margin-bottom: 15px !important;
    }

    .proDocumentsSurround .marginLR4 {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .wrfSummarySurround label {
        margin-bottom: 0px !important;
    }

    .proSummarySurround .responsivePaddingTop5,
    .proAdHocTaskSurround .paddingTop5 {
        padding-top: 5px !important;
    }

    .proAdHocTaskSurround .paddingTop12 {
        padding-top: 12px !important;
    }

    .proAuditSurround {
        padding: 10px;
    }

    .proDetailsSurround .panel-group {
        margin-bottom: 10px !important;
    }

    .proSuppliersSurroundFooter .our-form-control,
    .proAuditSurround .dxeTextBox,
    .proAuditSurround .dxeButtonEdit,
    .proSummarySurround .dxeButtonEdit,
    .proSummarySurround .our-form-control {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
    }

    .proAdHocTaskSurround .dxeButtonEdit,
    .proDashboardSurround .dxeButtonEdit,
    .proDashboardSurround .dxeTextBox,
    .proDashboardSurround .our-form-control {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .wrfSummarySurround .our-form-control {
        width: 93% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .proSuppliersSurround .our-form-control {
        width: 97% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .wrfGroupsSurround .dxeTextBox,
    .proDocumentsSurround .our-form-control,
    .proAdHocTaskSurround .our-form-control {
        width: 98% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .proDetailsSurround .our-form-control {
        width: 100%;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .proSuppliersSurround textarea,
    .proAuctionsSurround textarea,
    .proUpdateAutoUnlockedSurround .our-form-control,
    .proERFXSurround .dxeTextBox,
    .proDetailsSurround .dxeButtonEdit,
    .proSummarySurround .dxeButtonEdit,
    .wrfAcceptanceQuestionnaireSurround .our-form-control,
    .wrfGroupsSurround .dxeButtonEdit,
    .wrfSummarySurround .dxeButtonEdit,
    .wrfSummarySurround .dxeTextBox,
    .wrfManageWorkflowSurround .our-form-control,
    .proProjectValueUpdateSurround .dxeTextBox,
    .proProjectValueUpdateSurround .dxeButtonEdit,
    .proProjectImportSurround #ctl00_body_lstDetails,
    .proProjectImportSurround .dxeButtonEdit,
    .proSearchSurround .our-form-control,
    .proDetailsSurround .dxeTextBox,
    .proSpectatorsSurround .dxeButtonEdit {
        width: 100% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .proSuppliersSurround textarea,
    .proAuctionsSurround textarea {
        height: auto !important;
        float: none !important;
    }

    .proSuppliersSurround .CSectionMenu ul li a,
    .proERFXSurround #ctl00_body_SectionMenu ul li a {
        height: 25px !important;
        border-radius: 4px !important;
        padding-left: 12px !important;
    }

    .proSetupWizardSurround #ctl00_body_grdCompanyWorkflows,
    .proDocumentsSurround #ctl00_body_UploadDoc {
        width: 100% !important;
    }

    .wrfSummarySurround #ctl00_body_lbDisplayAllDetailQuestionsForWorkflowForm {
        height: 100% !important;
    }

    .proSuppliersSurround #ctl00_body_grdProjectParticipants_col9 {
        text-align: center !important;
        padding-left: 3px !important;
    }

    .proDetailsSurround .textAlignment {
        text-align: right;
        padding-right: 5px !important;
    }

    .proUpdateAutoUnlockedSurround .textAlignment {
        text-align: right;
        padding-right: 5px !important;
    }

    .proSuppliersSurround .dxgvDetailCell #ctl00_body_grdRFXParticipants_header9_chkAllParticipants,
    .proSuppliersSurround .dxgvDetailCell #ctl00_body_grdAuctionParticipants_header11_chkAllParticipants,
    .proSuppliersSurround .dxgvDetailCell #ctl00_body_grdProjectParticipants_header9_chkAllParticipants,
    .proSuppliersSurround .dxgvHeader .selectAllLabel {
        display: none;
    }

    .proSearchSurround .chkSurround tbody tr td {
        display: block !important;
    }

    .wrfSummarySurround .CLabel {
        display: inline-block;
    }

    .proSummarySurround .supplierSelectionSurround .CRemoveIEClearDevExpress {
        box-shadow: none !important;
    }

    .proAuctionsSurround .grdAuctionsSurround tbody tr th,
    .proAuctionsSurround .grdAuctionsSurround tbody tr td,
    .wrfManageWorkflowSurround .workflowTableSurround tbody tr th,
    .proSetupWizardSurround .workflowTableSurround tbody tr th,
    .proSetupWizardSurround .workflowTableSurround tbody tr td,
    .proDocumentsSurround .documentsTableSurround tbody tr th,
    .proDocumentsSurround .documentsTableSurround tbody tr td {
        padding-left: 5px;
        padding-right: 5px;
    }

    .proAuctionsSurround .grdAuctionsSurround .CTableHeading,
    .wrfManageWorkflowSurround .workflowTableSurround .CTableHeading,
    .proSetupWizardSurround .workflowTableSurround .CTableHeading,
    .proDocumentsSurround .documentsTableSurround .CTableHeading {
        height: 31px;
        font-size: 12px;
    }

    .proAuctionsSurround .grdAuctionsSurround table .CAltTableBackground,
    .proSetupWizardSurround .workflowTableSurround table .CAltTableBackground,
    .proDocumentsSurround .documentsTableSurround table .CAltTableBackground {
        border: none;
    }

    .proSetupWizardSurround .minWidth250,
    .proDocumentsSurround .minWidth250,
    .wrfManageWorkflowSurround .minWidth250 {
        min-width: 250px !important;
    }

    .proAuctionSummaryReportSurround .minWidth200,
    .proAuctionKPIReportSurround .minWidth200 {
        min-width: 200px !important;
    }

    .proAuctionSummaryReportSurround .minWidth100,
    .proAuctionKPIReportSurround .minWidth100 {
        min-width: 100px !important;
    }

    .proSetupWizardSurround .minWidth75 {
        min-width: 75px !important;
    }

    .proDocumentsSurround .minWidth50,
    .wrfManageWorkflowSurround .minWidth50 {
        min-width: 50px !important;
    }

    .proProjectSummaryReportSurroundFooter#FooterContainer .dxeButtonEdit {
        height: 25px !important;
        margin-top: 0px !important;
    }

    .proProjectSummaryReportSurroundFooter {
        background: #f0f0f0 !important;
    }

    .proDashboardSurround #ctl00_body_dockZoneTop,
    .proDashboardSurround #ctl00_body_dockZoneBottom {
        height: auto !important;
    }

    .proAuctionsSurround #ctl00_body_grdAuctions tbody tr th:nth-child(1) {
        min-width: 225px !important;
    }

    .proAuctionsSurround #ctl00_body_grdAuctions tbody tr th:nth-child(2) {
        min-width: 125px !important;
    }

    .proAuctionsSurround #ctl00_body_grdAuctions tbody tr th:nth-child(3) {
        min-width: 75px !important;
    }

    .proAuctionsSurround #ctl00_body_grdAuctions tbody tr th:nth-child(4) {
        min-width: 75px !important;
    }

    .proAuctionsSurround #ctl00_body_grdAuctions tbody tr th:nth-child(n+5) {
        min-width: 150px !important;
    }

    .proSuppliersSurround .responsiveButtonStyling {
        background: #fff !important;
        width: auto;
    }

        .proSuppliersSurround .responsiveButtonStyling:hover {
            background-color: #f3f3f3 !important;
        }


    .proDocumentsReportSurround #ctl00_body_ucxQuestionnaireDocuments_tabsDocuments_CC {
        border-top: 0px solid #A8A8A8 !important;
    }

    .proSummarySurround #ctl00_body_popRemoveProject_PW-1 .dxpc-header.dxpc-withBtn {
        padding: 10px !important;
    }

    .proSummarySurround #ctl00_body_popRemoveProject_PW-1 ul {
        margin-top: 10px !important;
    }

    /*#endregion proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages End (KYLE)*/
    /*#region srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages Start (KYLE)*/

    .srgCustomReportFullScreenSurround #ctl00_body_rmFullScreen_callbackPanelReport_splitterCustomReports_CustomReportsFullScreenSurround {
        display: none !important;
    }

    /*report panel spacings for anchor tags*/
    @media (min-width: 653px) {
        #ctl00_body_rmFullScreen_callbackPanelReport_splitterCustomReports_btnChangeCreator,
        #ctl00_body_rmFullScreen_callbackPanelReport_splitterCustomReports_btnSaveLayout {
            padding-right: 14px !important;
        }
    }

    .srgWizImportSuppliersSurround .rdoSurround,
    .srgWizImportSuppliersSurround .rdoSurround .dxe {
        padding-left: 0px;
    }

    /* srgWizImportSuppliers: the legacy ASPxPopupControls used PopupVerticalAlign="WindowCenter", but
       Bootstrap 3 has no .modal-dialog-centered (that is BS4+) so its modals sit at the top of the
       viewport. These three rules are the standard BS3 vertical-centring technique, scoped to this
       page's two ported modals. (MH - 31/07/2026) */
    .srgWizImportSuppliersSurround .modal {
        text-align: center;
    }

    .srgWizImportSuppliersSurround .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .srgWizImportSuppliersSurround .modal-dialog {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }

    /* srgWizReviewAndPublish: same as above — its two legacy ASPxPopupControls used
       PopupVerticalAlign="WindowCenter", which Bootstrap 3 has no equivalent for, so the ported
       modals need the standard BS3 vertical-centring technique. (MH - 31/07/2026) */
    .srgWizReviewAndPublishSurround .modal {
        text-align: center;
    }

    .srgWizReviewAndPublishSurround .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

    .srgWizReviewAndPublishSurround .modal-dialog {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
    }

    .srgWizCategoriesSurround .pnlSummarySurround td {
        padding: 1px !important;
    }

    .srgSupplierInviteSurround .responsivePaddingLeft2 {
        padding-left: 2px;
    }

    .srgQuestionnaireCompareReportSurround .responsivePaddingLeft15 {
        padding-left: 15px !important;
    }

    .QuestionnaireDocumentsSurround .paddingTop3 {
        padding-top: 3px !important;
    }

    .srgBuyerCompanyDetailsEditSurround .responsivePaddingTop4 {
        padding-top: 4px !important;
    }

    .srgWizCategoriesSurround .CLineBreak {
        margin-top: 0px !important;
    }

    .QuestionnaireDetailFormSurround .marginBottom4 {
        margin-bottom: 4px !important;
    }

    .srgCompletionReportSurround .chkSurround label {
        margin-right: 5px;
        padding-left: 5px;
        font-weight: bold !important;
        display: inherit;
    }

    .srgManageUploadsSurround .chkSurround label {
        margin-right: 15px;
        padding-left: 5px;
    }

    .QuestionnaireDocumentSummarySurround #ctl00_body_chkShowVoidedDocuments {
        float: right;
        margin-left: 5px !important;
        margin-right: 15px !important;
    }

    .srgSupplierCategoriesSurround .chkSurround label,
    .srgWizConfigurationSurround .chkSurround label {
        margin-right: 5px;
        padding-left: 5px;
    }

    .QuestionnaireDocumentSummarySurround #ctl00_body_popupNotes_PW-1 {
        width: 320px !important;
    }

    .srgWizCategoriesSurround #ctl00_body_popupDeleteQuestionnaire_PW-1 {
        width: 398px !important;
    }

    .srgWizGeneralQuestionnaireSurround #ctl00_body_popupDeleteQuestionnaire_PW-1,
    .srgWizImportSuppliersSurround #ctl00_body_popupConfirmExport_PW-1,
    .srgWizReviewAndPublishSurround #ctl00_body_popupContactEmailValidation_PW-1,
    .srgWizReviewAndPublishSurround #ctl00_body_popupConfirmPublish_PW-1,
    .srgWizConfigurationSurround #ctl00_body_popManualValidation_PW-1 {
        width: 400px !important;
    }

    .srgSupplierReviewAndSubmitSurround #ctl00_body_popSubmitWarning_PW-1,
    .srgSupplierCategoriesSurround #ctl00_body_popProgress_PW-1,
    .srgSupplierSupplierDetailsSurround #ctl00_body_popProgress_PW-1 {
        width: 408px !important;
    }

    .srgSupplierCategorySurround #ctl00_body_popProgress_PW-1,
    .srgSupplierReviewAndSubmitSurround #ctl00_body_popProgress_PW-1 {
        width: 410px !important;
    }

    .srgWizCategoriesSurround #ctl00_body_popupCreateBlankCategoryQuestionnaire_PW-1,
    .srgWizCategoriesSurround #ctl00_body_popupRenameQuestionnaire_PW-1 {
        width: 428px !important;
    }

    .srgSupplierWelcomeScreenSurround #ctl00_body_popSelectLanguage_PW-1 {
        width: 450px !important;
    }

    .srgWizImportSuppliersSurround #ctl00_body_popImportSIMSuppliers_PW-1 {
        width: 468px !important;
    }

    .srgSupplierUpdateAutoUnlockedSurround #ctl00_body_popSubmit_PW-1 {
        width: 498px !important;
    }

    .srgSupplierInviteSurround #ctl00_body_popDetailsSaved_PW-1 {
        width: 500px !important;
    }

    .QuestionnaireDocumentSummarySurround #ctl00_body_popUpElectronicSignatureError_PW-1 {
        width: 600px !important;
    }

    .srgWizGeneralQuestionnaireSurround #ctl00_body_popTemplates_PW-1,
    .srgWizCategoriesSurround #ctl00_body_popTemplates_PW-1 {
        width: 750px !important;
    }

    .srgWizConfigurationSurround .srgWizTblCategoryDescriptions tbody tr td:nth-of-type(3n) {
        width: 71%;
        padding-left: 32px !important;
    }

    .srgSupplierInviteSurround .srgRequired {
        background-color: #fffeb0;
    }

    .srgSupplierInviteSurround .srgRequired:-webkit-autofill,
    .srgSupplierInviteSurround .srgRequired:-webkit-autofill:hover,
    .srgSupplierInviteSurround .srgRequired:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0 1000px #fffeb0 inset !important;
        -webkit-text-fill-color: #333 !important;
    }

    /* Legacy ValidationMessageFor("*") renders the red star BESIDE the input, not wrapped below it —
       the new form-control fills its column, so anchor the star just past the input's right edge */
    .srgSupplierInviteSurround div:has(> .srgRequiredStar) {
        position: relative;
    }

    .srgSupplierInviteSurround .srgRequiredStar {
        position: absolute;
        left: 100%;
        top: 6px;
        padding-left: 2px;
        font-weight: bold;
    }

    .srgSupplierInviteSurround .passwordStrengthDiv,
    .srgSupplierInviteSurround .our-form-control {
        width: 95% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .QuestionnaireDetailFormSurround .headerSurround .our-form-control,
    .srgSupplierRegistrationSurround .dxeTextBox,
    .srgSupplierRegistrationSurround .our-form-control,
    .srgSupplierSupplierUserDetailsSurround .our-form-control {
        width: 98% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .srgBuyerCompanyDetailsEditSurround #ctl00_body_divSectionMenu ul li a,
    .srgBuyerCategoriesSurround #ctl00_body_divSectionMenu ul li a {
        height: 25px !important;
        border-radius: 4px !important;
        padding-left: 12px !important;
    }

    .srgWizConfigurationSurround .dxeValidDynEditorTable {
        width: 100%
    }

    .QuestionnaireLanguageImportExportSurround #ctl00_body_ucxQuestionnaireLanguageImportExport_pnlLanguages_txtNewLanguage {
        width: 100% !important;
    }

    .QuestionnaireDocumentSummarySurround .textAlignCenter,
    .srgManageUploadsSurround .textAlignCenter {
        text-align: center;
    }

    .srgManageUploadsSurround #ctl00_body_grdSuppliers_col10 {
        text-align: center;
        padding-left: 3px;
    }

    .srgSupplierWelcomeScreenSurround .textAlignment {
        text-align: right;
    }

    .srgSupplierUpdateAutoUnlockedSurround .textAlignment,
    .srgSupplierWelcomeScreenSurround .textAlignment,
    .srgSupplierSupplierDetailsSurround .textAlignment,
    .srgSupplierCategoriesSurround .textAlignment,
    .srgSupplierCategorySurround .textAlignment,
    .srgSupplierReviewAndSubmitSurround .textAlignment {
        text-align: right;
        padding-right: 5px !important;
    }

    .srgCustomReportFullScreenSurround .dxeButtonEdit,
    .srgCustomReportFullScreenSurround .dxeTextBox,
    .srgBuyerCompanyDetailsEditSurround .our-form-control,
    .srgBuyerCategoriesSurround #ctl00_body_lstTeams,
    .srgBuyerCategoriesSurround #ctl00_body_lstSelectedAreas,
    .srgBuyerCategoriesSurround .our-form-control,
    .QuestionnaireDetailFormSurround .dxeButtonEdit,
    .QuestionnaireDocumentsSurround .dxeTextBox,
    .srgSupplierUpdateAutoUnlockedSurround .our-form-control,
    .srgAuditConfirmationSurround .dxeButtonEditSys,
    .srgAuditConfirmationSurround .dxeTextBox,
    .QuestionnaireDocumentSummarySurround .dxeMemo,
    .SIMLockingReasonSurround .dxeTextBox,
    .srgManageUploadsSurround .our-form-control,
    .srgSupplierCategorySurround .our-form-control,
    .srgSupplierReviewAndSubmitSurround .our-form-control,
    .srgSupplierCategoriesSurround .our-form-control,
    .srgSupplierSupplierDetailsSurround .our-form-control,
    .srgWizGeneralQuestionnaireSurround .dxeButtonEdit,
    .srgSupplierWelcomeScreenSurround .our-form-control,
    .srgWizQuestionLevelsSurround .dxeButtonEdit,
    .srgWizImportSuppliersSurround .dxeTextBox,
    .srgWizImportSuppliersSurround .dxeButtonEditSys,
    .srgWizCategoriesSurround .popSurround .dxeButtonEditSys,
    .srgWizCategoriesSurround .dxeTextBox,
    .srgWizConfigurationSurround .our-form-control,
    .srgWizConfigurationSurround .dxeValidDynEditorTable .dxeMemoSys,
    .srgWizConfigurationSurround .dxeButtonEditSys,
    .srgWizConfigurationSurround .dxeTextBox {
        width: 100% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .srgDashboardSurround .dxeButtonEdit,
    .srgDashboardSurround .dxeTextBox,
    .srgDashboardSurround .our-form-control,
    .srgBuyerSupplierAnswersPrintableVersionReportSurroundFooter .dxeButtonEdit,
    .QuestionnaireDetailFormSurround .popSurround .our-form-control {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    #FooterContainer.srgBuyerSupplierAnswersPrintableVersionReportSurroundFooter .dxeButtonEdit {
        height: 25px !important;
        margin-top: 0px !important;
    }

    .srgSupplierInviteSurround .passwordChangeIndicatorNoMatch,
    .srgSupplierInviteSurround .passwordChangeIndicatorMatch,
    .srgSupplierInviteSurround .passwordChangeIndicatorStrong,
    .srgSupplierInviteSurround .passwordChangeIndicatorMedium,
    .srgSupplierInviteSurround .passwordChangeIndicatorWeak {
        height: 23px !important;
        border-radius: 3px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        float: left;
        padding-left: 2px;
        padding-top: 3px;
    }

    .srgWizConfigurationSurround #ctl00_body_chkAdvancedSearchAccessRoles tbody tr td,
    .srgWizConfigurationSurround #ctl00_body_chkAdvancedSearchAccessTeams tbody tr td {
        display: block !important;
    }

    .QuestionnaireLanguageImportExportSurround input[type="file"] {
        display: inline-block !important;
    }

    .srgAuditConfirmationSurround .dxgvDetailCell #ctl00_body_grdAudit_header6_chkAll,
    .srgAuditConfirmationSurround .dxgvHeader .selectAllLabel,
    .srgManageUploadsSurround .dxgvDetailCell #ctl00_body_grdSuppliers_header10_cbAll,
    .srgManageUploadsSurround .dxgvHeader .selectAllLabel {
        display: none;
    }

    .QuestionnaireLanguageImportExportSurround img {
        vertical-align: top !important;
    }

    .QuestionnaireDetailFormSurround .headerSurround img,
    .srgSupplierCategoriesSurround #ctl00_body_ucxSIMPreviewQuestionLevel_imgInfo,
    .srgSupplierSupplierDetailsSurround #ctl00_body_ucxSIMPreviewQuestionLevel_imgInfo,
    .srgSupplierWelcomeScreenSurround #ctl00_body_ucxSIMPreviewQuestionLevel_imgInfo,
    .srgSupplierSupplierUserDetailsSurround #ctl00_body_ucxSpecialCharInfo_imgPasswordSpecialCharInfo,
    .srgSupplierInviteSurround #ctl00_body_ucxSpecialCharInfo_imgPasswordSpecialCharInfo,
    .srgSupplierReviewAndSubmitSurround #ctl00_body_ucxSpecialCharInfo_imgPasswordSpecialCharInfo,
    .srgWizCategoriesSurround p img {
        vertical-align: sub !important;
    }

    .srgWizReviewAndPublishSurround .fontFix {
        font-family: Roboto;
    }

    .srgWizCategoriesSurround p {
        font-family: Roboto;
        font-size: 12px;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .QuestionnaireDocumentSummarySurround .genericCheckBox label {
        font-weight: bold !important;
    }

    .srgBuyerSupplierAnswersPrintableVersionReportSurroundFooter {
        background: #f0f0f0 !important;
    }

    .srgDashboardSurround #ctl00_body_dockZoneTop,
    .srgDashboardSurround #ctl00_body_dockZoneBottom,
    .srgDashboardSurround #ctl00_body_dockZoneBottomFind,
    .srgDashboardSurround #ctl00_body_dockZoneBottomOnboard,
    .srgDashboardSurround #ctl00_body_dockZoneBottomApprove,
    .srgDashboardSurround #ctl00_body_dockZoneBottomManage,
    .srgDashboardSurround #ctl00_body_dockZoneBottomWorkflow,
    .srgDashboardSurround #ctl00_body_dockZoneBottomReports {
        height: auto !important;
    }

    .srgDashboardSurround #ctl00_body_popupIncompleteSIMWizard_PW-1 {
        position: absolute;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        z-index: 499 !important;
    }

    .srgDocumentsSurround #ctl00_body_ucxQuestionnaireDocuments_tabsDocuments_CC {
        border-top: 0px solid #A8A8A8 !important;
    }

    .SIMLockingReasonSurround #ctl00_body_ucxSIMLockingReason_pnlSIMLockingReason_popSIMLockingReason_txtLockingReason_ET tbody tr td {
        white-space: normal !important;
    }

    /*#endregion srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages Start (KYLE)*/

    /*#region aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages Start (KYLE)*/

    .aucFutureLiveAuctionsSurround .adaptiveOnly,
    .aucFutureLiveAuctionsSurround #grdFuture .dxgvDetailRow .nonAdaptive {
        display: none;
    }

    .CompanyToCompanyEventTransferSurround .paddingLbl {
        display: inline !important;
    }

    .aucFutureLiveAuctionsSurround #grdFuture .dxgvDetailRow .adaptiveOnly,
    .aucFutureLiveAuctionsSurround .nonAdaptive {
        display: block;
    }

    .aucFutureLiveAuctionsSurround #ctl00_body_callbackPanel_gridLive_DXMainTable .dx-wrap,
    .aucFutureLiveAuctionsSurround #ctl00_body_callbackPanel_grdFuture .dx-wrap,
    .aucAuctionSupplierDocumentsSurround #ctl00_body_grdAuctionDocuments td,
    .manEventsSurround #ctl00_body_ctl00_grdInvites .dx-wrap,
    .manEventsSurround #ctl00_body_ctl00_grdProject .dx-wrap,
    .manEventsSurround #ctl00_body_ctl00_grdRFX .dx-wrap,
    .manEventsSurround #ctl00_body_ctl00_grdAuction .dx-wrap {
        word-break: break-word !important;
    }

    .aucAuctionSupplierDocumentsSurround #ctl00_body_grdAuctionDocuments .dxgvDetailCell table tbody tr td:first-child,
    .manEventsSurround #ctl00_body_ctl00_grdInvites .dxgvDetailCell table tbody tr td:first-child,
    .manEventsSurround #ctl00_body_ctl00_grdRFX .dxgvDetailCell table tbody tr td:first-child,
    .manEventsSurround #ctl00_body_ctl00_grdAuction .dxgvDetailCell table tbody tr td:first-child {
        white-space: pre-wrap !important;
        word-break: break-word !important;
    }

    .manEventsSurround #ctl00_body_ctl00_grdProject .dxgvDetailCell table tbody tr td:first-child {
        white-space: inherit !important;
        word-break: break-word !important;
    }

    .aucFutureLiveAuctionsSurround #ctl00_body_callbackPanel_gridLive_DXMainTable .dxgvDetailCell table tbody tr td:first-child,
    .aucFutureLiveAuctionsSurround #ctl00_body_callbackPanel_grdFuture .dxgvDetailCell table tbody tr td:first-child {
        white-space: normal !important;
        word-break: break-word !important;
    }

    .AuctionBid2Surround .dx-ar > *,
    .aucAuctionAutoTrainerSurround .dx-ar > * {
        float: left !important;
    }

    .aucAuctionAutoTrainerSurround .cellBackground {
        background-color: #f8f8f8;
    }

    .AuctionBid2Surround .adjustItemBidSurroundCell {
        text-align: center;
    }

    /* Item reserve Met / Not met. Legacy set lblReserve.ForeColor to Color.Green / Color.Red in
       renderItemReserve; the ported grid emits these classes instead of an inline colour so the
       styling stays out of the cell template. Scoped to the control's surround. */
    .AuctionBid2Surround .auctionBidReserveMet {
        color: #008000;
    }

    .AuctionBid2Surround .auctionBidReserveNotMet {
        color: #ff0000;
    }

    /* Excel bid validation report. Legacy rendered this as a DevExpress ASPxGridView inside an
       ASPxPopupControl; the port uses a plain table in a Bootstrap modal. Deliberately NOT Bootstrap's
       .table — that applies its own border model and would override these per-cell borders (§9.16). */
    .AuctionBid2Surround .auctionBidValidationTable {
        width: 100%;
        border-collapse: collapse;
    }

        .AuctionBid2Surround .auctionBidValidationTable th {
            background-color: #fafafa;
            font-weight: bold;
            border-right: 1px solid #d1d1d1;
            border-bottom: 1px solid #d1d1d1;
            padding: 4px 6px;
            text-align: left;
        }

        .AuctionBid2Surround .auctionBidValidationTable td {
            border-bottom: 1px solid #cfcfcf;
            padding: 4px 6px;
            vertical-align: middle;
        }

    .aucAuctionAutoTrainerSurround .labelCell,
    .aucAuctionAutoTrainerSurround .textCell {
        border: 1px Solid #d1d1d1;
        padding-left: 5px !important;
        padding-right: 5px !important;
        height: 31px !important;
    }

    .AuctionBid2Surround .disabledTextBox,
    .aucAuctionAutoTrainerSurround .disabledTextBox {
        border: none;
    }

        .AuctionBid2Surround .disabledTextBox:focus,
        .aucAuctionAutoTrainerSurround .disabledTextBox:focus {
            border: none !important;
            outline: none !important;
        }

    .AuctionBid2Surround .CLarge,
    .aucAuctionAutoTrainerSurround .CLarge {
        font-size: 9pt;
    }

    .AuctionBidJapaneseMultiSurround .CTableBackground tr td,
    .AuctionBidJapaneseMultiSurround .CTableBackground,
    .AuctionBid2Surround .CTableBackground tr td,
    .AuctionBid2Surround .CTableBackground,
    .aucAuctionAutoTrainerSurround .CTableBackground tr td,
    .aucAuctionAutoTrainerSurround .CTableBackground,
    .aucAuctionSupplierDocumentsSurround .CTableBackground,
    .aucAuctionSupplierDocumentsSurround .CTableBackground tr td,
    .aucAuctionSupplierAuctionItemsSurround .CTableBackground tr td,
    .aucAuctionSupplierAuctionItemsSurround .CTableBackground {
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

        .AuctionBidJapaneseMultiSurround .CTableBackground th {
            font-size: 14px !important;
            border: 1px solid #ccc !important;
        }

        .AuctionBidJapaneseMultiSurround .CTableBackground td {
            font-size: 12px !important;
            height: 40px !important;
        }

        .AuctionBidJapaneseMultiSurround .CTableBackground th,
        .AuctionBidJapaneseMultiSurround .CTableBackground td {
            padding: 2px 7px;
            text-align: left;
        }

        .AuctionBid2Surround .CTableBackground td,
        .aucAuctionAutoTrainerSurround .CTableBackground td,
        .aucAuctionSupplierDocumentsSurround .CTableBackground td,
        .aucAuctionSupplierAuctionItemsSurround .CTableBackground td {
            padding-left: 7px;
            padding-right: 7px;
            padding-top: 2px !important;
            padding-bottom: 2px !important;
            text-align: left;
        }

    .AuctionBidJapaneseMultiSurround .CTableHeading td,
    .AuctionBid2Surround .CTableHeading td,
    .aucAuctionAutoTrainerSurround .CTableHeading td,
    .aucAuctionSupplierDocumentsSurround .CTableHeading td,
    .aucAuctionSupplierAuctionItemsSurround .CTableHeading td {
        padding-left: 5px;
        padding-right: 5px;
        font-weight: 600 !important;
    }

    .aucAuctionSupplierDocumentsSurround .CTableBackground td span,
    .aucAuctionSupplierAuctionItemsSurround .CTableBackground td span {
        vertical-align: bottom !important;
    }

    .AuctionBidJapaneseMultiSurround .CTableHeading td,
    .AuctionBid2Surround .CTableHeading td,
    .aucAuctionAutoTrainerSurround .CTableHeading td,
    .aucAuctionSupplierDocumentsSurround .CTableHeading td,
    .aucAuctionSupplierAuctionItemsSurround .CTableHeading td {
        border: 1px solid #d1d1d1;
        border-color: #d1d1d1 !important;
    }

    .AuctionBidJapaneseMultiSurround .CTableHeading {
        height: 30px !important;
    }

    .AuctionBid2Surround .CTableHeading,
    .aucAuctionAutoTrainerSurround .CTableHeading,
    .aucAuctionSupplierDocumentsSurround .CTableHeading,
    .aucAuctionSupplierAuctionItemsSurround .CTableHeading {
        height: 40px;
        background-color: #fafafa;
        color: #525252 !important;
        font-size: 12px;
    }

    .AuctionBidJapaneseMultiSurround .highlightRow td,
    .AuctionBid2Surround .highlightRow td {
        background-color: #ffffaa !important;
        color: black !important;
    }

    .AuctionBidJapaneseMultiSurround .textAlignCenter {
        text-align: center !important;
    }

    .aucAuctionItemsSurround .dxpnlControl {
        font-family: Roboto;
    }

    .aucAuctionWelcomeSurround h1 {
        font-size: 28px;
    }

    .aucAuctionItemsAddSurround .CLabel {
        float: left !important;
        text-align: left !important;
    }

    .AuctionBidJapaneseMultiSurround .alignMoreInfo,
    .AuctionBid2Surround .alignMoreInfo,
    .aucAuctionAutoTrainerSurround .alignMoreInfo {
        vertical-align: sub !important;
    }

    .aucAuctionSetupSurround .alignTop {
        vertical-align: top;
    }

    .aucAuctionSetupSurround #ctl00_body_rowtxtAuctionMessaging {
        padding-left: 0px !important;
    }

    .aucAuctionItemsAddSurround .CSubTitle {
        padding-left: 3px !important;
    }

    .aucAuctionBidStatusSurround .paddingLeft5 {
        padding-left: 5px !important;
    }

    .jpnAuctionBidStatusMultiSurround .chkSurround label {
        padding-left: 5px !important;
        margin-right: 5px !important;
    }

    .aucAuctionItemsAddSurround .drpDecimalPlacesPadding {
        padding-right: 0px !important;
    }

    .CompanyToCompanyEventTransferSurround .paddingImg {
        padding-bottom: 2px !important;
        padding-right: 2px !important;
    }

    .jpnAuctionBidStatusMultiSurround .responsivePaddingTop1 {
        padding-top: 1px !important;
    }

    .jpnAuctionBidAnalysisSurround .responsivePaddingTop2 {
        padding-top: 2px !important;
    }

    .jpnAuctionBidStatusMultiSurround .responsivePaddingTop5 {
        padding-top: 5px !important;
    }

    .aucAuctionItemsAddSurround .optionsPadding {
        padding-top: 5px !important;
    }

    .aucAuctionBidStatusSurround .paddingTopBottom5,
    .aucAuctionItemsAddSurround .pricesPadding {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .aucAuctionAutoTrainerSurround .textCell {
        padding-top: 6px !important;
    }

    .jpnAuctionBidStatusMultiSurround .responsivePaddingTop7 {
        padding-top: 7px !important;
    }

    .aucAuctionAutoTrainerSurround .labelCell {
        padding-top: 7px !important;
        font-weight: bold;
    }

    .jpnAuctionBidAnalysisSurround .paddingBottom4 {
        padding-bottom: 4px !important;
    }

    .aucAuctionItemsAddSurround .rightColumnPadding {
        padding-bottom: 5px !important;
    }

    .jpnAuctionBidAnalysisSurround .responsivePaddingBottom7 {
        padding-bottom: 7px !important;
    }

    .jpnAuctionBidStatusMultiSurround #divMessaging {
        padding-bottom: 15px !important;
    }

    .aucAuctionSetupSurround .responsiveSeparatorPadding {
        padding-left: 1% !important;
        padding-right: 1% !important;
    }

    .aucHistoricAuctionSurround .row {
        margin-left: -10px !important;
        margin-right: -10px !important;
    }

    .aucAuctionItemsSurround .responsiveMargin-8 {
        margin-right: -8px !important;
        margin-left: -8px !important;
    }

    .ImportItemSurround .row,
    .aucAuctionCopyTrainingSurround input[type="radio"],
    .aucAuctionCopySurround input[type="radio"],
    .aucAuctionItemsAddSurround input[type="radio"],
    .aucAuctionSupplierAuctionDetailsSurround #dialogueBox,
    .aucAuctionItemsAddSurround #dialogueBox,
    .aucAuctionItemsSurround input[type="radio"],
    .aucAuctionSetupSurround input[type="radio"],
    .aucAuctionSupplierAuctionDetailsSurround .row,
    .aucAuctionRemoveSurround .row,
    .manDocumentCopySurround input[type="radio"] {
        margin: 0px !important;
    }

    .aucAuctionItemsSurround .responsiveMargin0 {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .aucAuctionItemsSurround input[type="checkbox"] {
        margin: 1px 0 0;
    }

    .aucAuctionSetupSurround input[type="checkbox"] {
        margin: 2px 0 0;
    }

    .aucAuctionSupplierBidsSurround #dialogueBox,
    .AuctionBid2Surround #dialogueBox,
    .aucAuctionSupplierAuctionDetailsSurround #dialogueBox,
    .aucAuctionAutoTrainerSurround #dialogueBox {
        margin-left: 5px;
        margin-right: 5px;
    }

    .aucAuctionItemsAddSurround .chkSurround label,
    .ViewAuctionCeilingsSurround .chkSurround label {
        margin-right: 3px !important;
        padding-left: 3px !important;
    }

    .CompanyToCompanyEventTransferSurround #ctl00_body_ucxCompanyToCompanyEventTransfer_ASPxPopupControl1_divWouldLikeToEdit label,
    .CompanyToCompanyEventTransferSurround #ctl00_body_callbackPopulatePopup_ucxCompanyToCompanyEventTransfer_ASPxPopupControl1_divWouldLikeToEdit label,
    .aucAuctionItemsSurround #ctl00_body_dxCallbackItemDetails_ynPartialBids_rdoYesNo label,
    .aucAuctionSetupSurround #ctl00_body_rdoIsMultiAuction label,
    .aucAuctionCopyTrainingSurround #ctl00_body_ynEditNow_rdoYesNo label,
    .aucAuctionCopySurround #ctl00_body_ynEditNow_rdoYesNo label,
    .aucAuctionItemsAddSurround .rdoSurround2 label,
    .manDocumentCopySurround #ctl00_body_ynEditNow_rdoYesNo label {
        margin-right: 5px;
        padding-left: 5px;
    }

    .jpnAuctionBidAnalysisSurround .rdoSurround label {
        margin-right: 10px !important;
        padding-left: 5px !important;
        margin-top: 10px !important;
    }

    .aucAuctionItemsAddSurround .rdoSurround1 label {
        margin-right: 7px;
        padding-left: 5px;
    }

    .ImportItemSurround hr {
        margin-top: 0px !important;
        margin-bottom: 15px !important;
    }

    .ImportItemSurround #ctl00_body_ucxImportItem_popImportFromExcel_valSupplierUpload ul {
        margin-top: 10px !important;
        padding-left: 25px !important;
    }

    .manEventsSurround .keyLblPadding {
        padding-left: 3px !important;
        padding-top: 3px !important;
    }

    .AuctionBid2Surround .responsivePaddingLeft10 {
        padding-left: 10px !important;
    }

    .manEventsSurround .keyChkPadding {
        padding-left: 12px !important;
    }

    .AuctionBid2Surround .dxgvDetailRow td.dxgvDetailCell,
    .aucAuctionAutoTrainerSurround .dxgvDetailRow td.dxgvDetailCell {
        padding: 16px 10px !important;
    }

    .CompanyToCompanyEventTransferSurround .paddingDrp {
        padding-top: 6px !important;
        padding-right: 1px !important;
    }

    .aucAuctionItemsAddSurround .responsiveMarginBottom3 {
        margin-bottom: 3px !important;
    }

    .aucTemplateAuctionsSurround .padlockMargin,
    .aucAuctionSetupSurround .responsiveMarginBottom5 {
        margin-bottom: 5px !important;
    }

    .aucAuctionItemsAddSurround .responsiveMarginBottom9 {
        margin-bottom: 9px !important;
    }

   
    .aucAuctionSetupSurround #ctl00_body_txtNotesForSuppliers,
    .aucAuctionSetupSurround #ctl00_body_txtMarketConditions,
    .aucAuctionSupplierAuctionDetailsSurround .our-form-control {
        height: auto !important;
    }

    .aucAuctionRemoveSurround .our-form-control {
        height: auto !important;
        width: 99% !important;
    }

    .AuctionBid2Surround .bidBtnHeight,
    .aucAuctionAutoTrainerSurround .bidBtnHeight,
    .AuctionBid2Surround .imgStyling img,
    .aucAuctionAutoTrainerSurround .imgStyling img {
        height: 24px !important;
    }

/* AuctionBid2's buttons carry the legacy ~/Images/ButtonImages/*.png the DevExpress ASPxButtons used
   (add.png on Submit Bid, close.png on both Close buttons, excel.png on Submit Spreadsheet). The
   source PNGs are 60x60, so the height has to be set here or they render huge. 18px is the height
   measured on the live legacy page, where only the spreadsheet button declared one (20px). */
.AuctionBid2Surround .auctionBidButtonImage,
.aucAuctionAutoTrainerSurround .auctionBidButtonImage {
    height: 18px;
    width: auto;
    vertical-align: middle;
}

.AuctionBid2Surround .auctionBidButtonImageLarge,
.aucAuctionAutoTrainerSurround .auctionBidButtonImageLarge {
    height: 20px;
    width: auto;
    vertical-align: middle;
}

/* The grid's per-row Item Bid input. The legacy TextBox declares CssClass="CLabel" Width="63px", but
   the legacy cascade appends `our-form-control genericResponsiveControl` at RENDER time and the live
   input measures 96% of its cell / 25px / 2px padding / 1px solid #e9ecef / 12px (§9.6). These are the
   measured values; `our-form-control` itself is deliberately NOT applied, because its
   AuctionBid2-scoped rule above is the 34px Bootstrap form-control shape instead. */
.AuctionBid2Surround .auctionBidValueInput,
.aucAuctionAutoTrainerSurround .auctionBidValueInput {
    width: 96%;
    height: 25px;
    padding: 2px;
    border: 1px solid #e9ecef;
    background-color: #fff;
    font-size: 12px;
}

    .aucAuctionItemsSurround #ctl00_body_dxCallbackItemDetails_txtHiddenCalcStartPrice {
        width: 0px !important;
        height: 0px !important;
    }

    .SupplierHomepageSurround .minWidth40 {
        min-width: 40px !important;
    }

    .aucAuctionBidStatusSurround .minWidth45 {
        min-width: 45px !important;
    }

    .SupplierHomepageSurround .minWidth50,
    .aucAuctionBidStatusSurround .minWidth50 {
        min-width: 50px !important;
    }

    .SupplierHomepageSurround .minWidth60 {
        min-width: 60px !important;
    }

    .AuctionBidJapaneseMultiSurround .minWidth100,
    .SupplierHomepageSurround .minWidth100 {
        min-width: 100px !important;
    }

    .jpnAuctionBidStatusMultiSurround .minWidth125 {
        min-width: 125px !important;
    }

    .aucAuctionBidStatusSurround .minWidth140 {
        min-width: 140px !important;
    }

    .AuctionBidJapaneseMultiSurround .minWidth180 {
        min-width: 180px !important;
    }

    .jpnAuctionBidStatusMultiSurround .minWidth175 {
        min-width: 175px !important;
    }

    .jpnAuctionBidAnalysisSurround .minWidth200,
    .AuctionBidJapaneseMultiSurround .minWidth200 {
        min-width: 200px !important;
    }

    .SupplierHomepageSurround .minWidth220 {
        min-width: 220px !important;
    }

    .jpnAuctionBidStatusMultiSurround .minWidth250,
    .SupplierHomepageSurround .minWidth250 {
        min-width: 250px !important;
    }

    .AuctionBidJapaneseMultiSurround .minWidth300 {
        min-width: 300px !important;
    }

    .ViewAuctionCeilingsSurround .itemNameWidth {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        min-width: 160px !important;
        max-width: 160px !important;
    }

    .aucFutureLiveAuctionsSurround .our-form-control {
        width: auto !important;
    }

    .aucAuctionSetupSurround #ctl00_body_txtFeedbackPercentage {
        width: 26px !important;
    }

    .aucHistoricAuctionSurround #ctl00_body_Calendar1_drpDay,
    .aucHistoricAuctionSurround #ctl00_body_Calendar2_drpDay {
        width: 41px !important;
    }

    .aucAuctionSetupSurround #ctl00_body_calAuctionDate_drpDay,
    .aucAuctionSetupSurround #ctl00_body_timAuctionTime_cboHours,
    .aucAuctionSetupSurround #ctl00_body_timAuctionTime_cboMinutes,
    .aucAuctionSetupSurround #ctl00_body_durAuctionDuration_drpDays,
    .aucAuctionSetupSurround #ctl00_body_durAuctionDuration_drpHours,
    .aucAuctionSetupSurround #ctl00_body_durAuctionDuration_drpMinutes,
    .aucAuctionSetupSurround #ctl00_body_durExtension_drpHours,
    .aucAuctionSetupSurround #ctl00_body_durExtension_drpMinutes,
    .aucAuctionSetupSurround #ctl00_body_durSealedBids_drpHours,
    .aucAuctionSetupSurround #ctl00_body_durSealedBids_drpMinutes,
    .aucAuctionSetupSurround #ctl00_body_calProxyBidDate_drpDay,
    .aucAuctionSetupSurround #ctl00_body_drpHours {
        width: 42px !important;
    }

    .aucHistoricAuctionSurround #ctl00_body_Calendar1_drpYear,
    .aucHistoricAuctionSurround #ctl00_body_Calendar2_drpYear,
    .aucAuctionSetupSurround #ctl00_body_calAuctionDate_drpYear,
    .aucAuctionSetupSurround #ctl00_body_calProxyBidDate_drpYear {
        width: 55px !important;
    }

    .aucAuctionSetupSurround #ctl00_body_calAuctionDate_drpMonth,
    .aucAuctionSetupSurround #ctl00_body_calProxyBidDate_drpMonth,
    .aucHistoricAuctionSurround #ctl00_body_Calendar1_drpMonth,
    .aucHistoricAuctionSurround #ctl00_body_Calendar2_drpMonth {
        width: 87px !important;
    }

    .AuctionSupplierPreviewSurround .dxdd-list {
        width: 50% !important;
    }

    .AuctionBid2Surround td .our-form-control,
    .aucAuctionAutoTrainerSurround td .our-form-control {
        width: 90% !important;
    }

    .AuctionProjectLinkSurround .dxeButtonEdit,
    .AuctionProjectLinkSurround .our-form-control {
        width: 91% !important;
    }

    .AuctionProjectLinkSurround .CLineBreak {
        width: 94% !important;
        margin-left: 3% !important;
    }

    .AuctionBid2Surround .CStandardTextSizeNoBorderAlt,
    .aucAuctionAutoTrainerSurround .CStandardTextSizeNoBorderAlt {
        width: 95% !important;
    }

    .aucAuctionSetupSurround .our-form-control {
        width: 96% !important;
    }

    .AuctionSupplierPreviewSurround .dxeButtonEdit {
        width: 97% !important;
    }

    .jpnAuctionBidAnalysisSurround .our-form-control,
    .ImportItemSurround .dxeButtonEdit,
    .aucAuctionItemsSurround #ctl00_MainAreaContainer table {
        width: 100% !important;
    }

    .aucAuctionItemsAddSurround .dxeTextBox {
        width: 90% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .jpnAuctionBidAnalysisSurround .our-form-control,
    .AuctionProjectLinkSurround .our-form-control,
    .AuctionBid2Surround .our-form-control,
    .aucAuctionAutoTrainerSurround .our-form-control,
    .aucAuctionSupplierAuctionDetailsSurround .our-form-control,
    .aucHistoricAuctionSurround .our-form-control,
    .aucFutureLiveAuctionsSurround .our-form-control,
    .aucAuctionRemoveSurround .our-form-control,
    .aucAuctionItemsAddSurround .our-form-control,
    .aucAuctionItemsSurround .our-form-control,
    .aucAuctionSetupSurround .our-form-control {
        display: inline-block;
        width: 97%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .jpnAuctionBidStatusMultiSurround .our-form-control,
    .AuctionProjectLinkSurround .dxeButtonEdit,
    .ImportItemSurround .dxeButtonEdit,
    .AuctionSupplierPreviewSurround .dxeButtonEdit,
    .manEventsSurround .dxeTextBox,
    .AuctionBid2Surround #newBidValue,
    .AuctionBid2Surround .CStandardTextSizeNoBorderAlt,
    .aucAuctionAutoTrainerSurround #newBidValue,
    .aucAuctionAutoTrainerSurround .CStandardTextSizeNoBorderAlt,
    .aucTrainingAuctionsSurround .dxeTextBox,
    .aucTemplateAuctionsSurround .dxeTextBox,
    .aucHistoricAuctionSurround .dxeTextBox,
    .aucFutureLiveAuctionsSurround .dxeTextBox,
    .aucPotentialAuctionSurround .dxeTextBox,
    .ducAuctionAutoTrainerSurround #ctl00_body_ucxAuctionBidDutch_pnlBid_txtBidValue,
    .ducAuctionSupplierBidsSurround #ctl00_body_ucxAuctionBidDutch_pnlBid_txtBidValue {
        background-image: none;
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        border-collapse: inherit !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        box-sizing: inherit !important;
        box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset !important;
        font-size: 12px;
        line-height: 17.1429px !important;
        transition-delay: 0s, 0s;
        transition-duration: 0.15s, 0.15s;
        transition-property: border-color, box-shadow;
        transition-timing-function: ease-in-out, ease-in-out;
        word-spacing: 0px;
        writing-mode: horizontal-tb;
        height: 25px !important;
    }

    /* Restore the inter-panel gap between the Live and Future sections. The app's customised Bootstrap
       build omits .panel { margin-bottom }, so the two panels touch; the legacy page (standard BS3) showed
       a gap between them. Scoped to this page's surround per §9.18. */
    .aucTrainingAuctionsSurround .panel {
        margin-bottom: 20px;
    }

    /* Same inter-panel gap for the Live/Future Auctions page (§9.18) — its two sections are now separate
       panels, matching the aucTrainingAuctions layout. */
    .aucFutureLiveAuctionsSurround .panel {
        margin-bottom: 20px;
    }

    /* Same inter-panel gap for the Workflow Roles page (§9.18) — Role Management / Rollback Settings /
       Column Management / Custom Descriptions sections. (MH - 16/07/2026) */
    .wrfRolesSurround .panel {
        margin-bottom: 20px;
    }

    .aucAuctionItemsSurround #ctl00_body_grdAuctionItems_DXFREditorcol0,
    .aucAuctionItemsSurround #ctl00_body_grdAuctionItems_DXFREditorcol9,
    .aucAuctionSetupSurround .dxeButtonEditSys {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
    }

    .aucAuctionItemsSurround .our-form-control {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .AuctionBid2Surround .disabledTextBox, .aucAuctionAutoTrainerSurround .disabledTextBox {
        border: none;
        box-shadow: none;
    }

    .jpnAuctionBidStatusMultiSurround .CTableBidStatus {
        border: none !important;
    }

    .jpnAuctionBidStatusMultiSurround .tblSupplierItemActivitySurround tbody tr td.dxgvHeader:nth-child(even),
    .jpnAuctionBidStatusMultiSurround .tblSupplierItemActivitySurround .dxgvDataRow td.dxgv:nth-child(even),
    .jpnAuctionBidStatusMultiSurround .tblItemsSurround table tbody tr td.dxgvHeader:nth-child(odd),
    .jpnAuctionBidStatusMultiSurround .tblItemsSurround .dxgvDataRow td.dxgv:nth-child(odd) {
        border-left: 1px Solid #d1d1d1 !important;
    }

.jpnAuctionBidStatusMultiSurround .tblSupplierItemActivitySurround tbody tr td:nth-child(odd):not(:last-child),
.jpnAuctionBidStatusMultiSurround .tblSupplierItemActivitySurround .dxgvDataRow td:nth-child(odd):not(:last-child),
.jpnAuctionBidStatusMultiSurround .tblItemsSurround table tbody tr td.dxgvHeader:nth-child(even),
.jpnAuctionBidStatusMultiSurround .tblItemsSurround .dxgvDataRow td.dxgv:nth-child(even) {
    border-left: none !important;
    border-right: none !important;
}

    .aucAuctionReportSummarySurround .CStandardTextSize,
    .jpnAuctionReportSummarySurround .CStandardTextSize {
        font-size: 9pt !important;
    }

    .aucAuctionReportSummarySurround .CStandardTextSize,
    .aucAuctionReportSummarySurround .CAltTableBackground,
    .aucAuctionReportSummarySurround .noBorder,
    .jpnAuctionReportSummarySurround .CStandardTextSize,
    .jpnAuctionReportSummarySurround .CAltTableBackground,
    .jpnAuctionReportSummarySurround .noBorder {
        border: none !important;
    }

    .aucAuctionReportSummarySurround .CTableHeading,
    .jpnAuctionReportSummarySurround .CTableHeading {
        font-size: 9pt;
        color: #ffffff !important;
        font-family: Roboto;
        background-color: #639cce !important;
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    .cColourBoxes {
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    .aucAuctionReportSummarySurround .CLabeldescriptions,
    .jpnAuctionReportSummarySurround .CLabeldescriptions {
        font-size: 10pt;
        color: black;
        font-family: Roboto;
    }

    .aucAuctionReportSummarySurround .CSubHeaders,
    .jpnAuctionReportSummarySurround .CSubHeaders {
        font-weight: bold;
        color: black;
        font-family: Roboto;
        font-size: 12pt;
    }

    .aucAuctionReportSummarySurround .bidChartSurround .centerContent {
        text-align: left !important;
    }


    .aucAuctionReportSummarySurround #ctl00_body_divKey table tbody tr td.CLabel {
        padding-left: 5px !important;
    }

    .manEventsSurround .dxgvDetailCell #ctl00_body_ctl00_grdProject_header8_chkAllProjects,
    .manEventsSurround .dxgvHeader .selectAllLabel {
        display: none;
    }

    /*#endregion aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages End (KYLE)*/

    /*#region rfxQuestionnairesPotential/rfxQuestionnaireWizardTemplate/rfxQuestionnairesLiveFuture/rfxQuestionnairesHistoric/rfxQuestionnaireSectionTemplateCreator/rfxQuestionnaireSummaryBuyer/rfxQuestionnaireCopy/rfxQuestionnaireSummarySupplier/rfxQuestionnaireScoring/rfxQuestionnaireStatus/rfxQuestionnaireAddItem/rfxQuestionnaireItems/rfxQuestionnaireParticipantItems/rfxQuestionnaireQuestionsNotComplete/aucAuctionSuppliersSuppliersEmail/aucAuctionDelegateAdd/CompanyToCompanyEventTransfer/rfxQuestionnaireCompletionReport/rfxQuestionnaireAuditReport/rfxQuestionnaireAnswerReport/rfxQuestionnaireParticipantDocuments/X Pages Start (KYLE)*/

    .rfxQuestionnaireScoringSurround #ctl00_body_grdQuestions .dx-wrap {
        word-break: break-word !important;
    }

    .rfxQuestionnaireScoringSurround #ctl00_body_grdQuestions .dxgvDetailCell table tbody tr td:first-child {
        white-space: pre-wrap !important;
        word-break: break-word !important;
    }

    .CompanyToCompanyEventTransferSurround .our-form-control,
    .aucAuctionDelegateAddSurround .our-form-control,
    .aucAuctionSuppliersSuppliersEmailSurround .our-form-control,
    .rfxQuestionnaireParticipantItemsSurround .our-form-control,
    .rfxQuestionnaireItemsSurround .our-form-control,
    .rfxQuestionnaireAddItemSurround .our-form-control,
    .rfxQuestionnaireScoringSurround .our-form-control,
    .rfxQuestionnaireSectionTemplateCreatorSurround .our-form-control,
    .rfxQuestionnairesHistoricSurround .our-form-control {
        display: inline-block;
        width: 97%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .rfxQuestionnaireStatusSurround .our-form-control,
    .rfxQuestionnaireSummaryBuyerSurround .our-form-control {
        display: inline-block;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555 !important;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .aucAuctionSuppliersSuppliersEmailSurround #divRichTextboarder {
        width: 94% !important;
        display: inline-block;
        padding: 6px 6px 6px 6px !important;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .aucAuctionSuppliersSuppliersEmailSurround .btnSurround {
        width: 94% !important;
        display: inline-block;
        padding: 6px 0px 0px 14px !important;
    }

    .rfxQuestionnaireWizardTemplateSurround .dxeTextBox,
    .rfxQuestionnairesHistoricSurround .dxeTextBox,
    .rfxQuestionnairesLiveFutureSurround .dxeTextBox,
    .rfxQuestionnairesPotentialSurround .dxeTextBox,
    .rfxQuestionnaireItemsSurround .dxeTextBox,
    .rfxQuestionnaireStatusSurround .dxeTextBox {
        background-image: none;
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        border-collapse: inherit !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        box-sizing: inherit !important;
        box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset !important;
        font-size: 12px;
        line-height: 17.1429px !important;
        transition-delay: 0s, 0s;
        transition-duration: 0.15s, 0.15s;
        transition-property: border-color, box-shadow;
        transition-timing-function: ease-in-out, ease-in-out;
        word-spacing: 0px;
        writing-mode: horizontal-tb;
        height: 25px !important;
    }

    .rfxQuestionnaireSummaryBuyerSurround #ctl00_body_txtQuestionnaireName {
        width: 96% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
    }

    .rfxQuestionnaireItemsSurround .noPadding {
        padding: 0px;
    }

    .rfxQuestionnaireParticipantDocumentsSurround .divProgressLblSurround {
        padding: 0px !important;
    }

    .rfxQuestionnaireAddItemSurround .paddingLeftTitle {
        padding-left: 0px !important;
    }

    .rfxQuestionnaireSummaryBuyerSurround #ctl00_body_btnProject {
        padding-left: 7px !important;
    }

    .rfxQuestionnaireQuestionsNotCompleteSurround tbody tr td {
        padding-left: 7px;
        padding-right: 7px;
    }

    .aucAuctionSuppliersSuppliersEmailSurround .paddingTxt {
        padding-left: 12px !important;
    }

    .rfxQuestionnaireStatusSurround #ctl00_body_ucxQuestionnaireStatus_rdoListScoring_RB0 .dxichTextCellSys,
    .rfxQuestionnaireStatusSurround #ctl00_body_ucxQuestionnaireStatus_rdoListScoring_RB1 .dxichTextCellSys {
        padding-top: 0px !important;
    }

    .rfxQuestionnaireSummarySupplierSurround .divProgressTblSurround {
        padding-top: 7px !important;
    }

    .rfxQuestionnaireSummarySupplierSurround .divProgressLblSurround {
        padding-top: 9px !important;
    }

    .rfxQuestionnaireStatusSurround {
        padding-top: 10px !important;
    }

    .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireSettingsSurround #ctl00_body_rowCloseDate {
        padding-bottom: 4px !important;
    }

    .rfxQuestionnaireSummaryBuyerSurround .titlePadding {
        padding-bottom: 8px !important;
    }

    .rfxQuestionnaireStatusSurround #ctl00_body_ucxQuestionnaireStatus_rdoListScoring_RB0 .dxichCellSys,
    .rfxQuestionnaireStatusSurround #ctl00_body_ucxQuestionnaireStatus_rdoListScoring_RB1 .dxichCellSys {
        padding-bottom: 10px !important;
    }

    .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireNotesSurround {
        padding: 3px 0px 3px 0px !important;
    }

    .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireSettingsSurround {
        padding: 3px 0px 3px 3px !important;
    }

    .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireDetailsSurround {
        padding: 3px 3px 3px 0px !important;
    }

    .rfxQuestionnairesHistoricSurround #ctl00_body_Calendar1_drpDay,
    .rfxQuestionnairesHistoricSurround #ctl00_body_Calendar2_drpDay {
        width: 41px !important;
    }

    .rfxQuestionnairesHistoricSurround #ctl00_body_Calendar1_drpYear,
    .rfxQuestionnairesHistoricSurround #ctl00_body_Calendar2_drpYear {
        width: 55px !important;
    }

    .rfxQuestionnairesHistoricSurround #ctl00_body_Calendar1_drpMonth,
    .rfxQuestionnairesHistoricSurround #ctl00_body_Calendar2_drpMonth {
        width: 87px !important;
    }

    .rfxQuestionnaireScoringSurround #ctl00_body_grdWeightings tbody input {
        width: 75% !important;
    }

    .rfxQuestionnaireScoringSurround #ctl00_body_grdQuestions tbody input {
        width: 88% !important;
    }

    .aucAuctionDelegateAddSurround .our-form-control {
        width: 96% !important;
    }

    .rfxQuestionnaireAddItemSurround .our-form-control {
        width: 96%;
    }

    .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireDetailsSurround .our-form-control,
    .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireNotesSurround .our-form-control {
        width: 96%;
    }

    .rfxQuestionnaireScoringSurround #ctl00_body_grdWeightings,
    .rfxQuestionnaireScoringSurround #ctl00_body_grdQuestions {
        margin-left: 10px !important;
    }

    .rfxQuestionnaireScoringSurround #ctl00_body_btnSectionWeightings,
    .rfxQuestionnaireScoringSurround #ctl00_body_btnQuestionScores {
        height: 25px !important;
        border-radius: 4px !important;
        padding-left: 12px !important;
    }

    .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireNotesSurround .our-form-control {
        height: 75px !important;
    }

    .rfxQuestionnaireAddItemSurround #ctl00_body_ucxtxtDescription {
        height: auto !important;
    }

    .rfxQuestionnaireQuestionsNotCompleteSurround .CTableHeading td {
        font-weight: 600;
    }

    .rfxQuestionnaireQuestionsNotCompleteSurround .CTableHeading {
        height: 31px;
        background-color: #fafafa;
        color: #525252 !important;
        font-size: 12px;
    }

    .rfxQuestionnaireQuestionsNotCompleteSurround table,
    .rfxQuestionnaireQuestionsNotCompleteSurround table .CAltTableBackground {
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

        .rfxQuestionnaireQuestionsNotCompleteSurround table .CAltTableBackground {
            border: none;
        }

    .rfxQuestionnaireQuestionsNotCompleteSurround .CTableHeading td {
        border: 1px solid #d1d1d1;
        border-color: #d1d1d1 !important;
    }

    .rfxQuestionnaireScoringSurround .CTableHeading td {
        border: 1px solid #d1d1d1;
        border-color: #d1d1d1 !important;
    }

    .rfxQuestionnaireScoringSurround .CTableHeading {
        height: 40px;
        background-color: #fafafa;
        color: #525252 !important;
        font-size: 12px;
    }

    .rfxQuestionnaireScoringSurround .CTableBackground tr td,
    .rfxQuestionnaireScoringSurround .CTableBackground {
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

        .rfxQuestionnaireScoringSurround .CTableBackground td {
            padding-left: 7px;
            padding-top: 2px !important;
            padding-bottom: 2px !important;
        }

    .rfxQuestionnaireScoringSurround .CTableHeading td {
        padding-left: 5px;
        padding-right: 5px;
        font-weight: 600;
    }

    .rfxQuestionnairesHistoricSurround .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .aucAuctionDelegateAddSurround .row {
        margin-left: -7px !important;
        margin-right: -7px !important;
    }


    .CompanyToCompanyEventTransferSurround hr {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

    .rfxQuestionnaireSectionTemplateCreatorSurround hr,
    .rfxQuestionnaireSummaryBuyerSurround .rdoSurround input[type="radio"],
    .rfxQuestionnaireCopySurround input[type="radio"] {
        margin: 0px !important;
    }

    .rfxQuestionnaireCopySurround #dialogueBox,
    .rfxQuestionnaireParticipantItemsSurround .row,
    .rfxQuestionnaireItemsSurround .row,
    .rfxQuestionnaireAddItemSurround .row,
    .rfxQuestionnaireScoringSurround .row,
    .rfxQuestionnaireSummarySupplierSurround.row,
    .rfxQuestionnaireCopySurround .row,
    .rfxQuestionnaireSummaryBuyerSurround .row,
    .rfxQuestionnaireSectionTemplateCreatorSurround .row,
    .aucAuctionDelegateAddSurround #dialogueBox,
    .rfxQuestionnaireSummarySupplierSurround #dialogueBox {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .rfxQuestionnaireAddItemSurround .CGreyTableHeader .CLabelBold {
        margin-left: 2px !important;
    }

    .rfxQuestionnaireAddItemSurround input[type="checkbox"] {
        margin-left: 4px !important;
        margin-right: 4px !important;
    }

    .rfxQuestionnaireQuestionsNotCompleteSurround .row {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .rfxQuestionnaireAnswerReportSurround .chkSurround label {
        margin-right: 10px;
        padding-left: 5px;
        margin-bottom: 0px;
    }

    .rfxQuestionnaireItemsSurround #dialogueBox {
        margin-left: 10px;
        margin-right: 10px;
    }

    .rfxQuestionnaireParticipantItemsSurround #ctl00_body_chkCanNotSupply {
        margin-right: 3px !important;
    }

    .rfxQuestionnaireCopySurround label,
    .rfxQuestionnaireSummaryBuyerSurround .rdoSurround label {
        margin-bottom: 5px !important;
        margin-right: 5px !important;
        padding-left: 5px !important;
    }

    .rfxQuestionnaireAnswerReportSurround #ctl00_body_ucxCompareItemQuestions_tblLayout,
    .rfxQuestionnaireAnswerReportSurround #ctl00_body_ucxCompareQuote_tblLayout,
    .rfxQuestionnaireAnswerReportSurround #ctl00_body_ucxCompareItemPrices_divItemsContainer {
        margin-top: 10px !important;
    }

    .rfxQuestionnaireSummaryBuyerSurround #ctl00_body_imgLockedInfo,
    .rfxQuestionnaireSummaryBuyerSurround #ctl00_body_imgListVertically {
        vertical-align: text-bottom !important;
    }

    .rfxQuestionnaireItemsSurround .rfxQuestionnaireItemsSelectLbl,
    .rfxQuestionnaireItemsSurround .rfxQuestionnaireItemsChkAll {
        display: none;
    }

    .rfxQuestionnaireItemsSurround .grdQuestionnareItems .dxgvDetailCell .rfxQuestionnaireItemsChkAll {
        display: none !important;
    }

    .rfxQuestionnaireItemsSurround .grdQuestionnareItems .dxgvDetailCell .rfxQuestionnaireItemsSelectLbl {
        display: inline-block !important;
    }

    .rfxWizWelcomeSurround h1 {
        font-size: 28px !important;
    }


    .rfxQuestionnaireCompletionReportSurround .CStandardTextSize {
        font-size: 9pt !important;
    }

    .rfxQuestionnaireCompletionReportSurround .CStandardTextSize,
    .rfxQuestionnaireCompletionReportSurround .CAltTableBackground,
    .rfxQuestionnaireCompletionReportSurround .noBorder {
        border: none !important;
    }

    .rfxQuestionnaireCompletionReportSurround .CTableHeading {
        font-size: 9pt;
        color: #ffffff;
        font-family: Roboto;
        background-color: #639cce;
    }

        .rfxQuestionnaireCompletionReportSurround .CTableHeading th {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

    .rfxQuestionnaireCompletionReportSurround .CLabeldescriptions {
        font-size: 10pt;
        color: black;
        font-family: Roboto;
    }

    .rfxQuestionnaireCompletionReportSurround .CSubHeaders {
        font-weight: bold;
        color: black;
        font-family: Roboto;
        font-size: 12pt;
    }

    .rfxQuestionnaireCompletionReportSurround .CTableBackground td,
    .rfxQuestionnaireCompletionReportSurround .CAltTableBackground td {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .rfxQuestionnaireParticipantDocumentsSurround .divProgressTblSurround {
        padding-top: 7px !important;
    }

    .rfxQuestionnaireParticipantDocumentsSurround .lblProgressSurround {
        padding: 0px !important;
    }
    /*
.rfxQuestionnaireParticipantDocumentsSurround .grdSurround table tbody tr th,
.rfxQuestionnaireParticipantDocumentsSurround .grdSurround table tbody tr td {
    padding-left: 5px;
    padding-right: 5px;
}

.rfxQuestionnaireParticipantDocumentsSurround .grdSurround .CTableHeading {
    height: 31px;
    color: #525252 !important;
    font-size: 12px;
}

.rfxQuestionnaireParticipantDocumentsSurround .grdSurround table,
.rfxQuestionnaireParticipantDocumentsSurround .grdSurround table .CAltTableBackground {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

    .rfxQuestionnaireParticipantDocumentsSurround .grdSurround table .CAltTableBackground {
        border: none;
    }

    .rfxQuestionnaireParticipantDocumentsSurround .grdSurround table .CTableHeading th {
        border: 1px solid #d1d1d1;
        border-color: #d1d1d1 !important;
    }*/

    /*#endregion rfxQuestionnairesPotential/rfxQuestionnaireWizardTemplate/rfxQuestionnairesLiveFuture/rfxQuestionnairesHistoric/rfxQuestionnaireSectionTemplateCreator/rfxQuestionnaireSummaryBuyer/rfxQuestionnaireCopy/rfxQuestionnaireSummarySupplier/rfxQuestionnaireScoring/rfxQuestionnaireStatus/rfxQuestionnaireAddItem/rfxQuestionnaireItems/rfxQuestionnaireParticipantItems/rfxQuestionnaireQuestionsNotComplete/aucAuctionSuppliersSuppliersEmail/aucAuctionDelegateAdd/CompanyToCompanyEventTransfer/rfxQuestionnaireCompletionReport/rfxQuestionnaireAuditReport/rfxQuestionnaireAnswerReport/rfxQuestionnaireParticipantDocuments/X Pages End (KYLE)*/

    /*#region srgTemplates/srgTemplateSummary Pages Start (KYLE)*/
    .srgTemplatesSurround .dxeTextBox {
        background-image: none;
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        border-collapse: inherit !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        box-sizing: inherit !important;
        box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset !important;
        font-size: 12px;
        line-height: 17.1429px !important;
        transition-delay: 0s, 0s;
        transition-duration: 0.15s, 0.15s;
        transition-property: border-color, box-shadow;
        transition-timing-function: ease-in-out, ease-in-out;
        word-spacing: 0px;
        writing-mode: horizontal-tb;
        height: 25px !important;
    }

    .srgTemplatesSurround .responsiveRadioButtonSurround input[type="radio"] {
        margin: 0px !important;
    }

    .srgTemplatesSurround .responsiveRadioButtonSurround label {
        margin-right: 5px;
        padding-left: 5px;
    }

    .srgTemplateSummarySurround .our-form-control {
        display: inline-block;
        width: 97%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .srgDashboardSurround .dxpc-shadow {
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5) !important;
        box-shadow: 0 3px 9px rgba(0, 0, 0, .5) !important;
    }

    /*#endregion srgTemplates/srgTemplateSummary Pages End (KYLE)*/

    /*#region manCompanyAppFeatures/manTeamFeatures/manAppFeatures/manCompanyMerge Start (JESSICA)*/

    .manCompanyMergeSurround .dxeTextBox,
    .manCompanyMergeSurround .dxeButtonEdit {
        width: 100% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
        float: left;
    }

    .manCompanyMergeSurround .companyDetailTitleClass,
    .manCompanyMergeSurround .companyDetailFromClass,
    .manCompanyMergeSurround .companyDetailButtonClass,
    .manCompanyMergeSurround .companyDetailToClass {
        vertical-align: top;
        display: inline-block;
    }

    .manCompanyMergeSurround #ctl00_body_tblCompanyDetails td:first-child {
        min-width: 120px;
    }

    .manCompanyMergeSurround .manCompanyMergeSurround img {
        padding: 0px 4px 5px 0px !important;
    }

    .manCompanyMergeSurround .cellDetailMergeButton {
        text-align: center;
    }

        .manCompanyMergeSurround .cellDetailMergeButton img {
            height: 12px !important;
            padding: 0px !important;
        }

    .manCompanyMergeSurround .lblShowUnapprovedLabel {
        padding-top: 3px !important;
    }

    .manCompanyMergeSurround .genericCheckBox {
        padding-top: 4px !important;
    }

        .manCompanyMergeSurround .genericCheckBox input {
            margin-top: 0px !important;
        }

    .manCompanyMergeSurround .paddingCompanyLbl {
        padding-top: 5px !important;
    }

    .manCompanyAppFeaturesSurround .additionalLineHeight,
    .manTeamFeaturesSurround .additionalLineHeight {
        line-height: 25px;
    }

    .manCompanyAppFeaturesSurround .packageFeaturesStyles,
    .manTeamFeaturesSurround .packageFeaturesStyles {
        background-color: #AAFFAA;
        width: 20px;
        float: left;
        border: solid 1px black;
        padding: 0px !important;
        height: 20px;
    }

    .manCompanyAppFeaturesSurround .companyFeaturesStyles {
        background-color: #FFFFAA;
        width: 20px;
        float: left;
        padding: 0px !important;
        border: solid 1px black;
        height: 20px;
    }

    .manCompanyAppFeaturesSurround .workflowFeaturesStyles,
    .manTeamFeaturesSurround .workflowFeaturesStyles {
        background-color: #E6E6FA;
        padding: 0px !important;
        float: left;
        width: 20px;
        border: solid 1px black;
        height: 20px;
    }

    .manCompanyAppFeaturesSurround .lblAlign,
    .manTeamFeaturesSurround .lblAlign {
        float: left;
        line-height: 20px;
    }

    .manCompanyAppFeaturesSurround .floatRight,
    .manTeamFeaturesSurround .floatRight {
        float: right !important;
    }

    .manAppFeaturesSurround .overridenFeaturesStyles {
        background-color: #AAFFAA;
        width: 20px;
        height: 20px;
        border: solid 1px black;
        display: inline-block;
    }

    .manAppFeaturesSurround .appFeatureKeySurround {
        text-align: right;
    }

    .manAppFeaturesSurround .noMargin {
        margin: 0px !important;
    }

    /*#endregion manCompanyAppFeatures/manTeamFeatures/manAppFeatures/manCompanyMerge End (JESSICA)*/

    /*#region ctlDatabasePerformanceSurround/srgSupplierImport Pages Start (KYLE)*/

    .srgSupplierImportSurround img {
        padding: 0px 4px 5px 0px !important;
    }

    .srgSupplierImportSurround .panel {
        margin-bottom: 20px;
    }

    .ctlDatabasePerformanceSurround .responsiveGraph img {
        width: 100%;
        max-width: 1149px;
    }

    .ctlDatabasePerformanceSurround .responsiveGraph {
        width: 100% !important;
        height: auto !important;
    }

    .ctlDatabasePerformanceSurround .dxeButtonEdit,
    .ctlDatabasePerformanceSurround .dxeTextBox {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
    }

    .ctlDatabasePerformanceSurround .updStatisticTypeSurround td {
        padding-right: 5px !important;
    }

    .ctlDatabasePerformanceSurround .noPadding {
        padding: 0px !important;
    }

    .ctlDatabasePerformanceSurround .noPaddingOrMargin {
        margin: 0px !important;
        padding: 0px !important;
    }

    .ctlDatabasePerformanceSurround .drpSelect {
        display: inline-block;
    }

    .ctlDatabasePerformanceSurround .lblSelectRowsTitle {
        line-height: 23px;
        vertical-align: top;
        padding-right: 5px !important;
    }

    .ctlDatabasePerformanceSurround .noMargin {
        margin: 0px !important;
    }

    .ctlDatabasePerformanceSurround .rdoQueryStatisticTypes label {
        margin-bottom: 5px !important;
        margin-right: 5px !important;
    }

    .srgSupplierImportSurround .our-form-control {
        display: inline-block;
        width: 97%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    /*#endregion ctlDatabasePerformanceSurround/srgSupplierImport Pages End (KYLE)*/

    /*#region ctlPanelUsersOnline/ctlPanelAudit/ctlPanelEmailLog/ctlPanelErrorLog/toolChangeAuctionCreator/toolChangeCurrentTargetPrice/toolAddHistoricBid/toolChangeeRFXCreator/toolChangeProjecCreator/toolChangeReportOwner/ChangePassword/ChangeContactNumber/manSourcingActivity/ctlPanelPostman/srgEmailReport/srgAudit Start (JESSICA)*/

    .spmAuditSurroundFooter:not(.FooterContainerMVC),
    .rfxQuestionnaireAnswerReportSurroundFooter:not(.FooterContainerMVC),
    .aucAuctionReportSummarySurroundFooter:not(.FooterContainerMVC),
    .jpnAuctionReportSummarySurroundFooter:not(.FooterContainerMVC),
    .proAuctionSummaryReportSurroundFooter:not(.FooterContainerMVC),
    .proAuctionKPIReportSurroundFooter:not(.FooterContainerMVC),
    .proProjectSummaryReportSurroundFooter:not(.FooterContainerMVC),
    .proAuditSurroundFooter:not(.FooterContainerMVC),
    .srgCustomReportFullScreenSurroundFooter:not(.FooterContainerMVC),
    .srgBuyerSupplierAnswersPrintableVersionReportSurroundFooter:not(.FooterContainerMVC),
    .srgQuestionnaireCompareReportSurroundFooter:not(.FooterContainerMVC),
    .srgEmailReportSurroundFooter:not(.FooterContainerMVC),
    .srgAuditSurroundFooter:not(.FooterContainerMVC),
    .rfxQuestionnaireAuditReportSurroundFooter:not(.FooterContainerMVC),
    .srgAuditConfirmationSurroundFooter:not(.FooterContainerMVC),
    .aucAuctionBidErrorsSurroundFooter:not(.FooterContainerMVC),
    .ingredientListEditorSurroundFooter:not(.FooterContainerMVC) {
        border-top: solid 1px #CCCCCC;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        bottom: 0px;
        height: auto;
        min-height: 40px;
        position: fixed;
        background: #FFFFFF;
        z-index: 200;
        width: 100%;
    }

    .srgEmailReportSurround .mainPageTitle {
        position: relative;
        top: 2px;
    }

    .srgAuditSurround,
    .srgEmailReportSurround {
        padding-top: 10px;
    }

    .manSourcingActivitySurround .wrappedErrorMessage table tbody tr:nth-child(2) td table tbody tr td:nth-child(2) {
        white-space: pre-wrap !important;
        word-break: break-word;
    }

    .changePasswordSurround .changePasswordValidationSummary ul,
    .changeContactNumberSurround .changeContactNumberValidationSummary ul {
        padding-left: 15px !important;
    }

    #divPrimaryTelephoneNumber, 
    #divSecondaryTelephoneNumber,
    #divCurrentPassword,
    #divNewPassword,
    #divConfirmPassword,
    #divBtnSavePassword,
    #divBtnSaveNumber
    {
        padding-right: 20px;
    }

    #divBtnSavePassword,
    #divBtnSaveNumber
    {
        font-size: 12px;
    }

    .changePasswordSurround .changePasswordConfirmMessage,
    .changeContactNumberSurround .changeContactNumberConfirmMessage {
        text-align: center;
    }

    .ctlPanelEmailLogSurround .emailLogMainTable .dxgvDetailCell,
    .ctlPanelAuditSurround .auditResultsTable .wrappedText,
    .ctlPanelAuditSurround .auditResultsTable .dxgvDetailCell,
    .ctlPanelErrorLogSurround .errorLogMainTable .dxgvDetailCell,
    .ctlDatabasePerformanceSurround .statisticsMainTable .dxgvDetailCell,
    .errorLogCellWrap,
    .srgEmailReportSurround .emailLogMainTable .dxgvDetailCell,
    .srgAuditSurround .auditResultsTable .wrappedText,
    .srgAuditSurround .auditResultsTable .dxgvDetailCell {
        word-break: break-all;
        word-wrap: break-word;
    }

    .ctlPanelAuditSurround .auditResultsTable .dxeButtonEdit,
    .manSourcingActivitySurround .dxeButtonEdit,
    .ctlPanelPostmanSurround .dxeButtonEdit,
    .srgAuditSurround .auditResultsTable .dxeButtonEdit,
    .srgEmailReportSurround .emailLogMainTable .dxeButtonEdit,
    .rfxQuestionnaireAuditReportSurround .auditResultsTable .dxeButtonEdit {
        width: 100% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 29px;
    }

    #FooterContainer .dxeButtonEdit {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 26px !important;
        margin-top: 5px !important;
    }

    .ctlPanelEmailLogSurround .emailLogMainTable .dxeButtonEditSys {
        width: 100% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 29px;
    }

    .toolChangeCurrentTargetPriceSurround .multiAuctionTable tr {
        border: 1px solid #d1d1d1;
    }

        .toolChangeCurrentTargetPriceSurround .multiAuctionTable tr:first-child td {
            border: 1px solid #d1d1d1;
            height: 32px;
            background-color: #fafafa;
        }

    .toolChangeCurrentTargetPriceSurround .multiAuctionTable {
        width: 100%;
    }

    .toolChangeCurrentTargetPriceSurround .buttonAlignDesktop, .toolChangeCurrentTargetPriceSurround .labelAlignDesktop {
        padding-top: 4px;
    }

    .toolAddHistoricBidSurround .auctionAddBidTimePicker .our-form-control {
        width: 45% !important;
    }

    .toolAddHistoricBidSurround .auctionAddBidTimePicker {
        width: 155px !important;
    }

    .toolAddHistoricBidSurround .calendarSurround .our-form-control {
        width: 100% !important;
    }

    .toolAddHistoricBidSurround .CTableBackground .our-form-control {
        width: 100% !important;
    }

    .toolAddHistoricBidSurround .CTableHeading {
        height: 31px;
        background-color: #fafafa;
        color: #525252 !important;
        font-size: 12px;
    }

    .toolAddHistoricBidSurround table .CAltTableBackground {
        border: none;
    }

    .toolAddHistoricBidSurround .CTableHeading th {
        border: 1px solid #d1d1d1;
        border-color: #d1d1d1 !important;
    }

    .toolChangeReportOwnerSurround .our-form-control,
    .toolChangeProjectCreatorSurround .our-form-control,
    .toolChangeeRFXCreatorSurround .our-form-control,
    .toolChangeAuctionCreatorSurround .our-form-control,
    .toolAddHistoricBidSurround .our-form-control,
    .toolChangeCurrentTargetPriceSurround .our-form-control,
    .changeContactNumberSurround .our-form-control,
    .changePasswordSurround .our-form-control,
    .manSourcingActivitySurround .our-form-control,
    .ctlPanelPostmanSurround .our-form-control,
    .taskInformationSurround .our-form-control {
        display: inline-block;
        width: 97%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    /*#endregion ctlPanelUsersOnline/ctlPanelAudit/ctlPanelEmailLog/ctlPanelErrorLog/toolChangeAuctionCreator/toolChangeCurrentTargetPrice/toolAddHistoricBid/toolChangeeRFXCreator/toolChangeProjecCreator/toolChangeReportOwner/ChangePassword/ChangeContactNumber/manSourcingActivity/ctlPanelPostman End (JESSICA)*/

    /*#region manAppFeatures/srgDataExport Start (KYLE)*/

    .srgDataExportSurround .lineWidth {
        width: 62% !important;
    }

    .srgDataExportSurround .lblPadding {
        padding-top: 4px !important
    }

    .srgDataExportSurround .rightPadding1 {
        padding-right: 15px !important;
    }

    .srgDataExportSurround .rightPadding2 {
        padding-right: 10px !important;
    }

    .srgDataExportSurround .innerPadding {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .srgDataExportSurround .paddingImg {
        padding: 0px 4px 2px 0px !important;
    }

    .srgDataExportSurround input[type="checkbox"] {
        margin: 7px 4px 0px 0px !important;
    }

    .srgDataExportSurround .dataExportTreeToggle {
        cursor: pointer;
        width: 14px;
        display: inline-block;
        text-align: center;
        margin-right: 4px;
    }

    .manAppFeaturesSurround .keyPadding {
        padding-left: 12px !important;
    }

    .manAppFeaturesSurround .rightPaddingBtn {
        padding-right: 25px !important;
    }

    .manAppFeaturesSurround .topMarginLbl2 {
        margin-top: 2px !important;
    }

    .manAppFeaturesSurround .popUpTxtMargin {
        margin-top: 3px !important
    }

    .manAppFeaturesSurround .topMarginDrp2 {
        margin-top: 4px !important;
    }

    .manAppFeaturesSurround .topMarginLbl,
    .manAppFeaturesSurround .popUpLblMargin {
        margin-top: 9px !important;
    }

    .manAppFeaturesSurround .topMarginDrp1 {
        margin-top: 13px !important;
    }

    .manAppFeaturesSurround .rowMargin {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .manAppFeaturesSurround .our-form-control,
    .srgDataExportSurround .our-form-control {
        display: inline-block;
        width: 97%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    /*#endregion manAppFeatures/srgDataExport End (KYLE)*/

    /*#region manCurrencyTypes/manLists Pages Start (KYLE)*/

    .manCurrencyTypesSurround .noPadding {
        padding: 0px !important;
    }


    .manListsSurround .leftPadding,
    .manListsSurround #txtNewListName_EC,
    .manCurrencyTypesSurround .CLabel {
        padding-left: 5px !important;
    }

    .manListsSurround .leftMarginLbl {
        padding-left: 6px !important;
    }

    .manCurrencyTypesSurround .leftPadding {
        padding-left: 8px !important;
    }

    .manListsSurround .rightPadding {
        padding-right: 5px !important;
    }

    .manListsSurround .rowMargin,
    .manCurrencyTypesSurround,
    .manCurrencyTypesSurround .row {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .manListsSurround #ctl00_body_grdCompanyListItems_editnew_6_btnUpdate {
        margin-left: 5px !important;
    }

    .manListsSurround .leftMarginLbl2 {
        margin-left: 7px !important;
    }

    .manCurrencyTypesSurround .topMarginBtn {
        margin-top: -4px !important
    }

    .manCurrencyTypesSurround .topMarginLbl {
        margin-top: 4px !important;
    }

    .manCurrencyTypesSurround .topMarginTbl,
    .manListsSurround .marginListOrderType {
        margin-top: 5px !important;
    }

    .manListsSurround .newListTxtWidth {
        width: 278px !important;
    }

    .manListsSurround .rightFloat {
        float: right !important;
    }

    .manListsSurround .gridStyling .dxeButtonEdit {
        border-collapse: inherit !important;
    }

    .manCurrencyTypesSurround .currencyTableSurround tbody tr th,
    .manCurrencyTypesSurround .currencyTableSurround tbody tr td {
        padding-left: 5px;
    }

    .manCurrencyTypesSurround .currencyTableSurround .CTableHeading {
        height: 31px;
        font-size: 12px;
    }

    .manCurrencyTypesSurround .currencyTableSurround table .CAltTableBackground {
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 1px solid #ccc;
    }

    .manCurrencyTypesSurround .currencyTableSurround table .CAltTableBackground {
        border: none;
    }

    .manListsSurround .newListSurround .dxeTextBox {
        background-image: none;
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        box-sizing: inherit !important;
        box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset !important;
        font-size: 12px;
        line-height: 17.1429px !important;
        transition-delay: 0s, 0s;
        transition-duration: 0.15s, 0.15s;
        transition-property: border-color, box-shadow;
        transition-timing-function: ease-in-out, ease-in-out;
        word-spacing: 0px;
        writing-mode: horizontal-tb;
        height: 25px !important;
    }

    .manListsSurround .our-form-control {
        display: inline-block;
        width: 97%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .manCurrencyTypesSurround .our-form-control {
        display: inline-block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    /*#endregion manCurrencyTypes/manLists Pages End (KYLE)*/

    /*#region manBuyerCompanies/manTeamFeatures Pages Start (KYLE)*/

    .manBuyerCompaniesSurround .floatChk {
        float: right;
        padding-right: 5px !important;
    }

    .manBuyerCompaniesSurround input[type="checkbox"] {
        margin: 0px !important;
    }

    .manBuyerCompaniesSurround .basicSearchTextBoxDiv {
        padding: 5px !important;
    }

        .manBuyerCompaniesSurround .basicSearchTextBoxDiv input {
            width: 100% !important;
        }

    .manBuyerCompaniesSurround .basicSearchButtonDiv {
        padding: 0px !important;
        float: left !important;
    }

    .manBuyerCompaniesSurround .responsiveSearchPadding {
        padding: 0px 25px 0px 25px !important;
    }

    .manTeamFeaturesSurround .lblAlign {
        float: left;
        padding-left: 5px !important;
    }

    .manTeamFeaturesSurround .keyRowPadding {
        padding-left: 18px !important;
    }

    .manTeamFeaturesSurround .marginTop2 {
        margin-top: -2px !important;
    }

    .manBuyerCompaniesSurround .noMarginBottom {
        margin-bottom: 0px !important;
    }


    .manBuyerCompaniesSurround .basicSearchLabelDiv {
        text-align: right !important;
        height: 35px !important;
        padding: 0px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .manBuyerCompaniesSurround .CTableHyperlink {
        font-size: 9pt !important;
        text-decoration-line: underline !important;
    }

    .manBuyerCompaniesSurround .AbcSearch div {
        display: inline-block !important;
        border-collapse: collapse !important;
        height: 15px !important;
        line-height: 2px !important;
        min-width: 9px !important;
    }

    .manBuyerCompaniesSurround .divAbcSearch .row {
        width: 400px !important;
    }

    .manTeamFeaturesSurround .keyWidth {
        width: 19px !important
    }

    .manBuyerCompaniesSurround .dxbButton {
        float: left;
    }

    .manTeamFeaturesSurround .our-form-control,
    .manBuyerCompaniesSurround .our-form-control {
        display: inline-block;
        width: 97%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .manBuyerCompaniesSurround .dxgvTable table {
        border-collapse: separate !important;
    }

    .manBuyerCompaniesSurround .buyerCompaniesMainTable .dxeTextBox,
    .manTeamFeaturesSurround .teamFeaturesMainTable .dxeTextBox {
        background-image: none;
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        border-collapse: inherit !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        box-sizing: inherit !important;
        box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset !important;
        font-size: 12px;
        line-height: 17.1429px !important;
        transition-delay: 0s, 0s;
        transition-duration: 0.15s, 0.15s;
        transition-property: border-color, box-shadow;
        transition-timing-function: ease-in-out, ease-in-out;
        word-spacing: 0px;
        writing-mode: horizontal-tb;
        height: 25px !important;
    }

    /*#endregion manBuyerCompanies/manTeamFeatures Pages End (KYLE)*/

    /*#region manCompanyEmails/manCompanyInterfaces Pages Start (KYLE)*/

    .manCompanyEmailsSurround .textBoxSurround {
        padding: 0px 10px;
    }

    .manCompanyEmailsSurround .lblSurround {
        padding: 4px 0px 6px 6px !important;
    }

    .manCompanyEmailsSurround .tblEscalationPadding {
        padding-top: 4px !important;
    }

    .manCompanyEmailsSurround .CSubTitle {
        margin-left: 3px !important;
    }

    .manCompanyInterfacesSurround .mainDivSurround .CTitle {
        margin-left: -6px !important;
    }

    .manCompanyInterfacesSurround .CSubTitle {
        margin-left: -3px !important;
    }

    .manCompanyInterfacesSurround .imgShape {
        border: 1px solid !important;
        border-color: #bfbfbf !important;
        border-radius: 5px;
    }

    .manCompanyInterfacesSurround .txtTopMargin4,
    .manCompanyInterfacesSurround .txtTopMargin3,
    .manCompanyInterfacesSurround .txtTopMargin {
        margin-top: -3px !important;
    }

    .manCompanyEmailsSurround .infoAlign {
        margin-top: -1px !important;
    }

    .manCompanyInterfacesSurround .divSodexoEVARSurround input[type="checkbox"] {
        margin: 2px 0px 0px 0px !important;
    }

    .manCompanyInterfacesSurround .txtTopMargin2 {
        margin-top: 5px !important;
    }

    .manCompanyInterfacesSurround .tblTopMargin {
        padding-top: 6px !important;
    }

    .manCompanyInterfacesSurround .rowMargin,
    .manCompanyEmailsSurround .rowMargin {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

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

    .manCompanyInterfacesSurround .CLabel {
        padding-left: 2px !important;
        display: table !important;
        margin-top: 2px !important;
    }

    .manCompanyEmailsSurround .txtAlign {
        height: 24px !important;
    }

    .manCompanyInterfacesSurround .ddlResponsive {
        width: 97% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
    }

    .manCompanyInterfacesSurround .our-form-control,
    .manCompanyEmailsSurround .our-form-control {
        display: inline-block;
        width: 97% !important;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .manCompanyInterfacesSurround .manInterfacesAPIButton {
        background-color: #fff;
    }

    /*#endregion manCompanyEmails/manCompanyInterfaces Pages End (KYLE)*/

    /*#region Management/eRFX/Auction/SIM/Workflow Start (Paul)*/

    /*#region Targetted Pages*/

    /*
    manTeams/manRoles/manUsers/manSupplierCompanies/manCategories/manCompanyAppFeatures/manDocuments/manDocumentEdit
    ctlQueryPerformance/toolCreateNewEvent/rfxQuestionnaireWizard/rfxQuestionnaireWizardgateway/
    rfxCreateNewQuestionnaire/rfxQuestionnaireWizardHistoric/rfxQuestionnaireQuestions/rfxQuestionnaireParticipants/rfxQuestionnaireInviteUser/rfxQuestionnaireParticipantView
    aucAuctionSuppliers/aucAuctionSpectators/aucAuctionDocuments/aucAuctionBidChart/aucAuctionBidAnalysis/aucAuctionBidStatus/aucAuctionBidBreakdown/aucAuctionSupplierBids/toolCreateNewEvent/
    srgWizWelcome/rfxQuestionnaireAuditReport/srfWizNewsletter/srgWizFreeTextSearch/srgBuyerSupplierDetails/srgBuyerSupplierAnswers/QuestionnaireDetailFormSupplier/srgSupplierUpdateUnlockedManual
*/

    /*#endregion Targetted Pages*/

    /*#region BORDER*/

    .wrfTasksSurround .dxeRadioButtonList,
    .manTeamsSurround .dxeTextBox, .manTeamsSurround .dxeButtonEdit,
    .manRolesSurround .dxeTextBox, .manRolesSurround .dxeButtonEdit,
    .manCompanyAppFeaturesSurround .cGreyBox .dxgvInlineEditCell table.dxeButtonEdit,
    .manCompanyAppFeaturesSurround .cGreyBox .dxgvInlineEditCell .dxeTextBox,
    .manCompanyAppFeaturesSurround .cGreyBox .dxgvDetailCell .dxeButtonEdit,
    .rfxQuestionnaireParticipantsSurround .dxeButtonEdit,
    .rfxQuestionnaireInviteUserSurround .dxeButtonEdit,
    .aucAuctionSpectatorsSurround .supplierSelectionContainer .dxeButtonEdit,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .dxeButtonEdit,
    .proSummarySurround .supplierSelectionContainer .dxeButtonEdit,
    .proSuppliersSurround .supplierSelectionContainer .dxeButtonEdit,
    .QuestionnaireQueryReportAccessSurround .dxeButtonEdit,
    .scrScoreCardSetupSurround .supplierSelectionContainer .dxeButtonEdit,
    .spmScorersSurround .supplierSelectionContainer .dxeButtonEdit,
    .spmSuppliersSurround .supplierSelectionContainer .dxeButtonEdit,
    .srgWizNewsletterSurround .supplierSelectionContainer .dxeButtonEdit,
    .rfxQuestionnaireQuestionsSurround .SectionPreviewSurround .dxeButtonEdit,
    .rfxQuestionnaireQuestionsSurround .wizardPopupContainer .dxeTextBox,
    .aucAuctionSuppliersSurround .importParticipantSurround .dxeButtonEdit,
    .srgWizNewsletterSurround .responsiveTextBoxSurround .dxeButtonEdit,
    .srgBuyerSupplierDetailsSurround .responsiveTextBoxSurround .dxeButtonEdit,
    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .noBorderResponsiveOnly,
    .wrfRolesSurround .modal-content .dxeListBox,
    .wrfTasksSurround .dxeButtonEdit,
    .wrfFormsSurround .selectedQuestionsDDL .dxeButtonEdit,
    .rfxQuestionnaireQuestionTypesSurround .dateEditContainer .dxeButtonEditButton,
    .rfxQuestionnaireQuestionTypesSurround .dateEditContainer .dxeButtonEdit {
        border: none !important;
    }

    .manDocumentEditSurround .dxheControl .dxeButtonEdit,
    .ctlQueryPerformanceSurround .dxeButtonEdit {
        border: none !important;
        border-radius: 4px !important;
    }

    .manDocumentEditSurround .bottomBorder {
        border-bottom-color: rgb(238, 238, 238);
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    .rfxQuestionnaireScoresReportSurround,
    .rfxQuestionnaireScoresReportForUserSurround {
        margin-left: 15px;
        margin-right: 15px;
    }

    .rfxQuestionnaireScoringCommentaryReportSurroundFooter .reportFooter,
    .rfxQuestionnaireScoringReportSurroundFooter .reportFooter,
    .rfxQuestionnaireSupplierHardCopySurroundFooter .reportFooter {
        border: solid 1px #aaaaaa !important;
    }

    .rfxQuestionnaireWizardHistoricSurround .questionnaireTableSurround table {
        border: 1px solid #ccc;
    }

    .userHomepageSurround .bottomBorderContainer .dxgvTable td:nth-child(3),
    .userHomepageSurround .bottomBorderContainer .dxgvTable td:nth-child(4),
    .userHomepageSurround .bottomBorderContainer .dxgvTable td:nth-child(5) {
        border-bottom: 1px solid #d1d1d1;
    }

    .rfxQuestionnaireWizardHistoricSurround .questionnaireTableSurround .CTableHeading td {
        border: 1px solid #d1d1d1;
    }

    .aucAuctionSuppliersSurround .greenBorder,
    .aucAuctionSpectatorsSurround .greenBorder,
    .aucAuctionDocumentsSurround .greenBorder {
        border: solid 2px #3eb438
    }

    .aucAuctionBidStatusSurround .updAuctionSetupBorder {
        border-top: gainsboro 1px solid;
        border-bottom: gainsboro 1px solid;
    }

    .rfxQuestionnaireQuestionTypesSurround .questionTypesHr {
        border: 0;
        border-top: 1px solid #999;
    }

    /*#endregion BORDER*/

    /*#region PADDING AND MARGINS*/
    /*#region PADDING*/
    .manCategoriesSurround .noPadding,
    .ctlQueryPerformanceSurround .noPadding,
    .manRolesSurround .basicSearchButtonDiv,
    .manUsersSurround .basicSearchButtonDiv,
    .manTeamsSurround .basicSearchButtonDiv,
    .manBuyerCompaniesSurround .basicSearchButtonDiv,
    .manSupplierCompaniesSurround .basicSearchButtonDiv,
    .manDocumentEditSurround .dxheControl .dxic,
    .ctlQueryPerformanceSurround .dxeButtonEdit .dxic,
    .ctlQueryPerformanceSurround .floatButtonRightContainer,
    .ctlDatabasePerformanceSurround .floatButtonRightContainer,
    .manDocumentEditSurround .docEditDropDownLists,
    .rfxCreateNewQuestionnaireSurround .noPadding,
    .rfxQuestionnaireQuestionsSurround .noPadding,
    .rfxQuestionnaireQuestionsSurround .buttonContainer,
    .rfxQuestionnaireParticipantsSurround .supplierSelectionContainer .dxic,
    .rfxQuestionnaireParticipantsSurround .noPadding,
    .rfxQuestionnaireInviteUserSurround .noPadding,
    .rfxQuestionnaireParticipantsSurround .noPaddingResponsiveOnly,
    .aucAuctionSuppliersSurround .noPadding,
    .aucAuctionSpectatorsSurround .noPadding,
    .aucAuctionSuppliersSurround .rowContainer div,
    .aucAuctionSpectatorsSurround .rowContainer div,
    .divContentContainer .noPadding,
    .aucAuctionSuppliersSurround .importParticipantSurround .textBoxContainer td,
    .proSuppliersSurround .importParticipantSurround .textBoxContainer td,
    .aucAuctionSuppliersSurround .importParticipantSurround .textBoxContainer td,
    .proSuppliersSurround .importParticipantSurround .textBoxContainer td,
    .rfxQuestionnaireParticipantsSurround .importParticipantSurround .textBoxContainer td,
    .srgWizNewsletterSurround .responsiveTextBoxSurround .dxic,
    .srgBuyerSupplierDetailsSurround .noPaddingDesktop,
    .srgBuyerSupplierDetailsSurround .responsiveTextBoxSurround .dxic,
    .DashboardReportSurround .blankEmailPopupSurround .sendMessageRow .dxic,
    .proDashboardSurround .blankEmailPopupSurround .sendMessageRow .dxic,
    .QuestionnaireQueryReportSurround .blankEmailPopupSurround .sendMessageRow .dxic,
    .QuestionnaireQueryReportFullScreenSurround .blankEmailPopupSurround .sendMessageRow .dxic,
    .QuestionnaireQueryReportNewSurround .blankEmailPopupSurround .sendMessageRow .dxic,
    .srgBuyerSupplierDetailsSurround .blankEmailPopupSurround .sendMessageRow .dxic,
    .srgCustomReportFullScreenSurround .blankEmailPopupSurround .sendMessageRow .dxic,
    .srgDashboardSurround .blankEmailPopupSurround .sendMessageRow .dxic,
    .DashboardReportSurround .blankEmailPopupSurround i,
    .proDashboardSurround .blankEmailPopupSurround i,
    .QuestionnaireQueryReportSurround .blankEmailPopupSurround i,
    .QuestionnaireQueryReportFullScreenSurround .blankEmailPopupSurround i,
    .QuestionnaireQueryReportNewSurround .blankEmailPopupSurround i,
    .srgBuyerSupplierDetailsSurround .blankEmailPopupSurround i,
    .srgCustomReportFullScreenSurround .blankEmailPopupSurround i,
    .srgDashboardSurround .blankEmailPopupSurround i,
    .srgSupplierUpdateUnlockedManualSurround .submitPopupSurround span,
    .wrfRolesSurround .paddingOnlyMobile {
        padding: 0px !important;
    }

    .ctlQueryPerformanceSurround .ctlResponsivePadding {
        padding: 0px 0px 0px 25px;
    }

    .manRolesSurround .basicSearchTextBoxDiv, .manRolesSurround .basicSearchDDLDiv,
    .manUsersSurround .basicSearchTextBoxDiv, .manUsersSurround .basicSearchDDLDiv,
    .manTeamsSurround .basicSearchTextBoxDiv, .manTeamsSurround .basicSearchDDLDiv,
    .manSupplierCompaniesSurround .basicSearchTextBoxDiv, .manSupplierCompaniesSurround .basicSearchDDLDiv,
    .manTeamsSurround .dxichTextCellSys label,
    .manRolesSurround .dxichTextCellSys label,
    .manUsersSurround .CheckBoxFloat span {
        padding: 5px !important;
    }

    .manDocumentsSurround .lockedDocumentsText span,
    .toolCreateNewEventSurround .eRFXQuestionLabelContainer > label,
    .rfxQuestionnaireWizardHistoricSurround .questionnaireTableSurround tbody tr td,
    .aucAuctionBidChartSurround .updKeyContainer .CLabel,
    .rfxQuestionnaireQuestionTypesSurround .checkBoxContainer label,
    .proItemsSurround .maxGridWidth tbody tr th {
        padding-left: 5px;
    }

    .manUsersSurround .paddingLeftMedium,
    .manCategoriesSurround .paddingLeftMedium,
    .rfxQuestionnaireWizardSurround .paddingLeftMedium,
    .rfxQuestionnaireWizardHistoricSurround .paddingLeftMedium,
    .rfxQuestionnaireParticipantsSurround .paddingLeftMedium {
        padding-left: 10px;
    }

    .QuestionnaireDetailFormSupplierSurround .displayFieldUL {
        padding-left: 20px !important;
    }

    .manUsersSurround .paddingLeftLarge {
        padding-left: 50px;
    }

    .manDocumentsSurround .dxgvDetailCell,
    .rfxQuestionnaireWizardHistoricSurround .noPaddingRight,
    .rfxQuestionnaireInviteUserSurround .noPaddingRight {
        padding-right: 0px !important
    }

    .manCompanyAppFeaturesSurround .paddingTopFive {
        padding-top: 5px;
    }

    .proItemsSurround .CTableBackground td {
        padding-top: 1px;
    }

    .rfxQuestionnaireQuestionsSurround .templatePadding {
        padding-top: 6px;
    }

    .manUsersSurround .paddingTopSmall {
        padding-top: 11px;
    }

    .rfxQuestionnaireParticipantsSurround .textBoxAdjust {
        padding-top: 1px;
        padding-bottom: 2px;
    }

    .rfxCreateNewQuestionnaireSurround .rowPadding,
    .rfxCreateNewQuestionnaireSurround .rowPaddingMobile {
        padding: 5px 0px 5px 0px;
    }

    .rfxCreateNewQuestionnaireSurround .titleRowPadding {
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 0px;
    }

    .manTeamsSurround input.CStandardTextSize,
    .manRolesSurround input.CStandardTextSize,
    .manUsersSurround input.CStandardTextSize,
    .manSupplierCompaniesSurround input.CStandardTextSize,
    .manCompanyAppFeaturesSurround .cGreyBox .CStandardTextSize,
    .manCompanyInterfacesSurround input.CStandardTextSize,
    .manTeamsSurround .dxeTextBox .dxeEditArea,
    .manRolesSurround .dxeTextBox .dxeEditArea,
    .manCompanyAppFeaturesSurround input.genericResponsiveControl {
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    .wrfTasksSurround .selectWorkflow .dxeEditArea,
    .wrfTasksSurround .editWorkflowContainer .dxeEditArea {
        padding-left: 3px !important;
        padding-right: 17px !important;
    }

    .manCompanyAppFeaturesSurround .dxeButtonEdit .dxeEditArea {
        padding-left: 2px !important;
        padding-right: 30px !important;
    }

    .srgWizNewsletterSurround .responsiveRadioButtonSurround label {
        padding-right: 5px;
        padding-left: 5px;
    }

    .ctlDatabasePerformanceSurround .responsiveGraph > img {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .aucAuctionDocumentsSurround .reducedPadding {
        padding-left: 13px;
        padding-right: 13px;
    }

    .manDocumentEditSurround .keyListPadding,
    .rfxQuestionnaireWizardHistoricSurround .responsiveRow,
    .rfxQuestionnaireInviteUserSurround .updQuestionsContainer {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .manDocumentEditSurround .TextBoxContainer,
    .manDocumentEditSurround .MultilineTBContainer {
        padding-left: 25px;
        padding-right: 25px;
    }

    .rfxCreateNewQuestionnaireSurround .paddingLeft {
        padding: 0px 0px 0px 0px;
    }

    .rfxCreateNewQuestionnaireSurround .paddingRight {
        padding: 0px 10px 0px 0px;
    }

    .manTeamsSurround .floatRightTabletAndAbove .dxichCellSys,
    .manRolesSurround .floatRightTabletAndAbove .dxichCellSys {
        padding: 3px 3px 3px !important;
    }

    .aucAuctionSuppliersSurround .importParticipantSurround .verticalPaddingContainer .dxe,
    .proSuppliersSurround .importParticipantSurround .verticalPaddingContainer .dxe,
    .rfxQuestionnaireParticipantsSurround .importParticipantSurround .verticalPaddingContainer .dxe {
        padding: 2px 0px 2px 0px;
    }

    .manCompanyAppFeaturesSurround .horizontalPadding {
        padding: 0px 3px 0px 3px !important;
    }

    .manTeamsSurround .dxeButtonEdit .dxeEditArea, .manRolesSurround .dxeButtonEdit .dxeEditArea,
    .manUsersSurround .addUserToTeam .AddUserButton {
        padding: 4px 20px 4px 4px !important;
    }

    .manTeamsSurround .dxgvEmptyDataRow .dxgv,
    .manRolesSurround .dxgvEmptyDataRow .dxgv,
    .manUserSurround .dxgvEmptyDataRow .dxgv,
    .manSupplierCompaniesSurround .dxgvEmptyDataRow .dxgv,
    .manCategoriesSurround .dxgvEmptyDataRow .dxgv {
        padding: 20px 2px 20px 4px !important;
    }

    .srgBuyerSupplierDetailsSurround .paddingLeftOnly {
        padding: 5px 0px 0px 0px;
    }

    .proItemsSurround .newItemPropertiesPadding {
        padding: 0px 2px 2px 2px !important;
    }
    /*#endregion PADDING*/

    /*#region MARGIN*/
    .QuestionnaireDetailFormSupplierSurround .displayFieldUL {
        margin: 0 !important;
    }

    .manSupplierCompaniesSurround input[type="checkbox"] {
        margin: 0px 0px 0px -20px;
    }

    .toolCreateNewEventSurround .DDLLayout,
    .aucAuctionBidStatusSurround .standardTextBoxContainer {
        margin: 4px 0px 4px 0px;
    }

    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .manualQuestionUnlock img {
        margin: 0px 0px 1px 3px;
    }

    .proItemsSurround .calendarContainer select {
        margin: 0 1px 0 1px;
    }

    .wrfRolesSurround .RdoLabelContainer label,
    .rfxQuestionnaireQuestionTypesSurround .RdoLabelContainer label {
        margin: 0 5px 0 5px;
    }

    .wrfRolesSurround .filterBySystemCBContainer label,
    .wrfRolesSurround .teamsCanRollbackContainer label,
    .wrfReportsSurround .simWorkflowEditForm label,
    .wrfTasksSurround .addConfigCheckboxContainer label {
        margin: 5px 10px 0 0;
    }

    .manCompanyAppFeaturesSurround .noMargin,
    .toolCreateNewEventSurround .noMargin,
    .manDocumentEditSurround input[type="radio"],
    .manDocumentEditSurround input[type="checkbox"],
    .toolCreateNewEventSurround,
    .toolCreateNewEventSurround .eRFXQuestionLabelContainer > label,
    .toolCreateNewEventSurround .optionLabelAlignment > label,
    .rfxCreateNewQuestionnaireSurround .titleRowPadding > label,
    .rfxCreateNewQuestionnaireSurround .rowPadding > label,
    .aucAuctionBidStatusSurround .genericCheckBox label {
        margin: 0px !important;
    }

    .rfxQuestionnaireScoreSuppliersSurroundFooter .FooterContainerDevXButton,
    .rfxQuestionnaireScoresReportSurroundFooter .FooterContainerDevXButton {
        margin-top: 3px !important;
    }

    .manCategoriesSurround .noMarginBottom,
    .manUsersSurround .noMarginBottom {
        margin-bottom: 0px !important;
    }

    .manCategoriesSurround .bottomMargin,
    .manCompanyAppFeaturesSurround .bottomMargin,
    .aucAuctionSuppliersSurround .bottomMargin {
        margin-bottom: 5px;
    }

    .rfxQuestionnaireScoresReportSurround .exportToExcelContainer .dxbButton,
    .rfxQuestionnaireScoresReportForUserSurround .exportToExcelContainer .dxbButton {
        margin-top: 10px;
    }

    .wrfRolesSurround .checkBoxMarginTop {
        margin-top: 14px;
    }

    .ErrorNoTeamsSurround .marginBottomDbl {
        margin-bottom: 20px;
    }

    .GanttChartFullScreenSurround {
        margin-bottom: 50px !important;
    }

    .rfxQuestionnaireQuestionsSurround .noMarginRight,
    .rfxQuestionnaireSupplierHardCopySurroundFooter .row {
        margin-right: 0px;
    }

    .manCompanyAppFeaturesSurround .marginRight {
        margin-right: 5px;
    }

    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .manualQuestionUnlock tr th:nth-child(2) span {
        margin-right: 135px;
    }

    .wrfReportsSurround .simWorkflowEditForm .CLabelBold {
        margin-left: 0 !important;
    }

    .proItemsSurround .checkBoxStyling label {
        margin-left: 2px;
    }

    .manCompanyAppFeaturesSurround .marginLeft,
    .srgBuyerSupplierDetailsSurround .supplierCheckBoxesContainer label,
    .QuestionnaireQueryReportAccessSurround .genericCheckBox,
    .wrfRolesSurround .filterBySystemCBContainer table,
    .wrfRolesSurround .CStandardTextSize {
        margin-left: 5px;
    }

    .aucAuctionBidStatusSurround .manageMessagingCheckBoxList td input,
    .aucAuctionSupplierBidsSurround .manageMessagingCheckBoxList td input,
    .ducAuctionBidStatusSurround .manageMessagingCheckBoxList td input,
    .ducAuctionSupplierBidsSurround .manageMessagingCheckBoxList td input,
    .jpnAuctionBidStatusSurround .manageMessagingCheckBoxList td input,
    .jpnAuctionBidStatusMultiSurround .manageMessagingCheckBoxList td input,
    .jpnAuctionSupplierBidsSurround .manageMessagingCheckBoxList td input,
    .srgMessagingSurround .manageMessagingCheckBoxList td input {
        margin-right: 5px !important;
        position: relative;
        top: 2px;
        vertical-align: top;
    }

    .manUsersSurround .CheckBoxFloat .genericCheckBox input {
        margin-left: -10px !important;
    }

    .rfxQuestionnaireParticipantViewSurround .quarterTopMargin {
        margin-top: 25%;
    }

    .toolCreateNewEventSurround .genericCheckBox,
    .toolCreateNewEventSurround .genericRDOButtonContainer .CStandardTextSize {
        margin-left: auto;
        margin-right: 0;
    }

    .rfxQuestionnaireParticipantsSurround .row,
    .rfxQuestionnaireQuestionsSurround .row {
        margin-left: 0px;
        margin-right: 0px;
    }

    .aucAuctionBidAnalysisSurround .rdoContainer label {
        margin-left: 5px;
        margin-right: 5px;
    }

    .rfxQuestionnaireQuestionsSurround .DDLContainer {
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .manDocumentEditSurround .textContainerAlign,
    .manDocumentEditSurround .buttonTextContainerAlign,
    .manDocumentEditSurround .radioButtonContainer,
    .ctlQueryPerformanceSurround .textContainerAlign,
    .ctlDatabasePerformanceSurround .textContainerAlign,
    .toolCreateNewEventSurround .textContainerAlign,
    .rfxQuestionnaireWizardSurround .textContainerAlign,
    .rfxQuestionnaireWizardgatewaySurround .textContainerAlign,
    .rfxCreateNewQuestionnaireSurround .textContainerAlign,
    .rfxQuestionnaireWizardHistoricSurround .textContainerAlign,
    .rfxQuestionnaireQuestionsSurround .textContainerAlign,
    .scrScoreCardSetupSurround .supplierSelectionContainer .textContainerAlign,
    .aucAuctionDocumentsSurround .textContainerAlign,
    .divContentContainer .textContainerAlign,
    .aucAuctionBidStatusSurround .textContainerAlign,
    .proItemsSurround .textContainerAlign {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .aucAuctionSpectatorsSurround .supplierSelectionContainer .textContainerAlign,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .textContainerAlign,
    .aucAuctionSuppliersSurround .textContainerAlign,
    .proSummarySurround .supplierSelectionContainer .textContainerAlign,
    .proSuppliersSurround .supplierSelectionContainer .textContainerAlign,
    .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .textContainerAlign,
    .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .textContainerAlign,
    .rfxQuestionnaireParticipantItemsSurround .supplierSelectionContainer .textContainerAlign,
    .scrScoreCardSetupSurround .supplierSelectionContainer .textContainerAlign,
    .spmScorersSurround .supplierSelectionContainer .textContainerAlign,
    .spmSuppliersSurround .supplierSelectionContainer .textContainerAlign,
    .srgWizNewsletterSurround .supplierSelectionContainer .textContainerAlign {
        margin-top: 2px;
    }

    .rfxQuestionnaireQuestionsSurround .labelContainer label,
    .rfxQuestionnaireParticipantsSurround .verticalMargin,
    .aucAuctionBidStatusSurround .verticalMargin {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .manDocumentsSurround .lockedDocumentsContainer {
        margin-block-end: 10.6667px;
        margin-block-start: 10.6667px;
    }
    /*#endregion MARGIN*/

    /*#region PADDING/MARGIN COMBINED*/
    .wrfFormsSurround .noPaddingMargin {
        padding: 0;
        margin: 0;
    }

    .proItemsSurround .CTableBackground .genericResponsiveControl {
        min-width: calc(100% - 1px) !important;
        margin-left: 1px;
    }

    .proSummarySurround .ganttKeyBox,
    .GanttChartFullScreenSurround .ganttKeyBox {
        display: inline-block;
        margin-bottom: 5px;
    }

    .srgBuyerSupplierDetailsSurround .supplierLabelContainer {
        padding: 5px 0px 0px 0px;
        height: 25px;
    }

    .aucAuctionBidStatusSurround .popUpButtonsContainer {
        float: right;
        margin: 10px 5px 0px 0px;
    }

    .aucAuctionBidStatusSurround .buttonContainerMarginTablet {
        padding: 0px;
        text-align: right;
    }

    .rfxQuestionnaireQuestionsSurround .rfxQuestionnaireQuestionsButtonContainer {
        width: 43px;
        float: right;
        padding-left: 5px
    }

    .aucAuctionSuppliersSurround .noPaddingNegativeMargin,
    .proSummarySurround .noPaddingNegativeMargin,
    .proSuppliersSurround .noPaddingNegativeMargin,
    .rfxQuestionnaireParticipantsSurround .noPaddingNegativeMargin,
    .spmSuppliersSurround .noPaddingNegativeMargin {
        padding: 0px;
        margin-left: -10px;
    }

    .rfxQuestionnaireParticipantViewSurround .keyContainer {
        width: 100%;
        margin: 10px 0px 10px 0px;
    }

    .aucAuctionDocumentsSurround .maxWidthTopMargin {
        width: 100%;
        margin-top: 10px;
    }

    .srgWizNewsletterSurround .maxWidthNoLeftPadding {
        width: 100%;
        padding-left: 0px;
    }

    .rfxQuestionnaireParticipantViewSurround .keyBoxText,
    .aucAuctionSuppliersSurround .keyBoxText,
    .aucAuctionSpectatorsSurround .keyBoxText,
    .aucAuctionDocumentsSurround .keyBoxText {
        line-height: 20px;
        padding-left: 5px;
        display: -webkit-box;
    }

    .rfxQuestionnaireParticipantsSurround .validationText {
        display: inline-block;
        color: red;
        font-weight: 500;
        padding: 0px 15px 15px 15px;
    }

    .rfxQuestionnaireParticipantsSurround .paddingAndJustify {
        display: inline-block;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .rfxQuestionnaireQuestionsSurround .rfxWizHeaderMiddle {
        width: 100%;
        padding-right: 0px;
    }

    .rfxQuestionnaireWizardgatewaySurround .DDLLayout {
        text-align: left;
        min-height: 33px;
        display: flex;
        align-items: center;
    }

    .proItemsSurround .addItemsRDOContainer label {
        margin-bottom: 5px;
        margin-right: 5px;
        padding-left: 5px;
    }

    .toolCreateNewEventSurround .buttonAlignment,
    .rfxQuestionnaireWizardgatewaySurround .buttonAlignment,
    .rfxQuestionnaireQuestionsSurround .buttonAlignment {
        text-align: right;
        padding-left: 15px;
        padding-right: 15px;
    }

    .rfxQuestionnaireQuestionsSurround .buttonAlignment,
    .rfxQuestionnaireParticipantsSurround .buttonAlignment,
    .rfxQuestionnaireInviteUserSurround .buttonAlignment {
        text-align: right;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 15px;
    }

    .rfxQuestionnaireWizardSurround .rdoAlignment {
        text-align: right;
        padding-left: 15px;
        padding-right: 15px;
    }

    .toolCreateNewEventSurround .eRFXQuestionLabelContainer {
        display: inline-table;
        margin: 5px 0px 5px 10px;
        width: calc(100% - 38px);
    }

    .toolCreateNewEventSurround .optionLabelAlignment {
        padding: 0px 5px 0px 54px !important;
        text-align: left;
        min-height: 33px;
        display: flex;
        align-items: center;
    }

    .manDocumentEditSurround .radioButtonContainer td label {
        margin-bottom: 0px;
    }

    .manDocumentEditSurround .radioButtonContainer td label,
    .manDocumentEditSurround .radioButtonContainer span label,
    .toolCreateNewEventSurround .genericRDOButtonContainer label,
    .rfxQuestionnaireWizardgatewaySurround .genericRDOButtonContainer label,
    .aucAuctionSuppliersSurround .supplierWeightings label {
        margin-right: 5px !important;
        padding-left: 5px !important;
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .gatewayNameValidationSummary {
            color: #DA3344!important;
    }

    .insertSectionContainer .fixedLineHeight label {
        margin-bottom: 0px !important;
        margin-right: 5px !important;
        padding-left: 5px !important;
    }

    .ctlDatabasePerformanceSurround .dxgvControl {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px) !important;
    }

    .manCompanyAppFeaturesSurround .manTitle {
        margin: 0px;
        padding-left: 5px;
    }

    .manCompanyAppFeaturesSurround .CLabel {
        padding-left: 5px;
        margin-right: 5px;
        margin-bottom: 0px !important;
    }

    .manCompanyAppFeaturesSurround .saveDescriptionContainer {
        float: right;
        padding-right: 5px;
        padding-top: 10px;
    }

    .manCompanyAppFeaturesSurround .NewGroupTB {
        padding: 0px 3px 0px 3px !important;
        position: relative;
        top: 3px;
    }

    .manDocumentsSurround .lockedDocumentsImage {
        width: 16px;
        height: 16px;
        margin-bottom: 4px;
    }

    .manSupplierCompaniesSurround .CheckBoxFloat {
        float: right;
        display: inline-block;
        margin-left: 35px;
    }

    .aucAuctionSuppliersSurround .publishAuctionChild,
    .aucAuctionSpectatorsSurround .publishAuctionChild,
    .aucAuctionDocumentsSurround .publishAuctionChild {
        padding: 5px;
        float: left;
    }

    .manUsersSurround .dxeButton {
        float: left;
        padding-top: 0px;
    }

    .rfxQuestionnaireQuestionsSurround .participantView {
        float: right;
        padding-left: 15px;
    }

    .aucAuctionDocumentsSurround .documentKeyStyling {
        display: inline-block;
        margin-right: 5px;
    }

    .manUsersSurround .CheckBoxFloat {
        margin-left: 20px;
        float: right;
    }

    .manRolesSurround .basicSearchLabelDiv,
    .manUsersSurround .basicSearchLabelDiv,
    .manTeamsSurround .basicSearchLabelDiv,
    .manBuyerCompaniesSurround .basicSearchLabelDiv,
    .manSupplierCompaniesSurround .basicSearchLabelDiv {
        text-align: right;
        height: 35px;
        padding: 0px !important;
    }

    .spmSuppliersSurround .supplierSelectionContainer .buttonRightMediumPadding {
        text-align: right;
        padding: 0px 23px 0px 23px;
    }

    .rfxQuestionnaireWizardHistoricSurround .columnLayout {
        min-height: 33px;
        padding: 0;
    }

    .rfxQuestionnaireWizardHistoricSurround .textBoxLayout {
        min-height: 33px;
        padding: 0px 15px 0px 15px;
    }

    .aucAuctionDocumentsSurround .responsivePadding {
        padding-left: 0px;
    }

    .aucAuctionDocumentsSurround .fixedLineHeightNoPaddingRight {
        line-height: 33px;
        padding-right: 0px;
    }

    .aucAuctionDocumentsSurround .fixedLineHeightBorder {
        line-height: 33px;
        padding-left: 10px;
        border-left: solid 1px #777777;
    }

    .srgWizNewsletterSurround .padlockStyling {
        width: 650px;
        padding: 5px;
    }

    .srgWizNewsletterSurround .srgWizNewsletterContent {
        width: 100%;
        margin: 0px auto 0px;
    }

    .srgWizNewsletterContent .newsletterTableContainer {
        width: 100%;
        margin: 0px auto 0px auto;
    }

    .DashboardReportSurround .blankEmailPopupSurround .sendSupplierMessageColumn1,
    .proDashboardSurround .blankEmailPopupSurround .sendSupplierMessageColumn1,
    .QuestionnaireQueryReportSurround .blankEmailPopupSurround .sendSupplierMessageColumn1,
    .QuestionnaireQueryReportFullScreenSurround .blankEmailPopupSurround .sendSupplierMessageColumn1,
    .QuestionnaireQueryReportNewSurround .blankEmailPopupSurround .sendSupplierMessageColumn1,
    .srgBuyerSupplierDetailsSurround .blankEmailPopupSurround .sendSupplierMessageColumn1,
    .srgCustomReportFullScreenSurround .blankEmailPopupSurround .sendSupplierMessageColumn1,
    .srgDashboardSurround .blankEmailPopupSurround .sendSupplierMessageColumn1 {
        width: 60px;
        float: left;
        padding-top: 5px;
    }

    .rfxQuestionnaireScoresReportSurround .questionnaireScoresDiv {
        margin-bottom: 50px;
        bottom: 0px !important
    }

    .wrfTasksSurround .wrfButtonContainer {
        margin-bottom: 5px;
        display: inline-block;
    }
    /*#endregion PADDING/MARGIN COMBINED*/
    /*#endregion PADDING AND MARGINS*/

    /*#region HEIGHT AND WIDTH*/
    .manTeamFeaturesSurround .dxeArea,
    .manCompanyAppFeaturesSurround .cGreyBox,
    .manUsersSurround .dxgvTable .dx-ac a,
    .manRolesSurround .basicSearchTextBoxDiv input,
    .manUsersSurround .basicSearchTextBoxDiv input,
    .manTeamsSurround .basicSearchTextBoxDiv input,
    .manBuyerCompaniesSurround .basicSearchTextBoxDiv input,
    .manSupplierCompaniesSurround .basicSearchTextBoxDiv input,
    .manDocumentsSurround .maxWidth,
    .rfxQuestionnaireWizardHistoricSurround .maxWidth,
    .manDocumentEditSurround .DocumentEditControlsContainer .genericResponsiveControl,
    .ctlQueryPerformanceSurround .maxWidth > div,
    .ctlQueryPerformanceSurround .maxWidth > div > img,
    .toolCreateNewEventSurround .genericResponsiveControl,
    .rfxQuestionnaireWizardgatewaySurround .genericResponsiveControl,
    .rfxCreateNewQuestionnaireSurround .maxWidth,
    .rfxCreateNewQuestionnaireSurround .rfxWizHeaderMiddle,
    .rfxQuestionnaireQuestionsSurround .rfxWizGeneralTemplateSummaryDetails,
    .rfxQuestionnaireQuestionsSurround .rfxWizGeneralTemplateSummaryInfo,
    .rfxQuestionnaireQuestionsSurround .maxWidth,
    .rfxQuestionnaireQuestionsSurround .SectionPreviewSurround .dxeButtonEdit,
    .rfxQuestionnaireQuestionsSurround .wizardPopupContainer .dxeTextBox,
    .rfxQuestionnaireParticipantsSurround .maxWidth,
    .rfxQuestionnaireParticipantsSurround .supplierSelectionContainer .dxeButtonEdit,
    .rfxQuestionnaireInviteUserSurround .maxWidth,
    .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .dxeButtonEdit,
    .rfxQuestionnaireParticipantsSurround .maxWidth,
    .rfxQuestionnaireInviteUserSurround .maxWidth,
    .rfxQuestionnaireParticipantViewSurround .maxWidth,
    .rfxQuestionnaireWizardSurround .maxWidth,
    .aucAuctionSpectatorsSurround .supplierSelectionContainer .dxeButtonEdit,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .dxeButtonEdit,
    .proSuppliersSurround .supplierSelectionContainer .dxeButtonEdit,
    .QuestionnaireQueryReportAccessSurround .dxeButtonEdit,
    .scrScoreCardSetupSurround .supplierSelectionContainer .dxeButtonEdit,
    .spmScorersSurround .supplierSelectionContainer .dxeButtonEdit,
    .spmSuppliersSurround .supplierSelectionContainer .dxeButtonEdit,
    .srgWizNewsletterSurround .supplierSelectionContainer .dxeButtonEdit,
    .aucAuctionSuppliersSurround .maxWidth,
    .aucAuctionSpectatorsSurround .maxWidth,
    .aucAuctionSpectatorsSurround,
    .aucAuctionDocumentsSurround .maxWidth,
    .aucAuctionDocumentsSurround,
    .aucAuctionBidAnalysisSurround,
    .aucAuctionBidAnalysisSurround .maxWidth,
    .aucAuctionBidStatusSurround,
    .rfxQuestionnaireQuestionsSurround .maxWidthContainer .dxbButtonSys,
    .aucAuctionSuppliersSurround .importParticipantSurround .textBoxContainer .dxeButtonEdit,
    .proSuppliersSurround .importParticipantSurround .textBoxContainer .dxeButtonEdit,
    .rfxQuestionnaireParticipantsSurround .importParticipantSurround .textBoxContainer .dxeButtonEdit,
    .aucAuctionBidStatusSurround .messagingSurround .manageMessagingCheckBoxList,
    .aucAuctionSupplierBidsSurround .messagingSurround .manageMessagingCheckBoxList,
    .ducAuctionBidStatusSurround .messagingSurround .manageMessagingCheckBoxList,
    .ducAuctionSupplierBidsSurround .messagingSurround .manageMessagingCheckBoxList,
    .jpnAuctionSupplierBidsSurround .messagingSurround .manageMessagingCheckBoxList,
    .jpnAuctionBidStatusMultiSurround .messagingSurround .manageMessagingCheckBoxList,
    .jpnAuctionSupplierBidsSurround .messagingSurround .manageMessagingCheckBoxList,
    .aucAuctionBidStatusSurround .messagingSurround .sendMessageContainer .modal-body > table,
    .aucAuctionSupplierBidsSurround .messagingSurround .sendMessageContainer .modal-body > table,
    .ducAuctionBidStatusSurround .messagingSurround .sendMessageContainer .modal-body > table,
    .ducAuctionSupplierBidsSurround .messagingSurround .sendMessageContainer .modal-body > table,
    .jpnAuctionSupplierBidsSurround .messagingSurround .sendMessageContainer .modal-body > table,
    .jpnAuctionBidStatusMultiSurround .messagingSurround .sendMessageContainer .modal-body > table,
    .jpnAuctionSupplierBidsSurround .messagingSurround .sendMessageContainer .modal-body > table,
    .srgWizWelcomeSurround #Captivate,
    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround table,
    .rfxCreateNewQuestionnaireSurround .eRFXTemplateSelectorSurround .maxTableWidthContainer > .dxgv,
    .proItemsSurround .eRFXTemplateSelectorSurround .maxTableWidthContainer > .dxgv,
    .rfxCreateNewQuestionnaireSurround .AuctionTemplateSelectorSurround .maxTableWidthContainer > .dxgv,
    .proItemsSurround .AuctionTemplateSelectorSurround .maxTableWidthContainer > .dxgv,
    .proItemsSurround .confirmNames .form-group input,
    .wrfFormsSurround .readOnlyQuestions .CategoryHeader,
    .wrfFormsSurround .readOnlyPopupPanel > table,
    .rfxQuestionnaireScoringReportSurroundFooter .row,
    .rfxQuestionnaireScoringCommentaryReportSurroundFooter .row,
    .manDocumentsSurround .companyDropDownSurround select,
    .wrfTasksSurround .addConfigCheckboxContainer table {
        width: 100% !important;
    }

        .aucAuctionBidStatusSurround .messagingSurround .checkRecipients td {
            width: 50%;
        }

    .srgBuyerSupplierDetailsSurround .supplierCheckBoxesContainer td {
        width: 16.666%;
    }

    .rfxCreateNewQuestionnaireSurround .rfxWizHeaderTop,
    .rfxQuestionnaireQuestionsSurround .rfxWizHeaderTop,
    .rfxQuestionnaireParticipantsSurround .rfxWizHeaderTop,
    .rfxQuestionnaireInviteUserSurround .rfxWizHeaderTop {
        width: 100%;
        background-size: 100%;
    }

    .ctlQueryPerformanceSurround .dxeButtonEdit,
    .ctlDatabasePerformanceSurround .dxeButtonEdit {
        width: 100% !important;
        min-width: 165px !important;
        z-index: 1;
    }

    .proItemsSurround .newItemPropertiesPadding > input,
    .proItemsSurround .newItemPropertiesPadding select {
        width: calc(100% - 8px);
    }

    .proItemsSurround .workflowTimeDDLContainer .genericResponsiveControl {
        width: calc(50% - 63px);
    }

    .rfxQuestionnaireQuestionsSurround .divNewQuestionnaireControlsLabelWidth {
        width: calc(100% - 43px);
    }

    .wrfReportsSurround .wrfReportsEditNameContainer input {
        width: calc(100% - 80px);
    }

    .wrfReportsSurround .wrfReportsEditDescriptionContainer input {
        width: calc(100% - 80px);
    }

    .aucAuctionDocumentsSurround .genericResponsiveControl {
        width: calc(100% - 115px);
    }

    .rfxCreateNewQuestionnaireSurround .rfxWizProgressDiagram {
        width: calc(100% - 170px);
    }

    .rfxQuestionnaireQuestionsSurround .rfxWizProgressDiagram,
    .rfxQuestionnaireParticipantsSurround .rfxWizProgressDiagram,
    .rfxQuestionnaireInviteUserSurround .rfxWizProgressDiagram {
        width: calc(100% - 172px);
    }

    .wrfRolesSurround .newRoleStyling {
        width: calc(100% - 186px);
    }

    .proItemsSurround .drpTeamsStyling .genericResponsiveControl {
        width: calc(100% - 237px);
    }

    .proSummarySurround .GanttChartSurround .gantt table table tr td:nth-child(2) {
        width: 0px !important;
    }

    .proSummarySurround .GanttChartSurround .gantt td:first-child {
        width: 1%;
    }

    .proSummarySurround .GanttChartSurround .gantt .scroll .CTableHeadingWithoutBackgroundImage td:nth-child(2) {
        min-width: 190px;
    }

    .wrfReportsSurround .wrfReportsEditNameContainer label {
        width: 45px;
    }

    .wrfReportsSurround .wrfReportsEditDescriptionContainer label,
    .proSummarySurround .GanttChartSurround .CStandardList td,
    .GanttChartFullScreenSurround .GanttChartSurround .CStandardList td {
        width: 70px;
    }

    .aucAuctionDocumentsSurround .lblAttachDocument {
        width: 100px;
    }

    .aucAuctionBidStatusSurround .messagingSurround .messageTimeWidth {
        width: 130px;
    }

    .rfxQuestionnaireQuestionsSurround .rfxWizHeaderTitle,
    .rfxQuestionnaireParticipantsSurround .rfxWizHeaderTitle {
        width: 170px;
    }

    .manCompanyAppFeaturesSurround .dxgvTable .dxgvADDC select {
        width: 185px !important;
    }

    .wrfRolesSurround .newRoleButtonsContainer {
        width: 186px;
    }

    .proItemsSurround .drpTeamsStyling label {
        width: 234px;
    }

    .srgWizNewsletterSurround .responsiveTextBoxSurround .dxeButtonEdit {
        width: 321px;
    }

    .manCompanyAppFeaturesSurround .NameColumnWidth {
        width: 300px;
    }

    .wrfFormsSurround .childForms {
        width: 375px;
    }

    .manRolesSurround .divAbcSearch .row,
    .manUsersSurround .divAbcSearch .row,
    .manTeamsSurround .divAbcSearch .row,
    .manBuyerCompaniesSurround .divAbcSearch .row,
    .manSupplierCompaniesSurround .divAbcSearch .row {
        width: 400px;
    }

    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .CCellQuestionnaireHolder {
        width: -webkit-fill-available !important;
    }

    .srgSupplierUpdateUnlockedManualSurround .unlockedManualTable {
        width: 100%;
    }

    .wrfFreeTextSearchSurround .dxgvControl {
        width: 100% !important;
        max-width: 650px;
    }

    .aucAuctionSuppliersSurround .aucWizProgressDiagram,
    .aucAuctionSpectatorsSurround .aucWizProgressDiagram,
    .aucAuctionDocumentsSurround .aucWizProgressDiagram {
        height: 40px;
        max-width: 624px;
        width: 100%;
    }

    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .dxeListBox {
        height: 180px;
        width: 100%;
    }

    .rfxQuestionnaireSupplierHardCopySurround #ctl00_body_rpoViewer_Div {
        max-width: 100%;
    }

    .manCompanyAppFeaturesSurround .dxgvEditForm input {
        max-width: 200px;
    }

    .rfxQuestionnaireParticipantViewSurround .QQuestion {
        min-width: 0px !important;
    }

    .rfxQuestionnaireScoresReportSurround .questionsBreakWord,
    .rfxQuestionnaireScoresReportForUserSurround .questionsBreakWord {
        min-width: 300px;
    }

    .manCompanyAppFeaturesSurround .ApplicationFeaturesNameContainer {
        min-width: 240px !important;
    }

    .manDocumentsSurround .TemplateNameContainer {
        min-width: 190px !important;
    }

    .manDocumentsSurround #ctl00_body_grdDocumentList_col1 {
        min-width: 180px !important;
    }

    .rfxQuestionnaireInviteUserSurround .dxgvFilterRow .dxeTextBox .dxic {
        min-width: 153px !important;
    }

    .rfxQuestionnaireScoresReportSurround .scoresReportHeading,
    .rfxQuestionnaireScoresReportForUserSurround .scoresReportHeading {
        min-width: 150px;
        white-space: normal;
    }

    .rfxQuestionnaireParticipantsSurround .contactNameColumn,
    .rfxQuestionnaireParticipantsSurround .companyNameColumn {
        min-width: 125px !important;
    }

    .aucAuctionBidStatusSurround .messagingSurround .messageHeader {
        min-width: 100px;
    }

    .rfxQuestionnaireWizardHistoricSurround .questionnaireTableSurround .CTableHeading td:last-of-type {
        min-width: 30px;
    }

    .rfxQuestionnaireScoresReportSurround .headerCell1,
    .rfxQuestionnaireScoresReportForUserSurround .headerCell1 {
        min-width: 25px;
    }

    .rfxQuestionnaireQuestionsSurround .rfxWizSelectTemplateDetails {
        min-width: 150px !important;
    }

    .rfxQuestionnaireQuestionsSurround .QQuestion {
        width: 100px !important;
        min-width: 0px !important;
    }

    .wrfRolesSurround .dxeListBox {
        height: auto !important;
    }

    .manSupplierCompaniesSurround .CheckBoxFlatten {
        height: 0px;
    }

    .manDocumentEditSurround .dxm-separator b {
        height: 16px !important;
    }

    .aucAuctionSupplierBidsSurround .auctionInfo6Cells {
        height: 31px;
    }

    .aucAuctionBidStatusSurround .standardTextContainer,
    .wrfFormsSurround .addChildFormTextAreaContainer .genericResponsiveControl {
        height: 34px !important;
    }

    .GanttChartFullScreenSurroundFooter .FooterContainerLabelSmallText {
        height: 45px !important;
    }

    .aucAuctionSupplierBidsSurround .messagingSurround .messageTimeWidth,
    .aucAuctionBidStatusSurround .messagingSurround .messageTimeWidth,
    .ducAuctionBidStatusSurround .messagingSurround .messageTimeWidth,
    .ducAuctionSupplierBidsSurround .messagingSurround .messageTimeWidth,
    .jpnAuctionBidStatusSurround .messagingSurround .messageTimeWidth,
    .jpnAuctionBidStatusMultiSurround .messagingSurround .messageTimeWidth,
    .jpnAuctionSupplierBidsSurround .messagingSurround .messageTimeWidth {
        width: 130px;
    }

    .rfxQuestionnaireScoresReportForUserSurround .headerCellFixedWidth {
        min-width: 150px;
    }

    .wrfTasksSurround .columnHeadingExtraLarge {
        min-width: 120px;
    }

    .aucAuctionSupplierBidsSurround .messagingSurround .messageHeader,
    .aucAuctionBidStatusSurround .messagingSurround .messageHeader,
    .ducAuctionBidStatusSurround .messagingSurround .messageHeader,
    .ducAuctionSupplierBidsSurround .messagingSurround .messageHeader,
    .jpnAuctionBidStatusSurround .messagingSurround .messageHeader,
    .jpnAuctionBidStatusMultiSurround .messagingSurround .messageHeader,
    .jpnAuctionSupplierBidsSurround .messagingSurround .messageHeader {
        min-width: 100px;
    }

    .proItemsSurround .maxGridWidth .columnHeadingLarge,
    .wrfTasksSurround .columnHeadingLarge {
        min-width: 95px;
    }

    .aucAuctionBidBreakdownSurround .bidBreakdownTable .bidBreakdownMinWidth {
        min-width: 85px;
    }

    .proItemsSurround .maxGridWidth .columnHeadingSmall,
    .wrfTasksSurround .columnHeadingSmall {
        min-width: 60px;
    }

    .proItemsSurround .maxGridWidth .controlHeading,
    .wrfTasksSurround .controlHeading {
        min-width: 35px;
    }

    .aucAuctionSupplierBidsSurround .auctionInfo6Cells {
        height: 31px;
    }

    .aucAuctionSuppliersSurround .hypAuctionWizardUnselected,
    .aucAuctionSuppliersSurround .hypAuctionWizardSelected,
    .aucAuctionSuppliersSurround .hypAuctionWizardDisabled,
    .aucAuctionSpectatorsSurround .hypAuctionWizardUnselected,
    .aucAuctionSpectatorsSurround .hypAuctionWizardSelected,
    .aucAuctionSpectatorsSurround .hypAuctionWizardDisabled,
    .aucAuctionDocumentsSurround .hypAuctionWizardUnselected,
    .aucAuctionDocumentsSurround .hypAuctionWizardSelected,
    .aucAuctionDocumentsSurround .hypAuctionWizardDisabled {
        height: 35px !important;
    }

    .manUsersSurround .dxmodalSys .dxpc-mainDiv {
        height: 300px !important;
    }

    .ctlQueryPerformanceSurround .maxWidth > div {
        height: 100% !important;
    }

    .rfxQuestionnaireParticipantsSurround .emptyDiv {
        min-height: 28px;
    }

    .rfxQuestionnaireWizardHistoricSurround .minHeight,
    .spmSuppliersSurround .supplierSelectionContainer .minHeight {
        min-height: 33px;
    }

    .rfxQuestionnaireWizardHistoricSurround columnLayout {
        min-height: 33px;
        padding-right: 0px;
    }

    .aucAuctionBidStatusSurround .auctionSetupRow {
        min-height: 34px;
    }

    .aucAuctionSuppliersSurround .labelRowContainer {
        line-height: 25px;
    }

    .ctlQueryPerformanceSurround .smallFixedLineHeight,
    .aucAuctionSuppliersSurround .importParticipantSurround .smallFixedLineHeight,
    .proSuppliersSurround .importParticipantSurround .smallFixedLineHeight,
    .rfxQuestionnaireParticipantsSurround .importParticipantSurround .smallFixedLineHeight {
        line-height: 25px;
    }

    .aucAuctionSuppliersSurround .textBoxLineHeight,
    .proSummarySurround .textBoxLineHeight,
    .proSuppliersSurround .textBoxLineHeight,
    .rfxQuestionnaireQuestionsSurround .SectionPreviewSurround .CLabelBold,
    .rfxQuestionnaireQuestionsSurround .SectionPreviewSurround .CLabel,
    .rfxQuestionnaireQuestionsSurround .wizardPopupContainer .CLabel,
    .rfxQuestionnaireParticipantsSurround .textBoxLineHeight,
    .spmSuppliersSurround .textBoxLineHeight {
        line-height: 28px;
    }

    .ctlQueryPerformanceSurround .fixedLineHeight,
    .toolCreateNewEventSurround .optionLabelAlignment > span,
    .aucAuctionDocumentsSurround .fixedLineHeight,
    .rfxQuestionnaireQuestionsSurround .fixedLineHeight,
    .divContentContainer .fixedLineHeight,
    .aucAuctionBidStatusSurround .fixedLineHeight {
        line-height: 33px;
    }

    /*#endregion HEIGHT AND WIDTH*/

    /*#region DISPLAY*/
    .proItemsSurround .percentageCompleteHiddenTextBox .genericResponsiveControl {
        display: none;
    }

    .popDescriptionInlineButtons,
    .proItemsSurround .displayInline,
    .proItemsSurround .displayInline input {
        display: inline;
    }

    .manCompanyAppFeaturesSurround .displayInlineBlock,
    .manCompanyAppFeaturesSurround .dxgvTable .dxgv div,
    .manUsersSurround .CheckBoxFloat div,
    .rfxQuestionnaireQuestionsSurround .displayInlineBlock,
    .aucAuctionBidChartSurround .displayInlineBlock,
    .aucAuctionBidAnalysisSurround .displayInlineBlock,
    .aucAuctionBidStatusSurround .displayInlineBlock,
    .aucAuctionDocumentsSurround .lblAttachDocument, .aucAuctionDocumentsSurround .genericResponsiveControl,
    .srgWizNewsletterSurround .addTeamBtnContainer {
        display: inline-block;
    }

        .manUsersSurround .CheckBoxFloat div span {
            display: inline-table;
        }

    .wrfRolesSurround .displayFlexDesktop {
        display: flex;
    }

    .manTeamsSurround .dxgvTable .dxgvADCMDC:empty,
    .manCompanyAppFeaturesSurround .mobileOnly,
    .manDocumentEditSurround .displayInMobile,
    .ctlQueryPerformanceSurround .displayInMobile,
    .ctlDatabasePerformanceSurround .displayInMobile,
    .ctlQueryPerformanceSurround .displayInTablet,
    .ctlDatabasePerformanceSurround .displayInTablet,
    .toolCreateNewEventSurround .displayInMobile,
    .rfxQuestionnaireWizardgatewaySurround .displayInMobile,
    .rfxQuestionnaireWizardgatewaySurround .displayInTablet,
    .rfxCreateNewQuestionnaireSurround .displayInLaptopMobile,
    .rfxCreateNewQuestionnaireSurround .displayInMobile,
    .rfxCreateNewQuestionnaireSurround .displayInTablet,
    .rfxQuestionnaireQuestionsSurround .displayInMobile,
    .rfxQuestionnaireParticipantsSurround .displayInMobile,
    .rfxQuestionnaireInviteUserSurround .displayInMobile,
    .rfxQuestionnaireWizardHistoricSurround .displayInTablet,
    .rfxQuestionnaireWizardHistoricSurround .displayInMobile,
    .aucAuctionSpectatorsSurround .supplierSelectionContainer .displayInMobile,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .displayInMobile,
    .proSummarySurround .supplierSelectionContainer .displayInMobile,
    .proSuppliersSurround .supplierSelectionContainer .displayInMobile,
    .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .displayInMobile,
    .scrScoreCardSetupSurround .supplierSelectionContainer .displayInMobile,
    .spmScorersSurround .supplierSelectionContainer .displayInMobile,
    .spmSuppliersSurround .supplierSelectionContainer .displayInMobile,
    .srgWizNewsletterSurround .supplierSelectionContainer .displayInMobile,
    .aucAuctionSuppliersSurround .displayInMobile,
    .aucAuctionDocumentsSurround .displayInMobile,
    .proItemsSurround .displayTabletOnly,
    .proItemsSurround .displayInMobile {
        display: none;
    }

    /*#endregion DISPLAY*/

    /*#region POSITION AND FLOATS*/
    /*in Master Page*/
    .btnBackStyling {
        margin-bottom: 10px !important;
        margin-top: 10px !important;
        display: block;
    }

    .rfxQuestionnaireQuestionsSurround .clearBoth,
    .rfxQuestionnaireParticipantsSurround .clearBoth,
    .rfxQuestionnaireInviteUserSurround .clearBoth,
    .aucAuctionSuppliersSurround .clearBoth,
    .aucAuctionSpectatorsSurround .clearBoth,
    .aucAuctionDocumentsSurround .clearBoth {
        clear: both;
    }

    .manTeamsSurround .dxgvDetailCell .dxeButtonEdit,
    .manCompanyAppFeaturesSurround .dxgvDetailRow
    .manTeamsSurround .dxgvControl .dxgvADDC,
    .manRolesSurround .dxgvControl .dxgvADDC,
    .manCompanyAppFeaturesSurround .dxgvControl .dxgvADDC {
        position: absolute;
    }

    /*Vertical Align*/
    .rfxCreateNewQuestionnaireSurround .mandatoryField,
    .rfxQuestionnaireWizardHistoricSurround .columnLayout > span,
    .aucAuctionBidStatusSurround .standardTextContainer > span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .rfxQuestionnaireWizardHistoricSurround .minHeight > span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding-right: 15px;
    }

    .rfxQuestionnaireQuestionsSurround .updQuestionsContainer .dxpcDropDown {
        transform: translate3d(3px, 0px, 0px) !important;
    }

    .divContentContainer .requiredFieldPosition {
        position: absolute;
        transform: translate3d(-10px, 10px, 0px);
    }

    .rfxQuestionnaireParticipantsSurround .dxeButton,
    .rfxQuestionnaireInviteUserSurround .dxeButton,
    .aucAuctionSpectatorsSurround .supplierSelectionContainer .dxeButton,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .dxeButton,
    .proSummarySurround .supplierSelectionContainer .dxeButton,
    .proSuppliersSurround .supplierSelectionContainer .dxeButton,
    .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .dxeButton,
    .scrScoreCardSetupSurround .supplierSelectionContainer .dxeButton,
    .spmScorersSurround .supplierSelectionContainer .dxeButton,
    .spmSuppliersSurround .supplierSelectionContainer .dxeButton,
    .srgWizNewsletterSurround .supplierSelectionContainer .dxeButton {
        position: absolute;
        transform: translate3d(-36px, 4px, 0px);
    }

    .ctlQueryPerformanceSurround .dxeButton {
        position: absolute;
        transform: translate3d(-32px, 4px, 0px);
    }

    .manCompanyAppFeaturesSurround .dxeButtonEdit #ctl00_body_uclQuestionLevel_grdLevels_edit0_3_ddeTeamRoleSettingsEditOuter_B-1,
    .manTeamsSurround .dxeButton,
    .manRolesSurround .dxeButton,
    .manDocumentEditSurround .dxheControl .dxeButton,
    .ctlQueryPerformanceSurround .dxeButtonEdit td:last-of-type,
    .aucAuctionSuppliersSurround .importParticipantSurround .dxeButtonEdit td:last-of-type {
        position: absolute;
        transform: translate3d(-16px, 5px, 0px);
    }

    .rfxQuestionnaireParticipantsSurround .supplierSelectionContainer .dxeButton:last-of-type,
    .srgBuyerSupplierDetailsSurround .responsiveTextBoxSurround .dxeButton:last-of-type,
    .DashboardReportSurround .blankEmailPopupSurround .sendMessageRow .dxeButton:last-of-type,
    .proDashboardSurround .blankEmailPopupSurround .sendMessageRow .dxeButton:last-of-type,
    .QuestionnaireQueryReportSurround .blankEmailPopupSurround .sendMessageRow .dxeButton:last-of-type,
    .QuestionnaireQueryReportFullScreenSurround .blankEmailPopupSurround .sendMessageRow .dxeButton:last-of-type,
    .QuestionnaireQueryReportNewSurround .blankEmailPopupSurround .sendMessageRow .dxeButton:last-of-type,
    .srgBuyerSupplierDetailsSurround .blankEmailPopupSurround .sendMessageRow .dxeButton:last-of-type,
    .srgCustomReportFullScreenSurround .blankEmailPopupSurround .sendMessageRow .dxeButton:last-of-type,
    .srgDashboardSurround .blankEmailPopupSurround .sendMessageRow .dxeButton:last-of-type {
        position: absolute;
        transform: translate3d(-17px, 5px, 0px);
    }

    .srgWizNewsletterSurround .responsiveTextBoxSurround .dxeButton:last-of-type {
        position: absolute;
        transform: translate3d(-18px, 5px, 0px);
    }

    .rfxQuestionnaireQuestionsSurround .updQuestionsContainer .dxeButton,
    .rfxQuestionnaireInviteUserSurround .dxeButton:last-of-type,
    .aucAuctionSpectatorsSurround .supplierSelectionContainer .dxeButton:last-of-type,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .dxeButton:last-of-type,
    .proSummarySurround .supplierSelectionContainer .dxeButton:last-of-type,
    .proSuppliersSurround .supplierSelectionContainer .dxeButton:last-of-type,
    .QuestionnaireQueryReportAccessSurround .dxeButton:last-of-type,
    .scrScoreCardSetupSurround .supplierSelectionContainer .dxeButton:last-of-type,
    .spmScorersSurround .supplierSelectionContainer .dxeButton:last-of-type,
    .spmSuppliersSurround .supplierSelectionContainer .dxeButton:last-of-type,
    .srgWizNewsletterSurround .supplierSelectionContainer .dxeButton:last-of-type,
    .rfxQuestionnaireQuestionsSurround .SectionPreviewSurround .dxeButton,
    .rfxQuestionnaireParticipantsSurround .importParticipantSurround .dxeButton:last-of-type,
    .wrfTasksSurround .dxeButton {
        position: absolute;
        transform: translate3d(-20px, 5px, 0px);
    }

    .rfxQuestionnaireQuestionTypesSurround .questionTypesComboBox .dxeButton {
        position: absolute;
        transform: translate3d(-22px, 5px, 0px);
    }

    .aucAuctionSuppliersSurround .validatorContainer > span,
    .proSummarySurround .validatorContainer > span,
    .proSuppliersSurround .validatorContainer > span,
    .rfxQuestionnaireParticipantsSurround .validatorContainer > span,
    .spmSuppliersSurround .validatorContainer > span {
        position: absolute;
        transform: translate3d(5px, 5px, 0px);
    }

    .manCompanyAppFeaturesSurround .dxeButtonEdit #ctl00_body_uclQuestionLevel_grdLevels_edit0_3_ddeTeamRoleSettingsEditOuter_B-100 {
        position: absolute;
        transform: translate3d(-35px, 5px, 0);
    }

    .aucAuctionSuppliersSurround .importParticipantSurround .dxpc-mainDiv {
        position: absolute !important;
        left: calc(50% - 249px) !important;
    }

    .rfxQuestionnaireWizardgatewaySurround .DDLLayout > span {
        position: absolute;
        right: 6px;
        bottom: 8px;
    }

    .rfxCreateNewQuestionnaireSurround .textBoxContainer > span {
        position: absolute;
        right: 6px;
        bottom: 1px;
    }

    .aucAuctionBidStatusSurround .genericCheckBox input {
        position: relative;
        top: 2px;
        right: 5px;
    }

    .wrfFormsSurround .selectedQuestionsDDL .dxeButton {
        position: absolute;
        top: 5px;
        right: 222px;
    }

    .aucAuctionSuppliersSurround .noteContainerSurround .genericCheckBox label,
    .proAuctionsSurround .noteContainerSurround .genericCheckBox label,
    .proSpectatorsSurround .noteContainerSurround .genericCheckBox label,
    .proSuppliersSurround .noteContainerSurround .genericCheckBox label,
    .rfxQuestionnaireParticipantsSurround .noteContainerSurround .genericCheckBox label {
        position: relative;
        bottom: 2px;
        left: 5px;
    }

    .manSupplierCompaniesSurround .CheckBoxFloat .genericCheckBox {
        position: relative;
        top: 1px;
    }

    .manUsersSurround .CheckBoxFloat input,
    .aucAuctionBidStatusSurround .messagingSurround .sendMessageContainer input,
    .aucAuctionSupplierBidsSurround .messagingSurround .sendMessageContainer input,
    .ducAuctionBidStatusSurround .messagingSurround .sendMessageContainer input,
    .ducAuctionSupplierBidsSurround .messagingSurround .sendMessageContainer input,
    .jpnAuctionBidStatusSurround .messagingSurround .sendMessageContainer input,
    .jpnAuctionBidStatusMultiSurround .messagingSurround .sendMessageContainer input,
    .jpnAuctionSupplierBidsSurround .messagingSurround .sendMessageContainer input,
    .proItemsSurround .checkBoxStyling input {
        position: relative;
        top: 2px;
    }

    .manCategoriesSurround .categoryNewNameLabelSurround,
    .manCategoriesSurround .categoryNewDescriptionLabelSurround {
        position: relative;
        top: 5px;
    }

    .ctlQueryPerformanceSurround .DDLPositioningA .dxeButtonEdit {
        position: relative;
        right: 18px;
    }

    .manUserSurround .ResetPasswordSurround .resetPasswordLeftCentrePos,
    .srgBuyerSupplierDetailsSurround .ResetPasswordSurround .resetPasswordLeftCentrePos {
        left: calc(50vw - 158px) !important;
    }

    .DashboardReportSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
    .proDashboardSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
    .QuestionnaireQueryReportSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
    .QuestionnaireQueryReportFullScreenSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
    .QuestionnaireQueryReportNewSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
    .srgBuyerSupplierDetailsSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
    .srgCustomReportFullScreenSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
    .srgDashboardSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
    .srgManageUploadsSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
    .manSupplierCompaniesSurround .SIMDeletingReasonSurround .SIMDeletingleftCentrePos,
    .srgBuyerSupplierDetailsSurround .SIMDeletingReasonSurround .SIMDeletingleftCentrePos,
    .srgDashboardSurround .SIMDeletingReasonSurround .SIMDeletingleftCentrePos,
    .srgManageUploadsSurround .SIMDeletingReasonSurround .SIMDeletingleftCentrePos {
        left: calc(50vw - 199px) !important;
    }

    .srgBuyerSupplierAnswersSurround .SIMInternalAwaitingApprovalSurround,
    .srgBuyerSupplierDetailsSurround .SIMInternalAwaitingApprovalSurround {
        left: calc(50vw - 213px) !important;
    }

    .srgSupplierUpdateUnlockedManualSurround .submitConfirmation,
    .wrfTasksSurround .editWorkflowContainer,
    .wrfFormsSurround .workflowQuestions {
        left: calc(50vw - 249px) !important;
    }

    .srgBuyerSupplierDetailsSurround .divContentContainer,
    .srgBuyerSupplierAnswersSurround .divContentContainer,
    .QuestionnaireDetailFormSupplierSurround .divContentContainer,
    .proItemsSurround .divContentContainer,
    .wrfFormsSurround .Questions360 {
        left: calc(50vw - 250px) !important;
    }

    .proItemsSurround .ConfirmDialogSurround .saveConfirmContainer {
        left: calc(50% - 257px) !important;
    }

    .wrfFormsSurround .readOnlyQuestions {
        left: calc(50vw - 316px) !important;
    }

    .rfxCreateNewQuestionnaireSurround .eRFXTemplateSelectorSurround .dxpc-mainDiv,
    .proItemsSurround .eRFXTemplateSelectorSurround .dxpc-mainDiv,
    .proItemsSurround .AuctionTemplateSelectorSurround .dxpc-mainDiv {
        left: calc(50% - 429px) !important;
    }

    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .manualQuestionUnlock {
        left: calc(50vw - 449px) !important;
    }

    .manRolesSurround .basicSearchButtonDiv, .manRolesSurround .dxbButton, .manRolesSurround .basicSearchDDLDiv .CStandardTextSize,
    .manUsersSurround .basicSearchButtonDiv, .manUsersSurround .dxbButton, .manUsersSurround .basicSearchDDLDiv .CStandardTextSize,
    .manTeamsSurround .basicSearchButtonDiv, .manTeamsSurround .dxbButton, .manTeamsSurround .basicSearchDDLDiv .CStandardTextSize,
    .manBuyerCompaniesSurround .basicSearchButtonDiv,
    .manBuyerCompaniesSurround .dxbButton,
    .manBuyerCompaniesSurround .basicSearchDDLDiv .CStandardTextSize,
    .manSupplierCompaniesSurround .basicSearchButtonDiv,
    .manSupplierCompaniesSurround .dxbButton,
    .manSupplierCompaniesSurround .basicSearchDDLDiv .CStandardTextSize,
    .toolCreateNewEventSurround .floatLeft {
        float: left;
    }

    .manTeamsSurround .floatRightTabletAndAbove,
    .manRolesSurround .floatRightTabletAndAbove,
    .ctlQueryPerformanceSurround .floatButtonRightContainer .dxbButton,
    .ctlDatabasePerformanceSurround .floatButtonRightContainer .dxbButton,
    .aucAuctionSuppliersSurround .floatRight,
    .aucAuctionSuppliersSurround .supplierWeightings .dxbButton,
    .aucAuctionSpectatorsSurround .floatRight,
    .aucAuctionDocumentsSurround .floatRight {
        float: right;
    }

    .aucAuctionDocumentsSurround .chooseFilePosition {
        display: inline-block;
        width: 180px;
        line-height: 15px !important;
    }

    .rfxQuestionnaireParticipantsSurround .recipientOptionsContainer .divPopupContainer > div:last-of-type,
    .rfxQuestionnaireInviteUserSurround .recipientOptionsContainer .divPopupContainer > div:last-of-type {
        position: absolute;
        display: block;
        margin: -60px auto;
        vertical-align: middle;
        z-index: 1000;
        width: 300px !important;
        top: 675px;
        left: calc(50vw - 155px) !important;
    }

    #ctl00_body_ucxInsertSection_ucxInsertSectionContainer_divContent,
    .rfxQuestionnaireParticipantsSurround .updIncumbentsContainer > .dxpclW {
        position: absolute;
        display: block;
        margin: -60px auto;
        vertical-align: middle;
        z-index: 1000;
        width: 600px !important;
        top: 200px;
        left: calc(50vw - 298px) !important;
    }

    .aucAuctionSuppliersSurround .divContentContainer,
    .proSummarySurround .divContentContainer,
    .proSuppliersSurround .divContentContainer,
    .rfxQuestionnaireQuestionsSurround .SectionPreviewSurround > .dxpc-mainDiv,
    .rfxQuestionnaireParticipantsSurround .divContentContainer,
    .spmSuppliersSurround .divContentContainer {
        width: 800px !important;
        z-index: 12000;
        visibility: visible;
        position: absolute;
        height: 0px;
        display: table;
        top: 1246px;
        left: calc(50vw - 405px) !important;
    }

    /*Must come after .aucAuctionSuppliersSurround .divContentContainer*/
    .aucAuctionSuppliersSurround .recipientOptionsContainer .divContentContainer {
        width: 270px !important;
        position: absolute !important;
        left: calc(50vw - 135px) !important;
    }

    .rfxQuestionnaireQuestionsSurround .wizardPopupContainer .dxpc-mainDiv {
        width: 834px !important;
        z-index: 12000;
        visibility: visible;
        display: table;
        position: absolute;
        height: 0px;
        top: 166px;
        left: calc(50vw - 422px) !important;
    }

    .srgWizWelcomeSurround .openSimPopupContainer > .dxpc-mainDiv {
        left: calc(50vw - 173px) !important;
        top: 50vh !important;
    }

    .srgWizWelcomeSurround .confirmLockPopupContainer > .dxpc-mainDiv {
        left: calc(50vw - 199px) !important;
        top: 50vh !important;
    }
    /*#endregion POSITIONING AND FLOATS*/

    /*#region WRAPPING*/
    .manDocumentSurround .dxgvDetailRow,
    .rfxQuestionnaireInviteUserSurround .boldOnlyLaptop,
    .aucAuctionBidBreakdownSurround .bidBreakdownTable span,
    .aucAuctionSupplierBidsSurround .messagingSurround .messagingCell,
    .aucAuctionBidStatusSurround .messagingSurround .messagingCell,
    .ducAuctionBidStatusSurround .messagingSurround .messagingCell,
    .ducAuctionSupplierBidsSurround .messagingSurround .messagingCell,
    .jpnAuctionBidStatusSurround .messagingSurround .messagingCell,
    .jpnAuctionBidStatusMultiSurround .messagingSurround .messagingCell,
    .jpnAuctionSupplierBidsSurround .messagingSurround .messagingCell,
    .srgWizNewsletterSurround .dxgv,
    .srgBuyerSupplierAnswersSurround .SIMInternalAwaitingApprovalSurround .wordBreak,
    .srgBuyerSupplierDetailsSurround .SIMInternalAwaitingApprovalSurround .wordBreak,
    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .manualQuestionUnlock tr th:nth-child(1),
    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .manualQuestionUnlock tr td:nth-child(1),
    .wrfRolesSurround .dxgv,
    .wrfReportsSurround .dxgv,
    .rfxCreateNewQuestionnaireSurround .eRFXTemplateSelectorSurround .rfxWizSelectERFXTemplateDetails label,
    .proItemsSurround .eRFXTemplateSelectorSurround .rfxWizSelectERFXTemplateDetails label,
    .proItemsSurround .AuctionTemplateSelectorSurround .rfxWizSelectERFXTemplateDetails label,
    .ErrorNoTeamsSurround .CTableBackground td,
    .srgBuyerSupplierDetailsSurround .sendSupplierMessageColumn2 span,
    .proViewAllDetailRowsSurround .dxgvDataRow .dxgv:nth-child(1),
    .proViewAllDetailRowsSurround .dxgvDataRow .dxgv:nth-child(2),
    .srgSupplierUpdateUnlockedDetailQuestionnaireSurround .dxgvDataRow .dxgv:nth-child(1),
    .srgSupplierUpdateUnlockedDetailQuestionnaireSurround .dxgvDataRow .dxgv:nth-child(2),
    .aucAuctionBidAnalysisSurround .CStandardTextSize td:nth-child(2),
    .aucAuctionBidAnalysisSurround .CAltTableBackground td:nth-child(2) {
        word-break: break-word;
    }

    .manTeamsSurround .dxgvDetailCell td,
    .manRolesSurround .dxgvDetailCell td,
    .manUsersSurround .dxgvDetailCell td,
    .manSupplierCompaniesSurround .dxgvDetailCell td,
    .rfxQuestionnaireWizardHistoricSurround .panelContainer td,
    .aucAuctionSpectatorsSurround .dxgvTable .dxgvDataRow td {
        word-break: break-all;
    }

    .aucAuctionBidStatusSurround .messagingSurround .messagingCell,
    .manCompanyAppFeaturesSurround .spmGroupTableBreakWord,
    .manCompanyAppFeaturesSurround .appFeaturesTableBreakWord {
        word-wrap: break-word;
    }

    .manCompanyAppFeaturesSurround .responsiveAppFeaturesTable .dx-nowrap span {
        white-space: pre-wrap !important;
    }

    .aucAuctionSpectatorsSurround .supplierSelectionContainer .boldOnlyLaptop,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .boldOnlyLaptop,
    .proSummarySurround .supplierSelectionContainer .boldOnlyLaptop,
    .proSuppliersSurround .supplierSelectionContainer .boldOnlyLaptop,
    .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .boldOnlyLaptop,
    .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .boldOnlyLaptop,
    .rfxQuestionnaireParticipantsSurround .supplierSelectionContainer .boldOnlyLaptop,
    .scrScoreCardSetupSurround .supplierSelectionContainer .boldOnlyLaptop,
    .spmScorersSurround .supplierSelectionContainer .boldOnlyLaptop,
    .spmSuppliersSurround .supplierSelectionContainer .boldOnlyLaptop,
    .srgWizNewsletterSurround .supplierSelectionContainer .boldOnlyLaptop,
    .aucAuctionBidStatusSurround .noWrap,
    .aucAuctionBidAnalysisSurround .horizontalScrollbarWrapper tr:first-child,
    .aucAuctionBidAnalysisSurround .horizontalScrollbarWrapper tr:last-child {
        white-space: nowrap !important;
    }

    .rfxQuestionnaireQuestionsSurround .wizardPopupContainer .dxpc-headerContent,
    .rfxQuestionnaireQuestionsSurround .wizardPopupContainer .dxpc-headerText,
    .proViewAllDetailRowsSurround .dxgvHeader td,
    .srgSupplierUpdateUnlockedDetailQuestionnaireSurround .dxgvHeader td {
        white-space: normal !important;
    }

    .rfxQuestionnaireParticipantsSurround .templateTableContainer a,
    .rfxQuestionnaireParticipantsSurround .templateTableContainer label,
    .rfxQuestionnaireQuestionsSurround .rfxWizSelectTemplateDetails .CTitle {
        display: inline-block;
        word-break: break-all;
    }

    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .questionUnlockListBox .dxeHD td,
    .wrfFormsSurround .readOnlyQuestions .dxpc-headerText {
        white-space: normal;
        word-break: break-word;
    }

    .wrfFormsSurround .readOnlyPopupPanel {
        overflow-x: auto;
    }
    /*#endregion WRAPPING*/

    /*#region TEXT*/
    .wrfRolesSurround .arial9Pt {
        font: 9pt Arial;
    }

    .proItemsSurround h1 {
        font-size: 1.7em;
        font-family: Roboto;
        font-weight: bold;
    }

    .SectionPreviewSurround .popSectionPreviewTitle {
        color: #1E3578;
        font-size: 20px;
        margin-top: 0px;
    }

    .manTeamsSurround .CTableHyperlink,
    .manRolesSurround .CTableHyperlink,
    .manUsersSurround .CTableHyperlink,
    .manSupplierCompaniesSurround .CTableHyperlink {
        font-size: 9pt !important;
        text-decoration-line: underline !important;
    }

    .aucAuctionSuppliersSurround .auctionWelcome > h1,
    .aucAuctionSpectatorsSurround .auctionWelcome > h1,
    .aucAuctionDocumentsSurround .auctionWelcome > h1 {
        font-size: 35px;
    }

    .rfxQuestionnaireParticipantsSurround .recipientOptionsContainer h1 {
        font-size: 24pt !important;
    }

    .rfxQuestionnaireQuestionsSurround .sectionHeading,
    .rfxQuestionnaireParticipantsSurround .sectionHeading {
        font-size: 13.3333px;
    }

    .manCategoriesSurround .dxgvTable .dxgv a {
        text-decoration-line: underline !important;
    }

    .manTeamsSurround .CLabelBold label,
    .manRolesSurround .CLabelBold label,
    .manCompanyAppFeaturesSurround .CSubTitle,
    .rfxQuestionnaireWizardHistoricSurround .CTableHeading td,
    .aucAuctionBidAnalysisSurround .boldFont,
    .aucAuctionBidChartSurround .boldFont,
    .aucAuctionSupplierBidsSurround .boldFont,
    .aucAuctionBidStatusSurround .boldFont {
        font-weight: bold !important;
    }

    .toolCreateNewEventSurround .eRFXQuestionLabelContainer > span,
    .toolCreateNewEventSurround .eRFXQuestionLabelContainer > label,
    .rfxQuestionnaireQuestionsSurround .italicText,
    .rfxQuestionnaireWizardHistoricSurround .italicText {
        font-style: italic !important;
    }

    .toolCreateNewEventSurround .pageTitle {
        font-size: 20.4px;
        font-weight: 700;
    }

    .manCompanyAppFeaturesSurround .dxgvEditForm select:disabled,
    .manTeamsSurround .dxgvEmptyDataRow .dxgv,
    .manRolesSurround .dxgvEmptyDataRow .dxgv,
    .manUsersSurround .dxgvEmptyDataRow .dxgv,
    .manSupplierCompaniesSurround .dxgvEmptyDataRow .dxgv,
    .manCategoriesSurround .dxgvEmptyDataRow .dxgv {
        color: GrayText;
    }

    .manCategoriesSurround #ctl00_body_txtNewCategoryName,
    .manCategoriesSurround #ctl00_body_txtNewCategoryDescription {
        background-color: transparent !important;
    }

    .manDocumentsSurround .dxgvControl .dxp-num,
    .ctlDatabasePerformanceSurround .showContainer span {
        font-family: Roboto;
    }

    .srgWizNewsletterSurround p {
        font-size: 9pt;
        font-family: Roboto;
        font-weight: normal !important;
    }

    .manCompanyAppFeaturesUpdatePanelSurround .popDescriptionButtonsAlign,
    .rfxQuestionnaireWizardSurround .buttonRight,
    .rfxCreateNewQuestionnaireSurround .buttonRight,
    .rfxCreateNewQuestionnaireSurround .textAlignRight,
    .rfxQuestionnaireWizardHistoricSurround .textAlignRight,
    .rfxQuestionnaireQuestionsSurround .buttonRight,
    .rfxQuestionnaireQuestionsSurround .buttonRightB,
    .rfxQuestionnaireParticipantsSurround .buttonRight,
    .rfxQuestionnaireParticipantViewSurround .buttonRight,
    .aucAuctionDocumentsSurround .buttonRight,
    .aucAuctionBidChartSurround .textAlignRight,
    .divContentContainer .buttonRight,
    .aucAuctionSupplierBidsSurround .buttonRight,
    .aucAuctionBidStatusSurround .buttonRight {
        text-align: right;
    }

    .rfxQuestionnaireWizardHistoricSurround .buttonLayout {
        text-align: right;
        padding: 0;
    }

    .aucAuctionSupplierBidsSurround .IsExcludedHighlightRed {
        color: red;
    }

    .rfxQuestionnaireScoresReportSurround .questionnaireScoresDiv .CTableHyperLinkOnColouredBackground,
    .rfxQuestionnaireScoresReportForUserSurround .questionnaireScoresDiv .CTableHyperLinkOnColouredBackground {
        color: #ffffff;
    }

    .rfxQuestionnaireScoresReportSurround .questionnaireScoresDiv .CTableHyperLinkOnColouredBackground,
    .rfxQuestionnaireScoresReportForUserSurround .questionnaireScoresDiv .CTableHyperLinkOnColouredBackground,
    .ErrorNoTeamsSurround .CTableHyperlink {
        text-decoration: underline;
    }
    /*#endregion TEXT*/

    /*#region KEYBOXES*/
    .proSummarySurround .keyboxComplete,
    .GanttChartSurround .keyboxComplete {
        background-color: #4A4A94;
        display: inline-block;
        width: 20px;
        height: 20px;
        float: left;
        border: solid 1px black;
        padding: 0px !important;
    }

    .proSummarySurround .keyboxIncomplete,
    .GanttChartSurround .keyboxIncomplete {
        background-color: #8b8bb3;
        display: inline-block;
        width: 20px;
        height: 20px;
        float: left;
        border: solid 1px black;
        padding: 0px !important;
    }

    .proSummarySurround .keyboxRecurring,
    .GanttChartSurround .keyboxRecurring {
        background-color: #AA3322;
        display: inline-block;
        width: 20px;
        height: 20px;
        float: left;
        border: solid 1px black;
        padding: 0px !important;
    }

    .rfxQuestionnaireParticipantsSurround .addedParticipantStyles,
    .aucAuctionSuppliersSurround .newlyAddedSupplierStyles {
        display: inline-block;
        float: left;
        background-color: #AAFFAA;
        width: 20px;
        height: 20px;
        border: solid 1px black;
    }

    .rfxQuestionnaireParticipantsSurround .inactiveParticipantStyles,
    .aucAuctionSuppliersSurround .inactiveUserSupplierStyles {
        display: inline-block;
        float: left;
        background-color: #ff9090;
        width: 20px;
        height: 20px;
        border: solid 1px black;
    }

    .rfxQuestionnaireParticipantsSurround .keyboxLabel,
    .aucAuctionSuppliersSurround .keyboxLabel {
        padding-left: 5px!important;
        margin-right: 5px;
        margin-bottom: 0px !important;
        line-height: 20px;
    }

    .manCompanyAppFeaturesSurround .keyBoxPackage {
        background-color: rgb(170, 255, 170);
    }

    .manCompanyAppFeaturesSurround .keyBoxCompany {
        background-color: rgb(255, 255, 170);
    }

    .manCompanyAppFeaturesSurround .keyBoxWorkflow,
    .manTeamFeaturesSurround .keyBoxWorkflow {
        background-color: rgb(230, 230, 250);
    }

    .manTeamFeaturesSurround .keyBoxTeam {
        background-color: rgb(170, 255, 170);
    }

    .rfxCreateNewQuestionnaireSurround .mandatoryField {
        background-color: #FFFFAA;
        width: 20px;
        float: left;
        padding: 0px !important;
        border: solid 1px black;
        height: 20px;
    }

    .rfxQuestionnaireParticipantViewSurround .mandatoryQuestionKey,
    .aucAuctionSuppliersSurround .mandatoryQuestionKey,
    .aucAuctionSpectatorsSurround .mandatoryQuestionKey,
    .aucAuctionDocumentsSurround .mandatoryQuestionKey {
        background-color: #fffeb0;
        width: 20px;
        float: left;
        padding: 0px !important;
        border: solid 1px black;
        height: 20px;
    }

    .aucAuctionSuppliersSurround .smallMandatoryQuestionKey,
    .proSummarySurround .smallMandatoryQuestionKey,
    .proSuppliersSurround .smallMandatoryQuestionKey,
    .rfxQuestionnaireParticipantsSurround .smallMandatoryQuestionKey,
    .spmSuppliersSurround .smallMandatoryQuestionKey {
        height: 10px;
        width: 10px;
        background-color: #fffeb0;
        border: solid 1px #AAAAAA;
        margin: 0px 5px 0px 5px;
    }

    .srgSupplierUpdateUnlockedManualSurround .mandatoryQuestionKeyMargin {
        height: 10px;
        width: 10px;
        background-color: #fffeb0;
        border: solid 1px #AAAAAA;
        float: left;
        margin: 3px 5px 4px 5px;
    }

    .manCompanyAppFeaturesSurround .keyBoxPackage,
    .manCompanyAppFeaturesSurround .keyBoxCompany,
    .manCompanyAppFeaturesSurround .keyBoxWorkflow,
    .manCompanyAppFeaturesSurround .keyBoxTeam {
        border-style: solid !important;
        border-width: 1px !important;
        border-color: rgb(170, 170, 170) !important;
        width: 12px !important;
        height: 12px !important;
        position: relative;
        top: 2px;
    }

    .manCompanyAppFeaturesSurround .keyBoxDiv {
        display: inline-block;
        margin-top: 10px !important;
    }

    .manCompanyAppFeaturesSurround .keyBoxSurround {
        display: inline-block;
        float: right;
    }
    /*#endregion KEYBOXES*/

    /*#region TEXTBOX*/
    .manTeamsSurround .genericResponsiveControl,
    .manRolesSurround .genericResponsiveControl,
    .manUsersSurround .genericResponsiveControl,
    .manSupplierCompaniesSurround .genericResponsiveControl,
    .manCompanyAppFeaturesSurround .genericResponsiveControl,
    .manDocumentEditSurround .TextBoxContainer .genericResponsiveControl,
    .rfxQuestionnaireWizardgatewaySurround .genericResponsiveControl,
    .manTeamsSurround .dxeEditArea,
    .manUsersSurround center .dxeEditArea,
    .manRolesSurround .dxeEditArea,
    .manCompanyAppFeaturesSurround .cGreyBox .dxgvInlineEditCell .dxeEditArea,
    .manUsersSurround .dxeListBox .dxeButtonEdit,
    .manCompanyAppFeaturesSurround .dxeListBox .dxeButtonEdit,
    .manCompanyAppFeaturesSurround .cGreyBox .dxgvDetailCell .dxeEditArea,
    .manDocumentsSurround .dxeListBox .dxeButtonEdit,
    .manDocumentsSurround .textBoxContainer select,
    .manDocumentsSurround .displayInlineBlock select,
    .rfxCreateNewQuestionnaireSurround .timeDDLContainer .genericResponsiveControl {
        background-image: none;
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204);
        border-width: 1px !important;
        border-collapse: collapse !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        box-sizing: border-box !important;
        box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset !important;
        font-size: 12px;
        line-height: 17.1429px !important;
        transition-delay: 0s, 0s;
        transition-duration: 0.15s, 0.15s;
        transition-property: border-color, box-shadow;
        transition-timing-function: ease-in-out, ease-in-out;
        word-spacing: 0px;
        writing-mode: horizontal-tb;
        height: 25px !important;
    }

    .manDocumentEditSurround .dxheControl .dxeEditArea,
    .ctlQueryPerformanceSurround .dxeButtonEdit .dxeEditArea,
    .toolCreateNewEventSurround .genericResponsiveControl,
    .scrScoreCardSetupSurround .supplierSelectionContainer .dxeButtonEdit .dxeEditArea,
    .srgWizNewsletterSurround .supplierSelectionContainer .dxeButtonEdit .dxeEditArea,
    .aucAuctionSuppliersSurround .importParticipantSurround .dxeButtonEdit .dxeEditArea,
    .srgWizNewsletterSurround .responsiveTextBoxSurround .dxeButtonEdit .dxeEditArea,
    .srgBuyerSupplierDetailsSurround .responsiveTextBoxSurround .dxeButtonEdit .dxeEditArea,
    .DashboardReportSurround .blankEmailPopupSurround .sendMessageRow .dxeEditArea,
    .proDashboardSurround .blankEmailPopupSurround .sendMessageRow .dxeEditArea,
    .QuestionnaireQueryReportSurround .blankEmailPopupSurround .sendMessageRow .dxeEditArea,
    .QuestionnaireQueryReportFullScreenSurround .blankEmailPopupSurround .sendMessageRow .dxeEditArea,
    .QuestionnaireQueryReportNewSurround .blankEmailPopupSurround .sendMessageRow .dxeEditArea,
    .srgBuyerSupplierDetailsSurround .blankEmailPopupSurround .sendMessageRow .dxeEditArea,
    .srgCustomReportFullScreenSurround .blankEmailPopupSurround .sendMessageRow .dxeEditArea,
    .srgDashboardSurround .blankEmailPopupSurround .sendMessageRow .dxeEditArea {
        background-image: none;
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        border-collapse: collapse !important;
        padding-left: 5px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        box-sizing: border-box !important;
        box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset !important;
        font-size: 12px;
        line-height: 17.1429px !important;
        transition-delay: 0s, 0s;
        transition-duration: 0.15s, 0.15s;
        transition-property: border-color, box-shadow;
        transition-timing-function: ease-in-out, ease-in-out;
        word-spacing: 0px;
        writing-mode: horizontal-tb;
        height: 25px !important;
    }

    .manDocumentEditSurround .MultilineTBContainer .genericResponsiveControl {
        background-image: none;
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        border-collapse: collapse !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        box-sizing: border-box !important;
        box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset !important;
        font-size: 12px;
        line-height: 17.1429px !important;
        transition-delay: 0s, 0s;
        transition-duration: 0.15s, 0.15s;
        transition-property: border-color, box-shadow;
        transition-timing-function: ease-in-out, ease-in-out;
        word-spacing: 0px;
        writing-mode: horizontal-tb;
        height: 60px !important;
    }

    .proItemsSurround .divItemInfoContainer .genericResponsiveControl {
        border: 1px solid #ccc !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        margin-bottom: 5px;
        height: 60px !important;
        width: 100%;
    }

    .rfxCreateNewQuestionnaireSurround .dateDDLContainer .genericResponsiveControl {
        background-image: none;
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204);
        border-width: 1px !important;
        border-collapse: collapse !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        box-sizing: border-box !important;
        box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset !important;
        font-size: 12px;
        line-height: 17.1429px !important;
        transition-delay: 0s, 0s;
        transition-duration: 0.15s, 0.15s;
        transition-property: border-color, box-shadow;
        transition-timing-function: ease-in-out, ease-in-out;
        word-spacing: 0px;
        writing-mode: horizontal-tb;
        height: 25px !important;
        margin-right: 10px;
    }

    .rfxQuestionnaireWizardHistoricSurround .genericResponsiveControl {
        border-radius: 4px !important;
        border-width: 1px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        width: calc(100% - 30px);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .manCompanyAppFeaturesSurround .dxgvTable .dxgvFilterRow .dxeTextBox,
    .manCompanyAppFeaturesSurround .cGreyBox .form-group .dxeTextBox,
    .manCategoriesSurround .dxgvFilterRow .dxeTextBox,
    .manDocumentsSurround .dxgvFilterRow .dxeTextBox,
    .rfxQuestionnaireInviteUserSurround .dxgvFilterRow .dxeTextBox,
    .rfxQuestionnaireParticipantsSurround .dxgvFilterRow .dxeTextBox {
        border-radius: 4px !important;
        border-color: rgb(204, 204, 204) !important;
    }

    .aucAuctionDocumentsSurround .genericResponsiveControl {
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .rfxQuestionnaireQuestionsSurround .genericResponsiveControl,
    .insertSectionContainer .genericResponsiveControl {
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        width: 100%;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .rfxQuestionnaireParticipantViewSurround > input {
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        width: 170px;
        margin-top: 3px;
        margin-bottom: 3px;
    }

    .rfxQuestionnaireQuestionsSurround .DDLContainer .genericResponsiveControl,
    .aucAuctionBidStatusSurround .genericResponsiveControl {
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        width: 100%;
    }

    .aucAuctionSupplierBidsSurround .messagingSurround .genericResponsiveControl,
    .aucAuctionBidStatusSurround .messagingSurround .genericResponsiveControl,
    .ducAuctionBidStatusSurround .messagingSurround .genericResponsiveControl,
    .ducAuctionSupplierBidsSurround .messagingSurround .genericResponsiveControl,
    .jpnAuctionBidStatusSurround .messagingSurround .genericResponsiveControl,
    .jpnAuctionBidStatusMultiSurround .messagingSurround .genericResponsiveControl,
    .jpnAuctionSupplierBidsSurround .messagingSurround .genericResponsiveControl {
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        width: 100% !important;
        height: 100px !important;
    }


    .aucAuctionSuppliersSurround .supplierWeightings .genericResponsiveControl {
        border-radius: 4px !important;
        border-style: solid !important;
        border-color: rgb(204, 204, 204) !important;
        border-width: 1px !important;
        width: calc(100% - 25px);
    }

    .rfxCreateNewQuestionnaireSurround .textBoxContainer .dxeTextBox,
    .rfxCreateNewQuestionnaireSurround .DDLListContainer .genericResponsiveControl,
    .rfxQuestionnaireParticipantsSurround .supplierSelectionContainer .genericResponsiveControl,
    .rfxQuestionnaireParticipantsSurround .updUsersContainer .genericResponsiveControl,
    .rfxQuestionnaireInviteUserSurround .genericResponsiveControl {
        border-radius: 4px !important;
        border-color: rgb(204, 204, 204);
        width: 100%;
    }

    .aucAuctionSuppliersSurround .divContentContainer .genericResponsiveControl,
    .proSummarySurround .divContentContainer .genericResponsiveControl,
    .rfxQuestionnaireParticipantsSurround .divContentContainer .genericResponsiveControl,
    .spmSuppliersSurround .divContentContainer .genericResponsiveControl {
        border-radius: 4px !important;
        border-color: rgb(204, 204, 204) !important;
        width: calc(100% - 5px);
    }

    .rfxCreateNewQuestionnaireSurround .textBoxContainer textarea,
    .aucAuctionSuppliersSurround .noteContainerSurround .ncTextBox,
    .proAuctionsSurround .noteContainerSurround .ncTextBox,
    .proSpectatorsSurround .noteContainerSurround .ncTextBox,
    .proSuppliersSurround .noteContainerSurround .ncTextBox,
    .rfxQuestionnaireParticipantsSurround .noteContainerSurround .ncTextBox,
    .wrfTasksSurround .editWorkflowContainer .textBoxContainer .genericResponsiveControl,
    .proItemsSurround .TaskApprovalSurround .notesContainer .genericResponsiveControl {
        border-radius: 4px !important;
        border-color: rgb(204, 204, 204);
        width: 100%;
        height: 85px !important;
    }

    .srgWizWelcomeSurround .responsiveTextArea,
    .srgBuyerSupplierDetailsSurround .genericResponsiveControl,
    .DashboardReportSurround .blankEmailPopupSurround .textBoxContainer .dxeTextBox,
    .proDashboardSurround .blankEmailPopupSurround .textBoxContainer .dxeTextBox,
    .QuestionnaireQueryReportSurround .blankEmailPopupSurround .textBoxContainer .dxeTextBox,
    .QuestionnaireQueryReportFullScreenSurround .blankEmailPopupSurround .textBoxContainer .dxeTextBox,
    .QuestionnaireQueryReportNewSurround .blankEmailPopupSurround .textBoxContainer .dxeTextBox,
    .srgBuyerSupplierDetailsSurround .blankEmailPopupSurround .textBoxContainer .dxeTextBox,
    .srgCustomReportFullScreenSurround .blankEmailPopupSurround .textBoxContainer .dxeTextBox,
    .srgDashboardSurround .blankEmailPopupSurround .textBoxContainer .dxeTextBox,
    .DashboardReportSurround .SIMLockingReasonSurround .dxeTextBox,
    .proDashboardSurround .SIMLockingReasonSurround .dxeTextBox,
    .QuestionnaireQueryReportSurround .SIMLockingReasonSurround .dxeTextBox,
    .QuestionnaireQueryReportFullScreenSurround .SIMLockingReasonSurround .dxeTextBox,
    .QuestionnaireQueryReportNewSurround .SIMLockingReasonSurround .dxeTextBox,
    .srgBuyerSupplierDetailsSurround .SIMLockingReasonSurround .dxeTextBox,
    .srgCustomReportFullScreenSurround .SIMLockingReasonSurround .dxeTextBox,
    .srgDashboardSurround .SIMLockingReasonSurround .dxeTextBox,
    .srgManageUploadsSurround .SIMLockingReasonSurround .dxeTextBox,
    .manSupplierCompaniesSurround .SIMDeletingReasonSurround .dxeTextBox,
    .srgBuyerSupplierDetailsSurround .SIMDeletingReasonSurround .dxeTextBox,
    .srgDashboardSurround .SIMDeletingReasonSurround .dxeTextBox,
    .srgManageUploadsSurround .SIMDeletingReasonSurround .dxeTextBox,
    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .dxeMemoEditArea,
    .srgBuyerSupplierDetailsSurround .riskRateTextBoxContainer .dxeTextBox {
        width: 100%;
        line-height: 1.42857143;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    }

    .srgBuyerSupplierAnswersSurround .genericResponsiveControl,
    .proItemsSurround .genericResponsiveControl,
    .proViewAllDetailRowsSurround .dxeTextBox,
    .srgSupplierUpdateUnlockedDetailQuestionnaireSurround .dxeTextBox,
    .wrfRolesSurround .genericResponsiveControl,
    .wrfRolesSurround .dxeTextBox,
    .wrfRolesSurround .modal-content .dxlbd,
    .wrfReportsSurround .genericResponsiveControl,
    .rfxCreateNewQuestionnaireSurround .eRFXTemplateSelectorSurround .dxeTextBox,
    .proItemsSurround .eRFXTemplateSelectorSurround .dxeTextBox,
    .rfxCreateNewQuestionnaireSurround .AuctionTemplateSelectorSurround .dxeTextBox,
    .proItemsSurround .AuctionTemplateSelectorSurround .dxeTextBox,
    .wrfFormsSurround .genericResponsiveControl,
    .wrfFormsSurround .selectedQuestionsDDL .dxeEditArea {
        line-height: 1.42857143 !important;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    }

    .rfxQuestionnaireQuestionTypesSurround .responsiveTextBox,
    .rfxQuestionnaireQuestionTypesSurround .dateEditContainer .dxeEditArea {
        line-height: 1.42857143 !important;
        border: 1px solid #ccc !important;
        border-radius: 4px;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .rfxQuestionnaireQuestionTypesSurround .dropdownListContainer select,
    .rfxQuestionnaireQuestionTypesSurround .categoryQuestionSelectionContainer select,
    .rfxQuestionnaireQuestionTypesSurround .questionTypesComboBox .dxeEditArea,
    .aucAuctionBidAnalysisSurround .genericResponsiveControl {
        border: 1px solid #ccc !important;
        border-radius: 4px !important;
        padding: 2px 0 2px 5px !important;
        box-sizing: border-box !important;
        box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset !important;
        height: 25px !important;
    }
    /*#endregion TEXTBOX*/

    /*#region GENERAL COMBINED*/
    .aucAuctionBidAnalysisSurround .horizontalScrollbarWrapper {
        overflow-x: auto;
        max-width: calc(100vw - 41px)
    }

    .rfxQuestionnaireScoringCommentaryReportSurroundFooter .dxeButtonEdit,
    .rfxQuestionnaireScoringReportSurroundFooter .dxeButtonEdit,
    .rfxQuestionnaireSupplierHardCopySurroundFooter .dxeButtonEdit {
        max-height: 21px;
        position: relative;
        bottom: 4px;
    }

    .rfxQuestionnaireScoresReportSurroundFooter,
    .rfxQuestionnaireScoresReportUserSurroundFooter {
        z-index: 200;
    }

    .aucAuctionSetupSurround .mobileSpinWidth {
        padding-left: 15px;
        width: 50px !important;
        display: table-cell;
    }

    .aucAuctionSetupSurround .mobileSpinPadding {
        width: calc(100% - 94px);
        display: table-cell;
        vertical-align: -webkit-baseline-middle;
    }

    .ganttChartTitle, .ganttChartHideDetailsLink {
        text-align: left !important;
        padding-left: 15px !important;
    }

    .wrfFreeTextSearchSurround .columnTitleWrapContainer td {
        white-space: normal;
        width: 68px;
    }

    .proSummarySurround .ganttChartType,
    .GanttChartFullScreenSurround .ganttChartType {
        display: table-cell;
        vertical-align: middle;
        width: 63px;
        text-align: left;
        height: 22px;
    }

    .proSummarySurround .ganttKeyLabelContainer,
    .GanttChartFullScreenSurround .ganttKeyLabelContainer {
        width: 64px;
        display: table-cell;
        text-align: left;
        vertical-align: top
    }

    .proSummarySurround .ganttKeyboxLabelContainer,
    .GanttChartFullScreenSurround .ganttKeyboxLabelContainer {
        padding: 0 20px 0 5px;
        display: inline-block;
        float: left
    }

    .GanttChartFullScreenSurroundFooter {
        border-top: solid 1px #CCCCCC;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        bottom: 0px;
        height: auto;
        min-height: 40px;
        position: fixed;
        background: #C0C0C0;
        border: solid 1px #aaaaaa;
        z-index: 200;
        width: 100%;
    }

    .rfxQuestionnaireScoresReportSurround .exportToExcelContainer,
    .rfxQuestionnaireScoresReportForUserSurround .exportToExcelContainer {
        width: 134px;
        display: table-cell;
    }

    .rfxQuestionnaireScoresReportSurround .headerCell2,
    .rfxQuestionnaireScoresReportForUserSurround .headerCell2 {
        width: 0px !important;
        min-width: 296px;
        border-right: 1px;
    }

    .rfxQuestionnaireScoresReportForUserSurround .cellBreakWord {
        min-width: 150px;
        word-break: break-word;
        white-space: initial;
    }

    .rfxQuestionnaireScoresReportSurround .questionnaireScoresDiv .CTableHeading td,
    .rfxQuestionnaireScoresReportForUserSurround .questionnaireScoresDiv .CTableHeading td {
        background-color: #639cce;
        color: #ffffff !important;
        text-align: center;
        font-size: 12px;
    }

    .rfxQuestionnaireScoreSuppliersSurroundFooter,
    .rfxQuestionnaireScoresReportSurroundFooter {
        background-color: rgb(192, 192, 192);
        border-bottom: 1px solid rgb(170, 170, 170);
        border-top: 1px solid rgb(170, 170, 170);
        bottom: 0px;
        height: 41px;
        position: fixed;
        width: 100%;
    }

    .rfxQuestionnaireQuestionTypesSurround .questionTypesComboBox {
        border: none;
        background-color: transparent !important;
    }

    .rfxQuestionnaireQuestionTypesSurround .dateEditContainer .CDateEdit {
        background-color: transparent !important;
    }

    .proItemsSurround .maxGridWidth .CTableHeading th {
        border: 1px solid #d1d1d1;
        border-color: #d1d1d1 !important;
    }

    .proItemsSurround .maxGridWidth .CTableHeading {
        height: 31px;
        background-color: #fafafa;
        color: #525252 !important;
        font-size: 12px;
    }

    .FooterContainerSurround .reportFooter {
        position: fixed;
        width: 100%;
        bottom: 0;
    }

    .wrfRolesSurround .teamsCanRollbackContainer .cGreyBox {
        display: inline-block !important;
        width: 100%;
    }

    .wrfTasksSurround .textBoxContainer {
        width: calc(100% - 75px);
        display: inline-block;
        vertical-align: bottom;
        padding: 3px;
    }

    .wrfReportsSurround .wrfReportsEditNameContainer {
        width: 250px;
        display: inline-block;
        margin-right: 50px;
    }

    .wrfReportsSurround .wrfReportsEditDescriptionContainer {
        width: 415px;
        display: inline-block;
    }

    .wrfRolesSurround .filterBySystemCBContainer input,
    .wrfRolesSurround .teamsCanRollbackContainer input,
    .wrfReportsSurround .simWorkflowEditForm input,
    .wrfTasksSurround .addConfigCheckboxContainer input {
        margin: 0;
        vertical-align: text-top;
    }

    .wrfTasksSurround .DisplayRDOContainer input {
        margin: 0 5px 7px 5px;
        vertical-align: middle;
    }

    .QuestionnaireDetailFormSupplierSurround .displayFieldUL {
        list-style-type: circle;
    }

    .proItemsSurround .addItemsLabelContainer {
        width: 415px;
        padding-top: 5px;
        padding-left: 15px;
        display: inline-block;
    }

    .proItemsSurround .addItemsRDOContainer {
        display: inline-block;
        vertical-align: bottom;
    }

    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .manualQuestionUnlock tr th:nth-child(2),
    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .manualQuestionUnlock tr td:nth-child(2) {
        word-break: break-word;
        width: 180px;
    }

    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .manualQuestionUnlock tr th:nth-child(3),
    .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .manualQuestionUnlock tr td:nth-child(3) {
        word-break: break-word;
        width: 147px;
    }

    .srgBuyerSupplierAnswersSurround .SIMInternalAwaitingApprovalSurround .awaitingAppprovalStyling,
    .srgBuyerSupplierDetailsSurround .SIMInternalAwaitingApprovalSurround .awaitingAppprovalStyling {
        overflow: auto;
        height: 250px;
        width: 100%;
        margin-top: 10px;
    }

    .DashboardReportSurround .blankEmailPopupSurround .invalidRecipientList,
    .proDashboardSurround .blankEmailPopupSurround .invalidRecipientList,
    .QuestionnaireQueryReportSurround .blankEmailPopupSurround .invalidRecipientList,
    .QuestionnaireQueryReportFullScreenSurround .blankEmailPopupSurround .invalidRecipientList,
    .QuestionnaireQueryReportNewSurround .blankEmailPopupSurround .invalidRecipientList,
    .srgBuyerSupplierDetailsSurround .blankEmailPopupSurround .invalidRecipientList,
    .srgCustomReportFullScreenSurround .blankEmailPopupSurround .invalidRecipientList,
    .srgDashboardSurround .blankEmailPopupSurround .invalidRecipientList {
        height: 120px;
        overflow: auto;
        width: 100%;
    }

    .DashboardReportSurround .blankEmailPopupSurround .sendSupplierMessageColumn2,
    .proDashboardSurround .blankEmailPopupSurround .sendSupplierMessageColumn2,
    .QuestionnaireQueryReportSurround .blankEmailPopupSurround .sendSupplierMessageColumn2,
    .QuestionnaireQueryReportFullScreenSurround .blankEmailPopupSurround .sendSupplierMessageColumn2,
    .QuestionnaireQueryReportNewSurround .blankEmailPopupSurround .sendSupplierMessageColumn2,
    .srgBuyerSupplierDetailsSurround .blankEmailPopupSurround .sendSupplierMessageColumn2,
    .srgCustomReportFullScreenSurround .blankEmailPopupSurround .sendSupplierMessageColumn2,
    .srgDashboardSurround .blankEmailPopupSurround .sendSupplierMessageColumn2 {
        float: left;
        width: calc(100% - 60px)
    }

    .DashboardReportSurround .blankEmailPopupSurround .dxeButtonEdit,
    .proDashboardSurround .blankEmailPopupSurround .dxeButtonEdit,
    .QuestionnaireQueryReportSurround .blankEmailPopupSurround .dxeButtonEdit,
    .QuestionnaireQueryReportFullScreenSurround .blankEmailPopupSurround .dxeButtonEdit,
    .QuestionnaireQueryReportNewSurround .blankEmailPopupSurround .dxeButtonEdit,
    .srgBuyerSupplierDetailsSurround .blankEmailPopupSurround .dxeButtonEdit,
    .srgCustomReportFullScreenSurround .blankEmailPopupSurround .dxeButtonEdit,
    .srgDashboardSurround .blankEmailPopupSurround .dxeButtonEdit {
        border: none !important;
        width: 100%;
    }

    .srgWizFreeTextSearchSurround .freeTextSearchGridView {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .srgWizNewsletterSurround .responsiveRadioButtonSurround,
    .srgWizNewsletterSurround .responsiveTextBoxSurround {
        display: inline-block;
        vertical-align: middle;
    }

    .srgWizWelcomeSurround .simLockBox {
        display: table-cell;
        float: right;
    }

    .srgWizWelcomeSurround .videoToggle {
        width: 250px;
        display: table-cell;
        float: left;
    }

    .srgWizWelcomeSurround .padlockStyling {
        padding-right: 5px;
        display: table-cell;
        vertical-align: middle;
    }

    .aucAuctionBidStatusSurround .manageMessagingCheckBoxList td label,
    .aucAuctionSupplierBidsSurround .manageMessagingCheckBoxList td label,
    .ducAuctionBidStatusSurround .manageMessagingCheckBoxList td label,
    .ducAuctionSupplierBidsSurround .manageMessagingCheckBoxList td label,
    .jpnAuctionBidStatusSurround .manageMessagingCheckBoxList td label,
    .jpnAuctionBidStatusMultiSurround .manageMessagingCheckBoxList td label,
    .jpnAuctionSupplierBidsSurround .manageMessagingCheckBoxList td label,
    .srgMessagingSurround .manageMessagingCheckBoxList td label {
        width: calc(100% - 18px);
        word-break: break-word;
        margin-top: 5px;
    }

    .aucAuctionSpectatorsSurround .supplierSelectionContainer .supplierLabelContainer,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .supplierLabelContainer,
    .proSummarySurround .supplierSelectionContainer .supplierLabelContainer,
    .proSuppliersSurround .supplierSelectionContainer .supplierLabelContainer,
    .QuestionnaireQueryReportAccessSurround .supplierLabelContainer,
    .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .supplierLabelContainer,
    .rfxQuestionnaireParticipantItemsSurround .supplierSelectionContainer .supplierLabelContainer,
    .scrScoreCardSetupSurround .supplierSelectionContainer .supplierLabelContainer,
    .spmScorersSurround .supplierSelectionContainer .supplierLabelContainer,
    .spmSuppliersSurround .supplierSelectionContainer .supplierLabelContainer,
    .srgWizNewsletterSurround .supplierSelectionContainer .supplierLabelContainer {
        width: 95px;
        height: 25px;
        display: inline-block;
        padding: 0 !important;
    }

    .srgWizNewsletterSurround .sectionLabelContainer {
        width: 95px;
        height: 27px;
        display: inline-block;
        padding: 0 !important;
        vertical-align: baseline;
        margin-top: 10px;
    }

    .aucAuctionSpectatorsSurround .supplierSelectionContainer .supplierSelectionComboBox,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .supplierSelectionComboBox,
    .proSuppliersSurround .supplierSelectionContainer .supplierSelectionComboBox,
    .QuestionnaireQueryReportAccessSurround .supplierSelectionComboBox,
    .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .supplierSelectionComboBox,
    .rfxQuestionnaireParticipantItemsSurround .supplierSelectionContainer .supplierSelectionComboBox,
    .scrScoreCardSetupSurround .supplierSelectionContainer .supplierSelectionComboBox,
    .spmScorersSurround .supplierSelectionContainer .supplierSelectionComboBox,
    .spmSuppliersSurround .supplierSelectionContainer .supplierSelectionComboBox,
    .srgWizNewsletterSurround .supplierSelectionContainer .supplierSelectionComboBox {
        display: inline-block;
        vertical-align: middle;
        min-width: 265px;
        width: calc(100% - 282px);
    }

    .proSummarySurround .supplierSelectionContainer .supplierSelectionComboBox .dxeButtonEdit td:nth-child(2) {
        padding-left: 3px !important;
        padding-right: 0px !important;
    }

    .proSummarySurround #tblSupplierdropdownLayout .clearfix,
    .proSummarySurround #tblSupplierdropdownLayout .row {
        display: none !important;
    }

    .aucAuctionSpectatorsSurround .supplierSelectionContainer .showUnapprovedStyling,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling,
    .proSummarySurround .supplierSelectionContainer .showUnapprovedStyling,
    .proSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling,
    .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .showUnapprovedStyling,
    .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .showUnapprovedStyling,
    .rfxQuestionnaireParticipantItemsSurround .supplierSelectionContainer .showUnapprovedStyling,
    .scrScoreCardSetupSurround .supplierSelectionContainer .showUnapprovedStyling,
    .spmScorersSurround .supplierSelectionContainer .showUnapprovedStyling,
    .spmSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling,
    .srgWizNewsletterSurround .supplierSelectionContainer .showUnapprovedStyling {
        float: right;
        margin-top: 5px;
        padding-right: 10px;
    }

        .aucAuctionSpectatorsSurround .supplierSelectionContainer .showUnapprovedStyling label,
        .aucAuctionSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling label,
        .proSummarySurround .supplierSelectionContainer .showUnapprovedStyling label,
        .proSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling label,
        .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .showUnapprovedStyling label,
        .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .showUnapprovedStyling label,
        .rfxQuestionnaireParticipantItemsSurround .supplierSelectionContainer .showUnapprovedStyling label,
        .scrScoreCardSetupSurround .supplierSelectionContainer .showUnapprovedStyling label,
        .spmScorersSurround .supplierSelectionContainer .showUnapprovedStyling label,
        .spmSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling label,
        .srgWizNewsletterSurround .supplierSelectionContainer .showUnapprovedStyling label {
            vertical-align: middle;
            margin-left: 5px;
            margin-bottom: 0;
        }

        .aucAuctionSpectatorsSurround .supplierSelectionContainer .showUnapprovedStyling input,
        .aucAuctionSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling input,
        .proSummarySurround .supplierSelectionContainer .showUnapprovedStyling input,
        .proSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling input,
        .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .showUnapprovedStyling input,
        .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .showUnapprovedStyling input,
        .rfxQuestionnaireParticipantItemsSurround .supplierSelectionContainer .showUnapprovedStyling input,
        .scrScoreCardSetupSurround .supplierSelectionContainer .showUnapprovedStyling input,
        .spmScorersSurround .supplierSelectionContainer .showUnapprovedStyling input,
        .spmSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling input,
        .srgWizNewsletterSurround .supplierSelectionContainer .showUnapprovedStyling input {
            vertical-align: middle;
            margin: 0;
        }

    .aucAuctionSpectatorsSurround .supplierSelectionContainer .supplierSelectionHr,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .supplierSelectionHr,
    .proSummarySurround .supplierSelectionContainer .supplierSelectionHr,
    .proSuppliersSurround .supplierSelectionContainer .supplierSelectionHr,
    .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .supplierSelectionHr,
    .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .supplierSelectionHr,
    .rfxQuestionnaireParticipantItemsSurround .supplierSelectionContainer .supplierSelectionHr,
    .scrScoreCardSetupSurround .supplierSelectionContainer .supplierSelectionHr,
    .spmScorersSurround .supplierSelectionContainer .supplierSelectionHr,
    .spmSuppliersSurround .supplierSelectionContainer .supplierSelectionHr,
    .srgWizNewsletterSurround .supplierSelectionContainer .supplierSelectionHr {
        margin-top: 15px !important;
        min-width: 390px;
        width: calc(100% - 187px);
    }

    .aucAuctionSpectatorsSurround .supplierSelectionContainer .displayInMobile,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .displayInMobile,
    .proSummarySurround .supplierSelectionContainer .displayInMobile,
    .proSuppliersSurround .supplierSelectionContainer .displayInMobile,
    .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .displayInMobile,
    .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .displayInMobile,
    .rfxQuestionnaireParticipantItemsSurround .supplierSelectionContainer .displayInMobile,
    .scrScoreCardSetupSurround .supplierSelectionContainer .displayInMobile,
    .spmScorersSurround .supplierSelectionContainer .displayInMobile,
    .spmSuppliersSurround .supplierSelectionContainer .displayInMobile,
    .srgWizNewsletterSurround .supplierSelectionContainer .displayInMobile {
        display: none;
    }

    .aucAuctionBidStatusSurround .messagingSurround .checkRecipients label,
    .aucAuctionSupplierBidsSurround .messagingSurround .checkRecipients label,
    .ducAuctionBidStatusSurround .messagingSurround .checkRecipients label,
    .ducAuctionSupplierBidsSurround .messagingSurround .checkRecipients label,
    .jpnAuctionBidStatusSurround .messagingSurround .checkRecipients label,
    .jpnAuctionBidStatusMultiSurround .messagingSurround .checkRecipients label,
    .jpnAuctionSupplierBidsSurround .messagingSurround .checkRecipients label {
        padding-left: 5px;
        word-break: break-word;
        width: calc(100% - 15px);
    }

    .aucAuctionSupplierBidsSurround .auctionInfo4Cells input,
    .aucAuctionSupplierBidsSurround .auctionInfo6Cells input {
        border: none;
        background: none;
        margin-top: 6px;
    }


    .aucAuctionBidStatusSurround .adaptiveTextAlign {
        text-align: right;
        height: 33px;
    }

    .aucAuctionBidStatusSurround .indentCell {
        line-height: 28px;
        padding-left: 10px;
    }

    .aucAuctionSupplierBidsSurround .auctionInfo6Cells {
        padding-left: 5px !important;
        padding-right: 5px !important;
        border-right: 1px Solid #d1d1d1;
        border-bottom: 1px Solid #d1d1d1;
        border-left: 1px Solid #d1d1d1;
        border-left-width: 0px;
        height: 31px;
    }

    .aucAuctionSupplierBidsSurround .auctionInfo4Cells {
        padding-left: 5px !important;
        padding-right: 5px !important;
        border: 1px Solid #d1d1d1;
        border-left-width: 0px;
        float: left;
        width: 50%;
        height: 31px;
        display: inline-block;
    }

    .aucAuctionSupplierBidsSurround .showMinBidQuality {
        border-top: 1px solid #d1d1d1;
    }

    .aucAuctionSupplierBidsSurround .auctionInfoContainer {
        white-space: nowrap !important;
        border-left: 1px solid #d1d1d1;
    }

    .aucAuctionSupplierBidsSurround .showMinBidQuality {
        width: 33.3333%;
        display: inline-block;
        float: left;
    }

    .aucAuctionSupplierBidsSurround .hideMinBidQuality {
        width: 50%;
        display: inline-block;
        float: left;
    }

    .aucAuctionSuppliersSurround .delegateArrow {
        width: 50px;
        display: inline-block;
        float: left;
    }

    .aucAuctionSuppliersSurround .delegateIcons {
        overflow-wrap: break-word;
        text-align: right;
        width: 55px;
        float: right;
    }

    .aucAuctionSuppliersSurround .delegateLabel {
        display: inline;
        font-weight: normal;
    }

    .aucAuctionSuppliersSurround .delegateDetails {
        display: inline-block;
        width: calc(100% - 105px);
    }

    .aucAuctionSuppliersSurround .removeDelegateStyling {
        cursor: pointer;
        position: relative;
        top: 4px;
        margin-right: 10px;
        margin-left: 8px;
    }

    .aucAuctionSuppliersSurround .noteContainerSurround,
    .proAuctionsSurround .noteContainerSurround,
    .proSpectatorsSurround .noteContainerSurround,
    .proSuppliersSurround .noteContainerSurround,
    .rfxQuestionnaireParticipantsSurround .noteContainerSurround {
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -225px;
    }

        .aucAuctionSuppliersSurround .noteContainerSurround .noteContainerBody > div,
        .aucAuctionSuppliersSurround .noteContainerSurround .divNotesContainer,
        .proAuctionsSurround .noteContainerSurround .noteContainerBody > div,
        .proAuctionsSurround .noteContainerSurround .divNotesContainer,
        .proSpectatorsSurround .noteContainerSurround .noteContainerBody > div,
        .proSpectatorsSurround .noteContainerSurround .divNotesContainer,
        .proSuppliersSurround .noteContainerSurround .noteContainerBody > div,
        .proSuppliersSurround .noteContainerSurround .divNotesContainer,
        .rfxQuestionnaireParticipantsSurround .noteContainerSurround .noteContainerBody > div,
        .rfxQuestionnaireParticipantsSurround .noteContainerSurround .divNotesContainer {
            width: 425px !important;
        }

        .aucAuctionSuppliersSurround .noteContainerSurround .noteContainerBody,
        .proAuctionsSurround .noteContainerSurround .noteContainerBody,
        .proSpectatorsSurround .noteContainerSurround .noteContainerBody,
        .proSuppliersSurround .noteContainerSurround .noteContainerBody,
        .rfxQuestionnaireParticipantsSurround .noteContainerSurround .noteContainerBody {
            z-index: 500;
            position: absolute;
            left: 0px;
            top: 0px;
        }

    .aucAuctionSupplierBidsSurround .hideMinBidQuality {
        width: 50%;
        display: inline-block;
    }

    .aucAuctionSupplierBidsSurround .auctionInfo4Cells {
        width: 50%;
        height: 31px;
        display: inline-block;
        vertical-align: middle;
    }

    .aucAuctionBidStatusSurround .messagingSurround .manageMessagingCheckBoxList td,
    .aucAuctionSupplierBidsSurround .messagingSurround .manageMessagingCheckBoxList td,
    .ducAuctionBidStatusSurround .messagingSurround .manageMessagingCheckBoxList td,
    .ducAuctionSupplierBidsSurround .messagingSurround .manageMessagingCheckBoxList td,
    .jpnAuctionBidStatusSurround .messagingSurround .manageMessagingCheckBoxList td,
    .jpnAuctionBidStatusMultiSurround .messagingSurround .manageMessagingCheckBoxList td,
    .jpnAuctionSupplierBidsSurround .messagingSurround .manageMessagingCheckBoxList td {
        width: 25%;
        display: inline-block;
    }

    .aucAuctionBidStatusSurround .divContentContainer {
        left: calc(50vw - 322px) !important;
    }

    .aucAuctionSupplierBidsSurround .messagingSurround .sendMessageStyling,
    .aucAuctionBidStatusSurround .messagingSurround .sendMessageStyling,
    .ducAuctionBidStatusSurround .messagingSurround .sendMessageStyling,
    .ducAuctionSupplierBidsSurround .messagingSurround .sendMessageStyling,
    .jpnAuctionBidStatusSurround .messagingSurround .sendMessageStyling,
    .jpnAuctionBidStatusMultiSurround .messagingSurround .sendMessageStyling,
    .jpnAuctionSupplierBidsSurround .messagingSurround .sendMessageStyling {
        margin: 0 !important;
        left: calc(50% - 172px);
    }

    .aucAuctionBidAnalysisSurround .bidHistoryCellStyling {
        min-width: 70px;
        word-break: break-all;
    }

    .aucAuctionBidChartSurround .bidChartTitle {
        font-weight: bold;
        display: block;
        width: 100% !important;
        text-align: center;
        font-size: 14px;
    }

    .aucAuctionBidChartSurround .LastItemToExtendSurround .aucAuction {
        border: 1px solid;
    }

    .aucAuctionBidChartSurround .LastItemToExtendSurround .WebFormsGridView th span {
        border-bottom: 0px !important;
        font-size: 14px;
        font-weight: bold;
        padding: 4px 6px;
    }

    .aucAuctionBidChartSurround .LastItemToExtendSurround .WebFormsGridView tr span {
        padding: 4px 6px;
    }

    .aucAuctionReportSummarySurround .bidChartTitle {
        font-weight: bold;
        display: block;
        width: 100% !important;
        text-align: center;
        font-size: 14px;
        width: 620px !important;
    }

    .aucAuctionSuppliersSurround .labelforRdoContainer {
        display: inline-block;
        width: 150px;
        height: 29px;
        vertical-align: bottom;
    }



    .aucAuctionSupplierBidsSurround .messagingSurround .buttonAlignment,
    .aucAuctionBidStatusSurround .messagingSurround .buttonAlignment,
    .ducAuctionBidStatusSurround .messagingSurround .buttonAlignment,
    .ducAuctionSupplierBidsSurround .messagingSurround .buttonAlignment,
    .jpnAuctionBidStatusSurround .messagingSurround .buttonAlignment,
    .jpnAuctionBidStatusMultiSurround .messagingSurround .buttonAlignment,
    .jpnAuctionSupplierBidsSurround .messagingSurround .buttonAlignment {
        display: inline;
        float: right;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .aucAuctionSupplierBidsSurround .messagingSurround .buttonAlignmentNoPadding,
    .aucAuctionBidStatusSurround .messagingSurround .buttonAlignmentNoPadding,
    .ducAuctionBidStatusSurround .messagingSurround .buttonAlignmentNoPadding,
    .ducAuctionSupplierBidsSurround .messagingSurround .buttonAlignmentNoPadding,
    .jpnAuctionBidStatusSurround .messagingSurround .buttonAlignmentNoPadding,
    .jpnAuctionBidStatusMultiSurround .messagingSurround .buttonAlignmentNoPadding,
    .jpnAuctionSupplierBidsSurround .messagingSurround .buttonAlignmentNoPadding {
        display: inline;
        float: right;
    }

    .aucAuctionBidChartSurround .auctionTableHeading,
    .aucAuctionBidStatusSurround .auctionTableHeading,
    .aucAuctionBidStatusSurround .auctionTableHeadingNoLeftBorderTablet {
        font-size: 9pt;
        font-family: Roboto;
        border: 1px Solid #d1d1d1;
        white-space: nowrap;
        padding: 7px 10px 6px;
        background: #FFF;
        overflow: hidden;
        font-weight: bold;
        text-align: left;
    }

    .aucAuctionBidChartSurround .auctionTableHeadingNoLeftBorder,
    .aucAuctionBidStatusSurround .auctionTableHeadingNoLeftBorder,
    .aucAuctionBidStatusSurround .auctionTableHeadingLeftBorderTablet,
    .aucAuctionBidChartSurround .auctionTableHeadingLeftBorderMobile,
    .aucAuctionBidStatusSurround .auctionTableHeadingLeftBorderMobile {
        font-size: 9pt;
        font-family: Roboto;
        border-top: 1px Solid #d1d1d1;
        border-right: 1px Solid #d1d1d1;
        border-bottom: 1px Solid #d1d1d1;
        white-space: nowrap;
        padding: 7px 10px 6px;
        background: #fafafa;
        overflow: hidden;
        font-weight: normal;
        text-align: left;
    }

    .aucAuctionBidChartSurround .auctionTableCell,
    .aucAuctionBidChartSurround .CAltTableBackground,
    .aucAuctionBidStatusSurround .auctionTableCell {
        font-size: 9pt;
        color: #000000;
        font-family: Roboto;
        background-color: #f8f8f8;
        padding: 6px 8px 5px 8px;
        height: 29px;
    }

    .aucAuctionBidChartSurround .auctionTableHeading,
    .aucAuctionBidStatusSurround .auctionTableHeading {
        font-size: 14px;
        font-family: Roboto;
        border: 1px Solid #d1d1d1;
        white-space: nowrap;
        padding: 5px;
        background: #FFF;
        overflow: hidden;
        font-weight: bold;
        text-align: left;
    }

    .aucAuctionBidChartSurround .auctionTableHeadingNoLeftBorder,
    .aucAuctionBidStatusSurround .auctionTableHeadingNoLeftBorder {
        font-size: 9pt;
        font-family: Roboto;
        border-top: 1px Solid #d1d1d1;
        border-right: 1px Solid #d1d1d1;
        border-bottom: 1px Solid #d1d1d1;
        white-space: nowrap;
        padding: 7px 10px 6px;
        background: #fafafa;
        overflow: hidden;
        font-weight: normal;
        text-align: left;
    }

    .aucAuctionBidChartSurround .auctionTableCell,
    .aucAuctionBidStatusSurround .auctionTableCell {
        font-size: 9pt;
        color: #000000;
        font-family: Roboto;
        background-color: #f8f8f8;
        padding: 6px 8px 5px 8px;
    }

    .aucAuctionBidAnalysisSurround .DDLLabel {
        font-size: 10pt;
        float: right;
    }

    .aucAuctionDocumentsSurround .maxWidthItalic {
        width: 100%;
        font-style: italic;
    }

    .aucAuctionSuppliersSurround .wizardToolbar,
    .aucAuctionSpectatorsSurround .wizardToolbar,
    .aucAuctionDocumentsSurround .wizardToolbar {
        display: inline-block;
        background-color: White;
        border-color: #777777;
        border-width: 1px;
        border-style: Solid;
        font-size: 15pt;
        color: #3eb438;
        height: 34px;
        padding: 3px 3px 5px 3px;
        margin-top: 6px;
    }

    .rfxQuestionnaireWizardHistoricSurround .questionnaireTableSurround .CTableHeading {
        height: 31px;
        background-color: #fafafa;
        color: #525252 !important;
        font-size: 12px;
    }

    .toolCreateNewEventSurround .panelStyling {
        width: 100%;
        text-align: center;
    }

    .rfxQuestionnaireInviteUserSurround .fullWidthCenter {
        width: 100%;
        text-align: center;
    }

    .aucAuctionSpectatorsSurround .supplierSelectionContainer .showUnapprovedStyling > img,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling > img,
    .proSummarySurround .supplierSelectionContainer .showUnapprovedStyling > img,
    .proSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling > img,
    .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .showUnapprovedStyling > img,
    .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .showUnapprovedStyling > img,
    .rfxQuestionnaireParticipantsSurround .supplierSelectionContainer .showUnapprovedStyling > img,
    .scrScoreCardSetupSurround .supplierSelectionContainer .showUnapprovedStyling > img,
    .spmScorersSurround .supplierSelectionContainer .showUnapprovedStyling > img,
    .spmSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling > img,
    .srgWizNewsletterSurround .supplierSelectionContainer .showUnapprovedStyling > img {
        height: 16px;
        position: relative;
        top: -2px;
    }

    .rfxQuestionnaireParticipantsSurround .buttonRightNoPaddingMargin {
        text-align: right;
        padding: 0px;
        margin: 0px;
    }


    .rfxQuestionnaireParticipantsSurround .buttonRightMobileOnly,
    .rfxQuestionnaireInviteUserSurround .buttonRightMobileOnly,
    .aucAuctionSpectatorsSurround .supplierSelectionContainer .buttonRightMobileOnly,
    .aucAuctionSuppliersSurround .supplierSelectionContainer .buttonRightMobileOnly,
    .proSummarySurround .supplierSelectionContainer .buttonRightMobileOnly,
    .proSuppliersSurround .supplierSelectionContainer .buttonRightNoPadding,
    .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .buttonRightMobileOnly,
    .scrScoreCardSetupSurround .supplierSelectionContainer .buttonRightMobileOnly,
    .spmScorersSurround .supplierSelectionContainer .buttonRightMobileOnly,
    .spmSuppliersSurround .supplierSelectionContainer .buttonRightMobileOnly,
    .srgWizNewsletterSurround .supplierSelectionContainer .buttonRightMobileOnly,
    .proSuppliersSurround .buttonRightMobileOnly,
    .proSuppliersSurround .buttonRightMobileOnly,
    .spmSuppliersSurround .buttonRightMobileOnly {
        padding: 0px;
        height: 28px;
        vertical-align: bottom;
        display: inline-block;
    }

    .rfxQuestionnaireQuestionsSurround .dxpc-shadow {
        background-color: white;
    }

    .rfxQuestionnaireQuestionsSurround .tblLockLayout {
        width: 100%;
        max-width: 340px;
        padding: 5px 5px 5px 15px;
        float: right;
    }

    .rfxQuestionnaireQuestionsSurround .buttonContainer span {
        white-space: pre-wrap;
        text-align: left;
        width: calc(100% - 20px) !important;
    }

    .rfxCreateNewQuestionnaireSurround .mandatoryFieldText {
        padding-left: 25px;
        border: 2px transparent;
        border-style: solid;
        display: table-cell;
    }

    .rfxCreateNewQuestionnaireSurround .auctionAddBidTimePicker {
        width: initial !important;
        float: right;
    }

    .rfxQuestionnaireWizardgatewaySurround .titleLayout,
    .rfxQuestionnaireWizardgatewaySurround .descriptionAlignment,
    .rfxQuestionnaireWizardgatewaySurround .genericRDOButtonContainer {
        padding-top: 5px;
        padding-bottom: 5px;
        align-items: center;
    }

    .rfxQuestionnaireWizardSurround .titleLayout {
        padding-top: 2px;
        padding-bottom: 3px;
        align-items: center;
    }

    .rfxQuestionnaireWizardgatewaySurround .descriptionAlignmentB {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .rfxQuestionnaireWizardSurround .descriptionLayout {
        padding: 5px 0px 5px 10px;
        align-items: center;
        text-align: left;
    }

    .toolCreateNewEventSurround .questionContainer {
        padding: 5px 15px 5px 15px;
        align-items: center;
        text-align: left;
    }

    .ctlQueryPerformanceSurround .responsiveTextContainer,
    .ctlDatabasePerformanceSurround .responsiveTextContainer {
        padding: 5px 0px 5px 0px;
        align-items: center;
    }

    .ctlQueryPerformanceSurround .responsiveDDLContainer,
    .ctlDatabasePerformanceSurround .responsiveDDLContainer {
        padding: 5px 15px 5px 15px;
        align-items: center;
    }

    .manCompanyAppFeaturesSurround .appFeaturesInformationBubble {
        float: right;
    }

    .manDocumentEditSurround .hideHeader {
        margin: 0px !important;
        border-top: 0px !important;
    }

    .manDocumentEditSurround .DocumentEditControlsContainer,
    .ctlDatabasePerformanceSurround .showContainer {
        text-align: left;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .rfxQuestionnaireWizardgatewaySurround .sectionBorder,
    .rfxQuestionnaireWizardSurround .sectionBorder {
        text-align: left;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .toolCreateNewEventSurround .sectionBorder {
        text-align: left;
        border-width: 1px;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .rfxCreateNewQuestionnaireSurround .sectionBorder {
        text-align: left;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(221, 221, 221);
        padding: 10px 15px 10px 15px !important
    }

    .rfxQuestionnaireQuestionsSurround .updQuestionsContainer .dxeButtonEdit {
        border: none;
        width: 100% !important;
    }

    .manDocumentsSurround .CopyTemplateLabelContainer {
        display: inline-block;
        width: 100px;
    }

    .manDocumentsSurround .dxgvTable .dxgv {
        color: rgb(0, 0, 0);
        font-size: 10.6667px;
        line-height: normal;
    }

    .manCompanyAppFeaturesSurround .workflowDiv {
        display: inline-block;
        float: left;
    }

    .manRolesSurround .basicSearchLabelDiv,
    .manUsersSurround .basicSearchLabelDiv,
    .manTeamsSurround .basicSearchLabelDiv,
    .manBuyerCompaniesSurround .basicSearchLabelDiv,
    .manSupplierCompaniesSurround .basicSearchLabelDiv,
    .manDocumentEditSurround .verticalAlign,
    .ctlQueryPerformanceSurround .verticalAlign {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .manRolesSurround .basicSearchLabelDiv,
    .manUsersSurround .basicSearchLabelDiv,
    .manTeamsSurround .basicSearchLabelDiv,
    .manBuyerCompaniesSurround .basicSearchLabelDiv,
    .manSupplierCompaniesSurround .basicSearchLabelDiv,
    .manDocumentEditSurround .verticalAlign {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .manUsersSurround .addUserToTeam {
        display: flex;
        align-items: center;
    }

    .manCompanyAppFeaturesSurround .NewGroupText {
        height: 30px;
        display: flex;
        align-items: center;
    }

    .manRolesSurround .AbcSearch div,
    .manUsersSurround .AbcSearch div,
    .manTeamsSurround .AbcSearch div,
    .manBuyerCompaniesSurround .AbcSearch div,
    .manSupplierCompaniesSurround .AbcSearch div {
        display: inline-block;
        border-collapse: collapse;
        height: 15px;
        line-height: 2px;
        min-width: 9px;
    }

    .srgWizWelcomeSurround h1 {
        font-size: 28px;
    }

    /*#endregion GENERAL COMBINED*/

    /*#endregion Management/eRFX/Auction/SIM/Workflow END (Paul)*/

    /*#region manUser/manCompany Pages Start (KYLE)*/

    .manCompanySurround input[type="radio"] {
        margin: 0px !important;
    }

    .manCompanySurround .paddingOnlyMobile {
        margin-top: 4px !important;
        padding-left: 5px !important;
    }

    .manUserSurround .lblMargin,
    .manCompanySurround .lblDisplayCompanyTypeMargin,
    .manUserSurround .txtMargin,
    .manCompanySurround .responsiveRadioButtonSurround,
    .manCompanySurround .expiryRadioButtonSurround,
    .manCompanySurround .supplierRegPackageSelectorSurround {
        margin-top: 4px !important;
    }

    .manCompanySurround .tblAlign {
        margin-top: 15px !important;
    }

    .manCompanySurround .drpdwnEmailDocsSurround,
    .manCompanySurround .passwordSettingsDoubleLine {
        margin-top: 8px !important;
    }

    .manUserSurround .tblMargin {
        margin-top: 8px !important;
        margin-bottom: -40px !important;
    }

    .manCompanySurround .passwordSettingsTripleLine {
        margin-top: 16px !important;
    }

    .manCompanySurround .divQuestionnaireEngineTypeSurround {
        margin-bottom: 0px !important;
    }

    .manCompanySurround .dxbButton {
        margin-bottom: 3px !important;
    }

    .manUserSurround .subTitleAdjust {
        margin-left: -12px !important;
    }

    .manUserSurround input[type="checkbox"] {
        margin-left: 0px !important;
        margin-top: 0px !important;
    }

    .manUserSurround .mainDiv {
        margin-left: 0px !important;
        width: 100% !important;
    }

    .manUserSurround .lblAlign {
        margin-left: -5px !important;
    }

    .manCompanySurround .noMarginLeft {
        margin-left: 0px !important;
    }

    .manCompanySurround .CSubTitle {
        margin-left: 3px !important
    }

    .manUserSurround .chkDiv input[type="checkbox"] {
        margin-left: 5px !important;
    }

    .manUserSurround .userDetailsSurround input[type="checkbox"] {
        margin-left: 2px !important;
        margin-top: 2px !important;
    }

    .manUserSurround .ddlLoginTypesSurround {
        margin-top: -4px !important;
    }

    .manCompanySurround .expiryRadioButtonSurround label,
    .manCompanySurround .responsiveRadioButtonSurround label {
        margin-right: 5px;
        padding-left: 5px;
    }

    .manUserSurround .noPadding {
        padding: 0px !important;
    }

    .manCompanySurround .cGreyBox {
        padding: 5px !important;
        padding-top: 5px !important;
        padding-right: 5px !important;
        padding-bottom: 0px !important;
        padding-left: 5px !important;
    }

    .manCompanySurround .noPaddingLeft {
        padding-left: 0px !important;
    }

    .responsiveCheckBoxSurround label {
        padding-left: 5px !important;
    }

    .manCompanySurround .grid2Padding {
        padding-left: 10px !important;
    }

    .manCompanySurround .grid1Padding {
        padding-right: 10px !important;
    }

    .manCompanySurround .extraPadding {
        padding-right: 21px !important;
    }

    .manCompanySurround .dxbButton div.dxb {
        padding: 0px 0px 0px 0px !important;
        border: none !important;
    }

    .manCompanySurround .workflowSettingsSurround .our-form-control {
        width: 82% !important;
    }

    .manCompanySurround .companyDetailsSurround .our-form-control {
        height: 75px !important;
    }

    .manCompanySurround .responsiveCheckBoxSurround label {
        padding-left: 5px !important;
    }

    .manUserSurround #dialogueBox {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .manUserSurround .infoFloat {
        float: none;
        margin-right: -10px !important;
    }

    .manCompanySurround .uploadDateTimeControl {
        width: 97% !important;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
    }

    .manUserSurround .our-form-control {
        width: 95% !important;
    }

    .manUserSurround .our-form-control,
    .manCompanySurround .our-form-control {
        display: inline-block;
        width: 97%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

    .manCompanySurround .colorEditControl {
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-left: 4px !important;
    }

    .manUserSurround .lblDoubleLine,
    .manCompanySurround .CError {
        display: inline-block;
    }

    .manCompanySurround #ctl00_body_btnResetColor1 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor2 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor3 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor4 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor5 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor6 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor7 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor8 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor9 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor10 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor11 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor12 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor13 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor14 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor15 .dxb,
    .manCompanySurround #ctl00_body_btnResetColor16 .dxb,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor1_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor2_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor3_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor4_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor5_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor6_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor7_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor8_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor9_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor10_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor11_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor12_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor13_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor14_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor15_DDD_CNC_UCT_CT,
    .manCompanySurround .dxeColorTable #ctl00_body_ceThemeColor16_DDD_CNC_UCT_CT {
        display: none !important;
    }

    /*#endregion manUser/manCompany Pages End (KYLE)*/

    .dockZoneMaxWidthSetting {
        max-width: 1140px !important;
    }

    .checkbox input[type="checkbox"] {
        margin-left: -20px !important;
    }

    .textAlignRight {
        text-align: right;
    }

    /* READ ONLY EDITABLE*/

    .exposeImagePreviewModal {
        z-index: 1552 !important;
    }

    #detailQuestionModalPopUp {
        z-index: 1554 !important;
        top: 50px;
    }

    .modalDialogUpZIndex {
        z-index: 1554 !important;
        top: 50px;
    }

    #overlay {
        background: rgba(0,0,0,0.3);
        display: none;
        width: 100%;
        min-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1551;
    }

    .overlayActive {
        position: relative;
    }

    .expose-section {
        position: relative;
        background: #fff;
        border: 1px solid #ccc;
        cursor: pointer;
        z-index: 1552;
    }

    .noPadding {
        padding: 0px !important;
    }

    .noPaddingQuote, .noPaddingLeft {
        padding-left: 0px !important;
    }

    .read-only p {
        margin: 0px !important;
    }

    .table {
        margin-bottom: 10px !important;
    }

        .table,
        .table td {
            border: 0px none !important;
        }

            .table th,
            .CTableHeading th {
                border-bottom: 0px none !important;
            }

    .noPaddingRight {
        padding-right: 0px !important;
    }

    .imageButton, .documentButton {
        padding: 2px !important;
    }

    .input-group-addon {
        padding: 4px 12px !important;
    }

    textarea.form-control {
        height: auto !important;
    }

    .navbar {
        margin-bottom: 0px !important;
    }

    .questionTitle {
        margin-bottom: 10px;
        background: #F5F5F5;
        padding: 5px;
        font-size: 14px;
        font-weight: normal;
        text-decoration: none;
        letter-spacing: 1px;
        border-radius: 4px;
    }

    .select2-container--bootstrap .select2-selection--single {
        height: 25px !important;
        padding: 4px !important;
        font-size: 12px !important;
    }


    .select2-container--open {
        z-index: 1556 !important;
    }

    .radio-inline input[type="radio"],
    .radio input[type="radio"],
    .checkbox-inline input[type="checkbox"],
    .checkbox input[type="checkbox"] {
        margin: 0px 0 0 -20px !important
    }

    .form-control, .our-form-control {
        padding: 2px !important;
        font-size: 12px !important;
    }

        .form-control, .our-form-control:not(.overruleHeight) {
            height: 25px !important;
        }

    .hideLabel, .hideImage {
        display: none !important;
    }

    .btn-mandatoryDocument,
    .btn-mandatoryQuestion,
    .btn-default.btn-mandatoryDocument.documentButton:not(.dxbDisabled) {
        background-color: #fffeb0 !important;
    }

        .btn-default.btn-mandatoryDocument.documentButton,
        .btn-default.btn-mandatoryQuestion.imageButton,
        .btn-default.btn-mandatoryQuestion.imageButton .fa,
        .btn-default.btn-mandatoryDocument.documentButton:not(.dxbDisabled) .dx-vam:not(.dxbDisabled) {
            color: #000000 !important;
        }

    .orientation2 {
        position: relative;
        -ms-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .orientation3 {
        position: relative;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .orientation4 {
        position: relative;
        -ms-transform: scaleY(-1);
        -webkit-transform: scaleY(-1);
        -moz-transform: scaleY(-1);
        -o-transform: scaleY(-1);
        transform: scaleY(-1);
    }

    .orientation5 {
        position: relative;
        -ms-transform: rotate(-90deg) scaleX(-1);
        -webkit-transform: rotate(-90deg) scaleX(-1);
        -moz-transform: rotate(-90deg) scaleX(-1);
        -o-transform: rotate(-90deg) scaleX(-1);
        transform: rotate(-90deg) scaleX(-1);
    }

    .orientation6 {
        position: relative;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .orientation7 {
        position: relative;
        -ms-transform: rotate(90deg) scaleX(-1);
        -webkit-transform: rotate(90deg) scaleX(-1);
        -moz-transform: rotate(90deg) scaleX(-1);
        -o-transform: rotate(90deg) scaleX(-1);
        transform: rotate(90deg) scaleX(-1);
    }

    .orientation8 {
        position: relative;
        -ms-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .disableCheckBoxAndHoverDashboardGrid {
        background-color: #fff !important;
        color: #8e8686;
        width: 50px !important;
    }

    .disableCheckBoxAndHover {
        background-color: #fff !important;
        color: #000;
        font-weight: bold;
        width: 50px !important;
    }

    .CompanyQuestionLevelTeamRoleDropdownInner {
        width: 100%;
    }

    .CompanyQuestionLevelTeamRoleDropdown {
        width: 100% !important;
    }

    .questionnaireImagePreview {
        display: block;
        width: auto;
        max-height: 200px;
        max-width: 300px;
    }

    .checkbox-inline + .checkbox-inline {
        margin-left: 0px !important;
    }

    .checkbox-inline input[type="checkbox"] {
        margin-left: -15px !important;
    }

    .checkbox-inline > label {
        font-weight: normal !important;
    }

    .radio-inline + .radio-inline {
        margin-left: 0px !important;
    }

    .radio-inline input[type="radio"] {
        margin-left: -15px !important;
    }

    #imageQuesitonImagePreviewModal {
        padding-right: 0px !important;
    }

    /*New bootstrap causes tabs to change appearance, specify old style*/
    #imageQuestionUploadingPanelBackdrop {
        width: 100%;
        height: 100%;
        top: 0px;
        background: rgba(0, 0, 0, 0.3);
        position: fixed;
        z-index: 99999;
        display: none;
        background-color: white;
        opacity: 0.7;
        z-index: 29999;
    }

    #imageQuestionUploadingPanelMessage {
        position: fixed;
        top: 50%;
        left: 45%;
        width: 250px;
        height: 50px;
        margin: auto;
        background-color: rgb(255, 255, 255);
        z-index: 9999999;
        vertical-align: middle;
        text-align: center;
        display: none;
        background-color: white;
        z-index: 30000;
        border: 1px solid #9F9F9F;
    }

    .imageQuestionUploadingPanelMessageInner {
        display: table-cell;
        vertical-align: middle;
    }

    .imageQuestionUploadingPanelMessageString {
        position: relative;
        top: -3px;
        padding-left: 5px;
    }

    .document-rules-overlay {
        text-align: center;
        top: -2px;
        left: 0;
        color: red;
        background: #ffffff;
        display: none;
        box-shadow: 2px 3px 3px #b3b3b3;
        border: 1px solid #b3b3b3;
        padding: 7px;
        width: 96%;
        position: absolute;
        z-index: 100;
        margin-left: 2%;
    }

    .document-rules-overlay-2 {
        text-align: center;
        left: 0;
        color: red;
        background: #ffffff;
        display: none;
        box-shadow: 2px 3px 3px #b3b3b3;
        border: 1px solid #b3b3b3;
        padding: 3px;
        width: 96%;
        position: absolute;
        z-index: 100;
        margin-left: 2%;
    }

    .documentValidationBorder {
        outline: none !important;
        box-shadow: 0 0 5px #ff0000 !important;
        border-collapse: separate !important;
        -webkit-box-shadow: 0px 0px 5px #ff0000 !important;
        border-radius: 4px !important;
    }

    .documentValidationBorder-ReadOnly {
        outline: none !important;
        box-shadow: 0 0 5px #ff0000 !important;
        border-collapse: separate !important;
        -webkit-box-shadow: 0px 0px 5px #ff0000 !important;
        border-radius: 4px !important;
        min-height: 22px !important;
        width: 47% !important;
        margin-left: 15px !important
    }

    /* This section is for the select2 modal dropdown in identifier
   popup. For some reason in IE, it doesn't work properly, so
   we have had to overwrite their style with the old type of 
   browser styling. One style to put it on, the other to take
   it off.*/
    .select2-results__option:hover {
        background-color: #337ab7 !important;
        color: #fff !important;
    }

    .select2-results__option {
        background-color: #fff !important;
        color: #000 !important;
    }

    .mobile {
        display: none;
    }

    .paddingOnlyMobile {
        padding: 0 !important;
    }

    .boldLabel {
        font-weight: bold !important;
    }

    .paddingBottom {
        padding-bottom: 20px;
    }

    .fullWidth {
        width: 100% !important;
    }

    .srgWizTemplatePreviewSurround .CSectionMenu ul li a {
        box-sizing: content-box !important;
        border-radius: 4px !important;
        padding-left: 12px !important;
    }

    table > tbody > tr > td .container-fluid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .form-horizontal .control-label {
        text-align: left !important;
    }

    .form-group-no-margin p {
        font-size: 12px !important;
    }

    .form-group-no-margin .btn-default {
        background-image: none !important;
    }

        .form-group-no-margin .btn-default:hover, .btn-default:focus {
            background-color: #f3f3f3;
        }

    .form-group-no-margin {
        margin-bottom: 0px !important;
    }

    .read-only {
        background-color: white !important;
        border: none;
        margin-bottom: 0px !important;
        background-image: none !important;
        border: none !important;
        padding: 10px !important;
        box-shadow: none !important;
    }

    .navbar-right {
        margin-right: 0 !important;
    }

    .panel-default .panel-heading {
        background-image: none !important;
        font-weight: bold;
    }

        .panel-default .panel-heading .form-control {
            font-weight: 400;
        }

    .panel-heading {
        font-size: 12pt;
    }

    .panel-remove-padding {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .panel-heading-adaptive {
        padding-top: 2px !important;
        padding-bottom: 2px !important;
    }

    .hr-divide {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .radio-inline > label {
        font-weight: normal !important;
    }

    td > label {
        font-weight: normal !important;
    }

    span > label {
        font-weight: normal !important;
    }

    /* SECURITY CHECKBOXES */

    .security-panel {
        border-bottom-width: 10px !important;
        margin-bottom: 10px;
        padding-bottom: 20px;
    }

    .security-checkbox {
        float: left;
        margin-right: 20px;
    }

        .security-checkbox input[type="checkbox"] {
            display: none;
            margin-right: 20px;
        }

            .security-checkbox input[type="checkbox"] + .btn-group > label span {
                width: 20px;
                font-size: 15px;
            }

    .security-btn {
        font-size: 11px !important;
        height: 29.5px !important;
        box-shadow: none !important;
    }

    .security-h6 {
        font-weight: bold;
    }
    /*END SECURITY CHECKBOXES*/

    /* Override the grey background in the menu*/
    .white-override {
        background-image: none !important;
        background-color: white !important;
    }

    /* For Detail Rows View/Edit Text*/
    .adaptive-control-link {
        color: #1e3677;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        font-size: 12px;
        font-family: Roboto;
    }

    /* ALERTS */
    hr.message-inner-separator {
        clear: both;
        margin-top: 10px;
        margin-bottom: 13px;
        border: 0;
        height: 1px;
        background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
        background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    }

    .system-alert {
        position: fixed !important;
        top: 10% !important;
        left: 15% !important;
        width: 80% !important;
        z-index: 10000 !important;
    }

    .score-area {
        padding-top: 7.5px;
        float: right;
        width: 25%;
    }

    .score-label {
        padding-right: 10px;
        vertical-align: middle;
        display: inline-block;
    }

    .score-progress {
        display: inline-block;
        margin-bottom: 0px !important;
        width: 35%;
    }

    .QuestionnaireFooterDevXButton.btn-remove-float-right {
        float: none !important;
        margin: 10px 10px 0px 0px;
    }

    .insert-margin-top {
        margin-top: 10px !important;
    }

    .task-controls-pull-in-margin-right {
        margin-right: 0px !important;
    }

    .anchor-bootstrap-font {
        font-family: Roboto !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        font-style: normal !important;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #f5f5f5 !important;
        background-image: none !important;
    }

    /* Stop Detail Row expanding in adaptive mode when in tablet and mobile */
    /* TABLET WIDTH*/
    @media (max-width: 1200px) {

        /*#region QuestionEditResponsiveMode Start (JESSICA)*/

        .sectionOptionsDropDownArea a, .sectionSecurityButton a {
            padding: 0px 12px;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        /*#endregion QuestionEditResponsiveMode Start (JESSICA)*/

        /*#region ducAuctionAutoTrainer Start (JESSICA)*/

        .ducAuctionAutoTrainerSurround .bidButtonSurround,
        .ducAuctionSupplierBidsSurround .bidButtonSurround {
            text-align: right;
        }

        .ducAuctionAutoTrainerSurround .ducAuctionAutoTrainerBR,
        .ducAuctionSupplierBidsSurround .ducAuctionAutoTrainerBR {
            display: block;
        }

        .ducAuctionAutoTrainerSurround .tblBidSurround,
        .ducAuctionSupplierBidsSurround .tblBidSurround {
            text-align: right;
        }

        /*#endregion ducAuctionAutoTrainer End (JESSICA)*/

        .workflowStepsControlTileChevron {
            display: none !important;
        }

        .workflowStepsControlTileItemCount {
            top: -7px;
            z-index: 499;
            right: 8px;
            border: 1px solid red;
            border-radius: 10px;
            padding: 1px 4px 1px 3px;
            background: red;
            color: white;
            position: absolute;
        }

        .workflowStepsControlTileNoPadding,
        .auctionItemStepsControlTileNoPadding {
            padding-right: 15px !important;
            padding-left: 15px !important;
        }

        /*#region manCompanyEmails/manCompanyInterfaces Pages Start (KYLE)*/

        .manCompanyEmailsSurround .textBoxSurround {
            padding: 0px 10px;
        }

        .manCompanyEmailsSurround .txtAlign {
            height: 30px !important;
        }

        /*#endregion manCompanyEmails/manCompanyInterfaces Pages Start (KYLE)*/

        /*#region manUser/manCompany Pages Start (KYLE)*/


        .manUserSurround .ddlLoginTypesSurround {
            margin-top: 4px !important;
        }

        .manUserSurround .chkSurround,
        .manUserSurround .txtSecondaryTelephoneSurround,
        .manCompanySurround .emailSettingsDoubleLine {
            margin-top: 8px !important;
        }

        .manCompanySurround .rdoAllowUserTimeZoneSurround {
            margin-top: 14px !important;
        }

        .manCompanySurround .drpdwnEmailDocsSurround {
            margin-top: 15px !important;
        }

        .manCompanySurround .passwordSettingsDoubleLine,
        .manCompanySurround .passwordSettingsTripleLine {
            margin-top: 16px !important;
        }

        .manCompanySurround .workflowSettingsSurround .our-form-control {
            width: 77% !important;
        }

        /*#endregion manUser/manCompany Pages End (KYLE)*/

        /*#region Management/eRFX/Auction/SIM/Workflow Start (Paul)*/

        /*#region Targetted Pages*/

        /*
    manTeams/manRoles/manUsers/manSupplierCompanies/manCategories/manCompanyAppFeatures/manDocuments/manDocumentEdit
    ctlQueryPerformance/toolCreateNewEvent/rfxQuestionnaireWizard/rfxQuestionnaireWizardgateway/
    rfxCreateNewQuestionnaire/rfxQuestionnaireWizardHistoric/rfxQuestionnaireQuestions/rfxQuestionnaireParticipants/rfxQuestionnaireInviteUser/rfxQuestionnaireParticipantView
    aucAuctionSuppliers/aucAuctionSpectators/aucAuctionDocuments/aucAuctionBidChart/aucAuctionBidAnalysis/aucAuctionBidStatus/aucAuctionBidBreakdown/aucAuctionSupplierBids/toolCreateNewEvent/
    srgWizWelcome/rfxQuestionnaireAuditReport/srfWizNewsletter/srgWizFreeTextSearch/srgBuyerSupplierDetails/srgBuyerSupplierAnswers/QuestionnaireDetailFormSupplier/srgSupplierUpdateUnlockedManual
    */

        /*#endregion Targetted Pages*/
        .srgBuyerSupplierDetailsSurround .resetPasswordLink {
            left: 95px;
        }

        .aucAuctionBidChartSurround .bidChartSurround img {
            margin: 0;
            padding-right: 30px;
            width: 100% !important;
        }

        .rfxCreateNewQuestionnaireSurround .auctionAddBidTimePicker {
            float: none;
        }

        .rfxCreateNewQuestionnaireSurround .displayInLaptopMobile {
            display: block;
        }

        .ctlQueryPerformanceSurround .DDLPositioningA .dxeButtonEdit {
            right: 16px !important;
        }

        /*#endregion Management/eRFX/Auction/SIM/Workflow END (Paul)*/



        .adaptive-wrap td.dxgvADCC {
            white-space: normal;
        }



        .footer-save-buttons-outer {
            text-align: left !important;
        }

        .input-group-reverse-mobile {
            position: relative !important;
            display: block !important;
        }

        .input-group-reverse-border {
            border-radius: 0px !important;
            border: 1px solid #ccc !important;
        }

        .mobile-select-full-width {
            width: 100% !important;
        }
    }

    /************************/
    /*End Bootstrap Changes */
    /************************/
.workflowDashboardLinkDesktop {
    width: 100%;
    float: right;
}

    .newZIndexPopup {
        z-index: 12117 !important;
    }

    .navbarModalAdjust {
        z-index: 1040;
    }

    html body {
        color: #404040;
        font-family: Roboto;
        font-size: 12px;
        margin: 0 auto;
    }

    html > html body {
        height: 100%;
        /*overflow-y:auto;*/
    }

    .dxgvGroupRow,
    .dxgvHeader,
    .dxpControl,
    .dxpPageNumber,
    .dxgvGroupPanel,
    .dxgvHeaderPanel,
    .CTableHeadingWithoutBackgroundImage {
        color: #525252 !important;
    }

    #siteContainer {
        top: 50px;
        bottom: 0;
        /*overflow: auto;*/
    }

    .reportWordWrappingClass {
        word-break: break-all;
        word-break: break-word;
    }

    a {
        outline: none;
        border: none;
    }

        a,
        a:Visited,
        .CTableHyperLink,
        .CTableHyperLink:Visited {
            /*text-decoration:none;*/
        }

    textarea {
        Border: solid 1px #E1E1E1;
        resize: none;
    }

    img.CStandardTextSize {
        height: 20px;
    }

    .GlobalPageBoldElement {
        font-weight: bold;
    }

    .ImgHyperlink img {
        height: 16px;
    }

    #Help {
        position: fixed;
        top: -270px;
        margin: 0px auto 0px 170px;
        width: 600px;
        height: 176px;
        z-index: 100;
        background-image: url(../Images/helpBackLarge.png);
        -moz-opacity: .98;
        -khtml-opacity: 0.98;
        filter: alpha(opacity=98);
        opacity: 0.98;
        color: #003399;
        text-decoration: none;
    }

    * html #Help {
        position: absolute;
    }

    .LoginBox {
        width: 436px;
        height: 385px;
        margin-top: 10px;
        margin-right: 15px;
        /*background-image:url(../Images/LoginBackground.png);*/
        background-position: left;
        background-repeat: no-repeat;
    }

    .LoginBoxWelcome {
        width: 384px;
        height: 247px;
        padding: 0px 0px 0px 0px;
        margin: 0px auto;
        /*background-image:url(../Images/LoginBrowserCheckBackground.png);*/
        background-repeat: no-repeat;
    }

    #helpInstructions {
        font: Roboto bold 10pt;
        color: #006600;
    }

        #helpInstructions a {
            color: #006600;
            font-weight: bold;
            font: Roboto bold 10pt;
            text-decoration: underline;
        }

    .CHelpButton {
        float: left;
        cursor: pointer;
        border: solid 2px transparent;
    }

        .CHelpButton:Hover {
            float: left;
            cursor: pointer;
        }

    #divSearch {
        float: right;
        width: 593px;
        height: 23px;
        z-index: 500;
        padding-left: 5px;
        padding-top: 3px;
        background: url(../images/statusBack.png) #fff repeat-x;
        border-left: solid 1px #000000;
        border-right: solid 1px #000000;
    }

    #StatusBar {
        position: fixed;
        left: 0;
        z-index: 550;
        /*background: url(../images/statusBack.png );*/
        height: 26px;
        width: 100%;
        vertical-align: middle;
        padding: 0px;
        margin: 0px;
        background-color: #f5f5f5;
        margin-top: 3px;
    }


    * html #StatusBar {
        position: absolute;
    }

    #updateContainer {
        width: 100%;
        padding-left: 25px;
        vertical-align: top;
        height: 20px;
    }

    #update {
        z-index: 700;
        height: 18px;
        width: 220px;
        vertical-align: text-top;
        text-decoration: none;
        /*background-color: #dcdcdc;
	border-top: #c0c0c0 1px solid;
	border-left: #c0c0c0 1px solid;	
	border-bottom: #f8f8ff 1px solid;
	border-right: #f8f8ff 1px solid;*/
    }

    #save {
        position: absolute;
        z-index: 65000;
        top: -200px;
        padding: 40px 20px 40px 0px;
        height: 30px;
        width: 220px;
        color: #808080;
        text-decoration: none;
        text-align: center;
        font-size: 10pt;
        font-family: Roboto;
        font-weight: bold;
        background: url(../images/saveMessage.png) no-repeat;
    }

    #tiTicker {
        background: url(../images/tiTicker.png);
        height: 14px;
        width: 12px;
    }

    div#HelpWrap {
        margin: 0px auto 0px auto;
        padding: 0;
        width: 970px;
    }

    #wrap, #TopNavBar, .scrollNav {
        color: #404040;
        margin: 0px auto 0px auto;
        padding: 0;
    }

    #wrap {
        padding-top: 0px;
        /*margin-top:30px;*/
    }

    .CCalander {
        background: url('../Images/calendar.png') no-repeat top right;
        height: 67px;
        width: 80px;
        border: 0px;
        font-size: 10px;
        cursor: pointer;
    }

        .CCalander div {
            background-image: none;
        }

        .CCalander:Hover {
            background: url('../Images/calendar.png') no-repeat bottom right;
        }

    .CCalendarMonth {
        padding-top: 4px;
        font-size: 6pt;
    }

    .CCalendarDay {
        padding-top: 1px;
        font-size: 10pt;
        font-weight: bold;
    }

    .CCalendarDayOfWeek {
        font-size: 6pt;
    }

    #mesh {
        position: absolute;
        height: 50px;
        width: 970px;
        z-index: 1;
    }

    /*#arcusCloud
{
	position:absolute;
	height:77px;
	width:750px;
	padding-left:200px;
	background:url(../Images/topBannerMesh.png) no-repeat 0 0;
	background-position: right;
	z-index:10;
	-moz-opacity:.10;
	-khtml-opacity: 0.10;
	filter:alpha(opacity=10);
	opacity:0.10;
}*/

    #Title {
        font-family: Roboto;
        font-size: 14px;
        text-align: center;
        font-weight: bold;
    }

    #HelpText {
        text-align: justify;
        float: left;
        width: 350px;
    }

    #HelpContainer {
        overflow-y: scroll;
        width: 595px;
        height: 114px;
        float: left;
    }

    #HelpTopics {
        font-family: Roboto;
        float: right;
        width: 210px;
    }

    #Help #HelpContent {
        font-family: Roboto;
        margin-top: 4px;
    }

        #Help #HelpContent #HelpLink {
            margin-left: 257px;
            text-decoration: none;
            position: relative;
            top: 6px;
            color: #ffffff;
            font-family: Roboto;
            font-weight: bold;
            font-size: 11pt;
            cursor: pointer;
        }

    #Help li {
        margin-left: 0px;
        list-style-type: decimal;
    }

        #Help li a {
            cursor: pointer;
        }

    #Help #HelpLink a {
        text-align: center;
        text-decoration: none;
        color: #009900;
        font-family: Roboto;
        font-size: 11pt;
        font-weight: bold;
        cursor: pointer;
    }

        #Help #HelpLink a:hover {
            color: #00cc00;
            text-align: center;
            text-decoration: none;
        }

    .hideOnDesktop {
        display: none !important;
    }
    /*------------------------------------------------------------------------------------------
                                            LOGIN PAGE STYLES
------------------------------------------------------------------------------------------*/

    .CompanyLogo {
        float: left;
    }

    /*------------------------------------------------------------------------------------------
                                            END OF LOGIN PAGE STYLES
------------------------------------------------------------------------------------------*/


    /*------------------------------------------------------------------------------------------
                                            TOP MENU STYLES
------------------------------------------------------------------------------------------*/

    .topMenu {
        /*outline:1px solid black;*/
        width: 966px;
        /*background: #FFFFFF url(../images/topMenBack.png) repeat-x 0 0;*/
        background-position: top;
        /*padding: 1px 2px 1px 2px;*/
        position: relative;
    }

        .topMenu .outline {
            outline: 1px solid black;
        }

    .CSideMenuTitle {
        min-width: 50px;
        font-weight: normal !important;
        font-family: Roboto;
        width: 118px;
        text-decoration: none;
        background-color: #ffffff;
        text-align: center;
        height: 30px;
    }

        .CSideMenuTitle a {
            font-size: 9pt;
            text-decoration: none;
        }

            .CSideMenuTitle a:Hover {
                text-decoration: none;
            }

    .CSideMenuTitleInvisible {
        height: 24px;
        min-width: 50px;
        font-size: 10pt;
        font-weight: bold;
        font-family: Roboto;
        width: 118px;
        text-decoration: none;
        background-color: #EBEBEB;
        text-align: center;
        vertical-align: text-bottom;
        visibility: hidden;
    }

    .CSideMenuTitle img {
        margin-left: 3px;
        float: left;
        border: none;
        padding: 2px 2px 2px 2px;
    }

    .CSideMenuTitleHover {
        /*min-width:50px;*/
        font-weight: bold;
        /*font-family: Roboto;
	width: 118px;
	text-decoration: none;
	cursor: pointer;
	background: #F4F4F4 url(../images/menuheaderhover.png) repeat-x 0 0;
	text-align: center;*/
    }

        .CSideMenuTitleHover :hover {
            font-weight: bold;
        }

        .CSideMenuTitleHover img {
            margin-left: 3px;
            float: left;
        }

    .CSideMenuTitleHome {
        height: 24px;
        font-size: 10pt;
        font-weight: bold;
        font-family: Roboto;
        width: 77px;
        text-decoration: none;
        background-color: #EBEBEB;
        text-align: center;
        vertical-align: text-bottom;
    }

        .CSideMenuTitleHome img {
            margin-left: 3px;
            float: left;
        }

    .CSideMenuTitleHoverHome {
        font-size: 10pt;
        height: 24px;
        font-weight: bold;
        font-family: Roboto;
        width: 77px;
        text-decoration: none;
        cursor: pointer;
        background: #F4F4F4 url(../images/menuheaderhover.png) repeat-x 0 0;
        text-align: center;
        vertical-align: text-bottom;
    }

        .CSideMenuTitleHoverHome img {
            margin-left: 3px;
            float: left;
        }

    .CSideMenuTitleBlank {
        height: 18px;
        /*width: 100%;*/
        text-decoration: none;
        background-color: #EBEBEB;
        text-align: center;
        vertical-align: text-bottom;
    }

    .CSideMenuItem {
        /*border: solid 1px #1E3578;*/
        /*font-family: Roboto;
	font-weight:normal;
	font-size: 10pt;
	background-color: #FFFFFF;
	text-decoration: none;
	width: 100%;
	padding: 2px 2px 2px 2px;*/
    }

        .CSideMenuItem a {
            /*display:block;*/
        }

        .CSideMenuItem:hover {
            /*background-position: bottom;*/
        }

            .CSideMenuItem:hover a {
                /*background: none;
	background-position: bottom;
	border: none;*/
            }

    .CSideMenuItemDisabled {
        /*border: solid 1px #EBEBEB;*/
        font-family: Roboto;
        font-weight: normal;
        font-size: 10pt;
        /*background-color: #EBEBEB;*/
        text-decoration: none;
        width: 100%;
        padding: 2px 2px 2px 2px;
        color: #999999 !important;
        cursor: not-allowed;
    }

    .CSideMenuItemHover {
        font-family: Roboto;
        font-weight: normal;
        font-size: 10pt;
        /*background: #E6E6E6 url(../images/submenuhover.png) repeat-x 0 0;*/
        background-position: bottom;
        /*border: solid 1px #a5a5a5;*/
        text-decoration: none;
        width: 100%;
        cursor: pointer;
        padding: 2px 2px 2px 2px;
    }

    .CSideMenuItemHoverDisabled {
        font-family: Roboto;
        font-weight: normal;
        font-size: 10pt;
        /*background: #F4F4F4 url(../images/submenuhover.png) repeat-x 0 0;
	background-position: bottom;*/
        border: solid 1px #a5a5a5;
        text-decoration: none;
        width: 100%;
        padding: 2px 2px 2px 2px;
        color: #999999;
    }

    .CSideMenuSubMenu {
        z-index: 500;
        background: #FFFFFF;
        padding: 2px 2px 0px 2px;
        top: 33px;
    }

    .dxgvLoadingPanel {
        background-color: #FFFFFF;
    }

    .dropdown-submenu > a:after {
        display: block;
        float: right;
        width: 0;
        height: 0;
        margin-top: 5px;
        margin-right: -5px;
        border-color: transparent;
        border-left-color: #b2b2b2;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        content: " ";
    }

    #nestedTemplateSections, #nestedAdvancedSearch,
    #nestedTemplates, #nestedWorkFlow, #nestedExport,
    #nestedCreateNewAuction, #nestedeAuctionSetupWizard,
    #nestedQuestionnaire {
        margin-left: 100%;
        margin-top: -24px;
    }

    #nestedExport {
        margin-top: 0px;
    }
    /*------------------------------------------------------------------------------------------
                                            END OF TOP MENU STYLES
------------------------------------------------------------------------------------------*/
    /****************/
    /* MOBILE WIDTH */
    /****************/
    @media(max-width: 767px) {

        .navbar-nav {
            margin: 7.5px 0px !important;
        }

        #nestedTemplateSections, #nestedAdvancedSearch,
        #nestedTemplates, #nestedWorkFlow, #nestedExport,
        #nestedCreateNewAuction, #nestedeAuctionSetupWizard,
        #nestedQuestionnaire {
            margin-left: 0px;
            margin-top: 0px;
        }

        .document1Button, .document2Buttons, .document3Buttons, .document4Buttons {
            margin-bottom: 2px !important;
        }

        .srgDashboardSurround #ctl00_body_popupIncompleteSIMWizard_PW-1 {
            position: absolute;
            top: 65% !important;
            left: 50% !important;
            transform: translate(-50%, -50%) !important;
            z-index: 499 !important;
        }

        #ctl00_tabTitle {
            float: none;
        }

            #ctl00_tabTitle span:nth-child(2) {
                display: inline-block;
                width: 100%;
                float: none !important;
                margin-left: 0px !important;
                margin-bottom: 10px !important;
            }

        #ctl00_RightTabLabel {
            float: left !important;
        }

        .workflowStepsControlMainContainer {
            overflow: auto;
        }

        /*#region ctlDatabasePerformanceSurround Page Start (KYLE)*/

        .rfxQuestionnaireScoringSurround #ctl00_body_grdWeightings tbody input {
            width: 75% !important;
        }

        .rfxQuestionnaireScoringSurround #ctl00_body_grdQuestions tbody input {
            width: 88% !important;
        }

        .rfxQuestionnaireScoringSurround #ctl00_body_grdWeightings {
            width: 93% !important;
            margin-left: 10px !important;
        }

        .rfxQuestionnaireScoringSurround #ctl00_body_grdQuestions {
            width: 96% !important;
            margin-left: 10px !important;
        }

        /*#endregion rfxQuestionnairesPotential/rfxQuestionnaireWizardTemplate/rfxQuestionnairesLiveFuture/rfxQuestionnairesHistoric/rfxQuestionnaireSectionTemplateCreator/rfxQuestionnaireSummaryBuyer/rfxQuestionnaireCopy/rfxQuestionnaireSummarySupplier/rfxQuestionnaireScoring/rfxQuestionnaireStatus/rfxQuestionnaireAddItem/rfxQuestionnaireItems/rfxQuestionnaireParticipantItems/rfxQuestionnaireQuestionsNotComplete/aucAuctionSuppliersSuppliersEmail/aucAuctionDelegateAdd/CompanyToCompanyEventTransfer/rfxQuestionnaireCompletionReport/rfxQuestionnaireAuditReport/rfxQuestionnaireAnswerReport/rfxQuestionnaireParticipantDocuments/X Pages End (KYLE)*/

        /*#region ctlDatabasePerformanceSurround/srgSupplierImport Pages Start (KYLE)*/

        .ctlDatabasePerformanceSurround .rdoQueryStatisticTypes tbody tr td {
            display: block;
        }

        .ctlDatabasePerformanceSurround .divKeySurround {
            margin-top: 30px;
        }

        /*#endregion ctlDatabasePerformanceSurround/srgSupplierImport Pages End (KYLE)*/

        /*#region manCurrencyTypes/manLists Pages Start (KYLE)*/

        .manCurrencyTypesSurround {
            padding-right: 12px !important;
        }

        /*#endregion manCurrencyTypes/manLists Pages End (KYLE)*/

        /*#region manBuyerCompanies/manTeamFeatures Pages Start (KYLE)*/

        .manBuyerCompaniesSurround .floatChk {
            float: left;
            padding-left: 5px !important;
        }

        .manTeamFeaturesSurround .responsiveTxtPadding {
            padding: 0px 6px 0px 6px !important;
        }

        /*#endregion manBuyerCompanies/manTeamFeatures Pages End (KYLE)*/

        /*#region manUser/manCompany Pages Start (KYLE)*/

        .manCompanySurround .workflowSettingsSurround .our-form-control {
            width: 94% !important;
        }

        /*#endregion manUser/manCompany Pages End (KYLE)*/

        .noPaddingMobile {
            padding: 0 !important;
        }

        .questionRow.row {
            margin-right: 0px !important;
            margin-left: 0px !important;
        }

        .security-checkbox-mobile {
            float: none;
            margin-right: 0px;
            margin-bottom: 10px;
        }

        .mobile-full-width {
            width: 100% !important;
        }

        .hideOnMobile {
            display: none !important;
        }

        /*DevExpress Buttons*/
        .hideTextOnMobile span.dx-vam, .DetailQuestionnaireHideTextMobile span.dx-vam {
            display: none !important;
        }

        .hideTextOnMobile img.dx-vam, .DetailQuestionnaireHideTextMobile img.dx-vam {
            margin-right: 0 !important;
            margin-left: 0px !important;
        }

        .hideOnDesktop {
            display: inline-table !important;
        }

        /* breaks responsive dashboard */
        /*.dashboardZone {
        width: 720px !important;
    }*/

        .searchRow {
            width: 750px;
        }

        .bootsnipp-search .form-control {
            width: 600px;
        }

        #divFullFooterContainer .dxbButton .dxb {
            font-size: 8pt;
        }

        .IconText {
            display: inline;
        }

        .dropdown-indent li {
            margin-left: 10px;
        }

        .navbar-right .open .dropdown-menu > li > span {
            padding: 5px 15px !important;
            line-height: 20px !important;
        }

        .navbar-right li.dropdown a .IconText {
            display: inline;
        }

        .navbar-collapse {
            background-color: #fafafa;
        }

        .navbar-right {
            margin-top: -7.5px !important;
        }

        .alert-mobile {
            left: 0px !important;
            width: 100% !important;
            right: 1% !important;
        }

        .remove-from-view {
            display: none;
        }

        .mobile-margin-top {
            margin-top: 10px;
        }



        .dxWeb_tcScrollRight, .dxWeb_tcScrollLeft {
            margin-top: 10px;
            margin-left: 10px;
        }


        #divFullFooterContainer .dxbButton .dxb table tbody tr td {
            padding-right: 0 !important;
        }

            #divFullFooterContainer .dxbButton .dxb table tbody tr td span {
                display: none;
            }

        .FooterContainerSeperator {
            display: none;
        }

    }

@media(max-width: 991px) {
    .dashboardZone,
    #ctl00_body_dockZoneTop,
    #ctl00_body_dockZoneLeft,
    #ctl00_body_dockZoneLeftFind,
    #ctl00_body_dockZoneLeftOnboard,
    #ctl00_body_dockZoneLeftApprove,
    #ctl00_body_dockZoneLeftManage,
    #ctl00_body_dockZoneLeftWorkflow,
    #ctl00_body_dockZoneLeftReports,
    #ctl00_body_dockZoneMiddle,
    #ctl00_body_dockZoneRight,
    #ctl00_body_dockZoneRightFind,
    #ctl00_body_dockZoneRightOnboard,
    #ctl00_body_dockZoneRightApprove,
    #ctl00_body_dockZoneRightManage,
    #ctl00_body_dockZoneRightWorkflow,
    #ctl00_body_dockZoneRightReports {
        display: block;
    }
}

    /*------------------------------------------------------------------------------------------
                                            END OF TAB STYLES
------------------------------------------------------------------------------------------*/

    /*------------------------------------------------------------------------------------------
                                            QUESTION EDIT TAB STYLES
------------------------------------------------------------------------------------------*/

    #divQuestionEditTabsContainer {
        position: relative;
    }

    #questionEditTabs {
        height: 25px;
        font-size: 93%;
        line-height: normal;
        top: 0px;
        padding: 9px 0px 0px 0px;
        position: absolute;
        left: 5%;
    }

        #questionEditTabs ul {
            margin: 0;
            /*padding: 10px 10px 5px 0px;*/
            padding: 2px 0 0 0;
            list-style: none;
        }

        #questionEditTabs li {
            display: inline;
            margin: 0;
            padding: 0;
        }

        #questionEditTabs a {
            float: left;
            margin: 0 0 0 2px;
            padding: 0 0 0 7px;
            text-decoration: none;
            font-weight: normal;
            border: #555555 1px solid;
            background-color: #DDDDDD;
        }

            #questionEditTabs a span {
                float: left;
                display: block;
                padding: 5px 15px 4px 6px;
            }

            /* Commented Backslash Hack hides rule from IE5-Mac \*/
            #questionEditTabs a span {
                float: none;
            }
            /* End IE5-Mac hack */

            #questionEditTabs a:hover {
                background-color: #EEEEEE;
            }

                #questionEditTabs a:hover span {
                }

        #questionEditTabs .current a {
            background-position: 0% -42px;
            background-color: #FFFFFF;
            border-bottom: solid 1px #FFFFFF;
        }

        #questionEditTabs #current a span {
            background-position: 100% -42px;
        }

    #divQuestionEdit {
        padding: 10px 0px 10px 0px;
        position: relative;
        margin-bottom: 10px;
    }

    #questionEditContainer {
        width: 90%;
        border: solid 1px #555555;
        background-color: White;
        margin: 0 auto;
        padding: 5px 10px 10px 10px;
        text-align: left;
        min-height: 275px;
    }

    .CQuestionEditLabelCell {
        text-align: left;
    }

    .CQuestionEditCell {
        text-align: left;
    }

    .CQuestionEditTable td {
        padding: 3px 0px 3px 0px;
    }

    .CQuestionEditDocumentType {
    }

        .CQuestionEditDocumentType td {
            width: 200px;
            vertical-align: top;
            cursor: pointer;
        }

            .CQuestionEditDocumentType td:hover {
                background-color: #d6e2d5;
            }

    .CQuestionEditOptionGridContainer {
        width: 750px;
        margin: 0 auto;
        position: relative;
    }

    .CQuestionEditTableRowGridContainer {
        width: 750px;
        margin: 0 auto;
        position: relative;
    }

    /*------------------------------------------------------------------------------------------
                                 END OF QUESTION EDIT TAB STYLES
------------------------------------------------------------------------------------------*/

    /*------------------------------------------------------------------------------------------
                                 START OF QUESTIONNAIRE UPDATE PROGRESS STYLES
------------------------------------------------------------------------------------------*/

    #divQuestionContainer {
        position: relative;
        width: 100%;
        height: 100%;
    }

    #divQuestionUpdateUpdateProgress {
        position: absolute;
        top: 40%;
        left: 40%;
        height: 60px;
        width: 125px;
        text-align: center;
        background-color: #e3e3e1;
        border: solid 1px #9f9f9f;
        z-index: 3;
        -moz-opacity: 1.00;
        -khtml-opacity: 100.;
        filter: alpha(opacity=100);
        opacity: 1.00;
    }

    .CQuestionnaireUpdateProgress {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background-color: #e3e3e1;
        border: solid 1px #9f9f9f;
        -moz-opacity: 0.4;
        -khtml-opacity: 40.;
        filter: alpha(opacity=40);
        opacity: 0.4;
    }

    .CQuestionEditUpdateProgress {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        background-color: #f3f3f1;
        border: solid 1px #9f9f9f;
        z-index: 4;
    }

    .QuestionnaireProgressBar {
        margin-bottom: 3px;
        border: 1px Solid #696969;
        background-color: #FFFFFF;
        font: 12px Tahoma, Geneva, sans-serif;
        color: Black;
        background-image: unset !important;
    }

    /*------------------------------------------------------------------------------------------
                                 END OF QUESTIONNAIRE UPDATE PROGRESS STYLES
------------------------------------------------------------------------------------------*/

    /*------------------------------------------------------------------------------------------
                                            BODY BACKGROUND
------------------------------------------------------------------------------------------*/

    /*.topBox {
	background: url(../images/topBox.jpg) no-repeat;
	width:970px;
	border: 0 0 0 0;
	padding: 0 0 0 0;
	height:8px;
}*/

    .mainBody {
        width: 100% !important;
        padding: 0px 0px 10px 0px !important;
        text-align: left !important;
        background: none !important;
        -moz-border-radius: 4px;
        border: none !important;
    }

    /*.bottomBox
{
	background:url(../images/bottomBox.jpg) no-repeat;
	width:970px;
	height:8px;	
}*/

    /*------------------------------------------------------------------------------------------
                                            END OF BODY BACKGROUND
------------------------------------------------------------------------------------------*/

    #inputTable {
        padding-left: 250px;
        padding-right: 250px;
    }

    #mainTable {
        padding: 0px;
    }

    #dialogueBox {
        margin-left: 25px;
        margin-right: 25px;
    }

    #modalBox {
        visibility: hidden;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        text-align: center;
        z-index: 1000;
    }

    #sendMessage {
        position: absolute;
        padding: 4px 15px 15px 10px;
        margin-left: 250px;
        width: 350px;
        height: 370px;
        z-index: 800;
        top: -400px;
        color: #808080;
        text-decoration: none;
        text-align: left;
        background: #ffffff;
        background: url(../images/messageBack.png) no-repeat;
    }

    #displayMessage {
        position: absolute;
        padding: 4px 15px 15px 10px;
        margin-left: 250px;
        width: 350px;
        height: 370px;
        z-index: 800;
        top: -400px;
        color: #808080;
        text-decoration: none;
        text-align: left;
        background: #ffffff;
        background: url(../images/messageBack.png) no-repeat;
    }

    #displayStageTwoMessage {
        position: absolute;
        padding: 30px 15px 15px 15px;
        margin-left: 250px;
        width: 350px;
        height: 370px;
        z-index: 800;
        top: -400px;
        color: #808080;
        /*text-decoration: none;
	text-align: left;
	font-size: 10pt;
	font-family: Arial, Verdana;
	font-weight: bold;*/
        background: #ffffff;
        background: url(../images/messageBack.png) no-repeat;
        /*-moz-opacity:.95;
	-khtml-opacity: 0.95;
	filter:alpha(opacity=95);
	opacity:0.95;*/
    }

    #stageTwoMessage {
        /*position: absolute;*/
        padding: 15px 15px 15px 15px;
        margin-left: 0px;
        width: 300px;
        height: 180px;
        color: #808080;
        /*text-decoration: none;
	text-align: left;
	font-size: 10pt;
	font-family: Arial, Verdana;*/
        background: #ffffff;
    }

    #stageTwoPosition {
        color: #a9a9a9;
    }

    .atlasUpdate {
        font-size: 12pt;
        font-weight: bold;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        text-align: center;
        z-index: 1000;
        background-color: #FFFFFF;
        -moz-opacity: .65;
        -khtml-opacity: 0.65;
        filter: alpha(opacity=65);
        opacity: 0.65;
    }

    /* Standard classes */

    .CTextBox {
        font: 9pt Roboto;
    }

    .CTitle {
    }

    .CStandardTextSize {
        font-size: 9pt;
        font-family: Roboto;
        font-weight: normal !important;
    }

    .CLabel {
        font-size: 9pt;
        font-family: Roboto;
        font-weight: normal !important;
        padding-left: calc(var(--bs-gutter-x) * .5);
    }

    .CLabel2 {
        font-size: 10pt;
        font-family: Roboto;
    }

    .CLabelBold {
        font-weight: bold;
        font-size: 9pt;
        font-family: Roboto;
    }

    .CTableLabelLeft {
        width: 150px;
        text-align: left;
        height: 20px;
    }

    .CTableAnswerRight {
        width: 400px;
        text-align: left;
        height: 20px;
    }

    .CTableEditQuestionHolder {
        /*position:relative;*/
        left: 0px;
    }

    .CLineBreak {
        border-top: solid 1px #bbbbbb;
        border-bottom: solid 1px #ffffff;
        border-right: solid 1px #ffffff;
        border-left: solid 1px #bbbbbb;
        width: 100%;
        height: 0px;
        margin-top: 5px;
        margin-bottom: 10px;
        line-height: 0px;
    }

    .CLineBreak2 {
        border-top: solid 1px #bbbbbb;
        border-bottom: solid 1px #ffffff;
        border-right: solid 1px #ffffff;
        border-left: solid 1px #bbbbbb;
        width: 100%;
        height: 0px;
        margin-top: 4px;
        margin-bottom: 0px;
        line-height: 0px;
    }

    .CStandardTextSize {
        font-size: 9pt;
        font-family: Roboto;
    }

    .CLarge {
        font-size: 12pt;
    }

    .CError, .CError span {
        font-size: 8pt;
        color: red !important;
        font-family: Roboto;
    }

    .CErrorMedium, .CErrorMedium span {
        font-size: 9pt;
        color: red !important;
        font-family: Roboto;
    }

    .CErrorLarge, .CErrorLarge span {
        font-size: 12pt;
        color: red !important;
        font-weight: bold;
        font-family: Roboto;
    }

    .CValid {
        font-size: 9pt;
        color: Green;
        font-family: Roboto;
    }

    .CAutoTrainerInstructions {
        background-color: #FFFFC0;
        Text-Align: Left;
        Border-Color: #E0E0E0
    }

    /* Questionnaire Styles */
    .QSectionHeading {
        font-size: 8pt;
        font-family: Roboto;
        font-weight: bold;
    }

    .QTitle {
        font-weight: bold;
        font-size: 10pt;
        font-family: Roboto;
        text-align: center;
        color: Black;
    }

    .QInstruction {
        font-size: 8pt;
        font-family: Roboto;
        font-weight: bold;
        text-align: left;
    }

    .QNormal {
        font-size: 8pt;
        font-family: Roboto;
    }

    .QQuestionNumber {
        font-size: 8pt;
        font-family: Roboto;
        text-align: left;
    }

    .QQuestion {
        font-size: 8pt;
        font-family: Roboto;
        text-align: left;
        vertical-align: top;
    }

        .QQuestion p {
            padding: 0px;
            margin: 0px;
        }

    .QQuestionChild {
        font-size: 8pt;
        font-family: Roboto;
        text-align: left;
        font-style: italic;
        padding-left: 10px;
        font-weight: normal;
        vertical-align: top;
    }

    .QQuestionAnswer {
        font-size: 8pt;
        font-family: Roboto;
        vertical-align: top;
        text-align: left;
    }

    .CQuestionAnswerTableCell {
        border: solid 1px #BBBBBB;
    }

    .CQuestionAnswerTableHeading {
        border: solid 1px #BBBBBB;
        background-color: #999999;
        color: White;
        font-weight: bold;
    }

    .CQuestionTableHolder {
        padding-bottom: 15px;
    }

    .CQuestionTableHolderOuter {
        width: 850px;
        overflow: auto;
    }

    .CNumericTextBox {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        border-bottom-color: rgb(192, 192, 192);
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-collapse: separate;
        border-left-color: rgb(192, 192, 192);
        border-left-style: solid;
        border-left-width: 1px;
        border-right-color: rgb(192, 192, 192);
        border-right-style: solid;
        border-right-width: 1px;
        border-spacing: 0px 0px;
        border-top-color: rgb(192, 192, 192);
        border-top-style: solid;
        border-top-width: 1px;
        color: rgb(64, 64, 64);
        cursor: default;
        font-family: Roboto;
        font-size: 12px;
        font-weight: 400;
        font-variant: normal;
        line-height: normal;
        text-align: left;
        width: 161.24px;
    }

    /*** Sub Section Tabs  ***/
    .CSectionMenu {
        font: 10px Arial;
        width: 100%; /*leave this value as is in most cases*/
        display: table;
        border-collapse: collapse;
    }

        .CSectionMenu ul {
            height: auto;
            margin: 0;
            padding: 0;
            width: 100%; /*width of container*/
            list-style: none;
            float: left;
        }

            .CSectionMenu ul li {
                display: inline;
                float: left;
                padding-bottom: 3px;
            }

                .CSectionMenu ul li a {
                    float: left;
                    text-decoration: none;
                    /*background: url(../images/topMenBack_Left.png) transparent no-repeat left top;*/
                    background-color: WhiteSmoke;
                    border: solid 1px #a8a8a8;
                    padding-right: 2px;
                    color: Black;
                    font-weight: normal;
                    padding: 5px 15px 4px 6px;
                    float: left;
                    height: 14px;
                    margin-left: 5px;
                    /*padding:7px 10px 0px 5px;*/
                    text-decoration: none;
                    /*background: url(../images/topMenBack_Right.png) transparent no-repeat right top;*/
                }

                    .CSectionMenu ul li a span img {
                        vertical-align: middle;
                        padding-left: 8px;
                        margin-bottom: 3px;
                        height: 15px;
                    }

        .CSectionMenu a:hover {
            /*background-position: 0% -42px;*/
            background-color: #f2f2f2;
            cursor: pointer;
        }

            .CSectionMenu a:hover span {
                /*background-position: 100% -42px;*/
                background-color: #f2f2f2;
                cursor: pointer;
            }

        .CSectionMenu ul li .current {
            /*background-position: 0% -42px;*/
            background-color: #FFFFFF;
            cursor: pointer;
        }

            .CSectionMenu ul li .current span {
                /*background-position: 100% -42px;*/
                background-color: #FFFFFF;
                cursor: pointer;
            }

        .CSectionMenu ul li .CNewSectionTab {
            background-color: #f2f2f2;
            font-weight: bold;
        }

            .CSectionMenu ul li .CNewSectionTab:hover {
                background-color: #FFFFFF;
                font-weight: bold;
            }

                .CSectionMenu ul li .CNewSectionTab:hover span {
                    background-color: #FFFFFF;
                    font-weight: bold;
                }

            .CSectionMenu ul li .CNewSectionTab img {
                vertical-align: middle;
                margin-right: 5px;
                margin-bottom: 3px;
                height: 15px;
            }

    #infoDiv {
        background: #FFF;
        visibility: hidden;
        position: absolute;
        z-index: 10;
        margin-left: 10px;
    }

    #infoDivText {
        font-family: Roboto;
        font-size: 8pt;
        margin: 10px;
        overflow: auto;
    }

    #infoDiv a {
        margin-left: 250px;
        color: #404040;
    }

    #infoDiv .infoDivCloseButton {
        margin: 10px;
        float: right;
    }

    .cColourBoxes {
        width: 10px;
        height: 10px;
    }

        .cColourBoxes:hover {
            width: 10px;
            height: 10px;
            cursor: pointer;
        }

    .CStandardList {
        font-size: 8pt;
        font-family: Roboto;
    }

        .CStandardList td {
            width: 115px;
            text-align: left;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            vertical-align: top;
        }

    .CStandardListWidth150 {
        font-size: 8pt;
        font-family: Roboto;
    }

        .CStandardListWidth150 td {
            width: 150px;
            text-align: left;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            vertical-align: top;
        }

    .CStandardListWidth200 {
        font-size: 8pt;
        font-family: Roboto;
    }

        .CStandardListWidth200 td {
            width: 200px;
            text-align: left;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
            vertical-align: top;
        }

    .EventMessagingNewMessageSurroundMVC .chkSurround .CStandardListWidth200 td {
        width: 100%;
        padding: 0px 0px 0px 0px !important;
        margin: 0px 0px 0px 0px;
        vertical-align: top;
    }

    .CListPadRight {
        font-size: 8pt;
        font-family: Roboto;
    }

        .CListPadRight td {
            text-align: left;
            padding-right: 10px;
        }

    .CListPadRight25 {
        font-size: 8pt;
        font-family: Roboto;
    }

        .CListPadRight25 td {
            text-align: left;
            padding-right: 25px;
        }

    .CDivLeft {
        float: left;
        width: 400px;
    }

    .CDivRight {
        float: right;
        width: 475px;
    }

    .CClearFloats {
        clear: both;
    }

    .CMainTopGradient {
        border-top: solid 1px #a8a8a8;
        border-left: solid 1px #a8a8a8;
        border-right: solid 1px #a8a8a8;
        padding: 4px 10px;
        background-color: White;
    }

    .CCellQuestionnaireHolder {
        padding: 5px 5px 5px 5px;
    }

    .CQuestionnaireSectionEdit {
    }

        .CQuestionnaireSectionEdit ul {
            padding: 2px 0px 0px 0px;
            margin: 0px 0px 0px 0px;
        }

            .CQuestionnaireSectionEdit ul li {
                list-style-type: none;
                color: #6f6f6f;
                position: relative;
                cursor: default;
            }

                .CQuestionnaireSectionEdit ul li ul {
                    background-color: Gray;
                    width: 150px;
                    display: none;
                    position: absolute;
                    list-style-type: none;
                    padding-left: 0px;
                    top: 15px;
                    margin-left: 0px;
                    left: -30px;
                    background-color: White;
                }

                    .CQuestionnaireSectionEdit ul li ul li {
                        height: 15px;
                        padding: 5px 0px 0px 5px;
                        border-top: solid 1px #dfdfec;
                        border-bottom: solid 2px #bfbfca;
                        border-left: solid 2px #bfbfca;
                        border-right: solid 1px #dfdfec;
                        background: url(../images/topMenBack.png );
                        margin-bottom: 2px;
                    }

                        .CQuestionnaireSectionEdit ul li ul li:hover {
                            background: url(../images/topMenBackItemSelect.png );
                        }

                .CQuestionnaireSectionEdit ul li a {
                    width: 100%;
                    height: 100%;
                    vertical-align: middle;
                    text-decoration: none;
                }

                .CQuestionnaireSectionEdit ul li ul li:hover {
                    display: block;
                }

                .CQuestionnaireSectionEdit ul li:hover > ul {
                    display: block;
                }

    .CQuestionnaireTableStandardRow td {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .CQuestionnaireTableOptionRow td {
        padding-bottom: 3px;
    }

    .CQuestionnaireTableTitleRow td {
        padding-top: 3px;
    }

    /***Inner Tab dialogue ***/
    .innerTabs {
        height: 25px;
        font-size: 93%;
        line-height: normal;
        margin: 0 0 0 0;
        padding: 0;
        z-index: 5;
    }

        .innerTabs ul {
            margin: 0;
            padding: 10px 10px 5px 50px;
            list-style: none;
        }

        .innerTabs li {
            display: inline;
            margin: 0;
            padding: 0;
        }

        .innerTabs a {
            float: left;
            /*background: url(../images/tabTopLeft.png ) repeat-x top left #eeeeee;*/
            margin: 0px 2px 0px 0px;
            padding: 0 0 0 7px;
            text-decoration: none;
            border: solid 1px #d9d9d9;
            background-color: White;
        }

            .innerTabs a span {
                float: left;
                display: block;
                /*background: url(../images/tabTopLeft.png) repeat-x top left #eeeeee;*/
                padding: 5px 15px 4px 6px;
                background-color: White;
            }

            /* Commented Backslash Hack hides rule from IE5-Mac \*/
            .innerTabs a span {
                float: none;
            }

            /* End IE5-Mac hack */
            .innerTabs a:hover span {
            }

            .innerTabs a:hover {
                /*background-position: 0% -42px;*/
                background-color: #fafafa;
            }

                .innerTabs a:hover span {
                    /*background-position: 100% -42px;*/
                    background-color: #fafafa;
                }

        .innerTabs .current a {
            background: url(../images/tabTopLeft.png ) repeat-x top left #eeeeee;
            border-bottom: solid 1px #eeeeee;
            /*background-position: 0% -42px;*/
        }

            .innerTabs .current a span {
                background: url(../images/tabTopLeft.png ) repeat-x top left #eeeeee;
                /*background-position: 100% -42px;*/
            }

    .CFullBackgroundFill {
        background-color: #808080;
        left: 0px;
        top: 0px;
        height: 100%;
        width: 100%;
        -moz-opacity: 0.5;
        -khtml-opacity: 50.;
        filter: alpha(opacity=50);
        opacity: 0.5;
        z-index: 3;
        position: fixed;
        bottom: 0px;
    }

    .CErrorCell {
        background-color: #ff9090;
    }

    /** Rounded Corner Styles **/
    .CRoundedCornersContainer {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }

    .CRoundedCornersTopLeft {
        width: 15px;
        height: 25px; /*background:url(../images/RoundedCorners/top_left.png) no-repeat;*/
    }

    .CRoundedCornersTop {
        height: 25px; /*background:url(../images/RoundedCorners/top.png) no-repeat right top;*/
        margin-left: 15px;
        padding-top: 4px;
    }

    .CRoundedCornersMiddle {
        /*border-left:solid 1px #bfbec9; border-right:solid 1px #bfbec9;*/ background-color: #FFFFFF;
        padding: 10px 15px 0px 15px;
    }

    .CRoundedCornersBottomLeft {
        width: 15px;
        height: 20px; /*background:url(../images/RoundedCorners/bottom_left.png) no-repeat;*/
    }

    .CRoundedCornersBottom {
        height: 20px; /*background:url(../images/RoundedCorners/bottom.png) no-repeat right top;*/
        margin-left: 15px;
    }

    .CRoundedCornersLineBreak {
        border-top: solid 1px #dddddd;
        border-bottom: solid 1px #ffffff;
        border-right: solid 1px #ffffff;
        border-left: solid 1px #dddddd;
        width: 100%;
        height: 0px;
        margin: 10px 0px 10px 0px;
        line-height: 0px;
    }

    .CHelpSearchTextBox {
        border: none;
        background: none;
        margin: 0px;
    }

    .CHelpSearchBox {
        background: url(../images/HelpSearch.png) no-repeat;
        padding-top: 1px;
        padding-left: 20px;
        width: 110px;
        height: 20px;
    }

    .CScheduleHyperLink {
        font-size: 7pt;
        color: #4A4A94;
        font-family: Roboto;
        text-decoration: underline;
    }

    .CScheduleLabel {
        font-size: 7pt;
        color: Black;
        font-family: Roboto;
    }

    .CScheduleH1 {
        font-size: 1.7em;
        color: #4A4A94;
        font-family: Roboto;
    }

    .CListBoxDiv {
        /*border-left: 1px solid #bfbec9; 
	border-right: 1px solid #bfbec9;*/
        overflow: auto;
        width: 285px; /*298px;*/
        margin-right: 5px;
        height: 100px;
    }

    /*----------------------------------------------------------------------------------------
 FOOTER CONTROL
---------------------------------------------------------------------------------------- */

    .divFullFooterContainerFixed {
        position: sticky;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        vertical-align: middle;
        padding: 0px;
        background-color: #FFFFFF;
        padding-bottom: 2px;
        border-radius: 15px;
        z-index:2;
    }

    @media (min-width: 767px) {
        .StandardFixedFooter {
            left: 250px !important; /* offset to account for the side menu */
            width: calc(100% - 250px) !important; /* fill the remaining space */
        }
    }

    .divFullFooterContainer {
        z-index: 500;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        vertical-align: middle;
        padding: 0px;
        background-color: #FFFFFF;
    }

    .divFooterContainer {
        /*width: 1010px;*/
        margin: 0 auto;
    }

    .divFooterContainerInnerDivFixed {
        /*width: 1008px;*/
        /*bottom: 5px;
	position: fixed;*/
        height: auto;
        background: #FFFFFF;
        /*border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #C0C0C0;*/
    }

    .divFooterContainerInnerDiv {
        /*width: 1008px;*/
        /*bottom: 5px;*/
        /*position: relative;
	height: auto;*/
        background: #FFFFFF;
        /*border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #C0C0C0;*/
    }

    div#FooterContainer {
        /*border-top:solid 1px #aaaaaa;
    border-right:solid 1px #aaaaaa;
    border-left:solid 1px #aaaaaa;
    padding:0px 0px 0px 0px; 
    margin:0px 0px 0px 0px;*/
        /*bottom:5px;
    height:auto;
    /*position:fixed;
    background: #efefef;*/
        /*border:solid 1px #aaaaaa;*/
        min-height: 40px;
    }

    div#FooterContainerTop {
        height: auto;
    }

    .displayFooterContainer {
        z-index: 12000 !important;
    }
    /* RIGHT BOX
---------------------------------------------------------------------------------------- */
    .FooterContainerButton {
        margin: 6px 2px 5px 2px;
        font-size: 11pt;
        font-family: Roboto;
        height: 30px;
        float: right;
        color: #555555;
        font-weight: bold;
    }

    .FooterContainerDevXButton {
        margin: 0px 2px 5px 2px;
        float: right;
        height: auto!important;
        font-weight: bold;
    }

    .FooterContainerLabel {
        font-size: 12pt;
        font-family: Roboto;
        height: 30px;
        float: right;
        color: #555555;
        font-weight: bold;
        vertical-align: middle;
        margin: 10px 2px 0 0;
    }

    .FooterContainerLabelSmallText {
        font-size: 10pt;
        font-family: Roboto;
        height: 30px;
        float: right;
        color: #555555;
        vertical-align: middle;
        margin: 10px 2px 0 0;
    }

    #updateButtonsContainer,
    #ctl00_ucxFooterContainer_pnlFooterContainerCallback_updateButtonsContainer,
    #updateButtonsLeftContainer,
    #ctl00_ucxFooterContainer_pnlFooterContainerCallback_updateButtonsLeftContainer {
        margin-top: 3px;
    }

    .FooterContainerDropDownList {
        font-size: 10pt;
        font-family: Roboto;
        float: right;
        color: #555555;
        margin: 10px 2px 0 0;
        border-radius: 4px;
        border-collapse: separate !important;
        height: 26px !important;
        margin-top: 5px !important;
    }

        .FooterContainerDropDownList .dxeButtonEditSys,
        select.FooterContainerDropDownList {
            border: 1px solid #ccc;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        }

    .FooterContainerSeperatorRight {
        float: right;
        display: block;
        margin: 5px 4px 0 4px;
        height: 32px;
        width: 0px;
        border-left: solid 1px #f7f7f7;
        border-right: solid 1px #aaaaaa;
    }

    .FooterContainerTextBox {
        font-size: 10pt;
        font-family: Roboto;
        float: right;
        color: #555555;
        margin: 10px 2px 0 2px;
    }

    /* LEFT BOX
---------------------------------------------------------------------------------------- */

    .FooterContainerButtonLeft {
        margin: 3px 2px 5px 2px;
        font-size: 11pt;
        font-family: Roboto;
        height: 30px;
        float: left;
        color: #555555;
        font-weight: bold;
    }

    .FooterContainerDevXButtonLeft {
        margin: 0px 2px 5px 2px;
        float: left;
        height: auto!important;
    }

    .FooterContainerLabelLeft {
        font-size: 12pt;
        font-family: Roboto;
        height: 30px;
        float: left;
        color: #555555;
        font-weight: bold;
        vertical-align: middle;
        margin: 7px 2px 0 2px;
    }

    .FooterContainerLabelLeftSmallText {
        font-size: 10pt;
        font-family: Roboto;
        height: 30px;
        float: left;
        color: #555555;
        vertical-align: middle;
        margin: 7px 2px 0 2px;
    }

    .proSummaryReportDrp {
        margin: 4px 2px 0 2px;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
    }

    .FooterContainerDropDownListLeft {
        font-size: 10pt;
        font-family: Roboto;
        float: left;
        color: #555555;
        margin: 4px 2px 0 2px;
        border-radius: 4px;
        border-collapse: separate !important;
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 25px;
        padding-top: 1px !important;
    }

        .FooterContainerDropDownListLeft .dxeEditAreaSys {
            font-size: 10pt;
            font-family: Roboto;
            color: #555555;
        }

    .FooterContainerCheckBoxLeft {
        font-size: 10pt;
        font-family: Roboto;
        float: left;
        color: #555555;
        margin: 7px 2px 0 2px;
    }

    .FooterContainerTextBoxLeft {
        font-size: 10pt;
        font-family: Roboto;
        float: left;
        color: #555555;
        margin: 7px 2px 0 2px;
    }

    /* OTHER FOOTER STYLES
---------------------------------------------------------------------------------------- */

    /*.FooterContainerSeperator
{
    float:left; 
    display:block; 
    margin: 2px 0 0 0;
    height:32px; 
    width: 0px; 
    border-left: solid 1px #f7f7f7;
    border-right: solid 1px #aaaaaa;
}*/


    /* Emily ProSummary Footer */
    .FooterContainerDevXButtonFullRow {
        margin: 2px;
    }

    .proSummaryReportLabel, .proSummaryReportDrp, .proSummaryReportBtn {
        margin: 5px;
    }

    .btnRight {
        float: right;
    }


    /* END OF FOOTER CONTROL STYLES
---------------------------------------------------------------------------------------- */


    /* QUESTIONNAIRE FOOTER CONTROL
---------------------------------------------------------------------------------------- */

    .QuestionnaireFooterContainer {
        margin: 0 auto;
        width: 100%;
        /*position: absolute;*/
    }

    .QuestionnaireFooterContainerNoScroll {
        margin: 0 auto;
    }

    .QuestionnaireFooter {
        /*bottom:5px;
    position:fixed;*/
        border-top: solid 1px #CCCCCC;
        padding: 0px 0px 0px 0px;
        /*margin:0px 0px 0px -40px;*/
        height: auto;
        min-height: 40px;
        background: #FFFFFF;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        width: 100%;
    }

    .QuestionnaireFooterFixed {
        bottom: 5px;
        /*position:fixed;*/
        /*border-top:solid 1px #CCCCCC;*/
        padding: 0px 0px 0px 0px;
        /*margin:0px 0px 0px -40px;*/
        height: auto;
        min-height: 40px;
        /*background: #C0C0C0;*/
        /*border-top: 1px solid #000000;*/
        /*border-bottom: 1px solid #000000;*/
        width: 100%;
    }

    .QuestionnaireFooterNoScroll {
        border-top: solid 1px #DDDDDD;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        height: auto;
        background: #C0C0C0;
        border: solid 1px #DDDDDD;
        width: 899px;
    }

    .QuestionnaireFooterAboveFooterControl {
        bottom: 50px;
        /*position:fixed;*/
        padding: 0px 0px 0px 0px;
        /*margin:0px 0px 0px -40px;*/
        height: auto;
        min-height: 40px;
        background: #FFFFFF;
        /*border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #C0C0C0;*/
        width: 100%;
    }

    .QuestionnaireFooterTop {
        float: left;
        /*margin-left:2px;*/
        width: 100%;
    }

    .QuestionnaireFooterCLineBreak {
        float: left;
        margin-left: 2px;
        border-top: solid 1px #bbbbbb;
        border-bottom: solid 1px #ffffff;
        border-right: solid 1px #ffffff;
        border-left: solid 1px #bbbbbb;
        width: 99%;
        height: 0px;
        line-height: 0px;
    }

    .QuestionnaireFooterBottom {
        float: left;
        margin-left: 2px;
        width: 99%;
    }

    .QuestionnaireFooterDevXButton {
        margin: 5px 4px 5px 4px;
        float: right;
        height: 30px;
    }

    .QuestionnaireFooterDropDownList {
        font-size: 10pt;
        font-family: Roboto;
        float: right;
        color: #555555;
        margin: 9px 2px 0 0;
    }

    .QuestionnaireFooterLabel {
        font-size: 12pt;
        font-family: Roboto;
        height: 30px;
        float: right;
        color: #555555;
        font-weight: bold;
        vertical-align: middle;
        margin: 9px 2px 0 0;
    }

    .QuestionnaireFooterLabelSmallText {
        font-size: 10pt;
        font-family: Roboto;
        height: 30px;
        float: right;
        color: #555555;
        vertical-align: middle;
        margin: 9px 2px 0 0;
    }

    /* END OF QUESTIONNAIRE FOOTER CONTROL STYLES
---------------------------------------------------------------------------------------- */


    /* DEVEXPRESS BUTTON STYLING
---------------------------------------------------------------------------------------- */


    .dxbButton {
        cursor: pointer;
        display: inline-block;
        margin-bottom: 0;
        font-weight: normal;
        text-align: center;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        white-space: nowrap;
        padding: 1px;
        font-size: 14px;
        line-height: 1.42857143;
        border-radius: 4px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        font-family: Roboto;
        font-size: 12px;
        color: #555555;
        background-color: #ffffff;
        border-color: #ccc;
        background-color: #ffffff;
        background-image: none;
        /*background-image: -webkit-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5);
    background-image: -o-linear-gradient(#ffffff, #ffffff 60%, #f5f5f5);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(60%, #ffffff), to(#f5f5f5));
    background-image: linear-gradient(#ffffff, #ffffff 60%, #f5f5f5);
    background-repeat: no-repeat;*/
        -webkit-filter: none;
        /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0);*/
        filter: none;
        height: auto !important;
        /*width: auto !important;*/
    }

        .dxbButton.dxbButtonHover, .dxbButton.dxbButtonHover .dxb table {
            color: #555555;
            background-color: #f3f3f3;
            /*border-color: rgba(0, 0, 0, 0.1);*/
            /*kyleTest*/
        }

    .dxbButtonChecked {
        color: #FFFFFF;
        background-image: none;
        background-color: #8D8D8D;
    }

    .dxbButton.dxbButtonPressed {
        color: #555555;
        background-color: #e6e6e6;
        border-color: rgba(0, 0, 0, 0.1);
        background-image: none;
        /* -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);*/
    }

    .dxbButton:not(.documentButton) div.dxb {
        padding: 7px 8px 7px 8px;
        border: none;
    }

    .dxbButton div.dxbf {
        padding: 3px 8px 4px 8px;
        border: none;
    }

    .dxbButton div.dxb table {
        color: #000000;
        font-size: 9pt;
        font-family: Roboto;
    }

    .dxbButton div.dxb td.dxb {
        background-color: transparent !important;
        background-image: url('') !important;
        border-width: 0px !important;
        padding: 0px !important;
    }

    .dxbButton div.dxb {
        color: #000000;
    }

    /*.dxbButton div.dxb table img
{
    height:18px;
}*/

    img.dx-vam, .btn-default img {
        height: 18px;
    }

    .disabledBtn,
    .btn-default:disabled,
    .dxbButton.dxbDisabled,
    .dxeButton.dxeButtonDisabled {
        cursor: default;
    }

    .dxbButton
    /* END OF DEVEXPRESS BUTTON STYLING
---------------------------------------------------------------------------------------- */
    .CDateEdit td {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    /* GANTT CHART
-----------------------------------------------------------------------------------------*/
    .gantt {
        font-family: Roboto;
        font-size: 10px;
    }

    .gdatehead {
        BORDER-TOP: #efefef 1px solid;
        FONT-SIZE: 12px;
        BORDER-LEFT: #efefef 1px solid;
        HEIGHT: 23px;
    }

    .ghead {
        BORDER-TOP: #efefef 1px solid;
        FONT-SIZE: 12px;
        BORDER-LEFT: #efefef 1px solid;
        WIDTH: 23px;
        HEIGHT: 23px;
    }

    .gname {
        BORDER-TOP: #efefef 1px solid;
        FONT-SIZE: 12px;
        WIDTH: 23px;
        HEIGHT: 23px;
    }

    .ghead A {
        FONT-SIZE: 10px;
        COLOR: #000000;
        TEXT-DECORATION: none
    }

    .gheadwkend A {
        FONT-SIZE: 10px;
        COLOR: #000000;
        TEXT-DECORATION: none
    }

    .gheadwkend {
        BORDER-TOP: #efefef 1px solid;
        FONT-SIZE: 12px;
        BORDER-LEFT: #efefef 1px solid;
        WIDTH: 23px;
        HEIGHT: 23px;
        background-color: #cfcfcf
    }

    .gfiller {
        BORDER-TOP: #efefef 1px solid;
        BORDER-LEFT: #efefef 1px solid;
        WIDTH: 23px;
        HEIGHT: 23px;
    }

    .gfillerwkend {
        BORDER-LEFT: #efefef 1px solid;
        WIDTH: 23px;
        HEIGHT: 23px;
        BACKGROUND-COLOR: #cfcfcf
    }

    .gitem {
        BORDER-TOP: #cccccc 1px solid;
        WIDTH: 23px;
        HEIGHT: 23px;
    }

    .gitemwkend {
        BORDER-TOP: #cccccc 1px solid;
        BORDER-LEFT: #cccccc 1px solid;
        WIDTH: 23px;
        HEIGHT: 23px;
    }

    .gmilestone {
        BORDER-TOP: #efefef 1px solid;
        FONT-SIZE: 14px;
        OVERFLOW: hidden;
        BORDER-LEFT: #efefef 1px solid;
        WIDTH: 23px;
        HEIGHT: 23px;
    }

    .gmilestonewkend {
        BORDER-TOP: #efefef 1px solid;
        BORDER-LEFT: #cccccc 1px solid;
        WIDTH: 23px;
        HEIGHT: 23px;
    }

    .hrcomplete {
        BORDER-RIGHT: #000000 2px solid;
        PADDING-RIGHT: 0px;
        BORDER-TOP: #000000 2px solid;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        BORDER-LEFT: #000000 2px solid;
        WIDTH: 20px;
        COLOR: #000000;
        PADDING-TOP: 0px;
        BORDER-BOTTOM: #000000 2px solid;
        HEIGHT: 4px
    }

    .hrhalfcomplete {
        BORDER-RIGHT: #000000 2px solid;
        BORDER-TOP: #000000 2px solid;
        BORDER-LEFT: #000000 2px solid;
        WIDTH: 9px;
        COLOR: #000000;
        BORDER-BOTTOM: #000000 2px solid;
        HEIGHT: 4px
    }

    .gweekend {
        font-family: Roboto;
        font-size: 11px;
        background-color: #EEEEEE;
        text-align: center;
    }

    .gtask {
        font-family: Roboto;
        font-size: 11px;
        background-color: #00FF00;
        text-align: center;
    }

    .gday {
        font-family: Roboto;
        font-size: 11px;
        text-align: center;
    }

    .gcomplete {
        background-color: black;
        height: 5px;
        overflow: auto;
        margin-top: 4px;
    }

    DIV.scroll {
        BORDER-RIGHT: #efefef 1px solid;
        PADDING-RIGHT: 0px;
        BORDER-TOP: #efefef 1px solid;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        OVERFLOW: hidden;
        BORDER-LEFT: #efefef 1px solid;
        WIDTH: 420px;
        PADDING-TOP: 0px;
        BORDER-BOTTOM: #efefef 1px solid;
        BACKGROUND-COLOR: #ffffff
    }

    .proSummarySurround DIV.scroll2 {
        position: relative;
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        WIDTH: calc(100% - 430px);
        PADDING-TOP: 0px;
        BACKGROUND-COLOR: #ffffff
    }

    .GanttChartFullScreenSurround DIV.scroll2 {
        position: relative;
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        WIDTH: calc(100VW - 460px);
        PADDING-TOP: 0px;
        BACKGROUND-COLOR: #ffffff
    }

    /*TopMenu
-----------------------------------------------------------------------------------------*/

    .TopMenuContainer {
        width: 970px;
        position: relative;
    }

    ul.topnav {
        font-family: Roboto;
        list-style: none;
        padding: 0 20px;
        margin: 0;
        float: left;
        width: 930px;
        background-color: #ffffff;
        font-size: 10pt;
        font-weight: lighter;
        color: #626262;
        /*background: url(../images/topMenBack.png );*/
    }

        ul.topnav li {
            float: left;
            margin: 0;
            padding: 0 15px 0 0;
            position: relative; /*--Declare X and Y axis base--*/
        }

            ul.topnav li a {
                padding: 4px 5px;
                color: black;
                display: block;
                text-decoration: none;
                font-weight: normal;
                float: left;
            }

                ul.topnav li a:hover {
                    cursor: pointer;
                    background: url(../images/topMenBackItemSelect.png ) no-repeat;
                }

            ul.topnav li ul.subnav {
                list-style: none;
                position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
                left: 0;
                top: 22px;
                background: #F0F0F0;
                margin: 0;
                padding: 0;
                display: none;
                float: left;
                width: 170px;
                -moz-border-radius-bottomleft: 5px;
                -moz-border-radius-bottomright: 5px;
                -webkit-border-bottom-left-radius: 5px;
                -webkit-border-bottom-right-radius: 5px;
                border: 1px solid #CAC9D2;
                z-index: 1000000;
            }

            ul.topnav li ul.topnav li ul.subnav li {
                margin: 0;
                padding: 0;
                clear: both;
                width: 170px;
                z-index: 1000000;
            }

    html ul.topnav li ul.subnav li a {
        float: left;
        width: 130px;
        padding-left: 10px;
    }

        html ul.topnav li ul.subnav li a:hover {
            /*--Hover effect for subnav links--*/
            cursor: pointer;
        }

    ul.topnav li ul.subnav li ul.subnavLv2 {
        list-style: none;
        position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
        left: 170px;
        background: #F0F0F0;
        margin: 0;
        padding: 0;
        display: none;
        float: left;
        width: 170px;
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        border: 1px solid #CAC9D2;
    }

        ul.topnav li ul.subnav li ul.subnavLv2 li {
            margin: 0;
            padding: 0;
            clear: both;
            width: 170px;
        }

            ul.topnav li ul.subnav li ul.subnavLv2 li ul.subnavLv3 {
                list-style: none;
                position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
                left: 170px;
                background: #F0F0F0;
                margin: 0;
                padding: 0;
                display: none;
                float: left;
                width: 170px;
                -moz-border-radius-bottomleft: 5px;
                -moz-border-radius-bottomright: 5px;
                -webkit-border-bottom-left-radius: 5px;
                -webkit-border-bottom-right-radius: 5px;
                border: 1px solid #CAC9D2;
            }

            ul.topnav li ul.subnav li ul.subnavLv2 li ul.subnavLv3 {
                margin: 0;
                padding: 0;
                clear: both;
                width: 170px;
            }

    /*--Drop down trigger styles--*/
    /* Level 0 menu Arrows */
    ul.topnav li span {
        width: 10px;
        height: 10px;
        float: left;
        margin-top: 7px;
        background: url(../Images/subnav_btn.png) no-repeat center top;
    }

        ul.topnav li span.subhover {
            cursor: pointer;
            display: block
        }
    /* Level 1 menu Arrows */
    ul.topnav li ul.subnav li span {
        width: 10px;
        height: 10px;
        float: left;
        margin-left: 0px;
        padding-left: 0px;
        border-right: 0;
        background: url(../Images/subnavLv3_btn.png) no-repeat left;
    }

        ul.topnav li ul.subnav li span.subhover {
            cursor: pointer;
        }
    /* Level 2 menu Arrows */
    ul.topnav li ul.subnav li ul.subnavLv2 li span {
        width: 10px;
        height: 10px;
        float: left;
        margin-left: 0px;
        padding-left: 0px;
        border-right: 0;
        background: url(../Images/subnavLv3_btn.png) no-repeat left;
    }

        ul.topnav li ul.subnav li ul.subnavLv2 li span.subhover {
            cursor: pointer;
        }
    /*--Hover effect for trigger--*/
    /* Level 2 menu Arrows */
    ul.topnav li ul.subnav li ul.subnavLv2 li ul.subnavLv3 li span {
        width: 10px;
        height: 10px;
        float: left;
        margin-left: 0px;
        padding-left: 0px;
        border-right: 0;
        background: url(../Images/subnavLv3_btn.png) no-repeat left;
    }

        ul.topnav li ul.subnav li ul.subnavLv2 li ul.subnavLv3 li span.subhover {
            cursor: pointer;
        }
    /*--Hover effect for trigger--*/

    #headerTitle {
        position: absolute;
        top: 65px;
        padding-left: 290px;
        font-size: 14pt;
        color: #FFFFFF;
    }

    #Title {
        margin-bottom: 20px;
        height: 100%;
    }

    .CHomepageIcon {
        float: left;
        padding-right: 4px;
    }

    .CHomepageIconList {
        float: left;
        padding-left: 8px;
        padding-right: 4px;
    }

    .CApplicationIcon {
        height: 24px;
    }

    .ContactDetails {
        /*font-size: 8pt;*/
        font-weight: bold;
        color: #000000;
    }

    /*------------------------------------------------------------------------------------------
                                            PASSWORD CHANGE INDICATOR STYLES
------------------------------------------------------------------------------------------*/

    .passwordChangeIndicatorInvalid {
        float: left;
        height: 16px;
        background-color: White;
        width: 100%;
        padding-left: 3px;
        color: Red;
        text-align: left;
    }

    .passwordChangeIndicatorWeak {
        float: left;
        height: 16px;
        background-color: Red;
        width: 20%;
        text-align: left;
        color: White;
    }

    .passwordChangeIndicatorMedium {
        float: left;
        height: 16px;
        background-color: Yellow;
        width: 50%;
        text-align: left;
        color: Black;
    }

    .passwordChangeIndicatorStrong {
        float: left;
        height: 16px;
        background-color: Green;
        width: 100%;
        text-align: left;
        color: White;
    }

    .passwordChangeIndicatorNoMatch {
        float: left;
        height: 16px;
        background-color: Red;
        width: 100%;
        text-align: left;
        color: White;
    }

    .passwordChangeIndicatorMatch {
        float: left;
        height: 16px;
        background-color: Green;
        width: 100%;
        text-align: left;
        color: White;
    }

    /*------------------------------------------------------------------------------------------
                                            END OF PASSWORD CHANGE INDICATOR STYLES
------------------------------------------------------------------------------------------*/

    .messagingHeader {
        margin-right: 1px;
        height: 25px;
        width: 100%;
        padding-left: 6px;
        vertical-align: middle;
        padding-bottom: 8px;
        /*background: url(../images/mesagingheader.jpg) repeat-x 0 0;*/
    }

    .CTableBackground td {
        border: none 0px #ffffff;
        text-align: left;
        padding-left: 5px;
    }

    /*------------------------------------------------------------------------------------------
                                            srgWiz
------------------------------------------------------------------------------------------*/

    .srgWizHeader {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        /*background: url(../images/srgwizheader.png) no-repeat 0 0;*/
    }

    .srgWizHeaderTop {
        float: left;
        height: 60px;
        width: 100%;
        /*background: url(../images/srgwizheadertop.png) no-repeat 0 0;*/
    }

    .srgWizHeaderMiddle {
        float: left;
        width: 100%;
        margin-top: 25px;
        padding-left: 10px
        /*background: url(../images/srgwizheadermiddle.png) repeat-y 0 0;*/
    }

    .srgWizHeaderMiddleVideoBox {
        float: left;
        margin: 10px 0 0 20px;
    }

    .srgWizHeaderMiddleLockBox {
        width: 550px;
        padding: 5px;
    }

    .srgWizHeaderBottom {
        float: left;
        height: 20px;
        width: 100%;
        /*background: url(../images/srgwizheaderbottom.png) no-repeat 0 0;*/
    }

    .srgWizProgressDiagram {
        float: right;
        width: 100%;
        height: 33px;
        /*margin-right: 15px;*/
        margin-top: 15px;
    }

    .srgWizHeaderTitle {
        float: left;
        margin-top: 18px;
        padding-left: 20px;
    }

    .hypSrgWizWelcomeUnselected {
        float: left;
        display: block;
        width: 104px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -292px -75px;
    }

        .hypSrgWizWelcomeUnselected:hover {
            background: url(../images/srgwizheadertop.png) no-repeat -292px -136px;
            cursor: pointer;
        }

    .hypSrgWizWelcomeSelected {
        float: left;
        display: block;
        width: 104px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -292px -136px;
    }

    .hypSrgWizGeneralQuestionnaireUnselected {
        float: left;
        display: block;
        /*margin-left:31px;*/
        width: 104px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -427px -75px;
    }

        .hypSrgWizGeneralQuestionnaireUnselected:hover {
            background: url(../images/srgwizheadertop.png) no-repeat -427px -136px;
            cursor: pointer;
        }

    .hypSrgWizGeneralQuestionnaireSelected {
        float: left;
        display: block;
        /*margin-left:31px;*/
        width: 104px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -427px -136px;
    }

    .hypSrgWizCategoriesUnselected {
        float: left;
        display: block;
        /*margin-left:30px;*/
        width: 103px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -561px -75px;
    }

        .hypSrgWizCategoriesUnselected:hover {
            background: url(../images/srgwizheadertop.png) no-repeat -561px -136px;
            cursor: pointer;
        }
    /**/

    .hypSrgWizCategoriesSelected {
        float: left;
        display: block;
        /*margin-left:30px;*/
        width: 103px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -561px -136px;
    }

    .hypSrgWizSupplierInstructionsUnselected {
        float: left;
        display: block;
        /*margin-left:32px;*/
        width: 103px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -696px -75px;
    }

        .hypSrgWizSupplierInstructionsUnselected:hover {
            background: url(../images/srgwizheadertop.png) no-repeat -696px -136px;
            cursor: pointer;
        }

    .hypSrgWizSupplierInstructionsSelected {
        float: left;
        display: block;
        /*margin-left:32px;*/
        width: 103px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -696px -136px;
    }

    .hypSrgWizReviewPublishUnselected {
        float: left;
        display: block;
        /*margin-left:33px;*/
        width: 103px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -832px -75px;
    }

        .hypSrgWizReviewPublishUnselected:hover {
            background: url(../images/srgwizheadertop.png) no-repeat -832px -136px;
            cursor: pointer;
        }

    .hypSrgWizReviewPublishSelected {
        float: left;
        display: block;
        /*margin-left:33px;*/
        width: 103px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -832px -136px;
    }

    .srgWizArrow1 {
        float: left;
        width: 31px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -396px -75px;
    }

    .srgWizArrow2 {
        float: left;
        width: 30px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -396px -75px;
    }

    .srgWizArrow3 {
        float: left;
        width: 32px;
        height: 33px;
        background: url(../images/srgwizheadertop.png) no-repeat -396px -75px;
    }

    .srgWizArrow4 {
        float: left;
        width: 32px;
        height: 33px;
        margin-right: 1px;
        background: url(../images/srgwizheadertop.png) no-repeat -396px -75px;
    }

    .srgWizFormVideo {
        height: 36px;
        width: 173px;
        padding: 4px 0 0 7px;
        background: url(../images/srgwizformvideo.png) no-repeat 0 0;
    }

    .srgWizShowVideoUnselected {
        float: left;
        width: 83px;
        height: 33px;
    }

        .srgWizShowVideoUnselected:hover {
            cursor: pointer;
        }

    .srgWizShowVideoSelected {
        float: left;
        width: 83px;
        height: 33px;
        background: url(../images/srgwizformvideo.png) no-repeat -90px -44px;
    }

    .srgWizShowFormUnselected {
        float: left;
        width: 83px;
        height: 33px;
    }

        .srgWizShowFormUnselected:hover {
            cursor: pointer;
        }

    .srgWizShowFormSelected {
        float: left;
        width: 83px;
        height: 33px;
        background: url(../images/srgwizformvideo.png) no-repeat -7px -44px;
    }

    .srgWizVideo {
        float: left;
    }

    .srgWizForm {
        float: left;
        margin-left: 10px;
        width: 100%;
    }

    .srgWizGeneralTemplateSummary {
        float: left;
        width: 100%;
    }

    .srgWizGeneralTemplateSummaryInfo {
        float: left;
        width: 45%;
        padding: 10px 10px 10px 15px;
    }

    .srgWizGeneralTemplateSummaryDetails {
        float: left;
        width: 45%;
        padding: 10px 15px 10px 10px;
    }

    .srgWizTblSelectedQuestionnaires {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        margin-top: 2px;
    }

    .srgWizTblSelectedQuestionnairesRowSelected td {
        background-color: #8de186;
        border-top: solid 1px #7ed478;
        border-bottom: solid 1px #7ed478;
    }

    .srgWizTblSelectedQuestionnairesRowUnselected:hover td {
        background-color: #d6e2d5;
        cursor: pointer;
    }

    .srgWizTblCategoryDescriptions {
        border-spacing: 0;
        border-collapse: collapse;
        margin-top: 2px;
    }

    .srgWizTblDivide {
        height: 0px;
        border-bottom: solid 2px #dddddd;
        padding: 0;
    }

    .srgWizTblDivide2 {
        height: 0px;
        padding: 8px 0 0 0;
    }

    /* --- Select Template Styling --- */

    .srgWizSelectTemplateContainer {
        width: 850px;
    }

    .srgWizSelectTemplateTopBorder {
        margin: 2px 0 2px 0;
        width: 100%;
        height: 0px;
        border-top: solid 1px #BBBBBB;
        border-bottom: solid 1px #EEEEEE;
    }

    .srgWizSelectTemplateIcon {
        float: left;
        margin: 6px 10px 6px 10px;
        width: 48px;
        height: 48px;
        background: url(../images/srgwiztemplateicon.png) no-repeat 0 0;
    }

    .srgWizSelectTemplateDetails {
        float: left;
        width: 500px;
        padding-top: 2px;
    }

    .srgWizSelectTemplateCreateButton {
        float: right;
        margin-top: 15px;
    }

    .srgWizSelectTemplateViewButton {
        float: right;
        margin-top: 15px;
        margin-right: 10px;
    }

    /* --- END Select Template Styling --- */

    /*------------------------------------------------------------------------------------------
                                            END OF srgWiz
------------------------------------------------------------------------------------------*/


    /*------------------------------------------------------------------------------------------
                                            eRFXWiz
------------------------------------------------------------------------------------------*/

    .rfxWizHeader {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        /*background: url(../images/srgwizheader.png) no-repeat 0 0;*/
    }

    .rfxWizHeaderTop {
        float: left;
        height: 60px;
        width: 950px;
        background: url(../images/rfxwizheadertop.png) no-repeat 0 0;
    }

    .rfxWizHeaderMiddle {
        float: left;
        text-align: left;
        padding: 10px 20px 20px 20px;
        width: 910px;
        /*background: url(../images/srgwizheadermiddle.png) repeat-y 0 0;*/
    }

    .rfxWizHeaderMiddleVideoBox {
        float: left;
        margin: 10px 0 0 10px;
    }

    .rfxWizHeaderBottom {
        float: left;
        height: 20px;
        width: 100%;
        /*background: url(../images/srgwizheaderbottom.png) no-repeat 0 0;*/
    }

    .rfxWizHeaderTitle {
        float: left;
        margin-top: 18px;
        padding-left: 20px;
    }

    .rfxWizProgressDiagram {
        float: right;
        width: 730px;
        height: 33px;
        /*margin-right: 15px;*/
        margin-top: 15px;
    }

    .rfxWizArrow {
        float: left;
        width: 21px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -305px -75px;
    }

    .hypRFXWizWelcomeUnselected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -221px -75px;
    }

        .hypRFXWizWelcomeUnselected:hover {
            background: url(../images/rfxwizheadertop.png) no-repeat -221px -136px;
            cursor: pointer;
        }

    .hypRFXWizWelcomeSelected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -221px -136px;
    }

    .hypRFXWizSummaryUnselected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -326px -75px;
    }

        .hypRFXWizSummaryUnselected:hover {
            background: url(../images/rfxwizheadertop.png) no-repeat -326px -136px;
            cursor: pointer;
        }

    .hypRFXWizSummarySelected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -326px -136px;
    }

    .hypRFXWizQuestionnaireUnselected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -431px -75px;
    }

        .hypRFXWizQuestionnaireUnselected:hover {
            background: url(../images/rfxwizheadertop.png) no-repeat -431px -136px;
            cursor: pointer;
        }

    .hypRFXWizQuestionnaireSelected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -431px -136px;
    }

    .hypRFXWizItemsUnselected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -536px -75px;
    }

        .hypRFXWizItemsUnselected:hover {
            background: url(../images/rfxwizheadertop.png) no-repeat -536px -136px;
            cursor: pointer;
        }

    .hypRFXWizItemsSelected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -536px -136px;
    }

    .hypRFXWizParticipantsUnselected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -641px -75px;
    }

        .hypRFXWizParticipantsUnselected:hover {
            background: url(../images/rfxwizheadertop.png) no-repeat -641px -136px;
            cursor: pointer;
        }

    .hypRFXWizParticipantsSelected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -641px -136px;
    }

    .hypRFXWizUsersUnselected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -746px -75px;
    }

        .hypRFXWizUsersUnselected:hover {
            background: url(../images/rfxwizheadertop.png) no-repeat -746px -136px;
            cursor: pointer;
        }

    .hypRFXWizUsersSelected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -746px -136px;
    }

    .hypRFXWizScoringUnselected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -851px -75px;
    }

        .hypRFXWizScoringUnselected:hover {
            background: url(../images/rfxwizheadertop.png) no-repeat -851px -136px;
            cursor: pointer;
        }

    .hypRFXWizScoringSelected {
        float: left;
        display: block;
        width: 84px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -851px -136px;
    }

    /* --- Dutch Auction Specific --- */

    .CDutchLabel {
        font-weight: bold;
        font-size: 10pt;
        font-family: Roboto;
    }

    .CDutchItemDetailLabelCell {
        text-align: right;
        height: 30px;
        width: 450px;
    }

    .CDutchItemDetailCell {
        background-color: White;
        color: Black;
        width: 450px;
        height: 30px;
    }

    .CDutchItemQueueOuterContainer {
        position: relative;
        border: #BBBBBB solid 1px;
        height: 33px;
        padding-left: 5px;
        padding-top: 5px;
        background-color: White;
        overflow: hidden;
        width: 900px;
    }

    .CDutchItemQueueInnerContainer {
        position: absolute;
        top: 3px;
        overflow: hidden;
    }

    .CDutchItemSelected {
        /*border-left:solid 1px #AACCAA;
    border-right:solid 1px #AACCAA;
    border-top:solid 1px #AACCAA;
    border-bottom:solid 1px #AACCAA;
    background-color:#AAFFAA;*/
        border-left: solid 1px #DDDDDD;
        border-right: solid 1px #DDDDDD;
        border-top: solid 1px #DDDDDD;
        border-bottom: solid 1px #DDDDDD;
        padding: 0px 10px 0px 10px;
        font-size: 12pt;
        height: 30px;
        font-weight: bold;
        background-image: url(../images/GuageTopBottomArrow.png);
        background-repeat: no-repeat;
        background-position: top center;
        vertical-align: middle;
        white-space: nowrap;
    }

    .CDutchItemNotSelected {
        border-left: solid 1px #CCCCCC;
        border-right: solid 1px #CCCCCC;
        border-top: solid 1px #CCCCCC;
        border-bottom: solid 1px #CCCCCC;
        background-color: #BBBBBB;
        padding: 0px 10px 0px 10px;
        color: #777777;
        font-size: 12pt;
        font-weight: bold;
        white-space: nowrap;
    }

    /* --- End Dutch Auction --- */

    /* --- Select Template Styling --- */

    .rfxWizSelectTemplateIcon {
        float: left;
        margin: 6px 5px 6px 5px;
        width: 48px;
        height: 48px;
        background: url(../images/srgwiztemplateicon.png) no-repeat 0 0;
    }

    .rfxWizSelectTemplateDetails {
        float: left;
        padding-top: 2px;
    }

    .rfxWizSelectTemplateCreateButton {
        margin-top: 15px;
        text-align: center;
    }

    .rfxWizSelectTemplateViewButton {
        margin-top: 15px;
        text-align: center;
    }

    .rfxWizGeneralTemplateSummaryDetails {
        padding: 10px 0 10px 0px;
    }

    /* --- END Select Template Styling --- */

    /*------------------------------------------------------------------------------------------
                                            END OF eRFXWiz
------------------------------------------------------------------------------------------*/


    /*------------------------------------------------------------------------------------------
                                            srgDashboard
------------------------------------------------------------------------------------------*/

    .srgDashboardProgressBarBackground {
        width: 200px;
        height: 30px;
        padding: 0 10px 0 10px;
        background: url(../images/srgDashboardBarWhite.png) no-repeat 0 0;
        text-align: left;
    }

    .dashboardButtonBar {
        /*border: solid 1px #d4d4d4;*/
        /*background-color: #efefef;*/
    }

    /*------------------------------------------------------------------------------------------
                                            END OF srgDashboard
------------------------------------------------------------------------------------------*/

    .dxpc-closeBtn {
        margin-top: 7px;
        margin-right: 5px;
    }

    .dxpc-mainDiv {
        border-bottom: 1px solid transparent;
        border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        background-color: #f5f5f5;
        /*margin-bottom: 20px;*/
        /*background-color: #ffffff;*/
        /*border: 1px solid transparent;*/
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    }

    .dxdpLite .dxpc-header {
        background-color: #f5f5f5;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    .dxpc-headerContent,
    .dxpc-header, .dxpc-withBtn {
        color: #333333;
        background-color: #f5f5f5;
        border-color: #dddddd;
        padding: 5px 7px;
    }

    .dxpc-contentWrapper {
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .dxpc-content {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    /*------------------------------------------------------------------------------------------
                                            END OF srgDashboard
------------------------------------------------------------------------------------------*/

    /*------------------------------------------------------------------------------------------
                                            Button Styles
------------------------------------------------------------------------------------------*/

    .CHoverButton {
        display: block;
        height: 25px;
        Width: 25px;
        background-image: url('../Images/ButtonImages/ButtonBackground.png');
        background-position: top right;
        cursor: pointer;
    }

        .CHoverButton:Hover {
            background-position: bottom right;
        }

        .CHoverButton img {
            margin: 5px 0px 0px 5px;
            width: 15px;
            height: 15px;
        }

    /*------------------------------------------------------------------------------------------
                                            END OF Button Styles
------------------------------------------------------------------------------------------*/

    .spellcheckerbox {
        display: block;
        width: 22px;
        height: 22px;
        background: url(../Images/spellcheck.png) no-repeat 0 0;
        border: none;
        outline: none;
        padding: 1px 1px 1px 1px;
        cursor: pointer;
    }

    /*------------------------------------------------------------------------------------------ 
    START OF GridUtility
------------------------------------------------------------------------------------------*/

    .gridUtilityFilteringAppliedWarningBox {
        height: 32px;
        width: 370px;
        background-color: #ee9191;
        border: 1px solid red;
        font-size: 10pt;
        color: #FFFFFF;
    }

    /*------------------------------------------------------------------------------------------
                                            END OF GridUtility
------------------------------------------------------------------------------------------*/

    /*------------------------------------------------------------------------------------------
                                            START OF ButtonEdit Styles
------------------------------------------------------------------------------------------*/

    .dxeEditAreaSys, .dxic .dxeEditAreaSys {
        padding: 2px 1px 2px 0px !important;
    }

    .dxeButtonEditSys {
        background-color: white;
        border: 1px solid #c0c0c0;
        font: 12px Roboto;
        border-collapse: separate;
        border-spacing: 0;
    }

        .dxeButtonEditSys td.dxic {
            padding: 1px 3px 2px 3px !important;
        }

    .dxeButtonEditButton,
    .dxeSpinIncButton,
    .dxeSpinDecButton,
    .dxeSpinLargeIncButton,
    .dxeSpinLargeDecButton,
    .dxeSpinIncButton,
    .dxeSpinDecButton {
        background-color: white;
        vertical-align: middle;
        cursor: pointer;
        text-align: center;
        white-space: nowrap;
        border: none;
    }

    .dxeCalendarButtonHover,
    .dxeButtonEditButtonHover,
    .dxeSpinIncButtonHover,
    .dxeSpinDecButtonHover,
    .dxeSpinLargeIncButtonHover,
    .dxeSpinLargeDecButtonHover,
    .dxeColorEditButton:hover {
        background-color: #f5f5f5 !important;
        color: white;
    }

    .dxeButtonEditButton {
        padding: 0px 2px 0px 3px;
        background: none;
    }

    .dxeSpinIncButton {
        padding: 2px 2px 2px 3px;
    }

    .dxeSpinDecButton {
        padding: 3px 2px 2px 3px;
    }

    .dxeSpinLargeIncButton {
        padding: 0px 5px 0px 6px;
    }

    .dxeSpinLargeDecButton {
        padding: 0px 6px 0px 5px;
    }

    /*------------------------------------------------------------------------------------------
                                            END OF ButtonEdit Styles
------------------------------------------------------------------------------------------*/

    /*------------------------------------------------------------------------------------------
                                            START OF ASPXGridView
------------------------------------------------------------------------------------------*/

    .dxgv {
        font-size: 12px;
        font-family: Roboto;
        line-height: 19.99px;
        height: 30px;
    }

        .dxgvDataRow input[type="image"], .dxgv img, .dxgvDataRow img, .dxgvEditFormDisplayRow img, .dxgvEditFormDisplayRow input[type="image"],
        .dxgvSelectedRow input[type="image"], .dxgvSelectedRow .dxgvDataRow img, .dxgvFocusedRow .dxgvADSB > img {
            height: 17px;
        }

    .dxgvFocusedRow .dxgv {
        background-color: aliceblue;
    }

    .dxgvSelectedRow .dxgv {
        background-color: #A0A0A0 !important;
        color: White !important;
    }

    .dxgv[title] {
        background-color: #FFF8C2;
    }

    /*------------------------------------------------------------------------------------------
                                            END OF ASPXGridView
------------------------------------------------------------------------------------------*/

    /*------------------------------------------------------------------------------------------
                                            START OF ASPXComboBox
------------------------------------------------------------------------------------------*/

    .dxeLTM {
        font-size: 14px;
        font-family: Roboto;
    }

    .drpComboBoxWorkflowGroups {
        float: left;
        width: 15%;
        margin-right: 15px;
        margin-bottom: 10px;
    }

    /*------------------------------------------------------------------------------------------
                                            END OF ASPXComboBox
------------------------------------------------------------------------------------------*/

    /*------------------------------------------------------------------------------------------
                                            START OF footer ASPxRadioButtonList
------------------------------------------------------------------------------------------*/
    .dxeRadioButton {
        font-size: 16px;
        font-weight: bold;
    }

    /*------------------------------------------------------------------------------------------
                                            END OF footer ASPxRadioButtonList
------------------------------------------------------------------------------------------*/


    /*------------------------------------------------------------------------------------------
                                            START OF DevExpress Popup
------------------------------------------------------------------------------------------*/
    .dxpc-shadow {
        box-shadow: none;
    }

    .dxWeb_pcCloseButton:after {
        background-image: url('../images/Remove.png');
        background-size: 10px 20px;
        display: inline-block;
        width: 15px;
        height: 14px;
        content: "";
    }

    /*------------------------------------------------------------------------------------------
                                            END OF DevExpress Popup
------------------------------------------------------------------------------------------*/

    .cGreyBox {
        border: 1px solid #AAAAAA;
        padding: 5px !important;
        border-radius: 4px !important;
    }

    #footer {
        overflow: hidden;
    }

    /** Style to use when printing a document
**/

    @media print {
        div#FooterContainer {
            display: none;
        }

        .srgDashboardProgressBarBackground {
            width: 200px;
            height: 14px;
            margin: 3px 9px 3px 9px;
            padding: 0;
            border: solid 1px #777777;
            overflow: hidden;
        }
        /**/

        .CTitle {
            margin: 0;
            padding: 0;
            font-size: 12pt;
        }

        #StatusAndHelpContainer {
            position: fixed;
            z-index: 502;
        }

        #StatusAndHelpContainer, #headerArea, .topMenu, .breadCrumbs, .divTimeZoneSelectImage, #Time, #tabs, .CPageTab, #footer, #topbar,
        .dashboardPrintHide {
            display: none;
        }

        br {
            line-height: 3px;
        }

        .dashboardZone {
            border: solid 1px #ffffff;
        }

        .dashboardLink {
            display: none;
        }
    }


    /*------------------------------------------------------------------------------------------
                                            Auction Wizard - Start
------------------------------------------------------------------------------------------*/

    .aucWizHeader {
        float: left;
        width: 100%;
        margin-bottom: 10px;
        /*background: url(../images/aucwizheader.png) no-repeat 0 0;*/
    }

    .aucWizHeaderMiddleVideoBox {
        float: left;
        margin: 10px 0 0 10px;
    }

    .aucWizHeaderBottom {
        float: left;
        height: 20px;
        width: 900px;
        /*background: url(../images/srgwizheaderbottom.png) no-repeat 0 0;*/
    }

    .aucWizHeaderTitle {
        float: left;
        margin-top: 18px;
        padding-left: 20px;
    }

    .aucWizProgressDiagram {
        float: right;
        width: 624px;
        height: 33px;
        /*margin-right: 15px;*/
        margin-top: 15px;
    }

    .aucWizArrow {
        float: left;
        width: 20px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -305px -74px;
    }

    .aucWizArrowDisabled {
        float: left;
        width: 20px;
        height: 33px;
        background: url(../images/rfxwizheadertop.png) no-repeat -305px -135px;
    }

    .hypAuctionWizardDisabled {
        background: url(../images/auctionwizarddisabled.png) no-repeat;
        color: #808080;
        display: block;
        float: left;
        font-family: Roboto;
        font-size: 9pt;
        font-weight: normal;
        width: 85px;
        height: 25px;
        padding-top: 7px;
        text-align: center;
        text-decoration: none;
    }

    .hypAuctionWizardUnselected {
        background: url(../images/auctionwizardunselected.png) no-repeat;
        color: #808080;
        display: block;
        float: left;
        font-family: Roboto;
        font-size: 9pt;
        font-weight: normal;
        width: 85px;
        height: 25px;
        padding-top: 7px;
        text-align: center;
        text-decoration: none;
    }

    .hypAuctionWizardSelected {
        background: url(../images/auctionwizardselected.png) no-repeat;
        color: #808080;
        display: block;
        float: left;
        font-family: Roboto;
        font-size: 9pt;
        font-weight: normal;
        width: 85px;
        height: 25px;
        padding-top: 7px;
        text-align: center;
        text-decoration: none;
    }

    .hypAuctionWizardUnselected:hover {
        background: url(../images/auctionwizardselected.png) no-repeat;
        cursor: pointer;
    }

    input[type="radio"][disabled=disabled] {
        color: Blue !important;
    }

    /*------------------------------------------------------------------------------------------
                                            Auction Wizard - End
------------------------------------------------------------------------------------------*/


    /*----------------------------------------------------------------------------------------
    Theme Format - Start 
------------------------------------------------------------------------------------------*/

    /**** Standard Elements ****/
    h1 {
        font-size: 1.7em;
        font-family: Roboto;
    }

    p {
        font-family: Roboto;
        font-size: 14px;
    }

    a {
        font-size: 12px;
    }

    #pnlLoadingAjaxUpdate {
        top: 10px;
    }

    /*Navbar*/

    .IconText {
        font-size: 14px;
    }



    @media (min-width: 991px) {

        /*#region NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages Start (KYLE)*/

        .NewPasswordRequestSurround .responsivePaddingTopLg4 {
            padding-top: 4px !important;
        }

        #divMVButtonSurround .widthLg20 {
            width: 19.5% !important;
            margin: 1px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }
            .homepageSurround .widthLg32 {
            width: 32% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_pnlWorkflowStatusFilter .CSubTitle {
            width: 100% !important;
        }

        .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_pnlWorkflowStatusFilter table {
            margin-bottom: 10px !important;
        }

        .QuestionnaireQueryReportSurround .paddingLeftLg0 {
            padding-left: 0px !important;
        }

        .QuestionnaireQueryReportSurround .paddingRightLg0 {
            padding-right: 0px !important;
        }

        .QuestionnaireQueryReportSurround .responsivePaddingLeftLg13 {
            padding-left: 13px !important;
        }

        .QuestionnaireQueryReportSurround .responsivePaddingLeftLg30 {
            padding-left: 30px !important;
        }

        .QuestionnaireQueryReportSurround .responsivePaddingRightLg3 {
            padding-right: 3px !important;
        }

        .QuestionnaireQueryReportSurround .responsivePaddingRightLg5 {
            padding-right: 5px !important;
        }

        .QuestionnaireQueryReportSurround .responsivePaddingBottomLg5 {
            padding-bottom: 5px !important;
        }

        .QuestionnaireQueryReportSurround .responsivePaddingBottomLg6 {
            padding-bottom: 6px !important;
        }

        .QuestionnaireQueryReportSurround .textAlignLgCenter {
            text-align: center !important;
        }

        .QuestionnaireQueryReportSurround .textAlignLgRight {
            text-align: right !important;
        }

        .QuestionnaireQueryReportSurround .widthLg77 {
            width: 77px !important;
        }

        .QuestionnaireQueryReportSurround .heightLg33 {
            height: 33px !important;
        }

        .QuestionnaireQueryReportSurround .heightLg51 {
            height: 51px !important;
        }

        .QuestionnaireQueryReportSurround .borderLgLeft {
            border-left: 1px solid #c1c1c1 !important;
        }

        .QuestionnaireQueryReportSurround .borderLgRight {
            border-right: 1px solid #c1c1c1 !important;
        }

        .WRFReportClose {
            margin-right: 6px !important;
        }

        .WRFReportAssign {
            height: 71px !important;
            padding-right: 0px !important;
            padding-left: 0px !important;
        }

        /*#endregion NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages End (KYLE)*/

        /*#region spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages Start (KYLE)*/

        .spmSummarySurround .cGreyBox {
            min-height: 250px !important;
        }

        .spmSummarySurround .paddingLeftLg5 {
            padding-left: 5px !important;
        }

        .spmSuppliersSurround .paddingRightBtn {
            padding-right: 0px !important;
        }

        .spmSummarySurround .paddingRightLg5 {
            padding-right: 5px !important;
        }

        .spmDashboardSurround .responsivePaddingTopLg2,
        .spmSummarySurround .responsivePaddingTopLg2 {
            padding-top: 2px !important;
        }

        .spmSummarySurround .responsivePaddingTopLg4 {
            padding-top: 4px !important;
        }

        .spmSummarySurround .responsivePaddingTopLg5 {
            padding-top: 5px !important;
        }

        .spmScorersSurround .newScorerSurround .responsivePaddingTopLg6 {
            padding-top: 6px !important;
        }

        .spmScorersSurround .newScorerSurround .responsiveMarginTopLg4 {
            margin-top: 4px !important;
        }

        .spmDashboardSurround .widthLg32 {
            width: 32% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        /*#endregion spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages End (KYLE)*/

        /*#region proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages Start (KYLE)*/


        .proSummarySurround #ctl00_body_btnRemoveProjectChildTasks {
            margin-top: 3px !important;
            margin-left: 85px !important;
            margin-bottom: 5px !important;
        }

        .wrfSummarySurround .responsiveMarginTopLg4 {
            margin-top: 4px !important;
        }

        .wrfSummarySurround .responsiveMarginTopLg5 {
            margin-top: 5px !important;
        }

        .proAdHocTaskSurround .marginBottomLg10 {
            margin-bottom: 10px !important;
        }

        .proAdHocTaskSurround .paddingLeftLg0 {
            padding-left: 0px !important;
        }

        .proDocumentsSurround .paddingLeftLg4 {
            padding-left: 4px !important;
        }

        .wrfSummarySurround .paddingLeftLg5,
        .proAdHocTaskSurround .paddingLeftLg5 {
            padding-left: 5px !important;
        }

        .wrfGroupsSurround .paddingLeftLg60 {
            padding-left: 60px !important;
        }

        .proAdHocTaskSurround .paddingRightLg0 {
            padding-right: 0px !important;
        }

        .wrfSummarySurround .responsivePaddingRightLg2 {
            padding-right: 2px !important;
        }

        .wrfSummarySurround .paddingRightLg5,
        .proAdHocTaskSurround .paddingRightLg5 {
            padding-right: 5px !important;
        }

        .wrfSummarySurround .responsivePaddingRightLg17 {
            padding-right: 17px !important;
        }

        .wrfGroupsSurround .responsivePaddingRightLg23 {
            padding-right: 23px !important;
        }

        .proAdHocTaskSurround .responsivePaddingTopLg1 {
            padding-top: 1px !important;
        }

        .proDashboardSurround .responsivePaddingTopLg2,
        .proProjectImportSurround .responsivePaddingTopLg2,
        .proAdHocTaskSurround .responsivePaddingTopLg2 {
            padding-top: 2px !important;
        }

        .proUpdateAutoUnlockedSurround .responsivePaddingTopLg4,
        .wrfAcceptanceQuestionnaireSurround .responsivePaddingTopLg4,
        .wrfSummarySurround .responsivePaddingTopLg4,
        .wrfManageWorkflowSurround .responsivePaddingTopLg4,
        .proProjectValueUpdateSurround .paddingTopLg4,
        .proProjectImportSurround .responsivePaddingTopLg4,
        .proSearchSurround .responsivePaddingTopLg4,
        .proDocumentsSurround .responsivePaddingTopLg4,
        .proAdHocTaskSurround .responsivePaddingTopLg4,
        .proDetailsSurround .responsivePaddingTopLg4,
        .proSummarySurround .responsivePaddingTopLg4 {
            padding-top: 4px !important;
        }

        .wrfAcceptanceQuestionnaireSurround .responsivePaddingTopLg5,
        .wrfSummarySurround .responsivePaddingTopLg5,
        .wrfManageWorkflowSurround .responsivePaddingTopLg5,
        .proSummarySurround .responsivePaddingTopLg5,
        .proSearchSurround .responsivePaddingTopLg5,
        .proDocumentsSurround .responsivePaddingTopLg5,
        .proAdHocTaskSurround .responsivePaddingTopLg5,
        .proSpectatorsSurround .responsivePaddingTopLg5 {
            padding-top: 5px !important;
        }

        .wrfGroupsSurround .paddingTopLg6,
        .proProjectValueUpdateSurround .paddingTopLg6 {
            padding-top: 6px !important;
        }

        .proSummarySurround .responsivePaddingTopLg7,
        .proDocumentsSurround .responsivePaddingTopLg7,
        .proAdHocTaskSurround .responsivePaddingTopLg7 {
            padding-top: 7px !important;
        }

        .proSummarySurround .responsivePaddingTopLg8,
        .proAdHocTaskSurround .paddingTopLg8,
        .proAdHocTaskSurround .responsivePaddingTopLg8 {
            padding-top: 8px !important;
        }

        .wrfAcceptanceQuestionnaireSurround .responsivePaddingTopLg9,
        .proDocumentsSurround .responsivePaddingTopLg9,
        .proAdHocTaskSurround .responsivePaddingTopLg9,
        .proSummarySurround .responsivePaddingTopLg9 {
            padding-top: 9px !important;
        }

        .proDashboardSurround .widthLg32 {
            width: 32% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        /*#endregion proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages End (KYLE)*/

        /*#region srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages Start (KYLE)*/

        .srgManageUploadsSurround .paddingLg0 {
            padding: 0px !important;
        }

        .srgBuyerCompanyDetailsEditSurround .paddingLeftLg0,
        .QuestionnaireDocumentSummarySurround .paddingLeftLg0,
        .srgSupplierInviteSurround .paddingLeftLg0,
        .srgWizImportSuppliersSurround .paddingLeftLg0,
        .QuestionnaireLanguageImportExportSurround .paddingLeftLg0,
        .srgWizQuestionLevelsSurround .paddingLeftLg0 {
            padding-left: 0px !important;
        }

        .srgWizGeneralQuestionnaireSurround .paddingLeftMd5 {
            padding-left: 5px !important;
        }

        .QuestionnaireDocumentSummarySurround .paddingLeftLg8,
        .srgManageUploadsSurround .paddingLeftLg8 {
            padding-left: 8px !important;
        }

        .srgSupplierRegistrationSurround .dxcaTextBoxCellNoIndent {
            padding-left: 67px !important;
        }

        .srgBuyerCompanyDetailsEditSurround .paddingRightLg0,
        .srgSupplierInviteSurround .paddingRightLg0,
        .QuestionnaireLanguageImportExportSurround .paddingRightLg0 {
            padding-right: 0px !important;
        }

        .srgWizGeneralQuestionnaireSurround .paddingRightLg5 {
            padding-right: 5px !important;
        }

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

        .srgManageUploadsSurround .paddingRightLg10 {
            padding-right: 10px !important;
        }

        .srgManageUploadsSurround .paddingRightLg20 {
            padding-right: 20px !important;
        }

        .srgSupplierRegistrationSurround .responsivePaddingRightLg23 {
            padding-right: 23px !important;
        }

        .srgWizConfigurationSurround .paddingRightLg30 {
            padding-right: 30px !important;
        }

        .srgWizQuestionLevelsSurround .paddingRightLg70 {
            padding-right: 70px !important;
        }

        .srgSupplierRegistrationSurround .paddingLRLg50 {
            padding-left: 50px !important;
            padding-right: 50px !important;
        }

        .srgDashboardSurround .responsivePaddingTopLg2,
        .QuestionnaireDetailFormSurround .responsivePaddingTopLg2,
        .srgManageUploadsSurround .paddingTopLg2,
        .srgSupplierInviteSurround .responsivePaddingTopLg2 {
            padding-top: 2px !important;
        }

        .QuestionnaireLanguageImportExportSurround .paddingTopLg3 {
            padding-top: 3px !important;
        }

        .srgBuyerCategoriesSurround .responsivePaddingTopLg4,
        .srgSupplierUpdateAutoUnlockedSurround .responsivePaddingTopLg4,
        .srgManageUploadsSurround .responsivePaddingTopLg4,
        .srgSupplierRegistrationSurround .responsivePaddingTopLg4,
        .srgSupplierSupplierUserDetailsSurround .responsivePaddingTopLg4,
        .srgSupplierInviteSurround .responsivePaddingTopLg4,
        .srgSupplierCategorySurround .responsivePaddingTopLg4,
        .srgSupplierReviewAndSubmitSurround .responsivePaddingTopLg4,
        .srgSupplierCategoriesSurround .responsivePaddingTopLg4,
        .srgSupplierSupplierDetailsSurround .responsivePaddingTopLg4,
        .srgSupplierWelcomeScreenSurround .responsivePaddingTopLg4 {
            padding-top: 4px !important;
        }

        .srgWizConfigurationSurround .responsivePaddingTopLg4 {
            padding-top: 4px !important;
            padding-left: 0px !important;
            padding-right: 0px !important
        }

        .srgSupplierWelcomeScreenSurround .popSurround .responsivePaddingTopLg5,
        .srgWizQuestionLevelsSurround .responsivePaddingTopLg5,
        .srgWizImportSuppliersSurround .paddingTopLg5 {
            padding-top: 5px !important;
        }

        .QuestionnaireLanguageImportExportSurround .responsivePaddingTopLg6 {
            padding-top: 6px !important;
        }

        .srgWizConfigurationSurround .responsivePaddingTopLg6 {
            padding-top: 6px !important;
            padding-left: 0px !important;
            padding-right: 0px !important
        }

        .QuestionnaireDocumentSummarySurround .paddingTopLg7 {
            padding-top: 7px !important;
        }

        .srgWizConfigurationSurround .responsivePaddingTopLg8 {
            padding-top: 8px !important;
        }


        .QuestionnaireDocumentSummarySurround .responsivePaddingTopLg9,
        .QuestionnaireDocumentsSurround .paddingTopLg9,
        .srgWizQuestionLevelsSurround .responsivePaddingTopLg9 {
            padding-top: 9px !important;
        }

        .QuestionnaireLanguageImportExportSurround .responsivePaddingTopLg10 {
            padding-top: 10px !important;
        }

        .srgWizConfigurationSurround .responsivePaddingTopLg13 {
            padding-top: 13px !important;
        }

        .srgWizConfigurationSurround .responsivePaddingTopLg15 {
            padding-top: 15px !important;
        }

        .srgWizReviewAndPublishSurround .btnPadding2 {
            padding-top: 19px !important;
        }

        .srgWizConfigurationSurround .responsivePaddingTopLg19 {
            padding-top: 19px !important;
            padding-left: 0px !important;
            padding-right: 0px !important
        }

        .srgBuyerCompanyDetailsEditSurround .responsivePaddingTopLg20 {
            padding-top: 20px !important;
        }

        .srgWizReviewAndPublishSurround .btnPadding1,
        .srgWizConfigurationSurround .responsivePaddingTopLg27 {
            padding-top: 27px !important;
        }

        .srgWizReviewAndPublishSurround .btnPadding3 {
            padding-top: 42px !important;
        }

        .srgBuyerCompanyDetailsEditSurround .textAlignLgCenter,
        .srgWizImportSuppliersSurround .textAlignLgCenter,
        .srgWizReviewAndPublishSurround .btnPadding {
            text-align: center !important;
        }

        .QuestionnaireDocumentSummarySurround .textAlignLgRight,
        .srgManageUploadsSurround .textAlignLgRight,
        .srgWizQuestionLevelsSurround .textAlignLgRight,
        .QuestionnaireLanguageImportExportSurround .textAlignLgRight {
            text-align: right !important;
        }

        .srgSupplierRegistrationSurround .dxcaTextBoxLabel {
            float: left;
            padding-top: 6px;
        }

        .srgDashboardSurround .widthLg32 {
            width: 32% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        /*#endregion srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages End (KYLE)*/

        /*#region rfxQuestionnaireMessages/aucAuctionMessaging/proMessages/srgMessaging Pages Start (KYLE)*/
        .proMessagesSurround .divMessageDetailsHeight,
        .srgMessagingSurround .divMessageDetailsHeight,
        .aucAuctionMessagingSurround .divMessageDetailsHeight,
        .rfxQuestionnaireMessagesSurround .divMessageDetailsHeight {
            height: 175px;
        }

        .proMessagesSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList,
        .srgMessagingSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList,
        .aucAuctionMessagingSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList,
        .rfxQuestionnaireMessagesSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList {
            width: 95% !important;
        }

        /*#endregion rfxQuestionnaireMessages/aucAuctionMessaging/proMessages/srgMessaging Pages End (KYLE)*/

        /*#region wrfTaskEdit Page (KYLE)*/

        .wrfTaskEditSurround .taskPadding {
            padding-left: 11px !important;
            padding-right: 27px !important;
        }

        .wrfTaskEditSurround .responsivePaddingTopLg1 {
            padding-top: 1px !important;
        }

        .wrfTaskEditSurround .responsivePaddingTopLg2 {
            padding-top: 2px !important;
        }

        .wrfTaskEditSurround .responsivePaddingTopLg3 {
            padding-top: 3px !important;
        }

        .wrfTaskEditSurround .responsivePaddingTopLg4 {
            padding-top: 4px !important;
        }

        .wrfTaskEditSurround .responsivePaddingTopLg5 {
            padding-top: 5px !important;
        }

        .wrfTaskEditSurround .responsivePaddingTopLg6 {
            padding-top: 6px !important;
        }

        .wrfTaskEditSurround .responsivePaddingTopLg8 {
            padding-top: 8px !important;
        }

        .wrfTaskEditSurround .responsivePaddingTopLg9 {
            padding-top: 9px !important;
        }

        .wrfTaskEditSurround .responsivePaddingTopLg25 {
            padding-top: 25px !important;
        }

        /*#endregion wrfTaskEdit Page End (KYLE)*/

        /*#region aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages Start (KYLE)*/

        .aucAuctionAutoTrainerSurround #ctl00_body_rowMinBidQuantityCol1,
        .aucAuctionAutoTrainerSurround #ctl00_body_rowMinBidDecrementCol1,
        .aucAuctionAutoTrainerSurround .textCell {
            border-left: none;
        }

        .aucAuctionAutoTrainerSurround .textCell {
            border-top: none;
        }

        .aucAuctionAutoTrainerSurround #ctl00_body_rowCeilingPriceCol2 {
            border-left: 1px Solid #d1d1d1;
        }

        .aucAuctionAutoTrainerSurround .cellBorderRT {
            border-right: 1px Solid #d1d1d1 !important;
            border-top: 1px Solid #d1d1d1 !important;
        }

        .aucAuctionAutoTrainerSurround .cellBorderT {
            border-left: none !important;
            border-top: 1px Solid #d1d1d1 !important;
        }

        .aucFutureLiveAuctionsSurround .drpMinutesSurround {
            text-align: center;
        }

        .AuctionBid2Surround .textAlignLgRight,
        .aucAuctionAutoTrainerSurround .textAlignLgRight {
            text-align: right !important;
        }

        .aucFutureLiveAuctionsSurround .btnDelaySurround {
            padding-top: 4px !important;
            padding-left: 0px !important;
        }

        .aucFutureLiveAuctionsSurround .lblDelaySurround {
            padding-top: 14px !important;
            padding-right: 0px !important;
            text-align: center !important;
        }

        .aucAuctionSetupSurround .rightColumnPadding {
            padding: 0px 0px 0px 10px !important;
        }

        .aucAuctionSetupSurround .leftColumnPadding {
            padding: 0px 10px 0px 0px !important;
        }

        .AuctionBid2Surround .paddingLeftLg0,
        .aucAuctionAutoTrainerSurround .paddingLeftLg0,
        .AuctionBid2Surround .responsivePaddingLeftLg0,
        .aucAuctionAutoTrainerSurround .responsivePaddingLeftLg0 {
            padding-left: 0px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingLeftLg2 {
            padding-left: 2px !important;
        }

        .aucAuctionItemsAddSurround .responsivePaddingLeftLg3 {
            padding-left: 3px !important;
        }

        .AuctionBid2Surround .responsivePaddingLeftLg5 {
            padding-left: 5px !important;
        }

        .aucAuctionAutoTrainerSurround .responsivePaddingLeftLg8 {
            padding-left: 8px !important;
        }

        .aucAuctionSupplierBidsSurround .paddingLeftLg10,
        .aucAuctionItemsAddSurround .responsivePaddingLeftLg10,
        .aucAuctionItemsAddSurround .rightColumnPadding,
        .aucAuctionSetupSurround .responsivePaddingLeftLg10 {
            padding-left: 10px !important;
        }

        .aucAuctionSupplierAuctionDetailsSurround .responsiveMobilePaddingTxt {
            padding-left: 12px !important;
        }

        .aucAuctionSupplierAuctionDetailsSurround .divAuctionDetailsSurround {
            padding: 3px 3px 3px 0px !important;
        }

        .aucAuctionItemsSurround .responsivePaddingLeftLg25 {
            padding-left: 25px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingLeftLg40 {
            padding-left: 40px !important;
        }

        .CompanyToCompanyEventTransferSurround .ynPaddingLeft {
            padding-left: 135px !important;
        }

        .AuctionBid2Surround .paddingRightLg0,
        .aucAuctionAutoTrainerSurround .paddingRightLg0,
        .aucAuctionItemsAddSurround .responsiveMobilePaddingTxt {
            padding-right: 0px !important;
        }

        .aucAuctionItemsAddSurround .leftColumnPadding {
            padding-right: 10px !important;
        }

        .aucAuctionItemsAddSurround .itemCellReferencePadding {
            padding-right: 15px !important;
        }

        .AuctionBid2Surround .paddingTopLg1,
        .AuctionBid2Surround .responsivePaddingTopLg1,
        .aucAuctionAutoTrainerSurround .paddingTopLg1,
        .aucAuctionItemsAddSurround .responsivePaddingTopLg1,
        .aucAuctionSetupSurround .responsivePaddingTopLg1 {
            padding-top: 1px !important;
        }

        .aucAuctionItemsSurround .responsivePaddingTopLg2 {
            padding-top: 2px !important;
        }

        .jpnAuctionBidAnalysisSurround .responsivePaddingTopLg3,
        .aucAuctionSupplierAuctionDetailsSurround .paddingTopLg3,
        .aucAuctionItemsAddSurround .responsivePaddingTopLg3,
        .aucAuctionSetupSurround .responsivePaddingTopLg3 {
            padding-top: 3px !important;
        }

        .AuctionBid2Surround .responsivePaddingTopLg4,
        .aucAuctionAutoTrainerSurround .responsivePaddingTopLg4,
        .aucHistoricAuctionSurround .paddingDrp {
            padding-top: 4px !important;
        }

        .aucAuctionItemsAddSurround .responsivePaddingTopLg5,
        .aucAuctionSetupSurround .responsivePaddingTopLg5 {
            padding-top: 5px !important;
        }

        .AuctionProjectLinkSurround .responsivePaddingTopLg6,
        .ImportItemSurround .responsivePaddingTopLg6,
        .aucAuctionItemsAddSurround .responsivePaddingTopLg6,
        .aucAuctionItemsSurround .responsivePaddingTopLg6,
        .aucAuctionSetupSurround .responsivePaddingTopLg6 {
            padding-top: 6px !important;
        }

        .AuctionBid2Surround .responsivePaddingTopLg7,
        .aucAuctionAutoTrainerSurround .responsivePaddingTopLg7 {
            padding-top: 7px !important;
        }

        .aucAuctionItemsAddSurround .responsivePaddingTopLg8 {
            padding-top: 8px !important;
        }

        .AuctionBid2Surround .responsivePaddingTopLg9,
        .aucAuctionAutoTrainerSurround .responsivePaddingTopLg9,
        .aucHistoricAuctionSurround .paddingLbl {
            padding-top: 9px !important;
        }

        .manEventsSurround .responsivePaddingTopLg20 {
            padding-top: 20px !important;
        }

        .aucAuctionItemsAddSurround .optionsPadding {
            padding-bottom: 5px !important;
        }

        .AuctionBid2Surround .responsivePaddingBottomLg15,
        .aucAuctionAutoTrainerSurround .responsivePaddingBottomLg15 {
            padding-bottom: 15px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingBottomLg20 {
            padding-bottom: 20px !important;
        }

        .CompanyToCompanyEventTransferSurround #ctl00_body_callbackPopulatePopup_ucxCompanyToCompanyEventTransfer_ASPxPopupControl1_PW-1,
        .CompanyToCompanyEventTransferSurround #ctl00_body_ucxCompanyToCompanyEventTransfer_ASPxPopupControl1_PW-1 {
            width: 350px !important;
        }

        .AuctionSupplierPreviewSurround #ctl00_body_ucxAuctionSupplierPreview_popAuctionSupplierPreview_PW-1 {
            width: 450px !important;
        }

        .AuctionProjectLinkSurround #ctl00_body_ucxAuctionProjectLink_popProjectLink_PW-1,
        .ImportItemSurround #ctl00_body_ucxImportItem_popImportFromExcel_PW-1 {
            width: 500px !important;
        }

        .ImportItemSurround #ctl00_body_ucxImportItem_popImportFromEvent_PW-1 {
            width: 800px !important;
        }

        .aucAuctionItemsSurround #ctl00_body_ucxViewAuctionCeilings_ucxViewCeilings_divContent {
            width: 900px !important;
        }

        .ViewAuctionCeilingsSurround .tblCeilingsSurround .our-form-control {
            width: 65% !important;
            height: 100% !important;
            vertical-align: top !important;
        }

        .aucAuctionItemsAddSurround .optionsPadding .our-form-control,
        .aucAuctionItemsAddSurround .rightColumnPadding .dxeTextBox {
            width: 89% !important;
        }

        .aucAuctionItemsAddSurround .our-form-control {
            width: 90% !important;
        }

        .AuctionBid2Surround #newBidValue {
            width: 92% !important;
        }

        .aucAuctionAutoTrainerSurround #newBidValue,
        .aucAuctionItemsSurround .our-form-control {
            width: 92% !important;
        }

        .aucAuctionItemsSurround #ctl00_body_dxCallbackItemDetails_drpBasketDecimals {
            width: 96% !important;
        }

        /*#endregion aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages End (KYLE)*/

        /*#region rfxQuestionnairesPotential/rfxQuestionnaireWizardTemplate/rfxQuestionnairesLiveFuture/rfxQuestionnairesHistoric/rfxQuestionnaireSectionTemplateCreator/rfxQuestionnaireSummaryBuyer/rfxQuestionnaireCopy/rfxQuestionnaireSummarySupplier/rfxQuestionnaireScoring/rfxQuestionnaireStatus/rfxQuestionnaireAddItem/rfxQuestionnaireItems/rfxQuestionnaireParticipantItems/rfxQuestionnaireQuestionsNotComplete/aucAuctionSuppliersSuppliersEmail/aucAuctionDelegateAdd/CompanyToCompanyEventTransfer/rfxQuestionnaireCompletionReport/rfxQuestionnaireAuditReport/rfxQuestionnaireAnswerReport/rfxQuestionnaireParticipantDocuments/X Pages Start (KYLE)*/

        .rfxQuestionnaireSummaryBuyerSurround .paddingLeftLbl {
            padding-left: 24px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireNotesSurround .responsivePaddingTopLbl,
        .aucAuctionDelegateAddSurround .responsivePaddingTopLg3,
        .rfxQuestionnaireItemsSurround .paddingLbl,
        .rfxQuestionnaireAddItemSurround .responsivePaddingTopLg3 {
            padding-top: 3px !important;
        }

        .rfxQuestionnairesHistoricSurround .paddingDrp,
        .rfxQuestionnaireAddItemSurround .responsivePaddingTopLg4 {
            padding-top: 9px !important;
        }

        .rfxQuestionnaireSectionTemplateCreatorSurround .responsivePaddingTopLg5,
        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireSettingsSurround .responsivePaddingTopLbl,
        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireDetailsSurround .responsivePaddingTopLbl,
        .aucAuctionDelegateAddSurround .responsivePaddingTopLg5,
        .rfxQuestionnaireParticipantItemsSurround .responsivePaddingTopLg5,
        .rfxQuestionnaireAddItemSurround .responsivePaddingTopLg5 {
            padding-top: 5px !important;
        }

        .rfxQuestionnaireParticipantDocumentsSurround .lblPercentSurround,
        .rfxQuestionnairesHistoricSurround .paddingLbl {
            padding-top: 9px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireSettingsSurround .mandatoryLblPadding {
            padding: 1px 0px 0px 0px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireDetailsSurround .paddingCreatedByLbl {
            padding: 2px 0px 2px 0px !important;
        }

        .rfxQuestionnaireScoringSurround #ctl00_body_grdQuestions {
            margin-left: 10px !important;
        }

        .rfxQuestionnaireScoringSurround #ctl00_body_grdWeightings {
            margin-left: 10px !important;
        }

        .rfxQuestionnaireScoringSurround #ctl00_body_drpSections {
            width: 100% !important;
        }

        /*#endregion rfxQuestionnairesPotential/rfxQuestionnaireWizardTemplate/rfxQuestionnairesLiveFuture/rfxQuestionnairesHistoric/rfxQuestionnaireSectionTemplateCreator/rfxQuestionnaireSummaryBuyer/rfxQuestionnaireCopy/rfxQuestionnaireSummarySupplier/rfxQuestionnaireScoring/rfxQuestionnaireStatus/rfxQuestionnaireAddItem/rfxQuestionnaireItems/rfxQuestionnaireParticipantItems/rfxQuestionnaireQuestionsNotComplete/aucAuctionSuppliersSuppliersEmail/aucAuctionDelegateAdd/CompanyToCompanyEventTransfer/rfxQuestionnaireCompletionReport/rfxQuestionnaireAuditReport/rfxQuestionnaireAnswerReport/rfxQuestionnaireParticipantDocuments/X Pages End (KYLE)*/
        /*#region srgTemplates/srgTemplateSummary Pages Start (KYLE)*/
        .srgTemplateSummarySurround .topPaddingLbl {
            padding-top: 5px !important;
        }

        /*#endregion srgTemplates/srgTemplateSummary Pages End (KYLE)*/

        /*#region ctlPanelUsersOnline/ctlPanelAudit/ctlPanelEmailLog/ctlPanelErrorLog/toolChangeAuctionCreator/toolChangeCurrentTargetPrice/toolAddHistoricBid/toolChangeeRFXCreator/toolChangeProjecCreator/toolChangeReportOwner/ChangePassword/ChangeContactNumber/manSourcingActivity/ctlPanelPostman Start (JESSICA)*/

        .changePasswordSurround .changePasswordLabelPadding span,
        .changeContactNumberSurround .changeContactNumberLabelPadding span,
        .toolChangeAuctionCreatorSurround .creatorChangeLabelPadding .additionalLineHeight,
        .toolChangeCurrentTargetPriceSurround .addBidLabelPadding .additionalLineHeight,
        .toolChangeCurrentTargetPriceSurround .targetPriceChangeLabelPadding .additionalLineHeight
        .toolAddHistoricBidSurround .addBidLabelPadding .additionalLineHeight,
        .toolAddHistoricBidSurround .addBidLabelPadding .additionalLineHeight,
        .toolChangeeRFXCreatorSurround .creatorChangeLabelPadding .additionalLineHeight,
        .toolChangeProjectCreatorSurround .creatorChangeLabelPadding .additionalLineHeight,
        .toolChangeReportOwnerSurround .reportChangeLabelPadding .additionalLineHeight,
        .manSourcingActivitySurround .sourcingLabelPadding .additionalLineHeight,
        .ctlPanelPostmanSurround .postmanLabelPadding .additionalLineHeight {
            line-height: 25px;
        }

        /*#endregion ctlPanelUsersOnline/ctlPanelAudit/ctlPanelEmailLog/ctlPanelErrorLog/toolChangeAuctionCreator/toolChangeCurrentTargetPrice/toolAddHistoricBid/toolChangeeRFXCreator/toolChangeProjecCreator/toolChangeReportOwner/ChangePassword/ChangeContactNumber/manSourcingActivity/ctlPanelPostman End (JESSICA)*/

        /*#region manAppFeatures/srgDataExport Start (KYLE)*/

        .manAppFeaturesSurround .form-group {
            margin-bottom: 12px;
        }

        .manAppFeaturesSurround .rightPaddingLbl {
            padding-right: 17px !important;
        }

        /*#endregion manAppFeatures/srgDataExport End (KYLE)*/

        /*#region manCurrencyTypes/manLists Pages Start (KYLE)*/

        .manCompanyInterfacesSurround .responsiveLblMargin1 {
            margin-top: 3px !important
        }

        .manListsSurround .newListSurround div span {
            text-align: right !important;
            padding-top: 7px !important;
        }

        .manListsSurround .topMarginLbl {
            margin-top: 5px !important;
        }

        /*#endregion manCurrencyTypes/manLists Pages End (KYLE)*/

        /*#region manBuyerCompanies/manTeamFeatures Pages Start (KYLE)*/

        .manTeamFeaturesSurround .marginTop {
            margin-top: -5px !important;
        }

        .manTeamFeaturesSurround .floatRight {
            float: right !important;
        }

        /*#endregion manBuyerCompanies/manTeamFeatures Pages End (KYLE)*/

        /*#region manCompanyEmails/manCompanyInterfaces Pages Start (KYLE)*/

        .manCompanyInterfacesSurround .hrResponsive,
        .manCompanyArcusConnectSurround .hrResponsive {
            margin-top: -10px;
            margin-bottom: 5px;
        }

        .manCompanyInterfacesSurround .lblMargin1 {
            margin-top: 1px !important;
        }

        /*#endregion manCompanyEmails/manCompanyInterfaces Pages End (KYLE)*/

        /*#region manUser/manCompany Pages Start (KYLE)*/

        .manUserSurround .txtOverlap {
            padding: 0px;
            width: 70% !important;
            margin-left: 14px !important;
        }

        .manCompanySurround .divThemeSettingsSurround .paddingOnlyMobile {
            margin-top: 2px !important;
        }

        .manCompanySurround .themeCol1 {
            padding-right: 15px !important;
        }

        .manCompanySurround .themeCol2 {
            padding-left: 15px !important;
        }
        /*#endregion manUser/manCompany Pages End (KYLE)*/
        .myTasksDropDownMobile {
            float: right !important;
            text-align: right;
            padding-right: 10px !important;
            padding-left: 10px !important;
        }

        .navbar li.dropdown a {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .navbar-right li.dropdown a {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

            .navbar-right li.dropdown a .IconText {
                display: none;
            }

        .navbar-right ul.dropdown-menu {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {

        /*#region NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages Start (KYLE)*/

        .homepageSurround .paddingLeftSm30 {
            padding-left: 30px !important;
        }

        .homepageSurround .widthSm49,
        #divMVButtonSurround .widthSm49 {
            width: 49% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        .homepageSurround .widgetBtnSurround,
        .aaDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 95px !important;
        }

        .QuestionnaireQueryReportSurround .paddingRightSm0 {
            padding-right: 0px !important;
        }

        .QuestionnaireQueryReportSurround .paddingRightSm4 {
            padding-right: 4px !important;
            text-align: right !important;
        }

        /*#endregion NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages End (KYLE)*/
        /*#region spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages Start (KYLE)*/
        .spmScorersSurround .groupPaddingDrp {
            margin-left: -18px !important;
            padding-right: 48px !important;
        }

        .spmScorersSurround .groupPaddingBtn {
            margin-top: 10px !important;
            margin-left: 102px !important;
        }

        .spmScorersSurround .responsiveMarginLeftRdo {
            margin-left: -22px !important;
        }

        .spmSuppliersSurround .paddingRightBtn {
            padding-right: 187px !important;
        }

        .spmDashboardSurround .widthSm49 {
            width: 49% !important;
            margin: 3px !important;
            text-align: left !important;
        }

        .spmDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 95px !important;
        }

        /*#endregion spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages End (KYLE)*/

        /*#region proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages Start (KYLE)*/

        .proDetailsSurround .paddingRightSm0 {
            padding-right: 0px !important;
        }

        .proDetailsSurround .paddingTopSm5 {
            padding-top: 5px !important;
        }

        .proDashboardSurround .widthSm49 {
            width: 49% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        .wrfSummarySurround .our-form-control {
            width: 95% !important;
        }

        .proSummarySurround .proSummaryDetailsTable .dxeButtonEdit,
        .proSummarySurround .proSummaryDetailsTable .our-form-control {
            width: 97%;
        }

        .wrfGroupsSurround .dxeTextBox,
        .proAdHocTaskSurround .our-form-control {
            width: 99% !important;
        }

        .proDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 95px !important;
        }

        .proSuppliersSurround .supplierSelectionContainer .supplierSelectionComboBox {
            width: calc(100% - 300px) !important;
            min-width: 0px !important;
        }

        .proSuppliersSurround .supplierSelectionContainer .showUnapprovedStyling {
            padding-right: 5px !important;
        }

        /*#endregion proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages End (KYLE)*/

        /*#region srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages Start (KYLE)*/

        .srgDashboardSurround .widthSm49 {
            width: 49% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        .srgDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 95px !important;
        }

        /*#endregion srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages End (KYLE)*/

        /*#region aucAuctionItemsSurround Pages Start (KYLE)*/

        .aucAuctionItemsSurround #ctl00_body_ucxViewAuctionCeilings_ucxViewCeilings_divContent {
            width: 750px !important;
        }

        /*#endregion aucAuctionItemsSurround Pages End (KYLE)*/

        /*#region rfxQuestionnaireMessages/aucAuctionMessaging/proMessages/srgMessaging Pages Start (KYLE)*/

        .proMessagesSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList,
        .srgMessagingSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList,
        .aucAuctionMessagingSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList,
        .rfxQuestionnaireMessagesSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList {
            width: 97% !important;
        }

        /*#endregion rfxQuestionnaireMessages/aucAuctionMessaging/proMessages/srgMessaging Pages End (KYLE)*/

        /*#region manCurrencyTypes/manLists Pages Start (KYLE)*/

        .manCurrencyTypesSurround .currencyAddButton {
            padding-right: 12px !important;
        }

        /*#endregion manCurrencyTypes/manLists Pages End (KYLE)*/

        /*#region manUser/manCompany Pages Start (KYLE)*/

        .manCompanySurround .workflowSettingsSurround .our-form-control {
            width: 94% !important;
        }

        .manCompanySurround .colorEditControl {
            width: 91% !important;
        }

        .manCompanySurround .paddingBtnUpdateTheme {
            padding-right: 33px !important;
        }

        /*#endregion manUser/manCompany Pages End (KYLE)*/

        .navbar li.dropdown a {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        .navbar-right li.dropdown a {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

            .navbar-right li.dropdown a .IconText {
                display: none;
            }
    }

    .scrollable-menu {
        height: auto;
        max-height: 600px;
        max-height: 100hv;
        overflow-x: hidden;
    }

    .dropdown-menu > li > #lblUsername {
        padding: 3px 5px;
        font-weight: normal;
        line-height: 1.42857143;
        /*color: #333333;*/
        white-space: nowrap;
        font-size: 8pt;
    }


    .FloatLeft {
        float: left;
    }

    .FloatRight {
        float: right;
    }

    #header {
        /*background: url(../../images/TradeInterchange/topBanner.jpg);*/
        height: 50px;
        width: 970px;
        margin: 0;
        font-family: Roboto;
    }

    .headerLogo {
        top: 66px;
        height: 50px;
        width: 120px;
        background-size: contain !important;
        background-position: center !important;
    }

    #headerLogo {
        top: 66px;
        height: 50px;
        width: 120px;
        background-size: contain !important;
        background-position: center !important;
    }

    #Time {
        font-weight: bold;
        font-size: 10pt;
        text-align: right;
        display: inline-block;
    }

        #Time .CLabel {
            margin-bottom: 0 !important;
        }

    .timeArea {
        text-align: right;
    }

    /****Bread Crumb ***/

    #LayoutRowBreadCrumbTime {
        margin: 15px;
    }

    .breadCrumbs {
        font-family: Roboto;
        font-weight: normal;
        padding: 5px 0px;
        list-style: none;
        border-radius: 4px;
    }

        .breadCrumbs.row {
            margin-left: 0px !important;
            margin-right: 0px !important;
        }

    .breadCrumbTrail {
        padding-top: 2px;
    }

    .breadCrumbs a {
        font-family: Roboto;
        font-weight: normal;
        cursor: pointer;
    }

    .breadCrumbs .seperator {
    }

    /*** Body ***/

    .SearchBoxHeader {
        font-size: 9pt;
        color: #ffffff;
        font-family: Roboto;
        border: black 1px solid;
    }

    .SearchBox {
        border-right: black 1px solid;
        border-left: black 1px solid;
        border-bottom: black 1px solid;
    }

    /*** Footer ***/
    #footer {
        clear: both;
        color: gray;
        font-size: 0.9em;
        line-height: 1.6em;
        margin: 0 auto;
        padding: 8px 0;
        text-align: center;
    }

        #footer p {
            margin: 0;
            padding: 0;
        }

        #footer a {
            font-weight: bold;
            font-size: 8pt;
            font-family: Roboto;
            text-decoration: underline;
        }

    /*** Standard Style Classes ***/

    .CTitle {
        font-weight: bold;
        font-size: 12pt;
        font-family: Roboto;
    }

    .CSubTitle {
        font-weight: bold;
        font-size: 10pt;
        font-family: Roboto;
    }

    /*** Data Grid and Table Styles ***/
    .CTableHeading {
        font-weight: 400;
        font-size: 12px;
        font-family: Roboto;
        border: 1px none transparent;
        border-top-width: 0px;
        border-left-width: 0px;
        white-space: nowrap;
        padding: 7px 10px 6px;
        overflow: hidden;
        text-align: left !important;
        height: 30px;
    }

        .CTableHeading th {
            font-weight: 400;
            font-size: 14px;
            font-family: Roboto;
            border-top-width: 0px;
            border-left-width: 0px;
            white-space: nowrap;
            padding: 4px 6px;
            overflow: hidden;
            text-align: left !important;
            height: 30px;
        }

    .CAltTableBackground {
        font-size: 9pt;
        color: #000000;
        font-family: Roboto;
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
        height: 30px;
    }

    .CAltHomepageTableBackground {
        font-size: 9pt;
        color: #000000;
        font-family: Roboto;
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
    }

    .CTableHeading a, .CTableHeading a:hover, .CTableHeading a:visited {
        font-size: 9pt;
    }

    .CTableHeadingWithoutBackgroundImage {
        font-size: 9pt;
        color: #404040;
        font-family: Roboto;
        border-right: solid 1px #EFEFEF;
        border-top: solid 1px #EFEFEF;
        border-left: solid 1px #EFEFEF;
        border-bottom: solid 1px #EFEFEF;
        background-color: #f8f8f8;
    }

    .TableAltHover tr:hover {
        background-color: #EFEFEF;
    }

    .CTableBackground {
        font-size: 9pt;
        font-family: Roboto;
        -webkit-print-color-adjust: exact !important;
        color-adjust: exact !important;
        border-right: none 0px #ffffff;
        border-left: none 0px #ffffff;
        border-bottom: none 0px #ffffff;
        color: #000000;
        height: 30px;
    }

        .CTableBackground .td {
            padding-left: 5px;
        }

    .CTableItemRed {
        font-size: 9pt;
        font-family: Roboto;
        color: Red;
        border-right: none 0px #ffffff;
        border-left: none 0px #ffffff;
        border-top: none 0px #ffffff;
        border-bottom: none 0px #ffffff;
    }

    .CTableHyperLink {
        font-size: 9pt;
        font-family: Roboto;
        text-decoration: none !important;
    }

        .CTableHyperLink:hover {
            text-decoration: underline !important;
        }

        .CTableHyperLink:Visited {
            font-size: 9pt;
            font-family: Roboto;
            text-decoration: none;
        }

        .CTableHyperLink img {
            height: 14px;
        }

    .CTableItemSelected {
        font-weight: bold;
        font-family: Roboto;
        background-color: silver;
    }

    .CTimer {
        border-right: 0px solid;
        border-top: 0px solid;
        font-size: 12pt;
        border-left: 0px solid;
        border-bottom: 0px solid;
        font-family: Roboto;
        color: #000000;
        background-color: transparent;
    }

    .CAppTitle {
        font-weight: bold;
        font-size: 12pt;
        color: white;
        font-family: Roboto;
    }


    .dxgvGroupPanel {
        background: url(../Images/meshtableheader.png) no-repeat;
        background-position: right;
    }

    /*----------------------------------------------------------------------------
    Theme Format - End                              
----------------------------------------------------------------------------*/

    /*----------------------------------------------------------------------------
    Workflow Statistics Grid Formattting - START                             
----------------------------------------------------------------------------*/

    #divGrdStatistics .dxgvGroupRow {
        background-color: #fff;
        color: #000;
    }

        #divGrdStatistics .dxgvGroupRow .dxgv {
            font-size: 12px;
        }

    /*----------------------------------------------------------------------------
    Workflow Statistics Grid Formattting - END                             
----------------------------------------------------------------------------*/

    /*----------------------------------------------------------------------------
    Classes to remove IE10+ text remove symbol - START                             
----------------------------------------------------------------------------*/

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

    .CRemoveIEClearDevExpress .dxeEditAreaSys::-ms-clear {
        display: none;
        width: 0px;
        height: 0px;
    }

    /*----------------------------------------------------------------------------
    Classes to remove IE10+ text remove symbol - END                             
----------------------------------------------------------------------------*/

    .CategoryHeader {
        display: block;
        height: 25px;
        line-height: 25px !important;
        text-decoration: none;
        width: 100%;
    }

    .DevExpressSelect {
        height: 21px;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        -webkit-border-radius: 2px;
        -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
        -webkit-padding-end: 20px;
        -webkit-padding-start: 2px;
        -webkit-user-select: none;
        background-image: url(../images/dropDownArrow.png);
        background-position: center right;
        background-repeat: no-repeat;
        border: 1px solid #AAA;
        font: 12px Roboto;
        margin: 0;
        overflow: hidden;
        padding-top: 1px;
        padding-bottom: 1px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    select.DevExpressSelect::-ms-expand {
        display: none;
    }

    .searchRow {
        margin-right: 0px;
        margin-left: auto;
    }

        .searchRow .input-group {
            padding-left: 5px;
        }

    .CTitle {
        font-size: 11pt;
    }

    #bigLogo {
        background-size: contain !important;
        background-position: center !important;
    }

    #smallArcusLogo {
        background: url(../Images/ArcusLarge.png) no-repeat;
        background-size: contain !important;
        background-position: center !important;
    }

    @media (min-width: 992px) {

        .CTitle {
            font-size: 12pt;
        }

        .dashboardZone {
            width: 940px;
        }

        .searchRow {
            width: 970px;
        }

        .bootsnipp-search .form-control {
            width: 600px;
        }

        #divFullFooterContainer .dxbButton .dxb {
            font-size: 8pt;
        }
    }

    /* FULL WIDTH ONLY */
    @media (min-width: 1200px) {

        .document1Button {
            width: 443px !important;
            margin-left: 1px !important;
        }

        .document2Buttons {
            width: 220px !important;
            margin: 0px 0px 1px 1px !important;
        }

        .document3Buttons {
            width: 147px !important;
            margin-left: 1px !important;
        }

        .document4Buttons {
            max-width: 110px !important;
            width: 110px !important;
            margin-left: 1px !important;
            padding-left: 3px !important;
        }

        .document5Buttons {
            max-width: 95px !important;
            width: 95px !important;
            margin-left: 1px !important;
            padding-left: 3px !important;
        }

            /*If theres already 4 buttons then just show the AI button as an icon */
            .document5Buttons.aiButtonColour {
                width: 20px !important;
            }

        /*#region NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages Start (KYLE)*/
        .homepageSurround .toolBtnSurround {
            margin-top: 6px !important;
        }

        .homepageSurround .paddingLeftXl0 {
            padding-left: 0px !important;
        }

        .homepageSurround .widgetBtnSurround,
        .aaDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 95px !important;
        }

        /*#endregion NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages End (KYLE)*/

        /*#region spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages Start (KYLE)*/

        .spmDashboardSurround .toolBtnSurround {
            margin-top: 3px !important;
        }

        .spmScorersSurround .groupPaddingDrp {
            padding-left: 7px !important;
            padding-right: 83px !important;
        }

        .spmScorersSurround .groupPaddingBtn {
            padding-left: 21px !important;
        }

        .spmSuppliersSurround .paddingRightBtn {
            padding-right: 180px !important;
        }

        .spmDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 95px !important;
        }

        /*#endregion spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages End (KYLE)*/

        /*#region proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages Start (KYLE)*/

        .proDashboardSurround .toolBtnSurround {
            margin-top: 3px !important;
        }

        .proSummarySurround .responsivePaddingTopXl9 {
            padding-top: 9px !important;
        }

        .wrfSummarySurround #ctl00_body_ucxQuestionnaireLanguageImportExport_pnlLanguages_rowNewLanguage {
            padding-left: 6px !important;
        }

        .wrfSummarySurround .paddingRightLg6 {
            padding-right: 6px !important;
        }

        .proSummarySurround .proSummaryDetailsTable .dxeButtonEdit,
        .proSummarySurround .proSummaryDetailsTable .our-form-control {
            width: 97%;
        }

        .proDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 95px !important;
        }

        /*#endregion proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages End (KYLE)*/

        /*#region srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages Start (KYLE)*/

        .srgDashboardSurround .toolBtnSurround {
            margin-top: 3px !important;
        }

        .QuestionnaireDocumentSummarySurround .genericCheckBox label {
            padding-top: 3px !important;
        }

        .srgWizReviewAndPublishSurround .imgPadding {
            padding-top: 13px;
        }

        .srgWizReviewAndPublishSurround .btnPadding3 {
            padding-top: 25px !important;
        }

        .srgWizReviewAndPublishSurround .boxHeight {
            height: 238px;
        }

        .srgSupplierRegistrationSurround .dxcaTextBoxLabel {
            padding-right: 10px;
        }

        .srgSupplierRegistrationSurround .dxeTextBox {
            width: 218px !important;
        }

        .srgDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 95px !important;
        }

        /*#endregion srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages End(KYLE)*/

        /*#region aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages Start (KYLE)*/

        .aucHistoricAuctionSurround .paddingDate1 {
            padding-left: 5px !important;
        }

        .aucHistoricAuctionSurround .paddingDate2 {
            padding-right: 25px !important;
        }

        .aucHistoricAuctionSurround .paddingFromDate {
            padding-right: 0px !important;
            padding-left: 3px !important;
            padding-top: 9px !important;
        }

        .aucHistoricAuctionSurround .paddingToDate {
            padding-right: 0px !important;
            padding-top: 9px !important;
            text-align: right;
            padding-left: 0px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .auctionAddBidTimePicker {
            width: 100% !important;
        }

        /*#endregion aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages End (KYLE)*/

        /*#region rfxQuestionnairesPotential/rfxQuestionnaireWizardTemplate/rfxQuestionnairesLiveFuture/rfxQuestionnairesHistoric/rfxQuestionnaireSectionTemplateCreator/rfxQuestionnaireSummaryBuyer/rfxQuestionnaireCopy/rfxQuestionnaireSummarySupplier/rfxQuestionnaireScoring/rfxQuestionnaireStatus/rfxQuestionnaireAddItem/rfxQuestionnaireItems/rfxQuestionnaireParticipantItems/rfxQuestionnaireQuestionsNotComplete/aucAuctionSuppliersSuppliersEmail/aucAuctionDelegateAdd/CompanyToCompanyEventTransfer/rfxQuestionnaireCompletionReport/rfxQuestionnaireAuditReport/rfxQuestionnaireAnswerReport/rfxQuestionnaireParticipantDocuments/X Pages Start (KYLE)*/

        .rfxQuestionnairesHistoricSurround .paddingDate1 {
            padding-left: 5px !important;
        }

        .rfxQuestionnaireAddItemSurround .errorPadding {
            padding-left: 162px !important;
        }

        .rfxQuestionnairesHistoricSurround .paddingDate2 {
            padding-right: 25px !important;
        }

        .rfxQuestionnairesHistoricSurround .paddingToDate {
            padding-right: 0px !important;
            padding-top: 9px !important;
            text-align: right;
        }

        .rfxQuestionnairesHistoricSurround .paddingFromDate {
            padding-right: 0px !important;
            padding-left: 11px !important;
            padding-top: 9px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireSettingsSurround .mdPadding {
            padding-top: 1px !important;
        }

        .rfxQuestionnaireParticipantDocumentsSurround .lblProgressSurround {
            padding-top: 9px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireDetailsSurround .cGreyBox {
            padding-bottom: 47px !important;
        }

        .rfxQuestionnaireScoringSurround #ctl00_body_grdWeightings tbody input {
            width: 75% !important;
        }

        .rfxQuestionnaireScoringSurround #ctl00_body_grdQuestions tbody input {
            width: 88% !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .boxHeight {
            height: 230px !important;
        }

        /*#endregion rfxQuestionnairesPotential/rfxQuestionnaireWizardTemplate/rfxQuestionnairesLiveFuture/rfxQuestionnairesHistoric/rfxQuestionnaireSectionTemplateCreator/rfxQuestionnaireSummaryBuyer/rfxQuestionnaireCopy/rfxQuestionnaireSummarySupplier/rfxQuestionnaireScoring/rfxQuestionnaireStatus/rfxQuestionnaireAddItem/rfxQuestionnaireItems/rfxQuestionnaireParticipantItems/rfxQuestionnaireQuestionsNotComplete/aucAuctionSuppliersSuppliersEmail/aucAuctionDelegateAdd/CompanyToCompanyEventTransfer/rfxQuestionnaireCompletionReport/rfxQuestionnaireAuditReport/rfxQuestionnaireAnswerReport/rfxQuestionnaireParticipantDocuments/X Pages End (KYLE)*/

        /*#region ctlDatabasePerformanceSurround/srgSupplierImport Pages Start (KYLE)*/

        .srgSupplierImportSurround .paddingCompanyLbl {
            padding-top: 5px !important;
        }

        /*#endregion ctlDatabasePerformanceSurround/srgSupplierImport Pages End (KYLE)*/

        /*#region manCompany Page Start (KYLE)*/

        .manCompanySurround .paddingBtnUpdateTheme {
            padding-right: 21px !important;
        }

        .manCompanySurround .colorEditControl {
            width: 83.5% !important;
        }

        /*#endregion manCompany Page End (KYLE)*/

        .add-margin-right-full-only {
            margin-right: 10px;
        }

        .dashboardZone {
            width: 1140px;
        }

        .searchRow {
            width: 1139px;
        }

        .bootsnipp-search .form-control {
            width: 600px;
        }

        #divFullFooterContainer .dxbButton .dxb {
            font-size: 9pt;
        }
    }


    .bootsnipp-search {
        display: none;
    }

        .bootsnipp-search .form-control {
            background-color: rgb(235, 235, 235);
            border-radius: 0px;
            border-width: 0px;
            font-size: 24px;
            padding-top: 6px;
        }

            .bootsnipp-search .form-control:focus {
                border-color: transparent;
                outline: 0;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

        .bootsnipp-search .search-input-group-btn > .btn {
            padding: 14px 30px 16px 14px;
            border-radius: 0px;
        }

            .bootsnipp-search .search-input-group-btn > .btn.active,
            .bootsnipp-search .search-input-group-btn > .btn:hover,
            .bootsnipp-search .search-input-group-btn > .btn:focus {
            }

        .bootsnipp-search .search-input-group-btn > .btn-default {
            background-color: rgb(245, 245, 245);
        }


    @media screen and (min-width: 768px) {

        .bootsnipp-search {
            background-color: rgb(235, 235, 235);
            display: block;
            position: absolute;
            top: 100%;
            border-left: 1px solid #bcbcbc;
            border-right: 1px solid #bcbcbc;
            border-bottom: 1px solid #bcbcbc;
            -webkit-border-bottom-left-radius: 3px;
            border-bottom-left-radius: 3px;
            -webkit-border-bottom-right-radius: 3px;
            border-bottom-right-radius: 3px;
            /*width: 960px;*/
            -webkit-transform: rotateX(-90deg);
            -moz-transform: rotateX(-90deg);
            -o-transform: rotateX(-90deg);
            -ms-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
            -webkit-transform-origin: 0 0 0;
            -moz-transform-origin: 0 0 0;
            -o-transform-origin: 0 0 0;
            -ms-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
            visibility: hidden;
        }


            .bootsnipp-search.open {
                -webkit-transform: rotateX(0deg);
                -moz-transform: rotateX(0deg);
                -o-transform: rotateX(0deg);
                -ms-transform: rotateX(0deg);
                transform: rotateX(0deg);
                visibility: visible;
            }

            .bootsnipp-search > .container {
                padding: 0px;
            }
    }

    .dxgvHeader img {
        height: 17px;
        border-radius: 3px;
    }

    /* Responsive UI Elements */

    .tiHeaderLogo {
        height: 50px;
        background: url(../Images/TradeInterchange/Logo.gif) no-repeat !important;
        background-position: left;
        left: 5px;
        top: 5px;
    }

    .dxdpLite .dxpc-headerImg {
        height: 18px;
    }

    .dxeListBoxItem img {
        height: 14px;
    }

    .border-right {
        border-right: 1px solid #808080;
    }

    .popupCloseBtn {
        height: 16px;
        margin-top: 3px;
    }

    .ReportSplitter {
        overflow: auto;
    }

    .dxeButtonEdit .dxeIIC img {
        height: 27px;
    }




    .newMessageMargin {
        margin-bottom: 15px;
    }

    .dashboardContainerTable {
        width: 100%;
    }

    .dashboardContainerTableWithPadding {
        width: 95%;
    }

    .dashboardContainerImage {
        width: 25px;
        vertical-align: top;
    }

    .dashboardContainerText {
        padding-top: 5px;
        text-align: left;
        vertical-align: top;
    }

    .dashboardContainerGraphic {
        text-align: center;
        width: 100%;
        float: right;
    }

    .barProgressBarSurround svg {
        margin: 0 auto;
    }

    .barProgressBarSurround {
        padding-bottom: 12px;
    }

    #ctl00_body_dockZoneTop,
    #ctl00_body_dockZoneLeft,
    #ctl00_body_dockZoneLeftFind,
    #ctl00_body_dockZoneLeftOnboard,
    #ctl00_body_dockZoneLeftApprove,
    #ctl00_body_dockZoneLeftManage,
    #ctl00_body_dockZoneLeftWorkflow,
    #ctl00_body_dockZoneLeftReports,
    #ctl00_body_dockZoneRight,
    #ctl00_body_dockZoneMiddle,
    #ctl00_body_dockZoneRightFind,
    #ctl00_body_dockZoneRightOnboard,
    #ctl00_body_dockZoneRightApprove,
    #ctl00_body_dockZoneRightManage,
    #ctl00_body_dockZoneRightWorkflow,
    #ctl00_body_dockZoneRightReports {
        height: auto !important;
    }

    #ctl00_body_ucxDashboardProjectStatus_dockPanelWorkflowManagement_PW-1 .dxpnlControl,
    #ctl00_body_dockPanelSIMApprovalSummary_PW-1 .dxpnlControl,
    #ctl00_body_dockPanelSIMApprovalManagement_PW-1 .dxpnlControl,
    #ctl00_body_dockPanelSIMManagement_PW-1 .dxpnlControl,
    #ctl00_body_ucxSPMStatus_dockPanelSPMStatus_PW-1 .dxpnlControl {
        width: 100%;
        font: 12px Roboto !important;
    }

    #ctl00_body_ucxDashboardProjectStatus_dockPanelWorkflowManagement_PW-1 .dxpc-content,
    #ctl00_body_dockPanelSIMApprovalSummary_PW-1 .dxpc-content,
    #ctl00_body_dockPanelSIMApprovalManagement_PW-1 .dxpc-content,
    #ctl00_body_dockPanelSIMManagement_PW-1 .dxpc-content,
    #ctl00_body_ucxSPMStatus_dockPanelSPMStatus_PW-1 .dxpc-content {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .dashboardZone {
        padding-right: 5px;
    }

    .dashboardZone,
    #ctl00_body_dockZoneTop,
    #ctl00_body_dockZoneLeft,
    #ctl00_body_dockZoneLeftFind,
    #ctl00_body_dockZoneLeftOnboard,
    #ctl00_body_dockZoneLeftApprove,
    #ctl00_body_dockZoneLeftManage,
    #ctl00_body_dockZoneLeftWorkflow,
    #ctl00_body_dockZoneLeftReports,
    #ctl00_body_dockZoneMiddle,
    #ctl00_body_dockZoneRight,
    #ctl00_body_dockZoneRightFind,
    #ctl00_body_dockZoneRightOnboard,
    #ctl00_body_dockZoneRightApprove,
    #ctl00_body_dockZoneRightManage,
    #ctl00_body_dockZoneRightWorkflow,
    #ctl00_body_dockZoneRightReports {
        padding-bottom: 3px !important;
    }

    @media (max-width: 1201px) {
        .mobile {
            display: block !important;
        }

        .NewPasswordRequestSurround .mobileLblEmail {
            text-align: left !important;
        }
    }

    @media (max-width: 991px) {

        /*#region QuestionEditResponsiveMode Start (JESSICA)*/

        .custom-col-xs-2 {
            width: auto !important;
        }

        .questionEditPlaceholder {
            display: block;
        }

        .questionEditControlsSurround {
            text-align: center;
            margin-top: 10px !important;
            margin-bottom: 10px;
            justify-content: center;
        }

        /*#endregion QuestionEditResponsiveMode Start (JESSICA)*/

        /*#region ducAuctionAutoTrainer Start (JESSICA)*/

        .ducAuctionAutoTrainerSurround .auctionItemStepsControlTileChevron,
        .ducAuctionSupplierBidsSurround .auctionItemStepsControlTileChevron {
            display: none !important;
        }

        /*#endregion ducAuctionAutoTrainer End (JESSICA)*/

        .noPaddingMobile {
            padding: 0px !important;
        }

        .marginTopMobile {
            margin-top: 10px;
        }

        .informationBubbleIcon {
            float: left;
        }

        .showHideButtonSurround {
            margin-top: 20px;
        }

        .brPIM2FirstColumn {
            display: block;
        }

        /*#region NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages Start (KYLE)*/

        .homepageSurround .marginTopXs15 {
            margin-top: 15px !important;
        }



        .NewPasswordRequestSurround .widthXs100 {
            width: 100% !important;
        }

        .QuestionnaireQueryReportSurround .chkSurround tbody tr td {
            display: block !important;
        }

        .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_pnlWorkflowStatusFilter table {
            width: 100% !important;
            margin-bottom: 15px !important;
        }

        .QuestionnaireQueryReportSurround #ctl00_body_ucxQuestionnaireQuery_pnlWorkflowStatusFilter .CSubTitle:nth-child(1) {
            margin-top: 10px !important;
        }

        .QuestionnaireQueryReportSurround .mobilePaddingLbl {
            padding-left: 0px !important;
            padding-bottom: 4px !important;
        }

        .QuestionnaireQueryReportSurround .paddingLeftXs0 {
            padding-left: 0px !important;
        }

        .QuestionnaireQueryReportSurround .paddingLeftXs5 {
            padding-left: 5px !important;
        }

        .QuestionnaireQueryReportSurround .paddingTopXs8 {
            padding-top: 8px !important;
        }

        .QuestionnaireQueryReportSurround .paddingBottomXs4 {
            padding-bottom: 4px !important;
        }

        .QuestionnaireQueryReportSurround .paddingBottomXs8 {
            padding-bottom: 8px !important;
        }

        .QuestionnaireQueryReportSurround .borderXsTop {
            border-top: 1px solid #c1c1c1 !important;
            padding-top: 8px !important;
        }

        .QuestionnaireQueryReportSurround .borderXsBottom {
            border-bottom: 1px solid #c1c1c1 !important;
            padding-bottom: 8px !important;
        }

        .WRFReportAssign {
            border-right: none !important;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .WRFExportBtns {
            margin-top: 8px !important;
            padding-top: 8px !important;
            border-top: 1px solid #c1c1c1 !important;
            margin-bottom: 4px !important;
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .WRFReportClose {
            padding-right: 4px !important;
        }

        /*#endregion NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages End (KYLE)*/

        /*#region spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages Start (KYLE)*/

        .spmDashboardSurround .marginTopXs15 {
            margin-top: 15px !important;
        }

        .spmDashboardSurround .paddingLeftXs0 {
            padding-left: 0px !important;
        }

        .spmDashboardSurround .paddingLRXs6 {
            padding-left: 6px !important;
            padding-right: 6px !important;
        }

        .spmDashboardSurround .paddingLeftXs6 {
            padding-left: 6px !important;
        }

        .spmScorersSurround .paddingLRXs20 {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .spmSummarySurround .paddingTopXs10 {
            padding-top: 10px !important;
        }

        .spmDashboardSurround .paddingDrpLabel {
            padding-top: 10px !important;
            padding-bottom: 2px !important;
        }

        .spmSummarySurround .paddingBottomXs2 {
            padding-bottom: 2px !important;
        }

        .spmScorersSurround .paddingBottomXs4,
        .spmSummarySurround .paddingBottomXs4 {
            padding-bottom: 4px !important;
        }

        .spmSummarySurround .paddingBottomXs8 {
            padding-bottom: 8px !important;
        }

        .spmDashboardSurround .textAlignXsLeft {
            text-align: left !important;
        }

        .spmDashboardSurround .infoAlignMobile {
            float: none !important;
            text-align: center !important;
        }

        .spmSummarySurround #ctl00_body_ucxFrequency_drpDayPosition,
        .spmSummarySurround #ctl00_body_ucxFrequency_drpMonthlyDay {
            width: 100% !important;
        }

        /*#endregion spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages End (KYLE)*/

        /*#region proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages Start (KYLE)*/

        .proSummarySurround #ctl00_body_btnSupplierName {
            margin-left: 0px !important;
            line-height: 25px !important;
            display: block;
        }

        .proDashboardSurround .marginTopXs15 {
            margin-top: 15px !important;
        }

        .proProjectImportSurround .marginLeftXs8 {
            margin-left: 8px !important;
        }

        .wrfSummarySurround .marginLeftXs10 {
            margin-left: 10px !important;
        }

        .wrfSummarySurround .marginTopXs4 {
            margin-top: 4px !important;
        }

        .wrfSummarySurround .marginTopXs5 {
            margin-top: 5px !important;
        }

        .wrfSummarySurround .marginTopXs10 {
            margin-top: 10px !important;
        }

        .proDocumentsSurround .marginBottomXs4 {
            margin-bottom: 4px !important;
        }

        .wrfSummarySurround .marginBottomXs5 {
            margin-bottom: 5px !important;
        }

        .wrfSummarySurround .marginBottomXs7 {
            margin-bottom: 7px !important;
        }

        .wrfSummarySurround .CSubTitle {
            margin-bottom: 10px !important;
        }

        .wrfSummarySurround .marginBottomXs15 {
            margin-bottom: 15px !important;
        }

        .proDashboardSurround .paddingLeftXs0,
        .wrfSummarySurround .paddingLeftXs0,
        .proSummarySurround .responsivePaddingLeftXs0 {
            padding-left: 0px !important;
        }

        .proAdHocTaskSurround .paddingLRXs0 {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .proDocumentsSurround .paddingLRXs3 {
            padding-left: 3px !important;
            padding-right: 3px !important;
        }

        .wrfManageWorkflowSurround .paddingLRXs4 {
            padding-left: 4px !important;
            padding-right: 4px !important;
        }

        .proUpdateAutoUnlockedSurround .paddingLRXs5,
        .proDetailsSurround .paddingLRXs5 {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        .proSpectatorsSurround .paddingLRTXs6 {
            padding-left: 6px !important;
            padding-right: 6px !important;
            padding-top: 6px !important;
        }

        .proSummarySurround .paddingRdoMobile {
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-top: 0px !important;
        }

        .proSummarySurround .paddingTxtMobile {
            padding-left: 10px !important;
            padding-right: 10px !important;
            padding-top: 4px !important;
        }

        .wrfGroupsSurround .paddingLRXs12,
        .wrfManageWorkflowSurround .paddingLRXs12,
        .proProjectValueUpdateSurround .paddingLRXs12,
        .proProjectImportSurround .paddingLRXs12,
        .proSearchSurround .paddingLRXs12,
        .proDocumentsSurround .paddingLRXs12,
        .proAdHocTaskSurround .paddingLRXs12 {
            padding-left: 12px !important;
            padding-right: 12px !important;
        }

        .wrfSummarySurround .paddingLRXs15 {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        .wrfGroupsSurround .responsivePaddingRightXs20 {
            padding-right: 20px !important;
        }

        .proAdHocTaskSurround .paddingLblTxtMobile {
            padding-left: 6px !important;
            padding-bottom: 4px !important;
        }

        .proAdHocTaskSurround .paddingLblRdoMobile {
            padding-left: 6px !important;
            padding-bottom: 0px !important;
        }

        .wrfGroupsSurround .responsivePaddingLeftXs4,
        .wrfManageWorkflowSurround .paddingLeftXs4,
        .proProjectValueUpdateSurround .paddingLeftXs4,
        .proProjectImportSurround .paddingLeftXs4,
        .proSearchSurround .paddingLeftXs4,
        .proDocumentsSurround .paddingLeftXs4 {
            padding-left: 4px !important;
        }

        .proDashboardSurround .paddingLRXs6 {
            padding-left: 6px !important;
            padding-right: 6px !important;
        }

        .proDashboardSurround .paddingLeftXs6 {
            padding-left: 6px !important;
        }

        .wrfAcceptanceQuestionnaireSurround .responsivePaddingLeftXs11 {
            padding-left: 11px !important;
        }

        .proUpdateAutoUnlockedSurround .paddingLeftXs12 {
            padding-left: 12px !important;
        }

        .proSummarySurround .responsivePaddingLeftMd16 {
            padding-left: 16px !important;
        }

        .proTaskSurround .responsivePaddingLeftXs22 {
            padding-left: 22px !important;
        }

        .proSummarySurround .paddingRightMd0 {
            padding-right: 0px !important;
        }

        .proSummarySurround .labelSurround .CSubTitle {
            padding-right: 25px !important;
        }

        .proAdHocTaskSurround .paddingTopXs5 {
            padding-top: 5px !important;
        }

        .wrfAcceptanceQuestionnaireSurround .paddingTopXs8,
        .proSummarySurround .responsivePaddingTopLg8 {
            padding-top: 8px !important;
        }

        .proDashboardSurround .paddingDrpLabel {
            padding-top: 10px !important;
            padding-bottom: 2px !important;
        }

        .proAdHocTaskSurround .paddingTopXs12,
        .proAdHocTaskSurround .responsivePaddingTopXs12 {
            padding-top: 12px !important;
        }

        .wrfReportsSurround .paddingTopXs10 {
            padding-top: 10px !important;
        }

        .proAdHocTaskSurround .paddingDaysMobile {
            padding-top: 4px !important;
        }

        .wrfSummarySurround .paddingBottomXs0 {
            padding-bottom: 0px !important;
        }

        .proUpdateAutoUnlockedSurround .paddingBottomXs4,
        .wrfGroupsSurround .paddingBottomXs4,
        .wrfSummarySurround .responsivePaddingBottomXs4,
        .wrfSummarySurround .paddingBottomXs4,
        .wrfManageWorkflowSurround .paddingBottomXs4,
        .proProjectValueUpdateSurround .paddingBottomXs4,
        .proProjectImportSurround .paddingBottomXs4,
        .proDocumentsSurround .paddingBottomXs4,
        .proDetailsSurround .paddingBottomXs4 {
            padding-bottom: 4px !important;
        }

        .proSummarySurround .paddingBottomXs5,
        .wrfAcceptanceQuestionnaireSurround .paddingBottomXs5 {
            padding-bottom: 5px !important;
        }

        .proSearchSurround .paddingBottomXs6 {
            padding-bottom: 6px !important;
        }

        .proSummarySurround .paddingBottomXs8,
        .proProjectImportSurround .responsivePaddingBottomXs8 {
            padding-bottom: 8px !important;
        }

        .wrfGroupsSurround .paddingBottomXs12 {
            padding-bottom: 12px !important;
        }

        .proUpdateAutoUnlockedSurround .textAlignment,
        .proDashboardSurround .textAlignXsLeft,
        .proDetailsSurround .textAlignment {
            text-align: left !important;
        }

        .wrfAcceptanceQuestionnaireSurround .textAlignXsRight,
        .proDocumentsSurround .textAlignXsRight {
            text-align: right !important;
        }

        .proDocumentsSurround .rdoSurround tbody tr td,
        .wrfSummarySurround #ctl00_body_chkAdvancedSearchAccessTeams tbody tr td,
        .wrfSummarySurround #ctl00_body_chkAdvancedSearchAccessRoles tbody tr td,
        .wrfSummarySurround #ctl00_body_chkDashboardTeamAccessDenied tbody tr td,
        .wrfSummarySurround #ctl00_body_chkDashboardRoleAccessDenied tbody tr td,
        .wrfManageWorkflowSurround #ctl00_body_rdoProgress tbody tr td {
            display: block !important;
        }

        .wrfSummarySurround #ctl00_body_btnAcceptanceQuestionnaire {
            width: 82px !important;
        }

        .wrfSummarySurround #ctl00_body_txtInstructionalText_MainCell table:first-child {
            width: 100% !important;
        }

        .proDashboardSurround .infoAlignMobile {
            float: none !important;
            text-align: center !important;
        }

        /*#endregion proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages End (KYLE)*/
        /*#region srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages Start (KYLE)*/

        .srgDashboardSurround .marginTopXs15 {
            margin-top: 15px !important;
        }

        .srgWizCategoriesSurround .pnlTextSurround p {
            padding: 0px !important;
        }

        .srgWizImportSuppliersSurround .paddingLeftXs0,
        .srgWizQuestionLevelsSurround .paddingLeftXs0,
        .srgWizReviewAndPublishSurround .paddingLeftXs0,
        .srgWizConfigurationSurround .paddingLeftXs0 {
            padding-left: 0px !important;
            padding-bottom: 4px !important;
        }

        .srgDashboardSurround .paddingLeftXs0 {
            padding-left: 0px !important;
        }

        .QuestionnaireDocumentsSurround .paddingLeftXs1 {
            padding-left: 1px !important;
        }

        .srgWizImportSuppliersSurround .paddingLeftSm2 {
            padding-left: 2px !important;
        }

        .srgBuyerCategoriesSurround .paddingLRXs5,
        .srgSupplierUpdateAutoUnlockedSurround .paddingLRXs5,
        .srgSupplierSupplierUserDetailsSurround .paddingLRXs5,
        .srgSupplierCategorySurround .paddingLRXs5,
        .srgSupplierReviewAndSubmitSurround .paddingLRXs5,
        .srgSupplierCategoriesSurround .paddingLRXs5,
        .srgSupplierSupplierDetailsSurround .paddingLRXs5,
        .srgSupplierWelcomeScreenSurround .paddingLRXs5 {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        .srgDashboardSurround .paddingLRXs6,
        .QuestionnaireDocumentSummarySurround .paddingLRXs6 {
            padding-left: 6px !important;
            padding-right: 6px !important;
        }

        .srgDashboardSurround .paddingLeftXs6,
        .QuestionnaireDocumentsSurround .paddingLeftXs6,
        .QuestionnaireDocumentSummarySurround .paddingLeftXs6,
        .srgManageUploadsSurround .paddingLeftXs6,
        .srgSupplierRegistrationSurround .dxeErrorFrame,
        .srgSupplierRegistrationSurround .responsivePaddingLeftXs6,
        .srgSupplierInviteSurround .responsivePaddingLeftXs6 {
            padding-left: 6px !important;
        }

        .srgWizQuestionLevelsSurround .paddingLRXs8 {
            padding-left: 8px !important;
            padding-right: 8px !important;
        }

        .srgSupplierUpdateAutoUnlockedSurround .paddingLeftXs12,
        .srgSupplierSupplierDetailsSurround .paddingLeftXs12 {
            padding-left: 12px !important;
        }

        .srgSupplierSupplierDetailsSurround .paddingLeftXs15 {
            padding-left: 15px !important;
        }

        .srgWizImportSuppliersSurround .paddingRightXs0 {
            padding-right: 0px !important;
        }

        .srgSupplierRegistrationSurround #ctl00_body_captchaSupplierRegistration_TB_CC {
            padding-right: 2px !important;
        }

        .srgWizImportSuppliersSurround .paddingRightSm2 {
            padding-right: 2px !important;
        }

        .srgBuyerCompanyDetailsEditSurround .paddingRightXs6 {
            padding-right: 6px !important;
        }

        .srgBuyerCompanyDetailsEditSurround .paddingRightXs12,
        .srgBuyerCategoriesSurround .paddingRightXs12 {
            padding-right: 12px !important;
        }

        .srgSupplierRegistrationSurround .responsivePaddingRightXs30 {
            padding-right: 30px !important;
        }

        .srgDashboardSurround .paddingDrpLabel {
            padding-top: 10px !important;
            padding-bottom: 2px !important;
        }

        .QuestionnaireDocumentSummarySurround .genericCheckBox label {
            padding-top: 3px !important;
        }

        .QuestionnaireLanguageImportExportSurround .mobilePaddingTxt {
            padding-top: 4px !important;
            padding-bottom: 8px !important;
        }

        .srgWizImportSuppliersSurround .paddingTopSm5 {
            padding-top: 5px !important;
        }

        .srgManageUploadsSurround .paddingTopXs6 {
            padding-top: 6px !important;
        }

        .QuestionnaireDocumentSummarySurround .paddingTBXs6,
        .srgManageUploadsSurround .paddingTBXs6,
        .srgSupplierRegistrationSurround .paddingTBXs6 {
            padding-top: 6px !important;
            padding-bottom: 6px !important;
        }

        .QuestionnaireDetailFormSurround .paddingTopXs8 {
            padding-top: 8px !important;
        }

        .srgWizReviewAndPublishSurround .btnPadding {
            padding-top: 10px !important;
            text-align: right;
        }

        .srgWizReviewAndPublishSurround .responsivePaddingTopXs15 {
            padding-top: 15px !important;
        }

        .srgBuyerCategoriesSurround .paddingBottomXs4,
        .srgSupplierUpdateAutoUnlockedSurround .paddingBottomXs4,
        .srgSupplierSupplierUserDetailsSurround .paddingBottomXs4,
        .srgSupplierCategorySurround .paddingBottomXs4,
        .srgSupplierReviewAndSubmitSurround .paddingBottomXs4,
        .srgSupplierCategoriesSurround .paddingBottomXs4,
        .srgSupplierSupplierDetailsSurround .paddingBottomXs4,
        .srgSupplierWelcomeScreenSurround .paddingBottomXs4 {
            padding-bottom: 4px !important;
        }

        .srgSupplierInviteSurround .responsivePaddingBottomXs5 {
            padding-bottom: 5px !important;
        }

        .srgWizQuestionLevelsSurround .paddingBottomXs12 {
            padding-bottom: 12px !important;
        }

        .srgBuyerCompanyDetailsEditSurround .paddingBottomXs15,
        .srgSupplierInviteSurround .paddingBottomXs15 {
            padding-bottom: 15px !important;
        }

        .srgSupplierWelcomeScreenSurround #ctl00_body_popSelectLanguage_PW-1 {
            width: 320px !important;
        }

        .srgWizConfigurationSurround .srgWizTblCategoryDescriptions tbody tr td:nth-of-type(3n) {
            width: 78% !important;
        }

        .srgSupplierInviteSurround .passwordStrengthDiv,
        .srgSupplierInviteSurround .our-form-control {
            width: 97% !important;
        }

        .srgWizImportSuppliersSurround .widthSm100 {
            width: 100% !important;
        }

        .srgWizReviewAndPublishSurround .boxHeight {
            height: auto;
        }

        .srgDashboardSurround .infoAlignMobile {
            float: none !important;
            text-align: center !important;
        }

        .srgBuyerCompanyDetailsEditSurround .textAlignXsRight,
        .srgWizQuestionLevelsSurround .textAlignXsRight {
            text-align: right !important;
        }

        .srgDashboardSurround .textAlignXsLeft,
        .QuestionnaireDetailFormSurround .textAlignXsLeft,
        .srgSupplierUpdateAutoUnlockedSurround .textAlignment,
        .srgSupplierWelcomeScreenSurround .textAlignment,
        .srgSupplierSupplierDetailsSurround .textAlignment,
        .srgSupplierCategoriesSurround .textAlignment,
        .srgSupplierCategorySurround .textAlignment,
        .srgSupplierReviewAndSubmitSurround .textAlignment {
            text-align: left !important;
        }

        .srgManageUploadsSurround #ctl00_body_chkApproval tbody tr td,
        .srgManageUploadsSurround #ctl00_body_chkRegistrationStatuses tbody tr td,
        .srgManageUploadsSurround #ctl00_body_chkSearchPreLoaded tbody tr td {
            display: block;
        }

        /*#endregion srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages End (KYLE)*/

        /*#region rfxQuestionnaireMessages/aucAuctionMessaging/proMessages/srgMessaging Pages Start (KYLE)*/

        .proMessagesSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList,
        .srgMessagingSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList,
        .aucAuctionMessagingSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList,
        .rfxQuestionnaireMessagesSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList {
            margin-top: 3px !important;
        }

        .proMessagesSurround .mobilePaddingLeft,
        .srgMessagingSurround .mobilePaddingLeft,
        .aucAuctionMessagingSurround .mobilePaddingLeft,
        .rfxQuestionnaireMessagesSurround .mobilePaddingLeft {
            padding-left: 6px !important;
        }

        .proMessagesSurround .paddingBtnReplyForward,
        .srgMessagingSurround .paddingBtnReplyForward,
        .aucAuctionMessagingSurround .paddingBtnReplyForward,
        .rfxQuestionnaireMessagesSurround .paddingBtnReplyForward {
            padding-top: 4px !important;
        }

        .proMessagesSurround .btnSend2Surround,
        .srgMessagingSurround .btnSend2Surround,
        .aucAuctionMessagingSurround .btnSend2Surround,
        .rfxQuestionnaireMessagesSurround .btnSend2Surround {
            padding-top: 5px !important;
        }

        .proMessagesSurround .paddingMobileMessage,
        .srgMessagingSurround .paddingMobileMessage,
        .aucAuctionMessagingSurround .paddingMobileMessage,
        .rfxQuestionnaireMessagesSurround .paddingMobileMessage {
            padding-top: 10px !important;
        }

        /*#endregion rfxQuestionnaireMessages/aucAuctionMessaging/proMessages/srgMessaging Pages End (KYLE)*/

        /*#region wrfTaskEdit Page (KYLE)*/

        .wrfTaskEditSurround .responsiveMobileLblMargin {
            margin-bottom: 5px !important;
        }

        .wrfTaskEditSurround .leftColumnPadding,
        .wrfTaskEditSurround .rightColumnPadding {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .wrfTaskEditSurround .mobilePaddingTxt {
            padding-left: 24px !important;
            padding-top: 5px !important;
        }

        .wrfTaskEditSurround .responsiveMobilePaddingLbl {
            padding-bottom: 5px !important;
        }

        /*#endregion wrfTaskEdit Page End (KYLE)*/

        /*#region aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages Start (KYLE)*/

        .AuctionProjectLinkSurround #ctl00_body_ucxAuctionProjectLink_popProjectLink_PW-1,
        .AuctionSupplierPreviewSurround #ctl00_body_ucxAuctionSupplierPreview_popAuctionSupplierPreview_PW-1 {
            margin-left: 5px !important;
        }

        .aucAuctionSetupSurround .rightColumnPadding {
            padding: 0px !important;
        }

        .AuctionBid2Surround .paddingLeftXs0,
        .aucAuctionAutoTrainerSurround .paddingLeftXs0 {
            padding-left: 0px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingLeftXs4 {
            padding-left: 4px !important;
        }

        .AuctionSupplierPreviewSurround .paddingDrp {
            padding-left: 6px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingLeftXs19 {
            padding-left: 19px !important;
        }

        .ViewAuctionCeilingsSurround .chkSurround {
            padding-left: 20px !important;
        }

        .aucHistoricAuctionSurround .responsivePaddingBtn {
            padding-left: 24px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingLeftXs29 {
            padding-left: 29px !important;
        }

        .CompanyToCompanyEventTransferSurround .ynPaddingLeft {
            padding-left: 120px !important;
        }

        .aucAuctionSetupSurround .mobileValidationPadding {
            padding-left: 148px !important;
        }

        .AuctionProjectLinkSurround .responsivePaddingTopXs2 {
            padding-top: 2px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingTopXs4 {
            padding-top: 4px !important;
        }

        .jpnAuctionBidStatusMultiSurround .keyPaddingMobile,
        .AuctionBid2Surround .paddingTopXs5,
        .aucAuctionAutoTrainerSurround .paddingTopXs5,
        .aucFutureLiveAuctionsSurround .btnDelaySurround {
            padding-top: 5px !important;
        }

        .AuctionSupplierPreviewSurround .paddingLbl {
            padding-bottom: 2px !important;
            padding-top: 0px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingBottomXs4 {
            padding-bottom: 4px !important;
        }

        .aucAuctionItemsAddSurround .leftColumnPadding {
            padding-bottom: 5px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingBottomXs8 {
            padding-bottom: 8px !important;
        }

        .aucAuctionSetupSurround .leftColumnPadding {
            padding: 0px 0px 5px 0px !important;
        }

        .aucHistoricAuctionSurround .paddingDrp {
            padding: 10px 24px 16px 24px !important;
        }

        .jpnAuctionBidAnalysisSurround .paddingTxtMobile {
            padding-left: 6px !important;
            padding-right: 6px !important;
            padding-bottom: 6px !important;
            padding-top: 2px !important;
        }

        .ImportItemSurround .responsivePaddingXs6 {
            padding-bottom: 6px !important;
            padding-left: 6px !important;
        }

        .jpnAuctionBidAnalysisSurround .paddingCountdown {
            padding-left: 6px !important;
            padding-top: 2px !important;
        }

        .aucAuctionItemsAddSurround .responsiveMobilePaddingLbl,
        .aucAuctionItemsSurround .responsiveMobilePaddingLbl,
        .aucAuctionSetupSurround .responsiveMobilePaddingLbl {
            padding-left: 10px !important;
            padding-bottom: 9px !important;
            padding-top: 4px !important;
        }

        .AuctionBid2Surround .paddingLeftXs12,
        .aucAuctionAutoTrainerSurround .paddingLeftXs12 {
            padding-left: 12px !important;
            padding-top: 8px !important;
        }

        .aucAuctionSupplierBidsSurround .paddingLeftXs15 {
            padding-left: 15px !important;
        }

        /*.aucAuctionSetupSurround .mobileSpinPadding {
        padding-left: 24px !important;
        padding-top: 4px !important;
    }*/

        .aucAuctionAutoTrainerSurround .paddingLeftXs28 {
            padding-left: 28px !important;
        }

        .AuctionBid2Surround .paddingLeftXs28 {
            padding-left: 28px !important;
            padding-top: 8px !important;
        }

        .ViewAuctionCeilingsSurround .paddingLbl {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .aucAuctionItemsAddSurround .responsiveMobilePaddingTxt {
            padding-left: 20px !important;
            padding-right: 0px !important;
            padding-bottom: 1px !important;
        }

        .aucAuctionItemsSurround .responsiveMobilePaddingTxt,
        .aucAuctionSetupSurround .responsiveMobilePaddingTxt {
            padding-left: 20px !important;
            padding-right: 20px !important;
            padding-bottom: 1px !important;
        }

        .AuctionBid2Surround .mobilePaddingTxt,
        .aucAuctionAutoTrainerSurround .mobilePaddingTxt {
            padding-left: 14px;
            padding-top: 6px !important;
            padding-bottom: 8px !important;
        }

        .aucAuctionSupplierAuctionDetailsSurround .responsiveMobilePaddingTxt {
            padding-left: 25px !important;
            padding-top: 10px !important;
            padding-bottom: 8px !important;
        }

        .aucAuctionSupplierAuctionDetailsSurround .responsiveMobilePaddingLbl,
        .aucAuctionSupplierAuctionDetailsSurround .responsiveMobilePaddingLbl {
            padding-left: 28px !important;
            padding-top: 8px !important;
            padding-bottom: 8px !important;
        }

        .jpnAuctionBidStatusMultiSurround .paddingPauseBtnMobile {
            padding-top: 20px !important;
            padding-bottom: 15px !important;
            float: right !important;
        }



        .aucHistoricAuctionSurround #ctl00_body_Calendar1_drpDay,
        .aucHistoricAuctionSurround #ctl00_body_Calendar2_drpDay,
        .aucAuctionSetupSurround #ctl00_body_calAuctionDate_drpDay,
        .aucAuctionSetupSurround #ctl00_body_timAuctionTime_cboHours,
        .aucAuctionSetupSurround #ctl00_body_timAuctionTime_cboMinutes,
        .aucAuctionSetupSurround #ctl00_body_durAuctionDuration_drpDays,
        .aucAuctionSetupSurround #ctl00_body_durAuctionDuration_drpHours,
        .aucAuctionSetupSurround #ctl00_body_durAuctionDuration_drpMinutes,
        .aucAuctionSetupSurround #ctl00_body_durExtension_drpHours,
        .aucAuctionSetupSurround #ctl00_body_durExtension_drpMinutes,
        .aucAuctionSetupSurround #ctl00_body_durSealedBids_drpHours,
        .aucAuctionSetupSurround #ctl00_body_durSealedBids_drpMinutes,
        .aucAuctionSetupSurround #ctl00_body_calProxyBidDate_drpDay,
        .aucAuctionSetupSurround #ctl00_body_drpHours {
            width: 51px !important;
        }

        .aucHistoricAuctionSurround #ctl00_body_Calendar1_drpYear,
        .aucHistoricAuctionSurround #ctl00_body_Calendar2_drpYear,
        .aucAuctionSetupSurround #ctl00_body_calAuctionDate_drpYear,
        .aucAuctionSetupSurround #ctl00_body_calProxyBidDate_drpYear {
            width: 65px !important;
        }

        .aucHistoricAuctionSurround #ctl00_body_Calendar1_drpMonth,
        .aucHistoricAuctionSurround #ctl00_body_Calendar2_drpMonth,
        .aucAuctionSetupSurround #ctl00_body_calAuctionDate_drpMonth,
        .aucAuctionSetupSurround #ctl00_body_calProxyBidDate_drpMonth {
            width: 97px !important;
        }

        .AuctionBid2Surround #newBidValue,
        .aucAuctionAutoTrainerSurround #newBidValue {
            width: 135px !important;
        }

        .AuctionProjectLinkSurround #ctl00_body_ucxAuctionProjectLink_popProjectLink_PW-1,
        .ImportItemSurround #ctl00_body_ucxImportItem_popImportFromExcel_PW-1,
        .ImportItemSurround #ctl00_body_ucxImportItem_popImportFromEvent_PW-1,
        .AuctionSupplierPreviewSurround #ctl00_body_ucxAuctionSupplierPreview_popAuctionSupplierPreview_PW-1,
        .CompanyToCompanyEventTransferSurround #ctl00_body_callbackPopulatePopup_ucxCompanyToCompanyEventTransfer_ASPxPopupControl1_PW-1,
        .CompanyToCompanyEventTransferSurround #ctl00_body_ucxCompanyToCompanyEventTransfer_ASPxPopupControl1_PW-1 {
            width: 320px !important;
        }

        .aucAuctionSupplierBidsSurround .messagingSurround .manageMessagingCheckBoxList td {
            width: 50%;
        }

        .aucAuctionItemsSurround .our-form-control {
            width: 50% !important;
        }

        .aucAuctionItemsSurround #ctl00_body_dxCallbackItemDetails_drpBasketDecimals {
            width: 52% !important;
        }

        .ViewAuctionCeilingsSurround .tblCeilingsSurround .our-form-control {
            width: 60% !important;
            height: 100% !important;
            vertical-align: top !important;
        }

        .aucAuctionItemsAddSurround .our-form-control {
            width: 93.75% !important;
        }

        .aucAuctionItemsAddSurround .dxeTextBox {
            width: 94% !important;
        }

        .aucAuctionSetupSurround .auctionAddBidTimePicker,
        .rfxQuestionnaireSummaryBuyerSurround .auctionAddBidTimePicker {
            width: 100% !important;
        }

        .aucAuctionAutoTrainerSurround #ctl00_body_rowMinBidQuantityCol1,
        .aucAuctionAutoTrainerSurround #ctl00_body_rowMinBidDecrementCol1,
        .aucAuctionAutoTrainerSurround .textCell {
            border-top: none;
        }

        .aucAuctionSupplierBidsSurround .auctionInfoContainer {
            border-top: 1px solid #d1d1d1;
        }

        .aucAuctionSupplierBidsSurround .auctionInfo4Cells {
            width: 100%;
            border-top: 0px;
        }

        .aucAuctionSupplierBidsSurround .hideMinBidQuality,
        .aucAuctionSupplierBidsSurround .showMinBidQuality {
            width: 100%;
            display: block;
            border-top: 0;
        }

        .jpnAuctionBidAnalysisSurround .textAlignXsLeft {
            text-align: left !important;
        }

        .jpnAuctionBidStatusMultiSurround .chkSurround span {
            float: left !important;
        }

        .jpnAuctionBidStatusMultiSurround .displayNoneMobile {
            display: none !important;
        }

        /*#endregion aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages End (KYLE)*/
        /*#region rfxQuestionnairesPotential/rfxQuestionnaireWizardTemplate/rfxQuestionnairesLiveFuture/rfxQuestionnairesHistoric/rfxQuestionnaireSectionTemplateCreator/rfxQuestionnaireSummaryBuyer/rfxQuestionnaireCopy/rfxQuestionnaireSummarySupplier/rfxQuestionnaireScoring/rfxQuestionnaireStatus/rfxQuestionnaireAddItem/rfxQuestionnaireItems/rfxQuestionnaireParticipantItems/rfxQuestionnaireQuestionsNotComplete/aucAuctionSuppliersSuppliersEmail/aucAuctionDelegateAdd/CompanyToCompanyEventTransfer/rfxQuestionnaireCompletionReport/rfxQuestionnaireAuditReport/rfxQuestionnaireAnswerReport/rfxQuestionnaireParticipantDocuments/X Pages Start (KYLE)*/

        .rfxQuestionnaireParticipantDocumentsSurround .lblSurround {
            margin-bottom: 0px !important;
        }

        .rfxQuestionnaireParticipantDocumentsSurround .divProgressTblSurround {
            padding-left: 0px !important;
        }

        .rfxQuestionnaireAddItemSurround .responsiveMobilePaddingLbl {
            padding-left: 10px !important;
        }

        .rfxQuestionnaireAddItemSurround .errorPadding {
            padding-left: 16px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .mandatoryLblPadding {
            padding-left: 18px !important;
        }

        .rfxQuestionnairesHistoricSurround .responsivePaddingBtn {
            padding-left: 24px !important;
        }

        .rfxQuestionnaireParticipantItemsSurround .paddingChk,
        .rfxQuestionnaireParticipantItemsSurround .paddingMobile {
            padding-left: 25px !important;
            padding-top: 8px !important;
        }

        .aucAuctionDelegateAddSurround .responsiveMobilePaddingLbl {
            padding-left: 4px !important;
            padding-bottom: 10px !important;
        }

        .rfxQuestionnaireItemsSurround .paddingLbl {
            padding-left: 5px !important;
            padding-bottom: 10px !important;
        }

        .rfxQuestionnaireParticipantItemsSurround .responsivePaddingTopSm3 {
            padding-top: 3px !important;
        }

        .rfxQuestionnaireParticipantDocumentsSurround .lblPercentSurround,
        .rfxQuestionnaireScoringSurround .txtPaddingTop {
            padding-top: 4px !important;
        }

        .rfxQuestionnaireParticipantItemsSurround .responsivePaddingTopSm8 {
            padding-top: 8px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireSettingsSurround .mobilePaddingLbl,
        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireNotesSurround .mobilePaddingLbl {
            padding-top: 12px !important;
        }

        .rfxQuestionnaireAddItemSurround .responsiveMobilePaddingTxt {
            padding-top: 10px !important;
            padding-bottom: 4px !important;
        }

        .aucAuctionDelegateAddSurround .responsiveMobilePaddingTxt {
            padding-bottom: 4px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireSettingsSurround .mobileBottomPadding {
            padding-bottom: 12px !important;
        }

        .rfxQuestionnaireSectionTemplateCreatorSurround .responsivePaddingCol {
            padding: 0px 8px 0px 8px !important;
        }

        .rfxQuestionnaireSummarySupplierSurround .responsiveMobilePadding2 {
            padding: 0px 24px 0px 24px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireDetailsSurround,
        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireSettingsSurround,
        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireNotesSurround {
            padding: 3px 0px 3px 0px !important;
        }

        .rfxQuestionnaireSummarySupplierSurround .responsiveMobilePadding1 {
            padding: 5px 24px 0px 24px !important;
        }

        .rfxQuestionnairesHistoricSurround .paddingDrp {
            padding: 10px 24px 8px 24px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .mobilePadding {
            padding: 10px 25px 0px 25px !important;
        }

        .rfxQuestionnaireScoringSurround #ctl00_body_drpSections {
            width: 99% !important;
        }

        .rfxQuestionnairesHistoricSurround #ctl00_body_Calendar1_drpDay,
        .rfxQuestionnairesHistoricSurround #ctl00_body_Calendar2_drpDay {
            width: 51px !important;
        }

        .rfxQuestionnairesHistoricSurround #ctl00_body_Calendar1_drpMonth,
        .rfxQuestionnairesHistoricSurround #ctl00_body_Calendar2_drpMonth {
            width: 97px !important;
        }

        .rfxQuestionnairesHistoricSurround #ctl00_body_Calendar1_drpYear,
        .rfxQuestionnairesHistoricSurround #ctl00_body_Calendar2_drpYear {
            width: 65px !important;
        }

        /*#endregion rfxQuestionnairesPotential/rfxQuestionnaireWizardTemplate/rfxQuestionnairesLiveFuture/rfxQuestionnairesHistoric/rfxQuestionnaireSectionTemplateCreator/rfxQuestionnaireSummaryBuyer/rfxQuestionnaireCopy/rfxQuestionnaireSummarySupplier/rfxQuestionnaireScoring/rfxQuestionnaireStatus/rfxQuestionnaireAddItem/rfxQuestionnaireItems/rfxQuestionnaireParticipantItems/rfxQuestionnaireQuestionsNotComplete/aucAuctionSuppliersSuppliersEmail/aucAuctionDelegateAdd/CompanyToCompanyEventTransfer/rfxQuestionnaireCompletionReport/rfxQuestionnaireAuditReport/rfxQuestionnaireAnswerReport/rfxQuestionnaireParticipantDocuments/X Pages End (KYLE)*/
        /*#region srgTemplates/srgTemplateSummary Pages Start (KYLE)*/
        .srgTemplateSummarySurround .mobilePadding {
            padding: 10px 22px 0px 22px !important;
        }

        /*#endregion srgTemplates/srgTemplateSummary Pages End (KYLE)*/

        /*#region manCompanyAppFeatures/manTeamFeatures/manAppFeatures Start (JESSICA)*/

        .manTeamFeaturesSurround .responsiveMobilePaddingTxt {
            padding-left: 0px !important;
        }

        .manTeamFeaturesSurround .additionalLineHeight {
            line-height: 15px;
        }

        .manAppFeaturesSurround .appFeatureKeySurround {
            text-align: left;
            padding: 0px !important;
        }

        .manCompanyAppFeaturesSurround .leftFloat,
        .manTeamFeaturesSurround .leftFloat {
            float: left !important;
        }

        .manCompanyAppFeaturesSurround .marginBottomMobile,
        .manTeamFeaturesSurround .marginBottomMobile {
            margin-bottom: 10px;
        }

        /*#endregion manCompanyAppFeatures/manTeamFeatures/manAppFeatures End (JESSICA)*/

        /*#region ctlDatabasePerformanceSurround/srgSupplierImport Pages Start (KYLE)*/

        .ctlDatabasePerformanceSurround .responsivePaddingTxt {
            padding: 0px 4px 0px 4px !important;
        }

        /*#endregion ctlDatabasePerformanceSurround/srgSupplierImport Pages End (KYLE)*/

        /*#region manAppFeatures/srgDataExport Pages Start (KYLE)*/

        .srgDataExportSurround .lineWidth {
            width: 98% !important;
        }

        .manAppFeaturesSurround .rightPaddingBtn {
            padding-right: 35px !important;
        }

        .manAppFeaturesSurround .topMarginDrp1 {
            margin-top: 4px !important;
        }

        .manAppFeaturesSurround .leftPaddingLbl2 {
            padding-left: 20px !important;
        }

        .manAppFeaturesSurround .leftFloat {
            float: left !important;
        }

        .manAppFeaturesSurround .keyPadding {
            padding-left: 8px !important;
        }

        .manAppFeaturesSurround .paddingOnlyMobile {
            margin-bottom: 0px !important;
        }

        .manAppFeaturesSurround .leftPaddingLbl {
            padding-left: 8px !important;
        }

        /*#endregion manAppFeatures/srgDataExport Pages End (KYLE)*/

        /*#region manCurrencyTypes/manLists Pages Start (KYLE)*/

        .manListsSurround .topMarginFup {
            margin-top: 2px !important;
        }

        .manCurrencyTypesSurround .paddingTxt {
            padding: 0px 12px 0px 12px !important;
        }

        .manCurrencyTypesSurround .leftPadding {
            padding-left: 16px !important;
        }

        .manCurrencyTypesSurround .topMarginBtn {
            margin-top: -16px !important;
        }

        .manCurrencyTypesSurround .topMarginValidation {
            margin-top: -14px !important;
        }

        /*#endregion manCurrencyTypes/manLists Pages End (KYLE)*/

        /*#region manBuyerCompanies/manTeamFeatures Pages Start (KYLE)*/

        .manTeamFeaturesSurround .leftMargin2 {
            margin-left: 5px !important;
        }

        .manTeamFeaturesSurround .bottomMargin {
            margin-bottom: 8px !important;
        }

        .manTeamFeaturesSurround .leftMargin {
            margin-left: 12px !important;
        }

        .manTeamFeaturesSurround .leftFloat {
            float: left;
        }

        /*#endregion manBuyerCompanies/manTeamFeatures Pages End (KYLE)*/

        /*#region manCompanyEmails/manCompanyInterfaces Pages Start (KYLE)*/

        .manCompanyInterfacesSurround .txtAlign {
            padding-left: 8px !important;
            padding-right: 0px !important;
        }

        .manCompanyEmailsSurround .infoAlign {
            float: none;
        }

        .manCompanyInterfacesSurround .divSodexoEVARSurround input[type="checkbox"] {
            margin: 0px 0px 0px 2px !important;
        }

        .manCompanyInterfacesSurround .hrResponsive,
        .manCompanyArcusConnectSurround .hrResponsive {
            margin-top: 0px;
            margin-bottom: 5px;
        }

        .manCompanyInterfacesSurround .txtTopMargin2 {
            margin-top: -3px !important;
        }

        /*#endregion manCompanyEmails/manCompanyInterfaces Pages End (KYLE)*/

        /*#region manUser/manCompany Pages Start (KYLE)*/

        .manUserSurround .userDetailsSurround {
            padding-right: 0px !important;
        }

        .manUserSurround .txtNoPadding {
            padding: 0px !important;
        }

        .manUserSurround .infoFloat {
            float: none;
        }

        .manCompanySurround .companyTypeHeight {
            height: 24px !important;
        }

        .manCompanySurround .lblDisplayCompanyTypeMargin,
        .manUserSurround .txtSecondaryTelephoneSurround,
        .manUserSurround .chkSurround,
        .manCompanySurround .lblDisplayCompanyTypeSurround,
        .manCompanySurround .ddlLoginTypesSurround,
        .manCompanySurround .emailSettingsDoubleLine,
        .manCompanySurround .passwordSettingsDoubleLine,
        .manCompanySurround .passwordSettingsTripleLine {
            margin-top: 0px !important;
        }

        .manCompanySurround .expiryRadioButtonSurround,
        .manCompanySurround .responsiveRadioButtonSurround {
            margin-top: -2px !important;
            margin-bottom: -6px !important;
        }

        .manCompanySurround .rdoAllowUserTimeZoneSurround {
            margin-top: 4px !important;
        }

        .manCompanySurround .drpdwnEmailDocsSurround {
            margin-top: 6px !important;
        }

        .manCompanySurround .extraPadding {
            padding-right: 15px !important;
            padding-top: 10px;
        }

        .manCompanySurround .noPaddingLeft,
        .manCompanySurround .grid2Padding {
            padding-left: 15px !important;
        }

        .manCompanySurround .grid1Padding {
            padding-right: 15px !important;
        }

        .manCompanySurround .lblPasswordReminderSurround {
            height: 8px !important;
        }

        .manUserSurround .lblAlign {
            margin-left: -6px !important;
        }

        .manCompanySurround .marginTopMobile {
            margin-top: 5px;
        }

        /*#endregion manUser/manCompany Pages End (KYLE)*/

        /*#region Management/eRFX/Auction/SIM/Workflow Start (Paul)*/

        /*#region Targetted Pages*/

        /*
    manTeams/manRoles/manUsers/manSupplierCompanies/manCategories/manCompanyAppFeatures/manDocuments/manDocumentEdit
    ctlQueryPerformance/toolCreateNewEvent/rfxQuestionnaireWizard/rfxQuestionnaireWizardgateway/
    rfxCreateNewQuestionnaire/rfxQuestionnaireWizardHistoric/rfxQuestionnaireQuestions/rfxQuestionnaireParticipants/rfxQuestionnaireInviteUser/rfxQuestionnaireParticipantView
    aucAuctionSuppliers/aucAuctionSpectators/aucAuctionDocuments/aucAuctionBidChart/aucAuctionBidAnalysis/aucAuctionBidStatus/aucAuctionBidBreakdown/aucAuctionSupplierBids/toolCreateNewEvent/
    srgWizWelcome/rfxQuestionnaireAuditReport/srfWizNewsletter/srgWizFreeTextSearch/srgBuyerSupplierDetails/srgBuyerSupplierAnswers/QuestionnaireDetailFormSupplier/srgSupplierUpdateUnlockedManual
    */

        /*#endregion Targetted Pages*/
        .wrfReportsSurround .simWorkflowEditForm label {
            display: contents;
            margin-left: 0px;
        }

        .proItemsSurround .displayTabletOnly {
            display: block;
        }

        .proItemsSurround .drpTeamsStyling .genericResponsiveControl {
            width: calc(100% - 470px);
        }

        .proItemsSurround .workflowTimeDDLContainer .genericResponsiveControl {
            width: calc(50% - 120px);
        }

        .srgBuyerSupplierDetailsSurround .resetPasswordLink {
            text-align: right;
            left: -5px;
            top: 15px;
        }

        .srgWizWelcomeSurround #Captivate {
            height: auto !important;
        }

        .wrfReportsSurround .wrfReportsEditNameContainer label {
            width: 70px;
        }

        .srgWizNewsletterSurround .responsiveTextBoxSurround .dxeButtonEdit {
            width: 295px;
        }

        .wrfRolesSurround .newRoleStyling,
        .wrfRolesSurround .newRoleButtonsContainer {
            width: 100%
        }

        .srgWizWelcomeSurround .simLockBox {
            width: 100%;
            margin-top: 5px;
        }

        .rfxCreateNewQuestionnaireSurround .eRFXTemplateSelectorSurround .dxpc-mainDiv,
        .proItemsSurround .eRFXTemplateSelectorSurround .dxpc-mainDiv,
        .proItemsSurround .AuctionTemplateSelectorSurround .dxpc-mainDiv {
            width: 750px !important;
            left: calc(50% - 375px) !important;
        }

        .aucAuctionBidStatusSurround .auctionTableHeadingNoLeftBorderTablet,
        .proItemsSurround .workflowTimeDDLContainer {
            border-left: none !important;
        }

        .aucAuctionBidStatusSurround .auctionTableHeadingLeftBorderTablet {
            border: 1px solid #d1d1d1;
        }

        .aucAuctionSuppliersSurround .divContentContainer,
        .proSummarySurround .divContentContainer,
        .proSuppliersSurround .divContentContainer,
        .rfxQuestionnaireQuestionsSurround .SectionPreviewSurround > .dxpc-mainDiv,
        .rfxQuestionnaireQuestionsSurround .wizardPopupContainer .dxpc-mainDiv,
        .rfxQuestionnaireParticipantsSurround .divContentContainer,
        .spmSuppliersSurround .divContentContainer {
            width: 741px !important;
            left: calc(50vw - 372px) !important;
        }

        .srgBuyerSupplierDetailsSurround .SIMManualQuestionUnlockSurround .manualQuestionUnlock {
            width: 100% !important;
            left: 0 !important;
        }

        .aucAuctionSuppliersSurround .auctionWelcome > h1,
        .aucAuctionSpectatorsSurround .auctionWelcome > h1,
        .aucAuctionDocumentsSurround .auctionWelcome h1 {
            font-size: 26px;
        }

        .aucAuctionSetupSurround .mobileSpinPadding {
            padding-top: 4px;
        }

        .rfxQuestionnaireQuestionsSurround .buttonAlignment {
            padding-left: 30px;
            padding-right: 30px;
        }

        .wrfReportsSurround .simWorkflowEditForm input,
        .wrfReportsSurround .simWorkflowEditForm span {
            margin-right: 5px;
        }

        .proItemsSurround .workflowTimeDDLContainer span {
            margin-right: 108px;
        }

        .rfxQuestionnaireParticipantsSurround .marginBottomTablet,
        .aucAuctionSuppliersSurround .marginBottomTablet,
        .wrfRolesSurround .marginBottomTablet {
            margin-bottom: 10px;
        }

        .rfxCreateNewQuestionnaireSurround .rfxWizHeaderTop,
        .rfxQuestionnaireQuestionsSurround .rfxWizHeaderTop,
        .rfxQuestionnaireParticipantsSurround .rfxWizHeaderTop,
        .rfxQuestionnaireInviteUserSurround .rfxWizHeaderTop {
            height: 48px;
        }

        .rfxCreateNewQuestionnaireSurround .rfxWizHeaderTitle,
        .rfxQuestionnaireQuestionsSurround .rfxWizHeaderTitle,
        .rfxQuestionnaireParticipantsSurround .rfxWizHeaderTitle,
        .rfxQuestionnaireInviteUserSurround .rfxWizHeaderTitle {
            margin-top: 10px;
        }

            .rfxCreateNewQuestionnaireSurround .rfxWizHeaderTitle > span,
            .rfxQuestionnaireQuestionsSurround .rfxWizHeaderTitle > span,
            .rfxQuestionnaireParticipantsSurround .rfxWizHeaderTitle > span,
            .rfxQuestionnaireInviteUserSurround .rfxWizHeaderTitle > span {
                font-size: 12px;
            }

        .rfxCreateNewQuestionnaireSurround .displayInLaptopMobile {
            display: none;
        }

        .ctlQueryPerformanceSurround .displayInTablet,
        .ctlDatabasePerformanceSurround .displayInTablet,
        .rfxQuestionnaireWizardgatewaySurround .displayInTablet,
        .rfxCreateNewQuestionnaireSurround .displayInTablet,
        .rfxQuestionnaireWizardHistoricSurround .displayInTablet,
        .wrfRolesSurround .filterBySystemCBContainer td,
        .wrfRolesSurround #chkWorkflowRoleFilterTeam tbody tr .dxe table tbody tr td:not(.dxichTextCellSys),
        .wrfRolesSurround #chkWorkflowRoleFilterRole tbody tr .dxe table tbody tr td:not(.dxichTextCellSys),
        .wrfRolesSurround .CCheckbox td {
            display: block !important;
        }

        .ctlQueryPerformanceSurround .noPaddingTablet,
        .ctlDatabasePerformanceSurround .noPaddingTablet,
        .srgBuyerSupplierDetailsSurround .supplierLabelContainer {
            padding: 0px !important;
        }

        .rfxCreateNewQuestionnaireSurround .paddingLeft,
        .rfxCreateNewQuestionnaireSurround .paddingRight {
            padding: 0px 0px 5px 0px
        }

        .ctlQueryPerformanceSurround .floatButtonRightContainer > div,
        .ctlDatabasePerformanceSurround .floatButtonRightContainer > div {
            padding-right: 0px !important;
        }

        .ctlQueryPerformanceSurround .ctlResponsivePadding {
            padding-left: 60px;
        }

        .rfxCreateNewQuestionnaireSurround .rowPadding {
            padding-bottom: 10px;
        }

        .srgBuyerSupplierDetailsSurround .noPaddingDesktop {
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .ctlQueryPerformanceSurround .responsiveTextContainer span,
        .ctlDatabasePerformanceSurround .responsiveTextContainer span {
            float: none;
        }

        .manCompanyAppFeaturesSurround .appFeaturesInformationBubble {
            float: left;
        }

        .rfxCreateNewQuestionnaireSurround .auctionAddBidTimePicker {
            float: right;
        }

        .ctlQueryPerformanceSurround .DDLPositioningA .dxeButtonEdit {
            right: -5px !important;
        }


        .manDocumentEditSurround .DocumentEditControlsContainer {
            margin: 0px;
        }

        .manCategoriesSurround .categoryNewNameLabelSurround, .manCategoriesSurround .categoryNewDescriptionLabelSurround {
            position: relative;
            top: 0px;
        }

        /*#endregion Management/eRFX/Auction/SIM/Workflow END (Paul)*/



        .myTasksDropDownMobile {
            float: right !important;
            text-align: left;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }

        .paddingOnlyMobile {
            padding: 0px !important;
            margin-bottom: 10px;
        }

        .workflowDashboardLinkDesktop {
            width: 100%;
            float: none;
        }

        .dashboardContainerImage, .dashboardContainerText, .dashboardContainerGraphic {
            display: block;
            width: 100%;
            text-align: center;
        }

        .breakLine {
            display: none;
        }

        .dashboardContainerText {
            padding-bottom: 5px;
        }

        .dashboardContainerTableWithPadding {
            width: 100% !important;
        }

        .hideTextOnMobile span.dx-vam {
            display: none !important;
        }

        .hideTextOnMobile img.dx-vam {
            margin-right: 0 !important;
        }

        #FooterContainer .dxeButtonEdit {
            height: 26px !important;
            margin-top: 4px !important;
        }
    }


    /*----------------------------------------------------------------------------
    DevExpress Page Tabs                          
----------------------------------------------------------------------------*/

    #TopNavContainer, .scrollNavContainer {
        position: fixed;
        top: 26px;
        width: calc(100% - 290px);
    }

    @media (max-width: 767px) {
        #TopNavContainer, .scrollNavContainer {
            width: calc(100% - 40px);
        }

        #TopNavContainer, .sb-sidenav-toggled .scrollNavContainer {
            width: calc(100% - 40px);
        }
    }

    .scrollNavContainer {
        top: 50px;
        height: 32px;
        z-index: 500;
        margin-left: -1px;
        border-bottom: none !important;
    }

    .CPageTab {
        width: 100% !important;
    }

    #tabs {
        display: none !important;
    }


    .dxSectionTabsScrollBtn {
        width: 100% !important;
        background: transparent;
        border: none !important;
        height: 30px !important;
        padding: 11px 12px 0 11px !important;
        margin: 0px !important;
    }



    @media (max-width: 767px) {

        .rfxWizSelectTemplateViewButton {
            margin-bottom: 15px;
        }

        /*#region NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages Start (KYLE)*/

        .homepageSurround .paddingLeftXl45 {
            padding-left: 45px !important;
        }

        .homepageSurround .widthXs99,
        #divMVButtonSurround .widthXs99 {
            width: 99% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        .homepageSurround .widgetBtnSurround,
        .aaDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 58px !important;
        }

        .loginSurround .textAlignXsCenter {
            text-align: center !important;
        }

        .WRFReportClose {
            float: none !important;
        }

        /*#endregion NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages End (KYLE)*/

        /*#region spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages Start (KYLE)*/

        .spmScorersSurround .marginAddViewBtn,
        .spmScorersSurround .marginRemoveBtn {
            margin-top: 5px !important;
        }

        .spmScorersSurround .groupPaddingBtn {
            margin-top: 5px !important;
            margin-left: 13px !important;
        }

        .spmScorersSurround .groupPaddingDrp {
            padding-left: 13px !important;
            padding-right: 13px !important;
            padding-top: 6px !important;
        }

        .spmScorersSurround .responsivePaddingLeftXs10 {
            padding-left: 10px !important;
        }

        .spmScorersSurround .responsivePaddingBottomXs2 {
            padding-bottom: 2px !important;
        }

        .spmDashboardSurround .widthXs99 {
            width: 99% !important;
            margin: 4px !important;
            text-align: left !important;
        }

        .spmDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 58px !important;
        }

        /*#endregion spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages End (KYLE)*/

        /*#region proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages Start (KYLE)*/

        .proSuppliersSurround .paddingLeftXs0 {
            padding-left: 0px !important;
        }

        .proSummarySurround .paddingLeftXs5 {
            padding-left: 5px !important;
        }

        .proDetailsSurround .paddingLRXs20 {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }

        .proDetailsSurround .paddingTBXs6 {
            padding-top: 6px !important;
            padding-bottom: 6px !important;
        }

        .wrfSummarySurround .our-form-control {
            width: 87% !important;
        }

        .proSummarySurround .proSummaryDetailsTable .dxeButtonEdit,
        .proSummarySurround .proSummaryDetailsTable .our-form-control {
            width: 97%;
        }

        .proProjectImportSurround #ctl00_body_lstDetails {
            width: 99% !important;
        }

        .proDashboardSurround .widthXs99 {
            width: 99% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        .proDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 58px !important;
        }

        .proSummarySurround .CListPadRight25 td {
            text-align: left;
            padding-right: 5px;
        }

        .proSummarySurround .completionKeySurround {
            display: inline-block !important;
        }

        .proProjectSummaryReportSurroundFooter {
            min-height: 80px !important;
        }


        /*#endregion proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages End (KYLE)*/
        /*#region srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages Start (KYLE)*/
        .srgSupplierUpdateAutoUnlockedSurround .paddingLeftXs0,
        .srgSupplierCategorySurround .paddingLeftXs0,
        .srgSupplierCategoriesSurround .paddingLeftXs0,
        .srgSupplierSupplierDetailsSurround .paddingLeftXs0,
        .srgWizConfigurationSurround .popSurround .paddingLeftXs0,
        .srgWizGeneralQuestionnaireSurround .paddingLeftXs0,
        .QuestionnaireLanguageImportExportSurround .paddingLeftXs0,
        .srgWizCategoriesSurround .paddingLeftXs0,
        .srgWizImportSuppliersSurround .paddingLeftXs0 {
            padding-left: 0px !important;
        }

        .srgWizGeneralQuestionnaireSurround .noPaddingPopupMobile,
        .srgWizCategoriesSurround .noPaddingPopupMobile {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .srgSupplierUpdateAutoUnlockedSurround .paddingLeftXs2,
        .srgSupplierInviteSurround .paddingLeftXs2,
        .srgSupplierCategorySurround .paddingLeftXs2,
        .srgSupplierCategoriesSurround .paddingLeftXs2,
        .srgSupplierSupplierDetailsSurround .paddingLeftXs2,
        .srgWizConfigurationSurround .paddingLeftXs2,
        .srgWizGeneralQuestionnaireSurround .paddingLeftXs2,
        .QuestionnaireLanguageImportExportSurround .paddingLeftXs2,
        .srgWizImportSuppliersSurround .paddingLeftXs2,
        .srgWizReviewAndPublishSurround .paddingLeftXs2,
        .srgWizCategoriesSurround .paddingLeftXs2 {
            padding-left: 2px !important;
        }

        .srgWizCategoriesSurround .paddingLeftXs5,
        .srgWizGeneralQuestionnaireSurround .paddingLeftXs5 {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        .srgWizCategoriesSurround .dxeErrorFrame {
            padding-left: 5px !important;
        }

        .srgWizGeneralQuestionnaireSurround .paddingLeftXs5,
        .srgWizCategoriesSurround .paddingLeftXs5,
        .srgWizImportSuppliersSurround .paddingLeftXs5 {
            padding-left: 5px !important;
            padding-right: 5px !important;
        }

        .srgWizCategoriesSurround .responsivePaddingLeftXs12 {
            padding-left: 12px !important;
        }

        .srgSupplierUpdateAutoUnlockedSurround .paddingRightXs0,
        .srgSupplierInviteSurround .paddingRightXs0,
        .srgSupplierCategorySurround .paddingRightXs0,
        .srgSupplierCategoriesSurround .paddingRightXs0,
        .srgSupplierSupplierDetailsSurround .paddingRightXs0,
        .srgWizConfigurationSurround .paddingRightXs0,
        .srgWizGeneralQuestionnaireSurround .paddingRightXs0,
        .QuestionnaireLanguageImportExportSurround .paddingRightXs0,
        .srgWizReviewAndPublishSurround .paddingRightXs0,
        .srgWizCategoriesSurround .paddingRightXs0,
        .srgWizImportSuppliersSurround .paddingRightXs0 {
            padding-right: 0px !important;
        }

        .srgSupplierUpdateAutoUnlockedSurround .paddingRightXs2,
        .srgSupplierCategorySurround .paddingRightXs2,
        .srgSupplierCategoriesSurround .paddingRightXs2,
        .srgSupplierSupplierDetailsSurround .paddingRightXs2,
        .srgWizConfigurationSurround .paddingRightXs2,
        .srgWizGeneralQuestionnaireSurround .paddingRightXs2,
        .QuestionnaireLanguageImportExportSurround .paddingRightXs2,
        .srgWizImportSuppliersSurround .paddingRightXs2,
        .srgWizReviewAndPublishSurround .paddingRightXs2,
        .srgWizCategoriesSurround .paddingRightXs2 {
            padding-right: 2px !important;
        }

        .srgWizGeneralQuestionnaireSurround .paddingTopXs8,
        .srgWizCategoriesSurround .paddingTopXs8 {
            padding-top: 8px !important;
        }

        .srgWizCategoriesSurround .paddingTopXs10 {
            padding-top: 10px !important;
        }

        .srgWizCategoriesSurround .paddingTopXs12 {
            padding-top: 12px !important;
        }

        .srgWizCategoriesSurround .paddingTopXs18 {
            padding-top: 18px !important;
        }

        .srgWizGeneralQuestionnaireSurround .paddingBottomXs4,
        .srgWizCategoriesSurround .paddingBottomXs4,
        .srgWizImportSuppliersSurround .paddingBottomXs4 {
            padding-bottom: 4px !important;
        }

        .srgWizGeneralQuestionnaireSurround .srgWizSelectTemplateIcon,
        .srgWizCategoriesSurround .srgWizSelectTemplateIcon {
            margin-left: 0px !important;
        }

        .srgWizCategoriesSurround .renameIconSurround .srgWizSelectTemplateIcon {
            margin-top: 0px !important;
        }

        .srgWizCategoriesSurround .blankQuestionnaireIconSurround .srgWizSelectTemplateIcon {
            margin-top: 5px !important;
            margin-bottom: 0px !important;
        }

        .srgWizGeneralQuestionnaireSurround .templatesIconSurround .srgWizSelectTemplateIcon,
        .srgWizCategoriesSurround .templatesIconSurround .srgWizSelectTemplateIcon {
            margin-top: 14px !important;
            margin-bottom: 0px !important;
        }

        .srgSupplierUpdateAutoUnlockedSurround #ctl00_body_popSubmit_PW-1,
        .QuestionnaireDocumentSummarySurround #ctl00_body_popUpElectronicSignatureError_PW-1,
        .srgSupplierInviteSurround #ctl00_body_popDetailsSaved_PW-1,
        .srgSupplierCategorySurround #ctl00_body_popProgress_PW-1,
        .srgSupplierReviewAndSubmitSurround #ctl00_body_popProgress_PW-1,
        .srgSupplierReviewAndSubmitSurround #ctl00_body_popSubmitWarning_PW-1,
        .srgSupplierCategoriesSurround #ctl00_body_popProgress_PW-1,
        .srgSupplierSupplierDetailsSurround #ctl00_body_popProgress_PW-1,
        .srgWizGeneralQuestionnaireSurround #ctl00_body_popTemplates_PW-1,
        .srgWizGeneralQuestionnaireSurround #ctl00_body_popupDeleteQuestionnaire_PW-1,
        .srgWizImportSuppliersSurround #ctl00_body_popImportSIMSuppliers_PW-1,
        .srgWizImportSuppliersSurround #ctl00_body_popupConfirmExport_PW-1,
        .srgWizReviewAndPublishSurround #ctl00_body_popupContactEmailValidation_PW-1,
        .srgWizReviewAndPublishSurround #ctl00_body_popupConfirmPublish_PW-1,
        .srgWizCategoriesSurround #ctl00_body_popTemplates_PW-1,
        .srgWizCategoriesSurround #ctl00_body_popupCreateBlankCategoryQuestionnaire_PW-1,
        .srgWizCategoriesSurround #ctl00_body_popupRenameQuestionnaire_PW-1,
        .srgWizCategoriesSurround #ctl00_body_popupDeleteQuestionnaire_PW-1,
        .srgWizConfigurationSurround #ctl00_body_popManualValidation_PW-1 {
            width: 320px !important;
        }

        .srgSupplierWelcomeScreenSurround .widthXs50 {
            width: 50% !important;
        }

        .srgSupplierInviteSurround .passwordStrengthDiv,
        .srgSupplierInviteSurround .our-form-control {
            width: 94% !important;
        }

        .srgDashboardSurround .widthXs99 {
            width: 99% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        .srgSupplierUpdateAutoUnlockedSurround .widthXs100,
        .srgSupplierInviteSurround .widthXs100,
        .srgSupplierCategorySurround .widthXs100,
        .srgSupplierReviewAndSubmitSurround .widthXs100,
        .srgSupplierCategoriesSurround .widthXs100,
        .srgSupplierSupplierDetailsSurround .widthXs100,
        .srgWizConfigurationSurround .widthXs100,
        .srgWizGeneralQuestionnaireSurround .widthXs100,
        .QuestionnaireLanguageImportExportSurround .widthXs100,
        .srgWizReviewAndPublishSurround .widthXs100,
        .srgWizCategoriesSurround .widthXs100 {
            width: 100% !important;
        }

        .srgWizImportSuppliersSurround .widthXs100 {
            width: 100% !important;
            margin: 0px !important;
        }

        .srgWizGeneralQuestionnaireSurround .textAlignXsCenter,
        .srgWizCategoriesSurround .textAlignXsCenter {
            text-align: center;
        }

        .srgDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 58px !important;
        }

        .QuestionnaireDetailFormSupplierSurround .CSeparator {
            display: none !important;
        }

        .QuestionnaireDetailFormSupplierSurround .displayFieldLabel {
            display: block !important;
        }

        /*#endregion srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages End (KYLE)*/
        /*#region aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages Start (KYLE)*/
        .aucAuctionReportSummarySurround .bidChartSurround img {
            height: 100% !important;
            width: 100% !important;
        }

        /*#endregion aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages End (KYLE)*/

        /*#region aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages Start (KYLE)*/

        .manEventsSurround .dxchartsuiCrosshairVLine {
            display: none;
        }

        .aucAuctionItemsAddSurround .itemCellReferencePadding {
            padding-right: 10px !important;
        }

        .ViewAuctionCeilingsSurround .itemNameWidth {
            min-width: 95px !important;
            max-width: 95px !important;
        }

        .aucAuctionItemsSurround #ctl00_body_ucxViewAuctionCeilings_ucxViewCeilings_divContent {
            width: 320px !important;
        }

        .aucAuctionItemsAddSurround .our-form-control {
            width: 84.75% !important;
        }

        .aucAuctionItemsAddSurround .dxeTextBox {
            width: 85% !important;
        }

        .manEventsSurround .responsiveGraph img {
            width: 100%;
        }

        .manEventsSurround .responsiveGraph {
            width: 100% !important;
            height: auto !important;
        }

        /* .manEventSurround #ctl00$body$ctl00$chartQuestionGroups_CHV-0 {
        height: auto !important;
    }*/

        /*#endregion aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages End (KYLE)*/

        /*#region rfxQuestionnaireMessages/aucAuctionMessaging/proMessages/srgMessaging Pages Start (KYLE)*/

        .proMessagesSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList,
        .srgMessagingSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList,
        .aucAuctionMessagingSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList,
        .rfxQuestionnaireMessagesSurround #ctl00_body_ucxEventMessaging2_ddlNewFromSenderList {
            width: 92% !important;
        }

        /*#endregion rfxQuestionnaireMessages/aucAuctionMessaging/proMessages/srgMessaging Pages End (KYLE)*/

        /*#region manUser/manCompany Pages Start (KYLE)*/
        .manUserSurround .userTeamCheckBoxes td {
            display: block !important;
        }

        .manCompanySurround .colorEditControl {
            width: calc(95% - 30px) !important;
        }

        .manCompanySurround .paddingBtnUpdateTheme {
            padding-right: calc(5% + 1px) !important;
        }

        /*#endregion manUser/manCompany Pages End (KYLE)*/

        /*#region Management/eRFX/Auction/SIM/Workflow Start (Paul)*/

        /*#region Targetted Pages*/

        /*
    manTeams/manRoles/manUsers/manSupplierCompanies/manCategories/manCompanyAppFeatures/manDocuments/manDocumentEdit
    ctlQueryPerformance/toolCreateNewEvent/rfxQuestionnaireWizard/rfxQuestionnaireWizardgateway/
    rfxCreateNewQuestionnaire/rfxQuestionnaireWizardHistoric/rfxQuestionnaireQuestions/rfxQuestionnaireParticipants/rfxQuestionnaireInviteUser/rfxQuestionnaireParticipantView
    aucAuctionSuppliers/aucAuctionSpectators/aucAuctionDocuments/aucAuctionBidChart/aucAuctionBidAnalysis/aucAuctionBidStatus/aucAuctionBidBreakdown/aucAuctionSupplierBids/toolCreateNewEvent/
    srgWizWelcome/rfxQuestionnaireAuditReport/srfWizNewsletter/srgWizFreeTextSearch/srgBuyerSupplierDetails/srgBuyerSupplierAnswers/QuestionnaireDetailFormSupplier/srgSupplierUpdateUnlockedManual
    */

        /*#endregion Targetted Pages*/

        .aucAuctionSpectatorsSurround .supplierSelectionContainer .supplierLabelContainer,
        .aucAuctionSuppliersSurround .supplierSelectionContainer .supplierLabelContainer,
        .proSummarySurround .supplierSelectionContainer .supplierLabelContainer,
        .proSuppliersSurround .supplierSelectionContainer .supplierLabelContainer,
        .QuestionnaireQueryReportAccessSurround .supplierLabelContainer,
        .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .supplierLabelContainer,
        .rfxQuestionnaireParticipantItemsSurround .supplierSelectionContainer .supplierLabelContainer,
        .scrScoreCardSetupSurround .supplierSelectionContainer .supplierLabelContainer,
        .spmScorersSurround .supplierSelectionContainer .supplierLabelContainer,
        .spmSuppliersSurround .supplierSelectionContainer .supplierLabelContainer,
        .srgWizNewsletterSurround .supplierSelectionContainer .supplierLabelContainer,
        .srgWizNewsletterSurround .padlockStyling,
        .srgWizNewsletterSurround .responsiveTextBoxSurround,
        .srgWizWelcomeSurround .responsiveTextArea,
        .proItemsSurround .addItemsLabelContainer,
        .proItemsSurround .drpTeamsStyling label,
        .proItemsSurround .dateTimePicker div,
        .wrfTasksSurround .wrfButtonContainer,
        .wrfTasksSurround .wrfButtonContainer .dxbButton,
        .proItemsSurround .eRFXTemplateSelectorSurround .txtERFXSearchContainer .dxeTextBox,
        .rfxCreateNewQuestionnaireSurround .eRFXTemplateSelectorSurround .txtERFXSearchContainer .dxeTextBox,
        .proItemsSurround .AuctionTemplateSelectorSurround .txtAuctionSearchContainer .dxeTextBox,
        .wrfReportsSurround .wrfReportsEditDescriptionContainer,
        .wrfReportsSurround .wrfReportsEditNameContainer,
        .wrfFormsSurround .childForms,
        .wrfFormsSurround .selectedQuestionsDDL table,
        .proSummarySurround .ganttKeyBox,
        .GanttChartFullScreenSurround .ganttKeyBox,
        .wrfRolesSurround .calcWidthMobileOnlyContainer,
        .wrfTasksSurround .addConfigCheckboxContainer td {
            width: 100% !important;
        }

        .wrfRolesSurround .maxWidthMobile {
            width: 100% !important;
            min-width: 100% !important;
        }

        .aucAuctionSpectatorsSurround .supplierSelectionContainer .supplierSelectionHr,
        .aucAuctionSuppliersSurround .supplierSelectionContainer .supplierSelectionHr,
        .proSummarySurround .supplierSelectionContainer .supplierSelectionHr,
        .proSuppliersSurround .supplierSelectionContainer .supplierSelectionHr,
        .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .supplierSelectionHr,
        .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .supplierSelectionHr,
        .rfxQuestionnaireParticipantItemsSurround .supplierSelectionContainer .supplierSelectionHr,
        .scrScoreCardSetupSurround .supplierSelectionContainer .supplierSelectionHr,
        .spmScorersSurround .supplierSelectionContainer .supplierSelectionHr,
        .spmSuppliersSurround .supplierSelectionContainer .supplierSelectionHr,
        .srgWizNewsletterSurround .supplierSelectionContainer .supplierSelectionHr {
            width: 100%;
            min-width: 0px;
        }

        .aucAuctionSpectatorsSurround .supplierSelectionContainer .supplierSelectionComboBox,
        .aucAuctionSuppliersSurround .supplierSelectionContainer .supplierSelectionComboBox,
        .proSummarySurround .supplierSelectionContainer .supplierSelectionComboBox,
        .proSuppliersSurround .supplierSelectionContainer .supplierSelectionComboBox,
        .QuestionnaireQueryReportAccessSurround .supplierSelectionComboBox,
        .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .supplierSelectionComboBox,
        .rfxQuestionnaireParticipantItemsSurround .supplierSelectionContainer .supplierSelectionComboBox,
        .scrScoreCardSetupSurround .supplierSelectionContainer .supplierSelectionComboBox,
        .spmScorersSurround .supplierSelectionContainer .supplierSelectionComboBox,
        .spmSuppliersSurround .supplierSelectionContainer .supplierSelectionComboBox,
        .srgWizNewsletterSurround .supplierSelectionContainer .supplierSelectionComboBox {
            width: 100%;
            padding-left: 10px;
            padding-right: 10px;
        }

        .srgWizNewsletterSurround .responsiveRadioButtonSurround {
            width: 100%;
            margin-left: 10px;
        }

        .proItemsSurround .selectTemplateBtnContainer {
            width: 100%;
            padding-left: 10px;
        }

        .srgWizWelcomeSurround .openSimPopupContainer > .dxpc-mainDiv,
        .srgWizWelcomeSurround .confirmLockPopupContainer > .dxpc-mainDiv,
        .DashboardReportSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
        .proDashboardSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
        .QuestionnaireQueryReportSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
        .QuestionnaireQueryReportFullScreenSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
        .QuestionnaireQueryReportNewSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
        .srgBuyerSupplierDetailsSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
        .srgCustomReportFullScreenSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
        .srgDashboardSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
        .srgManageUploadsSurround .SIMLockingReasonSurround .SIMDeletingleftCentrePos,
        .manSupplierCompaniesSurround .SIMDeletingReasonSurround .SIMDeletingleftCentrePos,
        .srgBuyerSupplierDetailsSurround .SIMDeletingReasonSurround .SIMDeletingleftCentrePos,
        .srgDashboardSurround .SIMDeletingReasonSurround .SIMDeletingleftCentrePos,
        .srgManageUploadsSurround .SIMDeletingReasonSurround .SIMDeletingleftCentrePos,
        .srgBuyerSupplierAnswersSurround .SIMInternalAwaitingApprovalSurround,
        .srgBuyerSupplierDetailsSurround .SIMInternalAwaitingApprovalSurround,
        .srgSupplierUpdateUnlockedManualSurround .submitConfirmation,
        .rfxCreateNewQuestionnaireSurround .eRFXTemplateSelectorSurround .dxpc-mainDiv,
        .proItemsSurround .eRFXTemplateSelectorSurround .dxpc-mainDiv,
        .proItemsSurround .AuctionTemplateSelectorSurround .dxpc-mainDiv,
        .wrfTasksSurround .editWorkflowContainer,
        .proItemsSurround .popupMaxWidthMobile,
        .wrfFormsSurround .Questions360,
        .wrfFormsSurround .readOnlyQuestions,
        .wrfFormsSurround .workflowQuestions {
            width: 100% !important;
            left: 0px !important;
        }

        .QuestionnaireDetailFormSupplierSurround .divContentContainer {
            width: calc(100vw - 17px) !important;
            left: 0px !important;
        }

        .proItemsSurround .ConfirmDialogSurround .saveConfirmContainer > div {
            width: calc(100vw - 22px) !important;
        }

        .proItemsSurround .ConfirmDialogSurround .saveConfirmContainer {
            left: 0 !important;
        }

        .proItemsSurround .drpTeamsStyling .genericResponsiveControl,
        .proItemsSurround .workflowTimeDDLContainer .genericResponsiveControl {
            width: calc(100% - 20px);
            margin-left: 10px;
        }

        .wrfReportsSurround .wrfReportsEditNameContainer input {
            width: calc(100% - 80px);
        }

        .wrfRolesSurround .newColumnTextBoxContainer {
            width: calc(100% - 85px);
            margin-right: 0px;
        }

        .wrfTasksSurround .selectWorkflow {
            width: calc(100% - 100px) !important;
            margin-right: 0 !important;
        }

        .rfxCreateNewQuestionnaireSurround .eRFXTemplateSelectorSurround .txtERFXSearchContainer,
        .proItemsSurround .eRFXTemplateSelectorSurround .txtERFXSearchContainer {
            width: calc(100% - 156px) !important;
        }

        .proItemsSurround .AuctionTemplateSelectorSurround .txtAuctionSearchContainer {
            width: calc(100% - 166px) !important;
        }

        .wrfFormsSurround .readOnlyPopupPanel {
            width: calc(100vw - 60px);
        }

        .srgBuyerSupplierDetailsSurround .supplierCheckBoxesContainer td {
            width: 33.333%;
            display: inline-block;
        }

        .srgWizNewsletterSurround .responsiveTextBoxSurround .dxeButtonEdit {
            width: calc(100% - 30px);
            margin-left: 10px;
        }

        .srgWizNewsletterSurround .addTeamBtnContainer {
            margin-top: 10px;
            margin-right: 20px;
            float: right;
        }

        .wrfFormsSurround .selectedQuestionsDDL .dxeButton {
            position: absolute;
            top: 5px;
            right: 17px;
        }

        .aucAuctionSpectatorsSurround .supplierSelectionContainer .displayInMobile,
        .aucAuctionSuppliersSurround .supplierSelectionContainer .displayInMobile,
        .proSummarySurround .supplierSelectionContainer .displayInMobile,
        .proSuppliersSurround .supplierSelectionContainer .displayInMobile,
        .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .displayInMobile,
        .rfxQuestionnaireInviteUserSurround .supplierSelectionContainer .displayInMobile,
        .rfxQuestionnaireParticipantItemsSurround .supplierSelectionContainer .displayInMobile,
        .scrScoreCardSetupSurround .supplierSelectionContainer .displayInMobile,
        .spmScorersSurround .supplierSelectionContainer .displayInMobile,
        .spmSuppliersSurround .supplierSelectionContainer .displayInMobile,
        .srgWizNewsletterSurround .supplierSelectionContainer .displayInMobile,
        .proItemsSurround .displayInline,
        .proItemsSurround .displayInMobile,
        .wrfReportsSurround .simWorkflowEditForm td,
        .wrfRolesSurround .displayFlexDesktop,
        .wrfTasksSurround .addConfigCheckboxContainer td {
            display: block;
        }

        .wrfTasksSurround .wrfButtonContainer .dxbButton {
            display: grid;
        }

        .aucAuctionBidStatusSurround .adaptiveTextAlign {
            text-align: left;
        }

        .aucAuctionBidStatusSurround .adaptiveTextAlign {
            text-align: left;
        }

        .aucAuctionBidStatusSurround .hideMinBidQuality,
        .aucAuctionBidStatusSurround .showMinBidQuality {
            width: 100%;
            display: block;
            border-top: 0;
        }

        .aucAuctionSuppliersSurround .delegateDetails {
            width: 100%;
        }

        .aucAuctionSuppliersSurround .noteContainerSurround,
        .proAuctionsSurround .noteContainerSurround,
        .proSpectatorsSurround .noteContainerSurround,
        .proSuppliersSurround .noteContainerSurround,
        .rfxQuestionnaireParticipantsSurround .noteContainerSurround {
            left: 0;
            margin-left: 0;
        }

        .aucAuctionDocumentsSurround .lblAttachDocument, .aucAuctionDocumentsSurround .genericResponsiveControl {
            display: block;
        }

        .aucAuctionDocumentsSurround .lblAttachDocument,
        .aucAuctionDocumentsSurround .genericResponsiveControl {
            width: 100%;
        }

        .aucAuctionSuppliersSurround .noteContainerSurround .noteContainerBody > div,
        .aucAuctionSuppliersSurround .noteContainerSurround .divNotesContainer,
        .proAuctionsSurround .noteContainerSurround .noteContainerBody > div,
        .proAuctionsSurround .noteContainerSurround .divNotesContainer,
        .proSpectatorsSurround .noteContainerSurround .noteContainerBody > div,
        .proSpectatorsSurround .noteContainerSurround .divNotesContainer,
        .proSuppliersSurround .noteContainerSurround .noteContainerBody > div,
        .proSuppliersSurround .noteContainerSurround .divNotesContainer,
        .rfxQuestionnaireParticipantsSurround .noteContainerSurround .noteContainerBody > div,
        .rfxQuestionnaireParticipantsSurround .noteContainerSurround .divNotesContainer {
            width: 100vw !important;
        }

        .aucAuctionDocumentsSurround .rightButtonMobile {
            text-align: right !important;
        }

        .aucAuctionDocumentsSurround .noPaddingMobileOnly {
            padding: 0px !important;
        }

        .aucAuctionBidChartSurround .bidChartSurround img {
            height: calc(100%) !important;
            padding-right: 3%;
        }

        .aucAuctionBidStatusSurround .messagingSurround .manageMessagingCheckBoxList td,
        .ducAuctionBidStatusSurround .messagingSurround .manageMessagingCheckBoxList td,
        .ducAuctionSupplierBidsSurround .messagingSurround .manageMessagingCheckBoxList td,
        .jpnAuctionBidStatusSurround .messagingSurround .manageMessagingCheckBoxList td,
        .jpnAuctionBidStatusMultiSurround .messagingSurround .manageMessagingCheckBoxList td,
        .jpnAuctionSupplierBidsSurround .messagingSurround .manageMessagingCheckBoxList td {
            width: 50%;
        }

        .wrfRolesSurround .newColumnTextBoxContainer {
            float: none !important;
        }

        .aucAuctionBidStatusSurround .divContentContainer,
        .proItemsSurround .divContentContainer {
            left: 0 !important;
            width: calc(100vw - 17px) !important;
        }

        .aucAuctionBidStatusSurround .auctionTableHeadingNoLeftBorderTablet,
        .aucAuctionBidStatusSurround .auctionTableHeadingLeftBorderMobile,
        .aucAuctionBidChartSurround .auctionTableHeadingLeftBorderMobile {
            border: 1px Solid #d1d1d1;
        }

        .ctlQueryPerformanceSurround .ctlResponsivePadding,
        .aucAuctionDocumentsSurround .responsivePadding {
            padding: 0px;
        }

        .spmSuppliersSurround .supplierSelectionContainer .buttonRightMediumPadding {
            text-align: right;
            padding: 0px 18px 0px 18px;
        }

        .aucAuctionSpectatorsSurround .buttonRightMobileOnly,
        .aucAuctionSuppliersSurround .buttonRightMobileOnly,
        .proSummarySurround .buttonRightMobileOnly,
        .proSuppliersSurround .buttonRightMobileOnly,
        .QuestionnaireQueryReportAccessSurround .buttonRightMobileOnly,
        .rfxQuestionnaireInviteUserSurround .buttonRightMobileOnly,
        .rfxQuestionnaireParticipantsSurround .buttonRightMobileOnly,
        .scrScoreCardSetupSurround .buttonRightMobileOnly,
        .spmScorersSurround .buttonRightMobileOnly,
        .spmSuppliersSurround .buttonRightMobileOnly,
        .srgWizNewsletterSurround .buttonRightMobileOnly {
            text-align: right;
        }

        .aucAuctionSuppliersSurround .divContentContainer,
        .proSummarySurround .divContentContainer,
        .proSuppliersSurround .divContentContainer,
        .rfxQuestionnaireQuestionsSurround .SectionPreviewSurround > .dxpc-mainDiv,
        .rfxQuestionnaireQuestionsSurround .wizardPopupContainer .dxpc-mainDiv,
        .rfxQuestionnaireParticipantsSurround .divContentContainer,
        .spmSuppliersSurround .divContentContainer {
            width: calc(100vw - 34px) !important;
            left: 12px !important;
        }

        .divContentContainer .requiredFieldPosition {
            transform: translate3d(-10px, 43px, 0px);
        }

        #ctl00_body_ucxInsertSection_ucxInsertSectionContainer_divContent,
        .rfxQuestionnaireParticipantsSurround .updIncumbentsContainer > .dxpclW {
            left: 20px !important;
            top: 235px !important;
            width: calc(100vw - 50px) !important;
        }

        .aucAuctionDocumentsSurround .chooseFilePosition {
            width: calc(100% - 106px);
            max-width: 250px;
        }

        .aucAuctionDocumentsSurround .fixedLineHeightNoPaddingLeft,
        .aucAuctionDocumentsSurround .fixedLineHeightBorder {
            padding-left: 15px;
            border: none;
        }

        .aucAuctionSuppliersSurround .auctionWelcome > h1,
        .aucAuctionSpectatorsSurround .auctionWelcome > h1,
        .aucAuctionDocumentsSurround .auctionWelcome > h1 {
            font-size: 24px;
        }

        .aucAuctionSuppliersSurround .wizardToolbar,
        .aucAuctionSpectatorsSurround .wizardToolbar,
        .aucAuctionDocumentsSurround .wizardToolbar {
            font-size: 11pt;
            height: 27px;
        }

        .aucAuctionSuppliersSurround .aucWizProgressDiagram,
        .aucAuctionSpectatorsSurround .aucWizProgressDiagram,
        .aucAuctionDocumentsSurround .aucWizProgressDiagram {
            height: 80px;
            max-width: 315px;
        }


        .rfxQuestionnaireParticipantsSurround .rfxWizHeaderTop,
        .rfxQuestionnaireInviteUserSurround .rfxWizHeaderTop {
            height: 100%;
        }

        .rfxQuestionnaireParticipantsSurround .emptyDiv {
            min-height: 0;
        }

        .rfxCreateNewQuestionnaireSurround .rfxWizProgressDiagram,
        .rfxQuestionnaireInviteUserSurround .rfxWizProgressDiagram,
        .aucAuctionSuppliersSurround .importParticipantSurround .dxpclW,
        .proSuppliersSurround .importParticipantSurround .dxpclW,
        .rfxQuestionnaireParticipantsSurround .importParticipantSurround .dxpclW {
            width: 100% !important;
        }

        .aucAuctionSuppliersSurround .importParticipantSurround .dxpc-mainDiv {
            width: 100% !important;
            left: 0 !important;
        }

        .rfxCreateNewQuestionnaireSurround .rfxWizHeaderTitle > span,
        .rfxQuestionnaireQuestionsSurround .rfxWizHeaderTitle > span,
        .rfxQuestionnaireParticipantsSurround .rfxWizHeaderTitle > span,
        .rfxQuestionnaireInviteUserSurround .rfxWizHeaderTitle > span {
            font-size: 14.6667px !important;
        }

        .rfxCreateNewQuestionnaireSurround .rfxWizHeaderTop,
        .rfxQuestionnaireQuestionsSurround .rfxWizHeaderTop,
        .rfxQuestionnaireParticipantsSurround .rfxWizHeaderTop,
        .rfxQuestionnaireInviteUserSurround .rfxWizHeaderTop {
            background: none;
        }

        .wrfTasksSurround .selectWorkflow .dxic {
            padding-right: 0 !important;
        }

        .rfxCreateNewQuestionnaireSurround .rowPaddingMobile {
            padding-bottom: 10px;
        }

        .toolCreateNewEventSurround .DDLLayout {
            padding-left: 54px;
        }

        .proItemsSurround .addItemsRDOContainer {
            padding-left: 25px;
        }

        .wrfRolesSurround .paddingOnlyMobile {
            padding: 0 15px 0 15px !important;
        }

        .toolCreateNewEventSurround .isTimeLinkedContainer .genericRDOButtonContainer,
        .toolCreateNewEventSurround .isMultiAuctionContainer .genericRDOButtonContainer {
            padding-left: 0px !important;
        }

        .ctlQueryPerformanceSurround .responsiveTextContainer {
            min-height: unset !important;
            height: 17px !important;
            display: block !important;
        }

        .ctlQueryPerformanceSurround .DDLPositioningA .dxeButtonEdit,
        .ctlQueryPerformanceSurround .DDLPositioningB .dxeButtonEdit {
            position: static !important
        }

        .ctlQueryPerformanceSurround .responsiveTextContainer,
        .ctlDatabasePerformanceSurround .responsiveTextContainer {
            height: 33px !important;
        }

        .aucAuctionSuppliersSurround .mobileOnlyTopLeftMargin {
            margin-top: 5px;
            margin-left: 10px;
        }

        .rfxQuestionnaireWizardgatewaySurround .genericRDOButtonContainer table,
        .aucAuctionSuppliersSurround .importParticipantSurround .verticalPaddingContainer .dxeRadioButtonList,
        .proSuppliersSurround .importParticipantSurround .verticalPaddingContainer .dxeRadioButtonList,
        .rfxQuestionnaireParticipantsSurround .importParticipantSurround .verticalPaddingContainer .dxeRadioButtonList {
            margin: auto;
        }

        .manDocumentEditSurround .marginOnlyMobile {
            margin-top: 2px;
        }

        .wrfRolesSurround .marginTopMobileOnly {
            margin-top: 5px;
        }

        .aucAuctionBidStatusSurround .buttonContainerMarginTablet {
            margin-top: 15px;
        }

        .proItemsSurround .displayTabletOnly .textContainerAlign {
            margin-top: 20px !important;
        }

        .aucAuctionBidBreakdownSurround .bottomMarginOnlyMobile,
        .proItemsSurround .workflowTimeDDLContainer select:first-of-type {
            margin-bottom: 10px;
        }

        .proItemsSurround .displayInMobile .textContainerAlign {
            margin-bottom: 15px !important;
        }


        .proItemsSurround .marginLeftMobile,
        .proItemsSurround .calendarContainer {
            margin-left: 10px;
        }

        .proItemsSurround .confirmNames {
            margin-left: 5px !important;
            margin-right: 5px !important;
        }

        .ctlQueryPerformanceSurround .verticalAlign,
        .ctlQueryPerformanceSurround .displayInMobile,
        .ctlDatabasePerformanceSurround .displayInMobile,
        .manDocumentEditSurround .verticalAlign,
        .manDocumentEditSurround .docEditDropDownLists,
        .manDocumentEditSurround .displayInMobile,
        .toolCreateNewEventSurround .displayInMobile,
        .rfxQuestionnaireWizardgatewaySurround .displayInMobile,
        .rfxCreateNewQuestionnaireSurround .displayInLaptopMobile,
        .rfxCreateNewQuestionnaireSurround .displayInMobile,
        .rfxQuestionnaireQuestionsSurround .displayInMobile,
        .rfxQuestionnaireParticipantsSurround .displayInMobile,
        .rfxQuestionnaireInviteUserSurround .displayInMobile,
        .rfxQuestionnaireWizardHistoricSurround .displayInMobile,
        .aucAuctionSpectatorsSurround .supplierSelectionContainer .displayInMobile,
        .aucAuctionSuppliersSurround .supplierSelectionContainer .displayInMobile,
        .proSummarySurround .supplierSelectionContainer .displayInMobile,
        .QuestionnaireQueryReportAccessSurround .supplierSelectionContainer .displayInMobile,
        .scrScoreCardSetupSurround .supplierSelectionContainer .displayInMobile,
        .spmScorersSurround .supplierSelectionContainer .displayInMobile,
        .spmSuppliersSurround .supplierSelectionContainer .displayInMobile,
        .srgWizNewsletterSurround .supplierSelectionContainer .displayInMobile,
        .aucAuctionSuppliersSurround .displayInMobile,
        .aucAuctionDocumentsSurround .displayInMobile {
            display: block !important;
        }

        .manSupplierCompaniesSurround .CheckBoxFloat {
            display: block !important;
            float: none !important;
        }

        .manUsersSurround .CheckBoxFloat,
        .manTeamsSurround .floatRightTabletAndAbove,
        .manRolesSurround .floatRightTabletAndAbove,
        .manUsersSurround .CheckBoxFloat,
        .rfxCreateNewQuestionnaireSurround .auctionAddBidTimePicker,
        .rfxCreateNewQuestionnaireSurround .rfxWizHeaderTop,
        .rfxCreateNewQuestionnaireSurround .rfxWizHeaderTitle,
        .rfxCreateNewQuestionnaireSurround .rfxWizProgressDiagram,
        .rfxQuestionnaireQuestionsSurround .rfxWizHeaderTop,
        .rfxQuestionnaireQuestionsSurround .rfxWizHeaderTitle,
        .rfxQuestionnaireParticipantsSurround .rfxWizHeaderTop,
        .rfxQuestionnaireParticipantsSurround .rfxWizHeaderTitle,
        .rfxQuestionnaireInviteUserSurround .rfxWizHeaderTitle {
            float: none !important;
        }

        .manCategoriesSurround .rightAlignMobile,
        .manCompanyAppFeaturesSurround .rightAlignMobile,
        .aucAuctionBidStatusSurround .rightAlignMobile {
            text-align: right;
        }

        .manCompanyAppFeaturesSurround .NewGroupTB {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        .showContainer .hr-divideMarginAdjust {
            margin-top: 20px !important;
            margin-bottom: 0px !important;
        }

        .manCompanyAppFeaturesSurround .spmGroupTableBreakWord {
            word-wrap: break-word;
            max-width: 120px;
        }

        .manCompanyAppFeaturesSurround .appFeaturesTableBreakWord {
            word-wrap: break-word;
            max-width: 140px;
        }

        .manUsersSurround .CheckBoxFloat {
            width: 135px;
        }

        .manCompanyAppFeaturesSurround .keyBoxSurround {
            display: grid !important;
            float: left !important;
        }
        /*#endregion Management/eRFX/Auction/SIM/Workflow END (Paul)*/



        .breadCrumbClear {
            display: none;
        }

        .timeArea {
            text-align: center;
        }

        .breadCrumbTrail {
            padding-top: 3px;
            text-align: center;
        }

        .dxtcTabsCell, .dxtc-tab, #LayoutRowTabMenu, #ctl00_dxTabs_SVA, #dxTabs_SVA, .dxtcTabsCell, .dxtc-activeTab {
            max-height: 30px !important;
            overflow: hidden;
        }


        .dxtcLite > .dxtc-stripContainer .dxtc-sbIndent,
        .dxtcLite > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite > .dxtc-stripContainer .dxtc-rightIndent {
            width: 0px;
        }

        .addNewSectionIcon .dxtc-link .dxtc-img {
            padding-top: 5px !important;
            box-sizing: content-box !important;
        }

        #TopNavContainer, .scrollNavContainer {
            border-bottom: none !important;
            height: 52px;
        }

        .dxtc-strip > li {
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            box-sizing: border-box;
        }


        /*.dxtcLite.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
        box-sizing: border-box !important;
    }*/

        .tabHideImage img {
            display: none !important;
        }

        .dxSectionTabsTab .dx-vam {
            line-height: 50% !important;
        }

        .status-filter,
        .proSummaryAllTasks .completionKeySurround {
            float: none !important;
        }

        #btnRemoveProjectChildTasks {
            max-width: 220px;
            white-space: break-spaces;
            text-align: left;
        }
    }

    @media (min-width: 767px) {

        /*#region spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages Start (KYLE)*/

        .spmScorersSurround .responsivePaddingTopLg4 {
            padding-top: 4px !important;
        }

        .spmScorersSurround .responsivePaddingTopLg5 {
            padding-top: 5px !important;
        }

        /*#endregion spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages End (KYLE)*/

        /*#region proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages Start (KYLE)*/

        .proDetailsSurround .responsivePaddingTopLg1 {
            padding-top: 1px !important;
        }

        .proDetailsSurround .responsivePaddingTopLg2 {
            padding-top: 2px !important;
        }

        .proSuppliersSurround .responsivePaddingTopLg4 {
            padding-top: 4px !important;
        }

        .proSummarySurround #ctl00_body_rdoAllTasksFilter {
            float: right;
            margin-left: 15px !important;
        }

        /*#endregion proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages End (KYLE)*/

        /*#region srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages Start (KYLE)*/
        .srgWizGeneralQuestionnaireSurround .paddingLeftLg0,
        .QuestionnaireLanguageImportExportSurround .popSurround .paddingLeftLg0,
        .srgWizReviewAndPublishSurround .paddingLeftLg0,
        .srgWizCategoriesSurround .paddingLeftLg0 {
            padding-left: 0px !important;
        }

        .srgWizGeneralQuestionnaireSurround .paddingLeftLg5,
        .QuestionnaireLanguageImportExportSurround .paddingLeftLg5,
        .srgWizReviewAndPublishSurround .paddingLeftLg5,
        .srgWizCategoriesSurround .paddingLeftLg5 {
            padding-left: 5px !important;
        }

        .srgSupplierUpdateAutoUnlockedSurround .paddingRightLg0,
        .srgWizGeneralQuestionnaireSurround .paddingRightLg0,
        .QuestionnaireLanguageImportExportSurround .popSurround .paddingRightLg0,
        .srgWizImportSuppliersSurround .paddingRightLg0,
        .srgWizReviewAndPublishSurround .paddingRightLg0,
        .srgWizCategoriesSurround .paddingRightLg0 {
            padding-right: 0px !important;
        }

        .srgSupplierCategorySurround .paddingRightLg4,
        .srgSupplierCategoriesSurround .paddingRightLg4,
        .srgSupplierSupplierDetailsSurround .paddingRightLg4 {
            padding-right: 4px !important;
        }

        .srgWizGeneralQuestionnaireSurround .paddingTopLg4,
        .srgWizCategoriesSurround .paddingTopLg4 {
            padding-top: 4px !important;
        }

        .srgWizCategoriesSurround .responsivePaddingTopLg5 {
            padding-top: 5px !important;
        }

        .srgWizCategoriesSurround .responsivePaddingTopLg6,
        .srgWizImportSuppliersSurround .paddingTopLg6 {
            padding-top: 6px !important;
        }

        .SIMLockingReasonSurround .responsivePaddingTopLg7 {
            padding-top: 7px !important;
        }

        .srgWizCategoriesSurround .paddingTopLg8 {
            padding-top: 8px !important;
        }

        .srgWizGeneralQuestionnaireSurround .paddingTopLg12,
        .srgWizCategoriesSurround .paddingTopLg12 {
            padding-top: 12px !important;
        }

        .srgWizCategoriesSurround .paddingTopLg22 {
            padding-top: 22px !important;
        }

        .srgWizGeneralQuestionnaireSurround .templatesIconSurround .srgWizSelectTemplateIcon,
        .srgWizCategoriesSurround .templatesIconSurround .srgWizSelectTemplateIcon {
            margin-top: 0px !important;
        }

        .srgWizGeneralQuestionnaireSurround .textAlignLgRight,
        .QuestionnaireLanguageImportExportSurround .popSurround .textAlignLgRight,
        .srgWizReviewAndPublishSurround .textAlignLgRight,
        .srgWizCategoriesSurround .textAlignLgRight {
            text-align: right !important;
        }

        .QuestionnaireDetailFormSupplierSurround .CSeparator {
            margin-left: 5px !important;
            margin-right: 5px !important;
        }

        /*#endregion srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages End(KYLE)*/

        /*#region aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages Start (KYLE)*/

        .aucAuctionReportSummarySurround .bidChartSurround img {
            height: 350px !important;
            width: 550px !important;
        }

        /*#endregion aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages End (KYLE)*/

        /*#region manDocumentEdit Pages Start (KYLE)*/
        .manDocumentEditSurround .alignRightAboveMobile {
            text-align: right;
        }

        /*#endregion manDocumentEdit Pages End (KYLE)*/

    }

@media (min-width: 991px) {

    .spmDashboardSurround #ctl00_body_dockZoneRight {
        padding-left: 5px !important;
    }

    .spmDashboardSurround #ctl00_body_dockZoneLeft {
        padding-right: 5px !important;
    }


    .proDashboardSurround #ctl00_body_dockZoneLeft {
        padding-right: 5px !important;
    }

    .proDashboardSurround #ctl00_body_dockZoneRight {
        padding-left: 5px !important;
    }

    .srgDashboardSurround #ctl00_body_dockZoneLeftFind,
    .srgDashboardSurround #ctl00_body_dockZoneLeftOnboard,
    .srgDashboardSurround #ctl00_body_dockZoneLeftApprove,
    .srgDashboardSurround #ctl00_body_dockZoneLeftManage,
    .srgDashboardSurround #ctl00_body_dockZoneLeftWorkflow,
    .srgDashboardSurround #ctl00_body_dockZoneLeftReports {
        padding-right: 5px !important;
    }

    .srgDashboardSurround #ctl00_body_dockZoneRightFind,
    .srgDashboardSurround #ctl00_body_dockZoneRightOnboard,
    .srgDashboardSurround #ctl00_body_dockZoneRightApprove,
    .srgDashboardSurround #ctl00_body_dockZoneRightManage,
    .srgDashboardSurround #ctl00_body_dockZoneRightWorkflow,
    .srgDashboardSurround #ctl00_body_dockZoneRightReports {
        padding-left: 5px !important;
    }
}

    /*----------------------------------------------------------------------------
    DevExpress Section Tabs                          
----------------------------------------------------------------------------*/

    .dxSectionTabsTab {
        background: transparent !important;
        border: none !important;
        height: 28px !important;
        font-size: 12px !important;
        font-weight: normal !important;
    }

    .dxSectionTabsActiveTab {
        border-bottom: none !important;
        font-weight: bold !important;
        font-size: 12px !important;
        border-bottom-color: #1E3578 !important;
    }

    .dxSectionTabsHover {
        background-color: #f5f5f5 !important;
    }

    .dxSectionTabs .dxtc-spacer {
        border-right: 2px solid #c3c3c0 !important;
        border-bottom: none !important;
        margin-right: 5px !important;
        width: 5px !important;
        height: 28px !important;
    }

    .dxSectionTabs .dxtc-tab,
    .dxSectionTabs .dxtc-activeTab {
        border: none !important;
    }

    /* Changing the position of the background image of the buttons to use the different coloured arrows */
    /* Makes the standard arrow white instead of black */
    .dxSectionTabs .dxWeb_tcScrollLeft,
    .dxWeb_tcScrollLeft {
        background-position: -512px -74px !important;
    }

    .dxSectionTabs .dxWeb_tcScrollRight,
    .dxWeb_tcScrollRight {
        background-position: -385px -75px !important;
    }

    .dxSectionTabsDisabledBtn,
    .dxTabsDisabledBtn {
        background-color: #808080 !important;
    }

    .dxtc-sbWrapper {
        padding: 0px !important;
        border-bottom: none !important;
        border-top: none !important;
    }

    /* Changing opacity on hover to make the colour lighter */
    .dxSectionTabsScrollBtn:hover {
        opacity: 0.7;
    }

    .dxSectionTabsDisabledBtn:hover, .dxTabsDisabledBtn:hover {
        opacity: 1;
    }


    /*----------------------------------------------------------------------------
    End of Tab Styles                      
----------------------------------------------------------------------------*/

    /* SPRINT 10.1 - 1363/1364 - JSC - Document Validation Results Popup acknowledgement Modal */

    #validationResultDocumentDownload,
    #validationResultViewDocument {
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        color: black;
        padding-left: 15px;
        font-size: 15px;
    }

    #lblDocumentName {
        font-weight: bold;
        font-size: 15px;
        display: block;
        margin-top: 5px;
    }

    #validationPopupFooter {
        padding-bottom: 50px;
        border-bottom: 1px solid #0000003b;
    }

    #tooltipAICheckArrow {
        margin-left: 75px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #1f3578;
    }

    #tooltipInformationSearchArrow {
        margin-left: 152px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #1f3578;
    }

    #tooltipInformationSearchBubble, #tooltipAICheckBubble {
        background-color: #1f3578;
        color: white;
        border-radius: 10px;
    }

    #informationSearchTooltipBubbleText, #aiTooltipBubbleText {
        display: inline-grid;
        margin: 10px;
    }

    #lblValidationMessageAI, #lblValidationMessageInformationCheck {
        display: block;
        margin-top: 10px;
    }

    .popupIconColumn {
        padding-top: 10px;
        margin-right: 7px;
    }

    #modalIconPlaceholder {
        float: left;
        margin-right: 11px;
    }

    #bootstrapValidationModal {
        font-size: 13px;
    }

    #lblAcceptDocumentFailureNotice {
        font-size: 12px;
    }

    #validationPopupBottom {
        padding-top: 13px;
    }

    #informationSearchCheckInfoSymbol, #aiCheckCheckInfoSymbol {
        margin-left: 5px;
        margin-bottom: 4px;
    }

    #btnAcceptDocumentValidationRuleFailuresAlert, #btnSaveWorkflowRoleReorder {
        margin-right: 5px;
        width: 46% !important;
    }

    #btnCancelDocumentValidationRuleFailuresAlert, #btnCancelWorkflowRoleReorder {
        float: right;
        width: 46% !important;
        display: inherit;
    }

    #documentDownloadLink,
    #documentViewLink {
        font-size: 20px;
    }

    @media (max-width: 991px) {
        #validationPopupFooter {
            padding-bottom: 15px;
        }

        #tooltipAICheckArrow {
            margin-left: 69px;
        }

        #tooltipInformationSearchArrow {
            margin-left: 140px;
        }
    }

    @media (max-width: 550px) {

        #btnAcceptDocumentValidationRuleFailuresAlert, #btnCancelDocumentValidationRuleFailuresAlert {
            width: 47%;
        }
    }

    /* Additional Validation Rule Popup Media Query for Internet Explorer 10-11 */

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        #tooltipAICheckBubble, #tooltipInformationSearchBubble {
            padding: 10px;
        }
    }

    /**********************************
 * DEV EXPRESS STYLING            *
 **********************************/
    .dxgvDataRow .dxbButtonSys {
        font-size: 12px;
    }

    .dxlp-imgPosLeft {
        margin-right: 5px;
    }

    .dxgvFocusedRow .dxGridView_gvShowAdaptiveDetailButton,
    .dxgvFocusedRow .dxgvADSB > img {
        background-position: -226px -102px;
        opacity: 0.5;
    }

    .dxgvFocusedRow .dxgvADSB:hover > img {
        opacity: 1;
    }

    .dxgvHeader {
        cursor: pointer;
        white-space: nowrap;
        background: #FFF;
        overflow: hidden;
        font-weight: normal;
        text-align: left;
        font: 14px Roboto;
    }

        .dxgvHeader .dxICheckBox {
            -ms-align-content: center;
            -webkit-align-content: center;
            align-content: center;
            text-align: center;
        }


    .dxGridView_gvHeaderFilter {
        margin-left: 3px;
    }

    .dxgvFilterRow .dxeTextBox input {
        background: url("../Images/icons/toolbar_find.png") top right no-repeat;
        background-size: contain;
    }

    /*Scrolling Buttons on Tab Bar*/
    .dxtcLite > .dxtc-stripContainer .dxtc-sb, .dxtcLite > .dxtc-stripContainer .dxtc-sbPressed {
        padding: 9px 7px;
    }

    .dxtc-sbPressed {
        background: #E8E7E8 url(/admin/DXR.axd?r=1_170-aLCvf) repeat-x !important;
        padding: 9px 7px;
    }

    .dxtcLite > .dxtc-stripContainer .dxtc-sbIndent,
    .dxtcLite > .dxtc-stripContainer .dxtc-leftIndent,
    .dxtcLite > .dxtc-stripContainer .dxtc-rightIndent {
        width: 0px !important;
    }

    .tabShowImage, .tabHideImage {
        border-top-width: 0 !important;
        border-left-width: 0 !important;
        border-right-width: 0 !important;
    }

    .tabShowImage {
        background-color: #FFFFFF !important;
    }

        .tabShowImage img {
            display: initial !important;
        }

    .tabHideImage img {
        display: initial;
    }


    /* -- ASPxLoadingPanel -- */
    .dxlpLoadingPanel {
        font: 12px Roboto !important;
    }

    .dxmLoadingPanel {
        font: 12px Roboto !important;
    }


    /* -- ASPxSiteMapControl -- */
    .dxsmControl {
        font: 11px Roboto !important;
    }
    /*flow layout*/
    .dxsmLevelCategoryFlow,
    .dxsmLevelCategoryFlow a {
        font: bold 18px Roboto !important;
    }

    /*flow layout*/
    .dxsmLevel0Flow,
    .dxsmLevel0Flow a,
    .dxsmLevel0CategorizedFlow a,
    .dxsmLevel0CategorizedFlow {
        font: bold 12px Roboto !important;
    }

    /* - Level 1 - */
    .dxsmLevel1,
    .dxsmLevel1 a,
    .dxsmLevel1Categorized a,
    .dxsmLevel1Categorized {
        font: 12px Roboto !important;
    }

    /*flow layout*/
    .dxsmLevel1Flow,
    .dxsmLevel1Flow a,
    .dxsmLevel1CategorizedFlow,
    .dxsmLevel1CategorizedFlow a {
        font: 12px Roboto !important;
    }

    /* - Level 2 - */
    .dxsmLevel2,
    .dxsmLevel2 a,
    .dxsmLevel2Categorized a,
    .dxsmLevel2Categorized {
        font: 11px Roboto !important;
        color: #5078DC;
        text-decoration: none;
    }

    /*flow layout*/
    .dxsmLevel2Flow,
    .dxsmLevel2Flow a {
        font: 11px Roboto !important;
    }

    /* - Level 3 - */
    .dxsmLevel3,
    .dxsmLevel3 a {
        font: 9px Roboto !important;
    }

    /*flow layout*/
    .dxsmLevel3Flow,
    .dxsmLevel3Flow a {
        font: 9px Roboto !important;
    }

    /* - Level 4 - */
    .dxsmLevel4,
    .dxsmLevel4 a {
        font: 8px Roboto !important;
    }

    /*flow layout*/
    .dxsmLevel4Flow,
    .dxsmLevel4Flow a {
        font: 8px Roboto !important;
    }

    /* - Other Levels - */
    .dxsmLevelOther {
        font: 9px Roboto !important;
    }

    /*flow layout*/
    .dxsmLevelOtherFlow,
    .dxsmLevelOtherFlow a {
        font: 12px Roboto !important;
    }

    /* -- ASPxTabControl, ASPxPageControl -- */
    .dxtcControl {
        font: 12px Roboto !important;
    }

    .dxtcLoadingPanel {
        font: 12px Roboto !important;
    }

    .dxtcLite {
        font-family: Roboto !important;
    }

        .dxtcLite .dxtc-text,
        .dxtcLite .dxtc-leftIndent,
        .dxtcLite .dxtc-rightIndent {
            font: normal 12px Roboto !important;
        }

        .dxtcLite .dxtc-content {
            font: 12px Roboto !important;
        }

    /* -- ASPxTitleIndex -- */
    .dxtiControl {
        font: 11px Roboto !important;
    }

    .dxtiLoadingPanel {
        font: 12px Roboto !important;
    }

    .dxtiGroupHeader,
    .dxtiGroupHeaderCategorized {
        font: 18px Roboto !important;
    }
    /* - FilterBox - */
    .dxtiFilterBoxInfoText {
        font: normal 9px Roboto !important;
    }

    .dxtiIndexPanelItem,
    .dxtiCurrentIndexPanelItem {
        font-family: Roboto !important;
    }

    /* -- ASPxUploadControl -- */
    .dxucControl,
    .dxucEditArea {
        font: 12px Roboto !important;
    }

    .dxucProgressBar,
    .dxucProgressBar td.dx {
        font: 12px Roboto !important;
    }

    /* Silverlight Plugin Link */
    .dxucSilverlightPluginLinkPanel {
        font: 9px Roboto !important;
    }

    .dxtvControl li {
        font: 12px Roboto !important;
    }

    .dxtvLoadingPanelWithContent {
        font: 12px Roboto !important;
    }

    /* ASPxFileManager */
    .dxfmControl {
        font: 12px Roboto !important;
    }

        .dxfmControl .dxfm-toolbar.dxsplPane .dxfm-filter input {
            font: 12px Roboto !important;
        }

        .dxfmControl .dxfm-toolbar.dxsplPane .dxfm-path input {
            font: 12px Roboto !important;
        }

        /* FileManager - Create, Rename input */
        .dxfmControl .dxfm-cInput,
        .dxfmControl .dxfm-rInput {
            font: 12px Roboto !important;
        }

        /* FileManager - LoadingPanel */
        .dxfmControl .dxfmLoadingPanel {
            font: 12px Roboto !important;
        }

    .dxflFormLayout,
    .dxflCaptionCell,
    .dxflNestedControlCell,
    div.dxflItem {
        font: 12px Roboto !important;
    }

    .dxflHelpText {
        font: 11px Roboto !important;
    }

    .dxeEditArea {
        font: 12px Roboto !important;
    }

    .dxeRadioButtonList,
    .dxeRadioButtonList table,
    .dxeCheckBoxList,
    .dxeCheckBoxList table {
        font: 12px Roboto !important;
    }

    table {
        border-collapse: collapse !important;
    }

    /* Dev Express changed some basic styles - eg wrfSummary - tables are not spaced correctly. Overrident to put them back*/
    .CTableOverrideDevExpress {
        border-spacing: 2px !important;
        border-collapse: separate !important;
    }

        .CTableOverrideDevExpress th, .CTableOverrideDevExpress td {
            padding: 1px;
        }

    .sectionTabsCells span.dx-vam {
        padding: 2px 4px !important;
        font-size: 14px;
    }

    .CDevExpressOverride_NoBorderSpacing {
        border-spacing: 0px;
    }

    /* Disabling buttons within new style */
    .dxbDisabled div.dxb,
    .disabledBtn div.dxb {
        color: #808080;
    }

    .disabledBtn {
        box-shadow: none !important;
    }

    .dxpc-shadow .dxpc-header .dxpc-headerContent {
        color: #404040;
        padding: 0px;
        overflow: hidden;
    }

    .devExpressMargin {
        margin-bottom: 15px;
    }

    .dxpcLite .dxpc-header {
        padding: 15px !important;
        border-bottom: 1px solid #e5e5e5;
        background-color: #f5f5f5;
        font-size: 16px;
    }

    @media (max-height: 730px) {

        .dxmodalSys > .dxpclW {
            margin-top: 61px !important;
        }
    }

    .dxeListBox div.dxlbd {
        width: 100% !important;
        height: auto !important;
        max-height: 200px;
    }

    .dxeListBox dxlbcc {
        width: 100% !important;
    }

    .dxgvDetailCell input:not([type]), .dxgvDetailCell input[type="image"] {
        height: 16px;
    }

    .dxgvGroupPanel {
        color: #626262 !important;
    }

    .dxpSummary {
        color: #626262;
    }

    .dxpPageNumber {
        color: #ffffff;
    }

    .dxpControl {
        color: #ffffff;
    }

    .dxgvGroupRow {
        color: #ffffff;
    }

    /*----------------------------------------------------------------------------*/
    /*        END DevExpress Table Styling                                        */
    /*----------------------------------------------------------------------------*/


    @media (min-width:991px) and (max-width: 1200px) {

        .radioButtons input[type="radio"], input[type="checkbox"] {
            margin: 1px 0 0 !important;
        }

        /*#region NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages Start (KYLE)*/

        .homepageSurround .toolBtnSurround {
            margin-top: 4px !important;
        }

        #divMVButtonSurround .widthMd32 {
            width: 32.8% !important;
            margin: 2px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        .homepageSurround .widthMd32 {
            width: 32% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        .homepageSurround .widgetBtnSurround,
        .aaDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 95px !important;
        }

        .QuestionnaireQueryReportSurround .responsiveMarginTopLbl {
            margin-top: 5px !important;
        }

        .QuestionnaireQueryReportSurround .responsiveMarginTopMdLbl {
            margin-top: 2px !important;
        }

        /*#endregion NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages End (KYLE)*/
        /*#region spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages Start (KYLE)*/
        .spmScorersSurround .groupPaddingDrp {
            margin-left: -53px !important;
            padding-right: 20px !important;
        }

        .spmScorersSurround .groupPaddingBtn {
            margin-left: -15px !important;
        }

        .spmScorersSurround #ctl00_body_ucxSupplierSelection_pnlInviteUser_btnAddSupplier {
            margin-right: -5px !important;
        }

        .spmDashboardSurround .toolBtnSurround {
            margin-top: 4px !important;
        }

        .spmScorersSurround .marginRemoveBtn {
            margin-top: 5px !important;
        }

        .spmDashboardSurround .responsivePaddingLeftMd0 {
            padding-left: 0px !important;
        }

        .spmScorersSurround .responsivePaddingLeftLg22 {
            padding-left: 22px !important;
        }

        .spmSuppliersSurround .paddingRightBtn {
            padding-right: 74px !important;
        }

        .spmSummarySurround .responsivePaddingTopMd13 {
            padding-top: 13px !important;
        }

        .spmSummarySurround #ctl00_body_lblReminderLimitPart2 {
            position: relative;
            top: -5px;
            left: 10px;
            display: inline !important;
        }

        .spmDashboardSurround .widthMd32 {
            width: 32% !important;
            margin: 4px !important;
            text-align: left !important;
        }

        .spmDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 95px !important;
        }

        /*#endregion spmDashboard/spmTemplates/spmSummary/spmSuppliers/spmAnalysis/spmScorers/spmTemplateEdit/spmQuestionnaireScorer/spmQuestionnaireScorerReviewAndSubmit/spmQuestionnaireScorerReview/spmScorecardAnswersPrintableVersionReport/spmAudit/X Pages End (KYLE)*/

        /*#region proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages Start (KYLE)*/

        .wrfSummarySurround .responsiveMarginTopMd0 {
            margin-top: 0px !important;
        }

        .proDashboardSurround .toolBtnSurround {
            margin-top: 4px !important;
        }

        .proDashboardSurround .responsivePaddingLeftMd0 {
            padding-left: 0px !important;
        }

        .proSummarySurround .paddingLeftMd16 {
            padding-left: 16px !important;
        }

        .proSummarySurround .paddingLeftMd24 {
            padding-left: 24px !important;
        }

        .wrfSummarySurround .paddingRightMd0,
        .proSummarySurround .paddingRightMd0 {
            padding-right: 0px !important;
        }

        .wrfSummarySurround .responsivePaddingRightMd12 {
            padding-right: 12px !important;
        }

        .proSummarySurround .CListPadRight25 td {
            padding-right: 5px !important;
        }

        .wrfGroupsSurround .responsivePaddingRightMd21 {
            padding-right: 21px !important;
        }

        .wrfSummarySurround .responsivePaddingTopMd0,
        .proProjectValueUpdateSurround .paddingTopMd0,
        .proSummarySurround .paddingTopMd0,
        .proAdHocTaskSurround .responsivePaddingTopMd0 {
            padding-top: 0px !important;
        }

        .wrfSummarySurround .responsivePaddingTopMd2 {
            padding-top: 2px !important;
        }

        .wrfSummarySurround .responsivePaddingTopMd4,
        .proSummarySurround .responsivePaddingTopMd4 {
            padding-top: 4px !important;
        }

        .wrfSummarySurround .responsivePaddingTopMd5,
        .proProjectValueUpdateSurround .paddingTopMd5,
        .proAdHocTaskSurround .responsivePaddingTopMd5 {
            padding-top: 5px !important;
        }

        .wrfSummarySurround .responsivePaddingTopMd8 {
            padding-top: 8px !important;
        }

        .wrfSummarySurround .responsivePaddingTopMd9,
        .proSummarySurround .responsivePaddingTopLg9 {
            padding-top: 9px !important;
        }

        .proDashboardSurround .widthMd32 {
            width: 32% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        .wrfSummarySurround .our-form-control {
            width: 91% !important;
        }

        .wrfSummarySurround #ctl00_body_grdWorkflowStatuses_col8 {
            width: 130px !important;
        }

        .proSummarySurround .proSummaryDetailsTable .dxeButtonEdit,
        .proSummarySurround .proSummaryDetailsTable .our-form-control {
            width: 96% !important;
        }

        .proDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 95px !important;
        }

        .wrfSummarySurround #ctl00_body_imgHideProjectTasksFromSupplierInfo {
            position: relative;
            top: 0px;
            left: 10px;
        }

        .wrfSummarySurround #ctl00_body_lblHideProjectTasksFromSupplier {
            width: 140px !important;
        }

        /*#endregion proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages End (KYLE)*/
        /*#region srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages Start (KYLE)*/
        .srgDashboardSurround .toolBtnSurround {
            margin-top: 4px !important;
        }

        .srgDashboardSurround .responsivePaddingLeftMd0 {
            padding-left: 0px !important;
        }

        .srgWizImportSuppliersSurround .paddingLeftMd9 {
            padding-left: 9px !important;
        }

        .srgSupplierRegistrationSurround .dxcaTextBoxCellNoIndent {
            padding-left: 34px !important;
        }

        .srgSupplierInviteSurround .responsivePaddingRightMd0 {
            padding-right: 0px !important;
        }

        .srgSupplierRegistrationSurround .nonResponsivePaddingRightMd23 {
            padding-right: 23px !important;
        }

        .srgWizQuestionLevelsSurround .paddingRightMd30 {
            padding-right: 30px !important;
        }

        .srgSupplierRegistrationSurround .paddingLRMd30 {
            padding-left: 30px !important;
            padding-right: 30px !important;
        }

        .QuestionnaireDocumentSummarySurround .responsivePaddingTopMd0 {
            padding-top: 0px !important;
        }

        .srgWizReviewAndPublishSurround .imgPadding {
            padding-top: 30px;
        }

        .srgDashboardSurround .widthMd32 {
            width: 32% !important;
            margin: 3px !important;
            text-align: left !important;
            margin-left: 0px !important;
        }

        .srgSupplierInviteSurround .passwordStrengthDiv,
        .srgSupplierInviteSurround .our-form-control {
            width: 94% !important;
        }

        .srgWizReviewAndPublishSurround .boxHeight {
            height: 255px;
        }

        .srgSupplierRegistrationSurround .dxeValidStEditorTable tbody tr:nth-child(1) {
            float: right;
        }

        .srgDashboardSurround .widgetBtnSurround {
            overflow-y: auto !important;
            overflow-x: hidden !important;
            max-height: 95px !important;
        }

        /*#endregion srgWizGeneralQuestionnaire/srgWizCategories/srgWizConfiguration/QuestionnaireLanguageImportExport/srgWizReviewAndPublish/srgWizImportSuppliers/srgWizQuestionLevels/srgSupplierWelcomeScreen/srgSupplierSupplierDetails/srgSupplierCategories/srgSupplierReviewAndSubmit/srgWizTemplatePreview/srgSupplierCategory/srgSupplierInvite/srgSupplierSupplierUserDetails/srgSupplierRegistration/srgDocuments/srgSupplierSubmissionSuccessful/srgCompletionReport/srgAuditConfirmation/srgManageUploads/QuestionnaireDocumentSummary/srgSupplierUpdateAutoUnlocked/QuestionnaireDetailForm/srgValidateContactEmail/srgBuyerCategories/srgBuyerCompanyDetailsEdit/srgQuestionnaireCompareReport/srgBuyerSupplierAnswersPrintableVersionReport/srgCustomReportFullScreen/srgDashboard/X Pages End(KYLE)*/

        /*#region wrfTaskEdit Page (KYLE)*/

        .wrfTaskEditSurround .infoPadding {
            padding-right: 0px !important;
        }

        .wrfTaskEditSurround .responsivePaddingTopMd8 {
            padding-top: 8px !important;
        }

        .wrfTaskEditSurround .responsivePaddingTopMd9 {
            padding-top: 9px !important;
        }

        .wrfTaskEditSurround .responsivePaddingTopMd33 {
            padding-top: 33px !important;
        }

        /*#endregion wrfTaskEdit Page End (KYLE)*/

        /*#region aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages Start (KYLE)*/

        .aucHistoricAuctionSurround .paddingCalendar1 {
            padding-left: 0px !important;
        }

        .aucAuctionItemsAddSurround .chkSurround label {
            padding-left: 2px !important;
            margin-right: 1px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingLeftMd18 {
            padding-left: 18px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingLeftMd26 {
            padding-left: 26px !important;
        }

        .aucHistoricAuctionSurround .paddingToDate,
        .aucAuctionSetupSurround .responsivePaddingLeftMd36 {
            padding-left: 36px !important;
        }

        .aucHistoricAuctionSurround .responsivePaddingBtn,
        .aucAuctionSetupSurround .responsivePaddingLeftMd50 {
            padding-left: 50px !important;
        }

        .aucAuctionItemsAddSurround .itemCellReferencePadding {
            padding-right: 2.25% !important;
        }

        .aucAuctionSetupSurround .responsivePaddingRightMd33 {
            padding-right: 33px !important;
        }

        .aucAuctionItemsAddSurround .responsivePaddingTopMd0,
        .aucAuctionItemsSurround .responsivePaddingTopMd0,
        .aucAuctionSetupSurround .responsivePaddingTopMd0 {
            padding-top: 0px !important;
        }

        .aucAuctionItemsSurround .responsivePaddingTopMd2,
        .aucAuctionSetupSurround .responsivePaddingTopMd2 {
            padding-top: 2px !important;
        }

        .aucAuctionItemsAddSurround .responsivePaddingTopMd3 {
            padding-top: 3px !important;
        }

        .aucAuctionItemsAddSurround .responsivePaddingTopMd4,
        .aucAuctionSetupSurround .responsivePaddingTopMd4 {
            padding-top: 4px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingTopMd5 {
            padding-top: 5px !important;
        }

        .aucAuctionItemsAddSurround .responsivePaddingTopMd8 {
            padding-top: 8px !important;
        }

        .AuctionBid2Surround .paddingTopMd9,
        .aucAuctionAutoTrainerSurround .paddingTopMd9,
        .aucAuctionSupplierAuctionDetailsSurround .responsivePaddingTopMd9,
        .aucAuctionSetupSurround .responsivePaddingTopMd9 {
            padding-top: 9px !important;
        }

        .aucAuctionSetupSurround .responsivePaddingTopMd14 {
            padding-top: 14px !important;
        }

        .AuctionBid2Surround .responsivePaddingTopMd16,
        .aucAuctionAutoTrainerSurround .responsivePaddingTopMd16 {
            padding-top: 16px !important;
        }

        .aucAuctionItemsAddSurround .our-form-control,
        .aucAuctionItemsAddSurround .dxeTextBox {
            width: 87% !important;
        }

        .aucAuctionItemsAddSurround .optionsPadding .our-form-control {
            width: 88.75% !important;
        }

        .aucAuctionItemsAddSurround .rightColumnPadding .dxeTextBox {
            width: 89% !important;
        }

        .aucAuctionItemsSurround .our-form-control {
            width: 92% !important;
        }

        .aucAuctionItemsSurround #ctl00_body_dxCallbackItemDetails_drpBasketDecimals {
            width: 95% !important;
        }

        /*#endregion aucAuctionSetup/aucAuctionItems/aucAuctionItemsAdd/aucAuctionCopy/aucAuctionCopyTraining/aucAuctionRemove/aucPotentialAuction/aucFutureLiveAuctions/aucHistoricAuction/aucTrainingAuctions/aucTemplateAuctions/aucAuctionSupplierAuctionDetails/aucAuctionSupplierAuctionItems/aucAuctionSupplierDocuments/aucAuctionAutoTrainer/manEvents/CompanyToCompanyEventTransfer/AuctionBid2/ImportItem/aucAuctionBidStatus/SupplierHomepage/AuctionProjectLink/aucAuctionSupplierBids/AuctionBidJapaneseMultiSurround/jpnAuctionBidAnalysis/X Pages End (KYLE)*/

        /*#region rfxQuestionnairesPotential/rfxQuestionnaireWizardTemplate/rfxQuestionnairesLiveFuture/rfxQuestionnairesHistoric/rfxQuestionnaireSectionTemplateCreator/rfxQuestionnaireSummaryBuyer/rfxQuestionnaireCopy/rfxQuestionnaireSummarySupplier/rfxQuestionnaireScoring/rfxQuestionnaireStatus/rfxQuestionnaireAddItem/rfxQuestionnaireItems/rfxQuestionnaireParticipantItems/rfxQuestionnaireQuestionsNotComplete/aucAuctionSuppliersSuppliersEmail/aucAuctionDelegateAdd/CompanyToCompanyEventTransfer/rfxQuestionnaireCompletionReport/rfxQuestionnaireAuditReport/rfxQuestionnaireAnswerReport/rfxQuestionnaireParticipantDocuments/X Pages Start (KYLE)*/

        .rfxQuestionnaireSummaryBuyerSurround .paddingCalendar,
        .rfxQuestionnairesHistoricSurround .paddingCalendar1 {
            padding-left: 0px !important;
        }

        .rfxQuestionnairesHistoricSurround .paddingToDate {
            padding-left: 36px !important;
        }

        .rfxQuestionnairesHistoricSurround .responsivePaddingBtn {
            padding-left: 50px !important;
        }

        .rfxQuestionnaireAddItemSurround .errorPadding {
            padding-left: 176px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .responsivePaddingRightMd0 {
            padding-right: 0px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireSettingsSurround .form-group {
            padding-right: 16px !important;
        }

        .rfxQuestionnaireSummarySupplierSurround .responsivePaddingTopMd7 {
            padding-top: 7px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .responsiveTopPadding,
        .rfxQuestionnaireSummarySupplierSurround .responsivePaddingTopMd8 {
            padding-top: 8px !important;
        }

        .rfxQuestionnaireScoringSurround .txtPaddingTop {
            padding-top: 9px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireDetailsSurround .cGreyBox {
            padding-bottom: 85px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireSettingsSurround .mandatoryLblPadding {
            padding: 3px 0px 0px 0px !important;
        }

        .rfxQuestionnaireScoringSurround #ctl00_body_grdWeightings tbody input {
            width: 75% !important;
        }

        .rfxQuestionnaireScoringSurround #ctl00_body_grdQuestions tbody input {
            width: 88% !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .boxHeight {
            height: 265px !important;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireSettingsSurround .mdDisplay2 {
            display: inline-flex;
        }

        .rfxQuestionnaireSummaryBuyerSurround .divQuestionnaireSettingsSurround img {
            margin-top: 8px !important;
        }

        /*#endregion rfxQuestionnairesPotential/rfxQuestionnaireWizardTemplate/rfxQuestionnairesLiveFuture/rfxQuestionnairesHistoric/rfxQuestionnaireSectionTemplateCreator/rfxQuestionnaireSummaryBuyer/rfxQuestionnaireCopy/rfxQuestionnaireSummarySupplier/rfxQuestionnaireScoring/rfxQuestionnaireStatus/rfxQuestionnaireAddItem/rfxQuestionnaireItems/rfxQuestionnaireParticipantItems/rfxQuestionnaireQuestionsNotComplete/aucAuctionSuppliersSuppliersEmail/aucAuctionDelegateAdd/CompanyToCompanyEventTransfer/rfxQuestionnaireCompletionReport/rfxQuestionnaireAuditReport/rfxQuestionnaireAnswerReport/rfxQuestionnaireParticipantDocuments/X Pages End (KYLE)*/

        /*#region srgTemplates/srgTemplateSummary Pages Start (KYLE)*/

        .srgTemplateSummarySurround .topPaddingLbl2 {
            padding-top: 8px !important;
        }

        /*#endregion srgTemplates/srgTemplateSummary Pages End (KYLE)*/

        /*#region ctlDatabasePerformanceSurround/srgSupplierImport Pages Start (KYLE)*/

        .srgSupplierImportSurround .paddingCompanyDrp {
            padding-top: 4px !important;
        }

        /*#endregion ctlDatabasePerformanceSurround/srgSupplierImport Pages End (KYLE)*/

        /*#region manAppFeatures/srgDataExport Start (KYLE)*/

        .srgDataExportSurround .lineWidth {
            width: 75% !important;
        }

        .manAppFeaturesSurround .rightPaddingBtn {
            padding-right: 23px !important;
        }

        .manAppFeaturesSurround .keyPadding {
            padding-left: 6px !important;
        }

        /*#endregion manAppFeatures/srgDataExport End (KYLE)*/

        /*#region manCurrencyTypes/manLists Pages Start (KYLE)*/

        .manListsSurround .topMarginTxt {
            margin-top: 9px !important;
        }

        /*#endregion manCurrencyTypes/manLists Pages End (KYLE)*/

        /*#region manBuyerCompanies/manTeamFeatures Pages Start (KYLE)*/

        .manTeamFeaturesSurround .lblWidth {
            width: 46% !important;
        }

        /*#endregion manBuyerCompanies/manTeamFeatures Pages End (KYLE)*/

        /*#region manUser/manCompany Pages Start (KYLE)*/

        .manUserSurround .our-form-control {
            width: 94% !important;
        }

        .manCompanySurround .ddlLoginTypesSurround {
            margin-top: 8px !important;
        }

        .manCompanySurround .extraPadding {
            padding-right: 20px !important;
        }

        .manCompanySurround .paddingBtnUpdateTheme {
            padding-right: 19px !important;
        }

        .manCompanySurround .colorEditControl {
            width: 80.5% !important;
        }

        /*#endregion manUser/manCompany Pages End (KYLE)*/

        /*#region Management/eRFX/Auction/SIM/Workflow Start (Paul)*/

        /*#region Targetted Pages*/

        /*
    manTeams/manRoles/manUsers/manSupplierCompanies/manCategories/manCompanyAppFeatures/manDocuments/manDocumentEdit
    ctlQueryPerformance/toolCreateNewEvent/rfxQuestionnaireWizard/rfxQuestionnaireWizardgateway/
    rfxCreateNewQuestionnaire/rfxQuestionnaireWizardHistoric/rfxQuestionnaireQuestions/rfxQuestionnaireParticipants/rfxQuestionnaireInviteUser/rfxQuestionnaireParticipantView
    aucAuctionSuppliers/aucAuctionSpectators/aucAuctionDocuments/aucAuctionBidChart/aucAuctionBidAnalysis/aucAuctionBidStatus/aucAuctionBidBreakdown/aucAuctionSupplierBids/toolCreateNewEvent/
    srgWizWelcome/rfxQuestionnaireAuditReport/srfWizNewsletter/srgWizFreeTextSearch/srgBuyerSupplierDetails/srgBuyerSupplierAnswers/QuestionnaireDetailFormSupplier/srgSupplierUpdateUnlockedManual
*/

        /*#endregion Targetted Pages*/

        .manSupplierCompaniesSurround .genericCheckBox input {
            margin-left: -20px !important;
        }
        /*#endregion Management/eRFX/Auction/SIM/Workflow END (Paul)*/

    }

    /*#region proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages Start (KYLE)*/

    @media (max-width: 625px) {
        .proSummarySurround .responsivePaddingLeftXxs22 {
            padding-left: 22px !important;
        }

        .proProjectImportSurround .marginRightXxs1 {
            margin-right: 1px !important;
        }
    }

    /*#endregion proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages End (KYLE)*/

    @media (max-width: 555px) {

        /*#region proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages Start (KYLE)*/

        .proSummarySurround .responsiveMarginLeftXs85 {
            margin-left: 85px !important;
        }

        /*#endregion proDashboard/proSummary/proSpectators/proDocumentsReport/proDetails/proAdHocTask/proDocuments/proProjectCopy/proAudit/proTask/proSuppliers/proNotesPopup/proSearch/proProjectsForStatus/proProjectImport/proProjectValueUpdate/proSetupWizard/wrfManageWorkflow/wrfSummary/wrfWorkflowCopy/wrfGroups/wrfAcceptanceQuestionnaire/proProjectSummaryReport/proDetailsCompletionReport/proAuctionSummaryReport/proAuctionKPIReport/proUpdateAutoUnlocked/proAuction/proERFX/proSPMPerformance/X Pages Pages End (KYLE)*/

    }

    @media (max-width: 500px) {

        /*#region NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages Start (KYLE)*/

        .homepageSurround .paddingLeftXxl60 {
            padding-left: 60px !important;
        }

        /*#endregion NewPasswordRequest/NoAccess/homepage/NoAccessPreviewPage/DashboardReport/login/loginSSO/SchedulerPopup/rptSinglePage/userHomepage/QuestionnaireQueryReport/Upgrade/IFrameError Pages End (KYLE)*/

    }

    /*#region manBuyerCompanies/manTeamFeatures Pages Start (KYLE)*/

    @media (max-width: 425px) {
        .manTeamFeaturesSurround .lblWidth2 {
            width: 90% !important;
        }
    }

    /*#endregion manBuyerCompanies/manTeamFeatures Pages End (KYLE)*/

    /*#region manUser/manCompany Pages Start (KYLE)*/

    @media (max-width: 395px) {
        .manCompanySurround .our-form-control {
            width: 94% !important;
        }

        .manUserSurround .our-form-control {
            width: 93% !important;
        }

        .manCompanySurround .workflowSettingsSurround .our-form-control {
            width: 86% !important;
        }
    }

    /*#endregion manUser/manCompany Pages End (KYLE)*/

    /*#region rfxQuestionnaireMessages/aucAuctionMessaging/proMessages/srgMessaging Pages Start (KYLE)*/

    @media (max-width: 387px) {

        .proMessagesSurround .sentItemsSurround .titleSurround,
        .srgMessagingSurround .sentItemsSurround .titleSurround,
        .aucAuctionMessagingSurround .sentItemsSurround .titleSurround,
        .rfxQuestionnaireMessagesSurround .sentItemsSurround .titleSurround {
            padding-top: 0px !important;
        }

        .proMessagesSurround .sentItemsSurround .paddingClearSearch,
        .srgMessagingSurround .sentItemsSurround .paddingClearSearch,
        .aucAuctionMessagingSurround .sentItemsSurround .paddingClearSearch,
        .rfxQuestionnaireMessagesSurround .sentItemsSurround .paddingClearSearch {
            padding-top: 0px !important;
            text-align: center !important;
        }

        .proMessagesSurround .inboxSurround .paddingClearSearch,
        .srgMessagingSurround .inboxSurround .paddingClearSearch,
        .aucAuctionMessagingSurround .inboxSurround .paddingClearSearch,
        .rfxQuestionnaireMessagesSurround .inboxSurround .paddingClearSearch {
            text-align: center !important;
        }
    }

    /*#endregion rfxQuestionnaireMessages/aucAuctionMessaging/proMessages/srgMessaging Pages End (KYLE)*/

    /*#region manAppFeatures/srgDataExport Start (KYLE)*/

    @media (max-width: 357px) {
        .manAppFeaturesSurround .popUpLblMargin {
            margin-top: 0px !important;
        }
    }

    /*#endregion manAppFeatures/srgDataExport End (KYLE)*/

    /*#region manBuyerCompanies/manTeamFeatures Pages Start (KYLE)*/

    @media (max-width: 355px) {
        .manTeamFeaturesSurround .leftMargin {
            margin-left: 8px !important;
        }
    }

    /*#endregion manBuyerCompanies/manTeamFeatures Pages End (KYLE)*/

    /*#region manCompanyEmails/manCompanyInterfaces Pages Start (KYLE)*/

    @media (max-width: 250px) {
        #divInterfaceMenu {
            text-align: center;
            padding-top: 30px;
        }

        .manCompanyInterfacesSurround .imgShape {
            margin-top: 10px;
        }
    }

    /*#endregion manCompanyEmails/manCompanyInterfaces Pages End (KYLE)*/

    /* Emily ProSummary Page */

    #ctl00_body_pnlDueAndKeyTasks {
        height: auto;
    }

    .grdDueTasksEmpty {
        height: 45px;
    }

    .proSummaryNotes {
        margin-top: 5px;
        border-top: 0.5px solid #1e3578;
    }

    #rollBackImg {
        margin-right: 3px;
        vertical-align: middle;
        margin-top: 1px;
    }

    .taskNotesBtmRow {
        padding-bottom: 5px;
    }

    .taskNameTopRow {
        padding-top: 5px;
    }

    .taskNoteDivEmpty, .dueTasksDivEmpty, .grdDueTasksEmpty, .taskNotesDivNoDueTasks {
        height: auto;
    }

    .taskNotesDiv, .taskNotesDivNoDueTasks {
        max-height: 100px;
    }


    .pnlDueAndKeyTasks {
        border: 0.5px solid #e4e177 !important;
        margin-top: 0 !important;
    }

    #ctl00_body_grdDueTasks td {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .proSummaryTableHeader, .proSummaryTaskTableHeader {
        background: none !important;
        font-size: 12px;
        padding: 3px;
        white-space: normal;
        font-weight: 400;
    }

    .proSummaryTableHeader {
        height: 20px;
    }

    .proSummaryTaskTableHeader {
        height: 30px;
    }

    .proSummaryDetailsTable {
        width: 98%;
    }


    /* Workflow Count */
    .childWorkflowCount, .detailQuestionnaireCount {
        border: 1px solid red;
        border-radius: 10px;
        padding: 1px 4px 1px 3px;
        background: red;
        color: white;
        margin-left: -17px;
        position: absolute;
    }

    /* Emily || Pro Summary Page Footer Report Buttons || 08/01/2019 */
    .btnShowReportMobile, .btnViewNotesReportMobile {
        height: 33px !important;
        padding: 5px 7px;
        text-decoration: none !important;
        color: #000000 !important;
        font-weight: bold;
        margin-top: 2px;
    }



    #ctl00_ucxFooterContainer_pnlFooterContainerCallback_updButtonsFullRow2 {
        margin-top: 2px;
    }

    .btnShowReportMobileText {
        vertical-align: middle;
    }

    .btnShowReportMobileImg {
        margin-top: 2px;
        margin-right: 4px;
    }

    .btnShowReportMobileLandscape {
        float: left !important;
    }

    .hideOnLandscape {
        display: none !important;
    }

    /* Emily || 10.05 || Fixes buttons displaying incorrectly when the orientation is changed */
    @media screen and (orientation:landscape) {
        /* landscape orientation only uses desktop styles when the width is > 767px */
        @media (min-width: 767px) {
            .hideOnLandscape {
                display: none !important;
            }

            .hideOnPortrait {
                display: inline-table !important;
            }
        }

        .btnShowReportMobileLandscape {
            display: inline-table !important;
        }
    }

    /* TABLET ONLY in Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
        .document1Button {
            width: 359px !important;
            margin: 0px 0px 1px 1px !important;
        }

        .document2Buttons {
            width: 178px !important;
            margin: 0px 0px 1px 1px !important;
        }

        .document3Buttons {
            width: 118px !important;
            margin-left: 1px !important;
        }

        document3Buttons-full {
            width: 359px !important;
            margin: 0px 0px 1px 1px !important;
        }

        .document4Buttons {
            width: 178px !important;
            margin-left: 1px !important;
            margin-bottom: 1px !important;
        }

        .document5Buttons {
            width: 140px !important;
            margin-left: 1px !important;
            margin-bottom: 1px !important;
        }
    }

    @media screen and (orientation:portrait) {
        @media (min-width: 767px) {
            .hideOnLandscape {
                display: inline-table !important;
            }

            .hideOnPortrait {
                display: none !important;
            }

            .document1Button {
                width: 268px !important;
                margin: 0px 0px 1px 1px !important;
            }

            .document2Buttons {
                width: 132px !important;
                margin: 0px 0px 1px 1px !important;
            }

            .document3Buttons {
                width: 268px !important;
                margin: 0px 0px 2px 1px !important;
            }

            .document4Buttons {
                width: 132px !important;
                margin: 0px 0px 1px 1px !important;
            }

            .document5Buttons {
                width: 100px !important;
                margin: 0px 0px 1px 1px !important;
            }
        }

        .btnShowReportMobileLandscape {
            display: inline-table !important;
        }
    }

    .hiddenElement {
        display: none !important;
    }

    @media (max-width: 767px) {

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

        .showOnMobile {
            display: inline-table !important;
        }

        .hideOnMobile {
            display: none !important;
        }
    }

    @media (min-width: 766px) {
        .hideOnDesktop,
        .showOnMobile {
            display: none !important;
        }
    }

    /* proSpectators page */

    .btnViewNotesReportMobile {
        padding-top: 7px;
    }

    .tableCellWrapText {
        word-break: break-word !important;
        white-space: normal !important;
    }

    .tableHeaderWrapText {
        white-space: normal !important;
    }

    #ctl00_body_pnlStakeHolderContainer_grdRoles_col3 table tbody td {
        white-space: normal !important;
    }

    /* 10.4 - 1403 - Workflow Role Reorder Styling */
    .WorkflowReorderModalLabels {
        margin: 0 auto;
        display: table;
        margin-top: 3px;
        margin-bottom: 3px;
        color: #1f3578;
        font-weight: bold;
    }

    .workflowReorderTitle {
        font-weight: bold;
        color: #1f3578;
        font-size: 15px;
        margin-top: -20px;
        text-align: center;
        display: inherit;
    }

    /* =========================================== */

    /* 10.04 || STORY 13.41 || EMILY */
    /*    Report Footer Buttons   */

    .reportGrid .reassignSection {
        display: inline-flex;
        width: 49%;
        border-right: 2px solid #eeeeee;
        margin-right: 14px;
        height: 81px;
    }

    .reportGrid .reassignRolesSection {
        display: inline-block;
        width: 55%;
        border-right: 2px solid #eeeeee;
        padding-right: 13px;
        padding-top: 10px;
    }

    .reportGrid .lblReassignRolesTitle {
        font-weight: bold;
        font-size: 11px;
        margin-left: 43px;
    }

    .reportGrid .drpRolesSection {
        display: inline-block;
        vertical-align: middle;
        padding-right: 5px;
        margin-left: 4px;
        height: 32px;
        margin-top: 10px;
    }

    .reportGrid .reassignRoles {
        float: right;
        display: inline-block;
        vertical-align: middle;
        margin-top: 8px;
    }

    .reportGrid .reassignOwner {
        width: 40%;
        padding-top: 10px;
        display: inline-block;
        padding-left: 24px;
    }

    .reportGrid .reassignCompanyOwnerBtn {
        margin-left: 25px;
    }

    .reportGrid .lockBtns {
        display: inline-grid;
        width: 4%;
        padding-left: 7px;
        position: absolute;
    }

    .reportGrid .lockedBtn,
    .reportGrid .unlockedBtn {
        display: inline-block;
    }

    .reportGrid .lockedBtn {
        margin-top: 1px;
    }

    .reportGrid .unlockedBtn {
        margin-top: 13px;
    }

    .reportGrid .exportSection {
        display: inline;
        float: right;
        width: 42%;
        border-left: 2px solid #eeeeee;
        padding-left: 27px;
    }

    .reportGrid .exportBtns {
        margin-bottom: 10px;
        height: 33px;
    }

    .reportGrid .addSuppliers {
        display: inline-block;
        vertical-align: middle;
        padding-right: 5px;
        padding-bottom: 5px;
        float: left;
    }

    .reportGrid .email,
    .reportGrid .compare,
    .reportGrid .closeBtn,
    .reportGrid .export {
        display: inline-block;
        vertical-align: middle;
        padding-bottom: 5px;
        float: left;
    }

    .reportGrid .compare {
        width: 35%;
    }

    .reportGrid .closeBtn {
        width: 22%;
    }

    .reportGrid .email {
        width: 43%;
    }

    .reportGrid .export {
        padding-left: 9px;
    }

    .reports .dxgvCSD {
        height: 300px !important;
    }

    table#ctl00_body_popResults_rmAdvancedSearch_callbackPanelReport_splitterCustomReports_ucxReportGrid_grdCustomReport1 {
        height: 100% !important;
    }

    .report .dxgvControl .dxgv {
        height: 100% !important;
    }

    /* Report Footer for Workflow Reports */

    .WRFReportClose {
        float: right;
    }

    .WRFReportAssign {
        border-right: 1px solid #c1c1c1;
    }


    .WRFReportOwner {
        display: none;
    }

    .WRFExportBtns {
        float: left;
        margin-top: 18px;
        padding-right: 15px;
    }



    .WRFLockBtns {
        display: none;
    }


    /* Report Grid Popup Reacts Differently in IE and Firefox */
    /* Firefox Styles */
    @-moz-document url-prefix() {
        .reassignOwner {
            padding-left: 50px !important;
        }

        .lockBtns {
            padding-left: 14px !important;
        }

        .export, .closeBtn div {
            float: right !important;
        }
    }

    /* Edge Styles */
    @supports (-ms-ime-align: auto) {

        .reportGrid .lockBtns {
            position: static;
        }
    }

    /* IE Styles */
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .reassignOwner {
            padding-left: 50px !important;
        }

        .lockBtns {
            padding-left: 20px !important;
        }

        .export, .closeBtn div {
            float: right !important;
        }



        .reportGrid .lockBtns {
            display: inline-table;
            position: absolute;
            padding-left: 13px !important;
        }



        .reportGrid .lblReassignRolesTitle {
            margin-left: 72px;
        }
    }

    /* End of Story 1341 */

    /* 10.04 || Story 1321 & 1406 || Jack and Emily */
    /* Responsive Workflow Task Completion  */

    .proSummaryPage #ctl00_body_grdAllTasks tr {
        white-space: inherit !important;
    }

    .proSummaryPage #ctl00_body_rdoAllTasksFilter {
        white-space: nowrap;
    }

    .proSummaryPage .proSummaryAllTasks .gantt .scroll {
        width: 100% !important;
    }

    .proSummaryPage .proSummaryAllTasks .gantt .scroll2,
    .wrfTasksSurround .gantt .scroll2 {
        position: absolute;
    }

    .proSummaryActiveComplete {
        margin-top: 10px;
    }

    #ctl00_body_tblTaskNotes,
    .proSummaryNotes div {
        width: 100% !important;
    }

    .proSummaryPage .proSummaryAllTasks input[type="radio"],
    .proSummaryPage .proSummaryAllTasks input[type="checkbox"],
    .proDetails #ctl00_body_updTaskControls input[type="radio"],
    .proDetails #ctl00_body_updTaskControls input[type="checkbox"],
    #ganttChartFullScreen input[type="radio"],
    #ganttChartFullScreen input[type="checkbox"] {
        margin: 0px 5px 0 6px !important;
    }
    /* Gantt Chart Buttons Style */
    #hideDetailsGantt {
        padding: 7px 0px 0px 0px;
    }

        #hideDetailsGantt #coloured {
            color: #1f3578;
        }

    .btnHideDetailsGantt {
        text-decoration: underline;
    }

    .proAdHocTask input[type="radio"],
    .proAdHocTask input[type="checkbox"] {
        margin: 7px 5px 0 6px !important;
    }
    /* Remove Project Gantt Chart Link */
    .btnRemoveProject {
        padding-top: 3px;
    }

    .proSummaryDetailsTable,
    .proSummaryDetailsTable div {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #ctl00_body_txtProjectNotes {
        height: 62px !important;
    }

    .proSummarySurround .form-group {
        margin-bottom: 3px;
    }

    /* Pro summary table*/
    @media (max-width: 780px) {

        .proSummaryTaskName {
            width: 52px !important;
        }

        .proSummaryCompleted {
            width: 70px !important;
        }

        .proSummaryStatus {
            width: 49px !important;
        }

        .proSummarySmallColIcon {
            width: 20px !important;
        }

        .responsiveCol {
            width: 40px !important;
        }

        .responsiveColSmall {
            width: 10px !important;
        }

        #ctl00_body_rdoAllTasksFilter tbody,
        .proSummaryPage #ctl00_body_rdoAllTasksFilter {
            white-space: inherit !important;
        }
    }
    /* proSummary Desktop Styles*/
    @media (min-width: 991px) {
        .proSummarySurround .teamDiv {
            margin-top: 15px;
        }
    }
    /* proSummary Mobile Styles*/
    @media (max-width: 991px) {

        .apiStatusSurround {
            margin-top: 10px;
        }

        .proSummaryDetailsTable,
        .proSummaryDetailsTable div {
            padding-right: 5px !important;
        }

        .proSummaryNotes div {
            max-height: 100px !important;
        }
    }

    @media (max-width: 540px) {

        .btnRemoveProject {
            padding-top: 10px;
            padding-bottom: 5px;
        }

        /*.proSummaryFullTable {
        margin-top: 25px !important;
    }*/

        #ctl00_body_drpProjectChildrenTasks {
            max-width: 218px;
        }

        /* IE Styles */
        @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
            #ctl00_body_drpProjectChildrenTasks {
                max-width: 186px;
            }
        }
    }

    /* ========================================== */
    /*#region ctlPanelUsersOnline/ctlPanelAudit/ctlPanelEmailLog/ctlPanelErrorLog/toolChangeAuctionCreator/toolChangeCurrentTargetPrice/toolAddHistoricBid/toolChangeeRFXCreator/toolChangeProjecCreator/toolChangeReportOwner/ChangePassword/ChangeContactNumber/manSourcingActivity/ctlPanelPostman Start (JESSICA)*/
    @media (max-width: 767px) {

        /*#region ducAuctionAutoTrainer Start (JESSICA)*/

        .ducAuctionAutoTrainerSurround .ducAuctionLeftRow div:nth-child(2),
        .aucAuctionBidStatusSurround .aucAuctionLeftRow div:nth-child(2),
        .ducAuctionSupplierBidsSurround .ducAuctionLeftRow div:nth-child(2) {
            border: 1px solid #e0e0e0 !important;
        }

        .ducAuctionAutoTrainerSurround .ducAuctionLeftRow div:nth-child(2),
        .aucAuctionBidStatusSurround .aucAuctionLeftRow div:nth-child(2),
        .ducAuctionSupplierBidsSurround .ducAuctionLeftRow div:nth-child(2) {
            margin-bottom: 5px;
        }

        /*#endregion ducAuctionAutoTrainer End (JESSICA)*/

        /*#region ducAuctionBidStatus Start (JESSICA)*/

        .aucAuctionBidStatusSurround .ducAuctionBidStatusCurrentItemKeySurround {
            text-align: left !important;
            margin-top: 20px;
        }

        /*#region ducAuctionBidStatus End (JESSICA)*/

        .mobile-move-buttons-left {
            float: left !important;
        }

        .proSummaryRightFooterControl .mobile-move-buttons-left {
            float: none !important;
            padding-right: 5px;
        }

        .toolChangeReportOwnerSurround .reportChangeLabelPadding,
        .toolChangeProjectCreatorSurround .creatorChangeLabelPadding,
        .toolChangeeRFXCreatorSurround .creatorChangeLabelPadding,
        .toolChangeAuctionCreatorSurround .creatorChangeLabelPadding,
        .toolAddHistoricBidSurround .addBidLabelPadding,
        .toolChangeCurrentTargetPriceSurround .addBidLabelPadding,
        .toolChangeCurrentTargetPriceSurround .targetPriceChangeLabelPadding,
        .manSourcingActivitySurround .sourcingLabelPadding,
        .ctlPanelPostmanSurround .postmanLabelPadding {
            padding: 0px 0px 0px 15px !important;
            margin-bottom: 10px !important;
        }

        .changePasswordSurround .changePasswordLabelPadding,
        .changeContactNumberSurround .changeContactNumberLabelPadding {
            padding: 0px !important;
            margin-bottom: 10px !important;
        }

        .toolChangeReportOwnerSurround .reportChangeOptionPadding,
        .toolChangeProjectCreatorSurround .creatorChangeOptionPadding,
        .toolChangeeRFXCreatorSurround .creatorChangeOptionPadding,
        .toolChangeAuctionCreatorSurround .creatorChangeOptionPadding,
        .toolAddHistoricBidSurround .addBidOptionPadding,
        .toolChangeCurrentTargetPriceSurround .addBidOptionPadding,
        .toolChangeCurrentTargetPriceSurround .targetPriceChangeOptionPadding,
        .manSourcingActivitySurround .sourcingOptionPadding {
            padding-left: 30px !important;
            padding-right: 30px !important;
        }

        .morePaddingMobile {
            padding: 0px 30px 0px 30px !important;
        }
    }

    @media (min-width: 767px) and (max-width: 1200px) {
        .toolChangeReportOwnerSurround .reportChangeLabelPadding,
        .toolChangeProjectCreatorSurround .creatorChangeLabelPadding,
        .toolChangeeRFXCreatorSurround .creatorChangeLabelPadding,
        .toolChangeAuctionCreatorSurround .creatorChangeLabelPadding,
        .toolAddHistoricBidSurround .addBidLabelPadding,
        .toolChangeCurrentTargetPriceSurround .addBidLabelPadding,
        .toolChangeCurrentTargetPriceSurround .targetPriceChangeLabelPadding,
        .changePasswordSurround .changePasswordLabelPadding,
        .changeContactNumberSurround .changeContactNumberLabelPadding {
            padding: 0px !important;
            margin-bottom: 10px !important;
        }

        .ctlPanelPostmanSurround .postmanLabelPadding {
            margin-bottom: 10px !important;
        }
    }

    /*#endregion ctlPanelUsersOnline/ctlPanelAudit/ctlPanelEmailLog/ctlPanelErrorLog/toolChangeAuctionCreator/toolChangeCurrentTargetPrice/toolAddHistoricBid/toolChangeeRFXCreator/toolChangeProjecCreator/toolChangeReportOwner/ChangePassword/ChangeContactNumber/manSourcingActivity/ctlPanelPostman End (JESSICA)*/

    /*#region Management/eRFX/Auction/SIM/Workflow Start (Paul)*/

    /*#region Targetted Pages*/

    /*
    manTeams/manRoles/manUsers/manSupplierCompanies/manCategories/manCompanyAppFeatures/manDocuments/manDocumentEdit
    ctlQueryPerformance/toolCreateNewEvent/rfxQuestionnaireWizard/rfxQuestionnaireWizardgateway/
    rfxCreateNewQuestionnaire/rfxQuestionnaireWizardHistoric/rfxQuestionnaireQuestions/rfxQuestionnaireParticipants/rfxQuestionnaireInviteUser/rfxQuestionnaireParticipantView
    aucAuctionSuppliers/aucAuctionSpectators/aucAuctionDocuments/aucAuctionBidChart/aucAuctionBidAnalysis/aucAuctionBidStatus/aucAuctionBidBreakdown/aucAuctionSupplierBids/toolCreateNewEvent/
    srgWizWelcome/rfxQuestionnaireAuditReport/srfWizNewsletter/srgWizFreeTextSearch/srgBuyerSupplierDetails/srgBuyerSupplierAnswers/QuestionnaireDetailFormSupplier/srgSupplierUpdateUnlockedManual
*/

    /*#endregion Targetted Pages*/

    @media (max-width: 375px) {
        .aucAuctionSuppliersSurround .aucWizProgressDiagram,
        .aucAuctionSpectatorsSurround .aucWizProgressDiagram,
        .aucAuctionDocumentsSurround .aucWizProgressDiagram {
            height: 120px;
            max-width: 225px;
        }

        .rfxQuestionnaireWizardHistoricSurround .minHeight {
            min-height: 43px;
        }

        .manDocumentsSurround .dxgvDetailRow p {
            max-width: 195px;
            word-break: break-all;
        }

        .manDocumentsSurround .dxgvDetailRow span {
            max-width: 195px;
            word-break: break-word;
        }

        .manCompanyAppFeaturesSurround .dxgvTable .dxgvADCC {
            width: 50px;
            white-space: normal;
        }

        .manCompanyAppFeaturesSurround .dxgvTable .dxgvADDC {
            padding-top: 15px !important;
            padding-bottom: 15px !important;
        }

            .manCompanyAppFeaturesSurround .dxgvTable .dxgvADDC select {
                width: 130px !important;
            }
    }

    @media (max-width: 991px) {

        .floatRightDesktop {
            float: left !important;
            margin-bottom: 10px;
        }

        /*Fix for iOS scrolling issue*/
        /*#region Responsive Scrollbar Pages Start (KYLE)*/

        /*Chrome/Safari*/
        .proSummarySurround ::-webkit-scrollbar,
        .QuestionnaireQueryReportSurround ::-webkit-scrollbar,
        .DashboardProjectStatisticsSurround ::-webkit-scrollbar,
        .proAuctionSummaryReportSurround ::-webkit-scrollbar,
        .proAuctionKPIReportSurround ::-webkit-scrollbar,
        .proMessagesSurround ::-webkit-scrollbar,
        .srgMessagingSurround ::-webkit-scrollbar,
        .aucAuctionMessagingSurround ::-webkit-scrollbar,
        .rfxQuestionnaireMessagesSurround ::-webkit-scrollbar,
        .proAuctionsSurround ::-webkit-scrollbar,
        .rfxQuestionnaireAnswerReportSurround ::-webkit-scrollbar,
        .rfxQuestionnaireCompletionReportSurround ::-webkit-scrollbar,
        .ducAuctionBidStatusSurround ::-webkit-scrollbar,
        .ducAuctionBidStatusSurround ::-webkit-scrollbar,
        .homepageSurround .widgetColSurround ::-webkit-scrollbar,
        .spmDashboardSurround .widgetColSurround ::-webkit-scrollbar,
        .proDashboardSurround .widgetColSurround ::-webkit-scrollbar,
        .srgDashboardSurround .widgetColSurround ::-webkit-scrollbar,
        .aucAuctionReportSummarySurround ::-webkit-scrollbar,
        .jpnAuctionReportSummarySurround ::-webkit-scrollbar,
        .jpnAuctionBidStatusMultiSurround ::-webkit-scrollbar,
        .jpnAuctionBidAnalysisSurround ::-webkit-scrollbar,
        .AuctionBidJapaneseMultiSurround ::-webkit-scrollbar,
        .wrfSummarySurround ::-webkit-scrollbar,
        .wrfManageWorkflowSurround ::-webkit-scrollbar,
        .proSetupWizardSurround ::-webkit-scrollbar,
        .proDocumentsSurround ::-webkit-scrollbar,
        .ViewAuctionCeilingsSurround ::-webkit-scrollbar,
        .aucAuctionSupplierAuctionItemsSurround ::-webkit-scrollbar,
        .AuctionBid2Surround ::-webkit-scrollbar,
        .rfxQuestionnaireScoresReportSurround ::-webkit-scrollbar,
        .rfxQuestionnaireScoresReportForUserSurround ::-webkit-scrollbar,
        .rfxQuestionnaireScoreSuppliersSurround ::-webkit-scrollbar,
        .rfxQuestionnaireScoringCommentaryReportSurround ::-webkit-scrollbar,
        .rfxQuestionnaireScoringReport ::-webkit-scrollbar,
        .aucAuctionBidAnalysisSurround ::-webkit-scrollbar {
            width: 6px !important;
            height: 6px !important;
        }

        .proSummarySurround ::-webkit-scrollbar-track,
        .QuestionnaireQueryReportSurround ::-webkit-scrollbar-track,
        .DashboardProjectStatisticsSurround ::-webkit-scrollbar-track,
        .proAuctionSummaryReportSurround ::-webkit-scrollbar-track,
        .proAuctionKPIReportSurround ::-webkit-scrollbar-track,
        .proMessagesSurround ::-webkit-scrollbar-track,
        .srgMessagingSurround ::-webkit-scrollbar-track,
        .aucAuctionMessagingSurround ::-webkit-scrollbar-track,
        .rfxQuestionnaireMessagesSurround ::-webkit-scrollbar-track,
        .proAuctionsSurround ::-webkit-scrollbar-track,
        .rfxQuestionnaireAnswerReportSurround ::-webkit-scrollbar-track,
        .rfxQuestionnaireCompletionReportSurround ::-webkit-scrollbar-track,
        .ducAuctionBidStatusSurround ::-webkit-scrollbar-track,
        .homepageSurround .widgetColSurround ::-webkit-scrollbar-track,
        .spmDashboardSurround .widgetColSurround ::-webkit-scrollbar-track,
        .proDashboardSurround .widgetColSurround ::-webkit-scrollbar-track,
        .srgDashboardSurround .widgetColSurround ::-webkit-scrollbar-track,
        .aucAuctionReportSummarySurround ::-webkit-scrollbar-track,
        .jpnAuctionReportSummarySurround ::-webkit-scrollbar-track,
        .jpnAuctionBidStatusMultiSurround ::-webkit-scrollbar-track,
        .jpnAuctionBidAnalysisSurround ::-webkit-scrollbar-track,
        .AuctionBidJapaneseMultiSurround ::-webkit-scrollbar-track,
        .wrfSummarySurround ::-webkit-scrollbar-track,
        .wrfManageWorkflowSurround ::-webkit-scrollbar-track,
        .proSetupWizardSurround ::-webkit-scrollbar-track,
        .proDocumentsSurround ::-webkit-scrollbar-track,
        .ViewAuctionCeilingsSurround ::-webkit-scrollbar-track,
        .aucAuctionSupplierAuctionItemsSurround ::-webkit-scrollbar-track,
        .AuctionBid2Surround ::-webkit-scrollbar-track,
        .rfxQuestionnaireScoresReportSurround ::-webkit-scrollbar,
        .rfxQuestionnaireScoresReportForUserSurround ::-webkit-scrollbar,
        .rfxQuestionnaireScoreSuppliersSurround ::-webkit-scrollbar,
        .rfxQuestionnaireScoringCommentaryReportSurround ::-webkit-scrollbar,
        .rfxQuestionnaireScoringReport ::-webkit-scrollbar,
        .aucAuctionBidAnalysisSurround ::-webkit-scrollbar {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
            -webkit-border-radius: 10px !important;
            border-radius: 10px !important;
        }

        /*if you add to this list make sure you update .less as well*/
        .proSummarySurround ::-webkit-scrollbar-thumb,
        .QuestionnaireQueryReportSurround ::-webkit-scrollbar-thumb,
        .DashboardProjectStatisticsSurround ::-webkit-scrollbar-thumb,
        .proAuctionSummaryReportSurround ::-webkit-scrollbar-thumb,
        .proAuctionKPIReportSurround ::-webkit-scrollbar-thumb,
        .proMessagesSurround ::-webkit-scrollbar-thumb,
        .srgMessagingSurround ::-webkit-scrollbar-thumb,
        .aucAuctionMessagingSurround ::-webkit-scrollbar-thumb,
        .rfxQuestionnaireMessagesSurround ::-webkit-scrollbar-thumb,
        .proAuctionsSurround ::-webkit-scrollbar-thumb,
        .rfxQuestionnaireAnswerReportSurround ::-webkit-scrollbar-thumb,
        .rfxQuestionnaireCompletionReportSurround ::-webkit-scrollbar-thumb,
        .ducAuctionBidStatusSurround ::-webkit-scrollbar-thumb,
        .homepageSurround .widgetColSurround ::-webkit-scrollbar-thumb,
        .spmDashboardSurround .widgetColSurround ::-webkit-scrollbar-thumb,
        .proDashboardSurround .widgetColSurround ::-webkit-scrollbar-thumb,
        .srgDashboardSurround .widgetColSurround ::-webkit-scrollbar-thumb,
        .aucAuctionReportSummarySurround ::-webkit-scrollbar-thumb,
        .jpnAuctionReportSummarySurround ::-webkit-scrollbar-thumb,
        .jpnAuctionBidStatusMultiSurround ::-webkit-scrollbar-thumb,
        .jpnAuctionBidAnalysisSurround ::-webkit-scrollbar-thumb,
        .AuctionBidJapaneseMultiSurround ::-webkit-scrollbar-thumb,
        .wrfSummarySurround ::-webkit-scrollbar-thumb,
        .wrfManageWorkflowSurround ::-webkit-scrollbar-thumb,
        .proSetupWizardSurround ::-webkit-scrollbar-thumb,
        .proDocumentsSurround ::-webkit-scrollbar-thumb,
        .ViewAuctionCeilingsSurround ::-webkit-scrollbar-thumb,
        .aucAuctionSupplierAuctionItemsSurround ::-webkit-scrollbar-thumb,
        .AuctionBid2Surround ::-webkit-scrollbar-thumb,
        .rfxQuestionnaireScoresReportSurround ::-webkit-scrollbar-thumb,
        .rfxQuestionnaireScoresReportForUserSurround ::-webkit-scrollbar-thumb,
        .rfxQuestionnaireScoreSuppliersSurround ::-webkit-scrollbar-thumb,
        .rfxQuestionnaireScoringCommentaryReportSurround ::-webkit-scrollbar-thumb,
        .rfxQuestionnaireScoringReport ::-webkit-scrollbar-thumb,
        .aucAuctionBidAnalysisSurround ::-webkit-scrollbar-thumb {
            -webkit-border-radius: 10px !important;
            border-radius: 10px !important;
            background: #1E3578 !important;
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important;
        }

            .proSummarySurround ::-webkit-scrollbar-thumb:window-inactive,
            .QuestionnaireQueryReportSurround ::-webkit-scrollbar-thumb:window-inactive,
            .DashboardProjectStatisticsSurround ::-webkit-scrollbar-thumb:window-inactive,
            .proAuctionSummaryReportSurround ::-webkit-scrollbar-thumb:window-inactive,
            .proAuctionKPIReportSurround ::-webkit-scrollbar-thumb:window-inactive,
            .proMessagesSurround ::-webkit-scrollbar-thumb:window-inactive,
            .srgMessagingSurround ::-webkit-scrollbar-thumb:window-inactive,
            .aucAuctionMessagingSurround ::-webkit-scrollbar-thumb:window-inactive,
            .rfxQuestionnaireMessagesSurround ::-webkit-scrollbar-thumb:window-inactive,
            .proAuctionsSurround ::-webkit-scrollbar-thumb:window-inactive,
            .rfxQuestionnaireAnswerReportSurround ::-webkit-scrollbar-thumb:window-inactive,
            .rfxQuestionnaireCompletionReportSurround ::-webkit-scrollbar-thumb:window-inactive,
            .ducAuctionBidStatusSurround ::-webkit-scrollbar-thumb:window-inactive,
            .homepageSurround .widgetColSurround ::-webkit-scrollbar-thumb,
            .spmDashboardSurround .widgetColSurround ::-webkit-scrollbar-thumb,
            .proDashboardSurround .widgetColSurround ::-webkit-scrollbar-thumb,
            .srgDashboardSurround .widgetColSurround ::-webkit-scrollbar-thumb,
            .aucAuctionReportSummarySurround ::-webkit-scrollbar-thumb,
            .jpnAuctionReportSummarySurround ::-webkit-scrollbar-thumb,
            .jpnAuctionBidStatusMultiSurround ::-webkit-scrollbar-thumb:window-inactive,
            .jpnAuctionBidAnalysisSurround ::-webkit-scrollbar-thumb:window-inactive,
            .AuctionBidJapaneseMultiSurround ::-webkit-scrollbar-thumb:window-inactive,
            .wrfSummarySurround ::-webkit-scrollbar-thumb:window-inactive,
            .wrfManageWorkflowSurround ::-webkit-scrollbar-thumb:window-inactive,
            .proSetupWizardSurround ::-webkit-scrollbar-thumb:window-inactive,
            .proDocumentsSurround ::-webkit-scrollbar-thumb:window-inactive,
            .ViewAuctionCeilingsSurround ::-webkit-scrollbar-thumb:window-inactive,
            .aucAuctionSupplierAuctionItemsSurround ::-webkit-scrollbar-thumb:window-inactive,
            .AuctionBid2Surround ::-webkit-scrollbar-thumb:window-inactive,
            .rfxQuestionnaireScoresReportSurround ::-webkit-scrollbar-thumb,
            .rfxQuestionnaireScoresReportForUserSurround ::-webkit-scrollbar-thumb,
            .rfxQuestionnaireScoreSuppliersSurround ::-webkit-scrollbar-thumb,
            .rfxQuestionnaireScoringCommentaryReportSurround ::-webkit-scrollbar-thumb,
            .rfxQuestionnaireScoringReport ::-webkit-scrollbar-thumb,
            .aucAuctionBidAnalysisSurround ::-webkit-scrollbar-thumb {
                background: #41617D !important;
            }

        /*#endregion Responsive Scrollbar Pages End (KYLE)*/


        .lblDetailQuestionnaireFilterInformation {
            font-weight: bold;
            vertical-align: middle;
            line-height: normal;
        }

        .manCompanyAppFeaturesSurround .mobileOnly {
            display: block !important;
        }

        /*#region ctlPanelUsersOnline/ctlPanelAudit/ctlPanelEmailLog/ctlPanelErrorLog/toolChangeAuctionCreator/toolChangeCurrentTargetPrice/toolAddHistoricBid/toolChangeeRFXCreator/toolChangeProjecCreator/toolChangeReportOwner/ChangePassword/ChangeContactNumber/manSourcingActivity/ctlPanelPostman Start (JESSICA)*/

        .ctlPanelPostmanSurround .postmanOptionPadding {
            padding-left: 30px !important;
            padding-right: 30px !important;
        }

        /*#endregion ctlPanelUsersOnline/ctlPanelAudit/ctlPanelEmailLog/ctlPanelErrorLog/toolChangeAuctionCreator/toolChangeCurrentTargetPrice/toolAddHistoricBid/toolChangeeRFXCreator/toolChangeProjecCreator/toolChangeReportOwner/ChangePassword/ChangeContactNumber/manSourcingActivity/ctlPanelPostman End (JESSICA)*/

    }

    /*#endregion Management/eRFX/Auction/SIM/Workflow END (Paul)*/



    /* Report Builder */

    .CLineBreak {
        width: 100% !important;
    }

    /* Main Page Body "shudder" scroll fix */

    #mainPageContainer {
        width: 100% !important;
    }

    /* Homepage Responsive Styles */
    @media (max-width: 424px) {
        .dockPanelFullMobile,
        .homepageSurround .dxpclW,
        .DashboardInnerTable,
        .dxpc-content {
            width: 100% !important
        }
    }

    /*#region srgWizNewsletter/proItems/srgBuyerSupplierDetails Pages Start (Paul)*/
    @media (max-width: 424px) {
        .srgWizNewsletterSurround .dxpclW,
        .srgBuyerSupplierDetailsSurround .dxpclW,
        .proItemsSurround .dxpclW {
            width: initial !important
        }
    }
    /*#endregion srgWizNewsletter/proItems/srgBuyerSupplierDetails Pages END (Paul)*/

    /* Report Grid Responsive Styles */
    /* Mobile */
    @media (max-width: 500px) {


        /* SIM DASHBOARD INVITE SUPPLIERS POPUP */

        #ctl00_body_popupSuppliers_grdSuppliers_ef0_drpCompanyOwners_DDD_PW-1 {
            position: inherit !important;
        }

        .responsiveDropDown, .responsiveInputBox {
            width: 100% !important;
        }

        .srgDashPopupSuppliersEdit .dxpcDropDown {
            width: auto !important;
            position: inherit !important;
        }

        .srgDashPopupSuppliersEdit input {
            width: 100% !important;
        }
    }

    .srgBuyerSupplierDetailsBtnBack {
        margin-top: 0px !important;
    }

    .popChangeOwner, .popInlineEditableFields, .popDisplayWorkflowTaskReorder, .popTaskScheduleCondition {
        min-width: 260px;
        max-width: 550px;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        position: fixed !important;
        display: block;
    }

    .popDisplayQuestionMapping {
        min-width: 260px;
        max-width: 1000px;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        position: fixed !important;
        display: block;
    }

    .proSummaryChangeOwnerProjectlbl {
        padding-right: 10px;
    }


    /* Inline Editable field mappings table popup styling 
   10.06 JSC & EB Feb 2019 */

    #btnClearAllQuestionPositionValues {
        border: none;
        margin-left: 3px;
    }

        #btnClearAllQuestionPositionValues .dxb {
            padding: 0px;
        }

    #btnClearAllQuestionPositionValuesImg {
        height: 16px;
    }

    #btnClearAllQuestionPositionValuesLabel {
        font-size: 9pt;
    }

    #lblClearAllQuestionPositionValues, .tblInlineEditableQuestionHeader {
        font-size: 9pt;
    }

    .popInlineEditableFields {
        min-width: 200px;
        max-width: 900px;
    }

    .popTaskScheduleCondition {
        min-width: 200px;
        max-width: 600px;
    }

    .popDisplayQuestionMapping {
        min-width: 500px;
        max-width: 1000px;
    }

    .popDisplayWorkflowTaskReorder {
        min-width: 200px;
        max-width: 500px;
    }

    .popDisplayWorkflowTaskReorder {
        min-width: 200px;
        max-width: 500px;
    }

    @media all and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        #ctl00_body_btnShowTaskReorderModal {
            margin-top: 15px;
        }
    }

    .tblInlineEditableEditHeader, .tblInlineEditableViewHeader {
        padding-bottom: 12px;
        margin-bottom: 0px;
    }

    .tblInlineEditableEditHeader {
        text-align: center;
    }

    #chkInlineEditViewSelector, #chkInlineEditEditSelector {
        margin-left: 3px !important;
    }

    .inlineEditableGridView .dxpcDropDown {
        width: auto !important;
    }

    /* Responsive Popup */
    @media (min-width: 984px) {
        .popInlineEditableFields, .popDisplayWorkflowTaskReorder, .popTaskScheduleCondition {
            width: 800px !important;
        }

        .popDisplayQuestionMapping {
            width: 1200px !important;
        }
    }

    @media (max-width: 984px) {
        #ctl00_body_popDisplayInlineEditableFields_PW-1 {
            width: 93% !important;
        }
    }

    @media (max-width: 700px) {
        #ctl00_body_popDisplayInlineEditableFields_tabDisplayInlineEditableFields_CC {
            padding-left: 6px;
            padding-right: 6px;
            width: 98% !important;
            overflow: auto;
            max-width: 650px;
        }
    }

    @media (max-width: 525px) {
        #ctl00_body_popDisplayInlineEditableFields_tabDisplayInlineEditableFields_CC {
            max-width: 445px;
        }

        .tblInlineEditableQuestionHeader {
            min-width: 150px;
        }
    }

    @media(max-width: 450px) {
        #ctl00_body_popDisplayInlineEditableFields_tabDisplayInlineEditableFields_CC {
            max-width: 360px;
            padding-left: 13px;
            padding-right: 13px;
        }
    }

    @media (max-width: 400px) {
        #ctl00_body_popDisplayInlineEditableFields_tabDisplayInlineEditableFields_CC {
            max-width: 320px;
            padding-left: 12px;
            padding-right: 12px;
        }

        .tblInlineEditableQuestionHeader {
            min-width: 150px;
        }
    }

    @media (max-width: 380px) {
        #ctl00_body_popDisplayInlineEditableFields_tabDisplayInlineEditableFields_CC {
            max-width: 295px;
        }

        .btnInlineEditableFieldsSaveMappings {
            margin-right: 5px !important;
            margin-top: 5px;
        }
    }

    @media (min-width: 700px) {
        #ctl00_body_popDisplayInlineEditableFields_tabDisplayInlineEditableFields_CC {
            padding-left: 7px;
            padding-right: 7px;
            width: 98% !important;
        }
    }

    /* Inline Editable GridView */
    .inlineEditableGridView .dxgvTable, .auctionBidsGridView .dxgvTable {
        table-layout: auto !important;
    }

    .inlineEditableGridView {
        table-layout: fixed !important;
    }

    /* Supplier Homepage Assigned Task Layout - 10.07 - 1436 - JSC */

    #assignedWorkflowTasks, .pnlDueAndKeyTasks {
        border: 0.5px solid #1e3578;
        border-radius: 12px;
        padding: 10px;
        /*background-color: #f3f9c28c;*/
        background-color: #fffee0;
        /*margin-left: 10px;*/
        margin-top: 10px;
    }

    #proToDoLayoutBreak, #proViewAllDetailRows {
        font-size: 15px;
        color: #1e3578;
        border-bottom: 1px solid black;
        display: flex;
        padding-bottom: 10px;
    }

    #proViewAllDetailRowsLink {
        color: white;
        background-color: #1e3578;
        padding: 8px;
        display: flex;
    }

        #proViewAllDetailRowsLink:hover {
            color: yellow;
        }

    #proViewAllDetailRowsText {
        padding-top: 7px;
        color: black;
    }

    .workflowStepsControlTileButtonSurroundInnerSupplierHomePage, .supplierHomepageDetailQuestionnaireBtn {
        width: 100%;
        height: 35px;
        text-align: center;
        border: 1px solid #ccc !important;
        border-radius: 4px;
        cursor: pointer;
        margin: 0 auto;
        background-color: #fff;
        display: flex;
    }

        .workflowStepsControlTileButtonSurroundInnerSupplierHomePage:hover, .supplierHomepageDetailQuestionnaireBtn:hover {
            background-color: #f3f3f3;
            border-color: rgba(0, 0, 0, 0.1);
            color: #000 !important;
        }

        .workflowStepsControlTileButtonSurroundInnerSupplierHomePage.active:hover .workflowStepsControlTileIcon {
            color: #1f3677 !important;
        }

    .supplierHomepageTextBoxMiddle {
        padding: 10px 15px 0px 15px;
    }

    .supplierHomepageModuleWell {
        margin-bottom: 5px;
    }

    .supplierHomepageTitle {
        font-size: 12pt;
        text-decoration: none !important;
    }

    .supplierHomepageLabel {
        font-size: 11pt;
        text-decoration: none !important;
    }

    .supplierHomepageText {
        font-size: 10pt;
        text-decoration: none !important;
    }

    .supplierHomepageTitle:hover, .supplierHomepageLable:hover {
        text-decoration: none !important;
    }

    .supplierHomepage {
        text-decoration: none !important;
    }

    .supplierHomepageDetailQuestionnaireBtn {
        margin: 3px 7px 3px 7px !important;
        min-width: 175px;
    }


    @media (max-width: 442px) {
        .supplierHomepageDetailQuestionnaireBtn {
            width: 100% !important;
        }
    }

    /* Supplier Homepage Assigned Task Layout - 10.07 - 1436 - JSC */

    #proToDoLayoutBreak {
        font-size: 15px;
        color: #1e3578;
        border-bottom: 1px solid black;
        display: flex;
        padding-bottom: 10px;
    }

    #proViewAllDetailRowsLink {
        color: white;
        background-color: #1e3578;
        padding: 8px;
        display: flex;
    }

        #proViewAllDetailRowsLink:hover {
            color: yellow;
        }

    #proViewAllDetailRowsText {
        padding-top: 4px;
        color: black;
        vertical-align: super;
    }

    .workflowStepsControlTileButtonSurroundInnerSupplierHomePage {
        width: 100%;
        height: auto;
        min-height: 30px;
        text-align: center;
        border: 1px solid #ccc !important;
        border-radius: 4px;
        cursor: pointer;
        margin: 0 auto;
        background-color: #fff;
        display: flex;
    }

        .workflowStepsControlTileButtonSurroundInnerSupplierHomePage:hover {
            background-color: #f3f3f3;
            border-color: rgba(0, 0, 0, 0.1);
            color: #000 !important;
        }

        .workflowStepsControlTileButtonSurroundInnerSupplierHomePage.active:hover .workflowStepsControlTileIcon {
            color: #1f3677 !important;
        }

    .workflowStepsControlTileButtonSurroundInnerSupplierHomePage {
        width: 15%;
        float: left;
        padding-top: 0px;
        padding-left: 0px;
        padding-right: 7px;
    }

    #detailQuestionnaireBtnInner {
        padding: 2px;
        margin: auto;
    }

    .detailQuestionnaireCount {
        background-color: green;
        border: 1px solid green;
        margin-left: -21px;
        margin-top: -5px;
    }

    #proViewAllDetailRows {
        border-bottom: none;
        font-weight: bold;
        padding-bottom: 0px;
        margin-top: 10px;
    }

    @media (max-width: 442px) {
        .supplierHomepageDetailQuestionnaireBtn {
            width: 100% !important;
        }
    }

    #ctl00_body_lblSupplierRegMessage a {
        font-size: 9pt;
    }

    /* JSC - Inline Editable Fields PIM2 Workflow Icon Class */

    .inlineEditableFieldBtnIcon {
        content: url("../Images/score.png");
        width: 22px;
        height: 18px;
        margin-top: 5px;
    }

        .inlineEditableFieldBtnIcon::after {
            background-image: url('../Images/score.png');
            background-size: 18px 18px;
            background-repeat: no-repeat;
            display: inline-block;
            width: 20px;
            height: 18px;
            content: "";
            margin-top: 5px;
        }

    .inlineEditableFieldBtnActiveIcon {
        content: url("../Images/score_active.png");
        width: 22px;
        height: 18px;
        margin-top: 5px;
    }

        .inlineEditableFieldBtnActiveIcon::after {
            background-image: url('../Images/score_active.png');
            background-size: 18px 18px;
            background-repeat: no-repeat;
            display: inline-block;
            width: 20px;
            height: 18px;
            content: "";
            margin-top: 5px;
        }

    .workflowStepsControlTileButtonSurroundInner.active:hover .inlineEditableFieldBtnActiveIcon {
        content: url("../Images/score.png");
        width: 22px;
        height: 18px;
        margin-top: 5px;
    }

        .workflowStepsControlTileButtonSurroundInner.active:hover .inlineEditableFieldBtnActiveIcon::after {
            background-image: url('../Images/score.png');
            background-size: 18px 18px;
            background-repeat: no-repeat;
            display: inline-block;
            width: 20px;
            height: 18px;
            content: "";
            margin-top: 5px;
        }

    /* JSC - Story 1454 Fourth Status Company Details Styling */


    /* Emily || Story 1452 || Inline Editable Gridview */
    .proSummaryPage .dxgvTable .dxgv {
        word-break: break-word;
    }

    /* Emily || Story 1468 || Google Maps */
    .popupSupplierMap {
        max-width: 1400px;
        width: 100% !important;
    }

    .popupSupplierMapCloseBtn {
        margin-top: 7px;
        float: right;
    }

    .googleMapsCompanyDetailsLink {
        background: none;
        border: none;
        padding-left: 0px;
        font: 400 11px Roboto;
        font-weight: 300;
        font-size: 13px;
        text-decoration: underline;
    }


    .btnCompareGoogleMaps, .btnSendMessageGoogleMaps {
        margin-top: 7px;
        margin-right: 5px;
        float: right;
    }

    #ctl00_body_chkSuppliersGoogleMap {
        float: right;
    }

    #googleMapsInfoWindowSupplier {
        border-bottom: 1px solid gray;
        margin-bottom: 4px;
        padding: 2px;
        font-weight: bolder;
    }

    .btnListViewGoogleMaps, .btnViewSelectedSuppliersGoogleMaps {
        margin-top: 7px;
        margin-right: 5px;
    }

    .googleMapsSearchBox {
        height: 40px;
        border: none;
        padding: 0;
        margin: 0;
        margin-top: 10px;
        box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
        padding-left: 5px;
    }

    @media (min-width: 1400px) {
        #ctl00_body_popupSuppliers_gridExporterSuppliers_btnExportOptions {
            float: left;
            margin-left: -6px;
        }
    }

    @media (max-width: 1400px) {
        #popupSuppliersContainerDiv .gridViewExportSurround {
            width: 300px;
        }
    }

    #popupSuppliersContainerDiv .gridViewExportSurround {
        padding-top: 3px;
    }
    /* End of Story 1468 - Google Maps */

    /* JSC - 10.10 Story 1478 - Inline Edit Including Add */
    .dxgvBatchEditNewItem .btnRemove,
    .dxgvBatchEditNewItem .btnCopy,
    .cancelInlineAdd,
    .cancelInlineAdd .dxgvCommandColumnItem {
        display: none;
    }

    .dxgvBatchEditNewItem .dxgvCommandColumnItem {
        display: inline !important;
    }

    /* Styling added due to strange behaviour regarding branched detail questions
    and batch edit. The gridview renders with the correct columns (as per the mapping) 
    but the main area of the gridview is greyed out. A devexpress styling issue which 
    we are needing to rectify here for inline edit detail questions.
*/
    .inlineEditableGridViewadaptive-wrap .dxgvCSD {
        width: auto !important;
        overflow-x: auto !important;
        overflow-y: auto !important;
    }

    /* Story 1494 || Hide the checkbox for new rows added in Inline Edit Including Add */
    .dxgvBatchEditNewItem .genericCheckBox input {
        display: none;
    }

    .table .customTextBoxTable {
        width: auto;
    }

    .has-error-detail-question {
        color: #a94442 !important;
    }

        .has-error-detail-question .help-block,
        .has-error-detail-question .control-label,
        .has-error-detail-question .radio,
        .has-error-detail-question .checkbox,
        .has-error-detail-question .radio-inline,
        .has-error-detail-question .checkbox-inline,
        .has-error-detail-question.radio label,
        .has-error-detail-question.checkbox label,
        .has-error-detail-question.radio-inline label,
        .has-error-detail-question.checkbox-inline label {
            color: #a94442 !important;
        }

        .has-error-detail-question .form-control {
            border-color: #a94442;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        }

            .has-error-detail-question .form-control:focus {
                border-color: #843534;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
            }

        .has-error-detail-question .input-group-addon {
            color: #a94442;
            background-color: #f2dede;
            border-color: #a94442;
        }

        .has-error-detail-question .form-control-feedback {
            color: #a94442;
        }

    .taskDurationPopup {
        margin-top: 100px;
    }

    /* 10.12 1501 || srgBuyerSupplierDetails submission history styling */

    .submissionAuditsInternalDiv {
        background-color: #ecf6fc;
        padding: 10px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .simChildCompaniesInternalDiv {
        padding-bottom: 10px;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    /* 10.12 1513 || Supplier User Dropdown inline edit styling */

    .inlineEditSupplierUserCompanyDropDown,
    .inlineEditSupplierUserDropDown {
        width: 100% !important;
    }
    /* Buyer Supplier Details API Status Styling*/

    #ctl00_body_imgStarchef, #ctl00_body_imgSafeContractor, #ctl00_body_imgRiskrate, #ctl00_body_imgDocusign, #ctl00_body_imgSodexoEVAR,
    #ctl00_body_imgGoogleMaps, #ctl00_body_imgSSO, #ctl00_body_imgActiveDirectory, #ctl00_body_imgErudus, ctl00$body$imgBRCGSDirectory, ct100_body_imgWasteDirectory, ct100_body_imgMarineStewardshipCouncil {
        margin: 5px !important;
    }

    #ctl00_body_hypRiskRateProfile {
        margin-top: 5px;
        padding-left: 4px;
        color: #000;
        cursor: pointer;
        width: auto;
        padding: 9px;
        background: white;
        border: 1px solid #ccc;
        display: block;
        border-radius: 4px;
        font-family: 'Roboto', sans-serif;
        font-size: 12px;
    }

        #ctl00_body_hypRiskRateProfile:hover {
            color: #000;
            background-color: #f3f3f3;
            border-color: rgba(0, 0, 0, 0.1);
        }

    .apiStatusSurround {
        text-align: center;
    }

    .apiStatusInnerSurround {
        padding-bottom: 0px;
    }

    .apiStatusLabel {
        padding: 4px;
        margin-left: 0px !important;
        display: block;
    }

    .PIM2CommentTextBox {
        height: 150px !important;
    }

    .popAddTaskCommentCaption {
        font-weight: bold !important;
    }

    .popAddTaskCommentsHeader img {
        float: right;
    }

    .btnTaskComment {
        border-radius: 10px;
    }

    .dxpc-headerContent {
        background: none;
    }

    .dxpc-mainDiv {
        border: none !important;
    }

    body {
        font-family: Roboto;
    }

    .dxtc-tab.tabHideImage {
        margin-left: 4px !important;
        margin-right: 0px !important;
    }

    .dxtcLite > .dxtc-stripContainer .dxtc-link {
        padding: 5px !important;
    }

    #ctl00_dxTabs_SVA,
    #dxTabs_SVA {
        height: 30px !important;
    }

    #ctl00_dxTabs_WC,
    #dxTabs ul,
    #ctl00_dxTabs_WC .dxtc-sb.dxSectionTabsScrollBtn,
    #dxTabs ul .dxtc-sb.dxSectionTabsScrollBtn {
        height: 30px !important;
    }

        #ctl00_dxTabs_WC .dxWeb_tcScrollLeft,
        #dxTabs_WC .dxWeb_tcScrollLeft,
        #ctl00_dxTabs_WC .dxWeb_tcScrollRight,
        #dxTabs_WC .dxWeb_tcScrollRight,
        .dxSectionTabs .dxWeb_tcScrollLeft,
        .dxSectionTabs .dxWeb_tcScrollRight {
            margin: 0px !important;
        }



    .InlineEditSaveBtnWithChanges {
        background-color: #d7f9c7 !important;
        padding: 5px 8px 4px 8px;
        border-radius: 3px;
        margin: 0px 2px 0px 2px;
        height: 32px !important;
        border: 1px solid #ccc;
    }

        .InlineEditSaveBtnWithChanges:hover {
            background-color: #bbe6a7 !important;
        }


    /*UNSUPPORTED YET WITH IE/EDGE - CSS WRITTEN TO MAKE IMAGES STAY DEFAULT COLOUR*/
    @supports (-ms-ime-align: auto) {
        .dxbButton.dxbButtonPressed img[src*="ButtonImages"],
        .dxbButton.dxbButtonHover img[src*="ButtonImages"],
        .dxbButton.activeDashboardView img[src*="ButtonImages"],
        .dxbButton.dxbButtonHover img[src*="Images/star"],
        .dxbButton.dxbButtonHover img[src*="Images/copy"],
        .dxbButton.dxbButtonHover img[src*="Images/lockedpadlock"],
        .dxbButton.dxbButtonHover img[src*="Images/unlockedpadlock"],
        .dxnb-headerCollapsedHover img[src*="ButtonImages"],
        .rfxQuestionnaireQuestionsNotCompleteSurround img[src*="Images/tick.png"],
        .dxnb-headerHover img[src*="ButtonImages"],
        .dxnb-itemHover img[src*="ButtonImages"],
        .dxnb-itemSelected img[src*="ButtonImages"],
        .btnShowReportMobile:hover img,
        .InlineEditSaveBtnWithChanges.dxbButtonHover [src*="ButtonImages"],
        .dxnb-headerHover .dxWeb_nbCollapse_DevEx.dxnb-btn,
        .dxnb-headerCollapsedHover .dxWeb_nbExpand_DevEx.dxnb-btn,
        #ctl00_body_rmSIMDashboard_callbackPanelReport_splitterCustomReports_imgCustomReportsPinToDashboard,
        .dxbButtonChecked.dashboardTimerChecked img,
        .rfxQuestionnaireSupplierHardCopySurroundFooter img[src*="Images/ButtonImages/download.png"],
        .rfxQuestionnaireScoringCommentaryReportSurroundFooter img[src*="Images/ButtonImages/download.png"],
        .rfxQuestionnaireScoringReportSurroundFooter img[src*="Images/ButtonImages/download.png"],
        .rptSinglePageSurroundFooter img[src*="Images/ButtonImages/download.png"],
        .srgBuyerSupplierAnswersPrintableVersionReportSurroundFooter img[src*="Images/ButtonImages/download.png"],
        #ctl00_body_btnShowRoleReorderModal:hover i,
        img[src*="DashboardIcons"],
        .panel-heading img[src="Images/Task.png"],
        img[src*="ButtonImages/confirmdisabled.png"],
        img[src*="TabIcons"],
        img[src*="Images/infoSymbol"]:not(#ctl00_body_btnWidgetMenuSIMInstructionalTextImg):not(#ctl00_body_btnWidgetMenuSIMOptionsImg):not(#ctl00_body_btnWidgetMenuFreeTextSearchImg):not(#ctl00_body_btnWidgetMenuSIMSearchSuppliersImg):not(#ctl00_body_btnWidgetUnlockedQuestionsImg):not(#ctl00_body_btnWidgetMenuWorkflowOptionsImg):not(#ctl00_body_btnWidgetMenuWorkflowSearchSuppliersImg):not(#ctl00_body_btnWidgetMenuWorkflowInstructionalTextImg),
        img[src="Images/close.png"],
        img[src="Images/copy.png"],
        img[src*="Images/Comments-32.png"], img[src="Images/compare.png"],
        img[src*="icons/home"],
        img[src*="icons/de-lang"],
        img[src*="icons/en-lang"],
        img[src*="icons/en-us-lang"],
        img[src*="icons/fr-lang"],
        img[src*="icons/ne-lang"],
        img[src*="icons/no-lang"],
        img[src*="icons/po-lang"],
        img[src*="icons/pt-lang"],
        img[src*="icons/zh-lang"],
        img[src*="icons/es-lang"],
        img[src*="icons/management"],
        img[src*="icons/account"],
        img[src*="icons/help"],
        img[src*="Images/QuestionMark.png"],
        .dxGridView_CTExportPdf,
        .dxGridView_CTExportXls,
        .dxGridView_CTExportXlsx,
        .dxGridView_CTExportDocx,
        .dxGridView_CTExportCsv,
        img[src*="Images/messagingNewMessage"],
        img[src="Images/email.png"],
        img[src="Images/Add.png"],
        img[src="Images/add.png"],
        img[src="Images/Questionnaire.png"],
        img[src="Images/TaskSmall.png"],
        img[src="Images/Task.png"],
        img[src="Images/report.png"],
        .dxgvDataRow input[type="image"]:not([src="Images/Remove.png"]),
        .aucFutureLiveAuctionsSurround .nonAdaptive,
        .imgSurround,
        .dxgvDataRow img:not(.dxGridView_gvDetailCollapsedButton):not(.dxGridView_gvDetailExpandedButton):not(.dxGridView_gvCellError):not([src="Images/ButtonImages/confirm.png"]):not([src="Images/ButtonImages/preview.png"]):not([src="images/TaskEarly.png"]):not([src="images/TaskOnTime.png"]):not([src="images/TaskOverDue.png"]):not([src="Images/Remove.png"]):not([src="Images/traffic_light_yellow.png"]):not([src="Images/traffic_light_red.png"]):not([src="Images/traffic_light_green.png"]),
        .InlineEditSaveBtnWithChanges [src*="ButtonImages"],
        img[src*="Images/ExportIcons"],
        .dxtc-activeTab img[src*="TabIcons"],
        .dxtc-tabHover img[src*="TabIcons"],
        .dxgvEditFormDisplayRow input[type="image"],
        .btn-mandatoryDocument img,
        img[src*="ButtonImages"] {
            filter: unset !important;
            -moz-filter: unset !important;
        }
    }

    img[src*="Images/ButtonImages/confirmdisabled2.png"], img[src*="ButtonImages/erudus.png"] {
        filter: unset !important;
        -moz-filter: unset !important;
    }

    .CSideMenuSubMenu, .dxtc-activeTab, .dxtc-tab {
        border: 1px solid #ffffff !important;
    }

    .panel-heading {
        padding: 5px 10px !important;
    }

        .panel-heading span:not(.dx-vam),
        .panel-heading label,
        .panel-heading {
            font-weight: bold;
            font-size: 11pt;
            font-family: Roboto;
        }

    a:hover, a:focus {
        color: inherit !important;
    }
    /*extras from previous files*/
    .dxgvGroupRow {
        background-color: #FFFFFF;
    }

    .dxgvGroupPanel {
        background-color: #FFFFFF;
    }

    .CSideMenuSubMenu,
    .dxtc-activeTab,
    .dxtc-tab {
        border: 1px solid #fff !important;
    }


    .panel-heading span, .panel-heading label, .panel-heading .CSubTitle, .panel-heading .CTitle {
        padding: 0px !important;
        margin: 0px !important;
    }

    .panel-heading {
        text-align: left;
    }

    .btn-default {
        text-shadow: none !important;
        background-image: none !important;
        font-family: roboto;
    }

    #divCompanyDetails form-group {
        margin-top: 15px;
    }

    .dxpc-contentWrapper,
    .cGreyBox,
    .panel-body,
    .read-only,
    #ctl00_body_rmSIMDashboard_callbackPanelReport_splitterCustomReports_navbarCustomReports,
    #ctl00_body_rmSIMDashboard_callbackPanelReport_splitterCustomReports_0_CC,
    #ctl00_body_rmSIMDashboard_callbackPanelReport_splitterCustomReports_1_CC,
    #ctl00_body_rmFullScreen_callbackPanelReport_splitterCustomReports_0_CC,
    #ctl00_body_rmFullScreen_callbackPanelReport_splitterCustomReports_1_CC {
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .CPageTabNoLink {
        border-left-width: 0 !important;
        border-right-width: 0 !important;
        border-top-width: 0 !important;
    }

    .dxnb-headerCollapsed {
        background: none !important;
        border-radius: 4px !important;
    }

    .dxnb-header,
    .dxnb-item {
        border-radius: 4px !important;
    }

    #ctl00_body_ucxSectionTabs_dxSectionTabs_SBR.dxSectionTabsDisabledBtn,
    #ctl00_body_ucxSectionTabs_dxSectionTabs_SBR.dxTabsDisabledBtn,
    #ctl00_body_ucxSectionTabs_dxSectionTabs_SBL.dxSectionTabsDisabledBtn,
    #ctl00_body_ucxSectionTabs_dxSectionTabs_SBL.dxTabsDisabledBtn {
        background-color: #dcdbdb !important;
    }

    .security-checkbox .btn-default:active,
    .security-checkbox .btn-default.active,
    .showAllRowsRoundedEdges.active,
    .showAllRowsRoundedEdges:active {
        background-color: #ffffff !important;
        border-color: #7d7d7d !important;
    }

    .security-btn span.fa,
    .showAllRowsRoundedEdges span.fa {
        color: #000 !important;
    }

    .security-btn {
        border-color: #7d7d7d !important;
    }

    .dxeButtonEdit,
    .dxeTextBox,
    .rfxQuestionnaireQuestionsSurround .dxeTextBoxSys td.dxic,
    .wrfTasksSurround .dxeButtonEditSys td.dxic,
    .QuestionnaireQueryReportAccessSurround .dxic,
    .supplierSelectionComboBox .dxic {
        border-radius: 4px;
        border-collapse: separate !important;
        height: 25px !important;
    }

    .wrfTasksSurround .editWorkflowContainer .workflowNameTextbox {
        border-collapse: separate !important;
    }

    .showAllRowsCheckboxSurround .btn-disabled {
        background: white !important;
    }

    .showAllRowsCheckboxSurround .btn-disabled,
    .showAllRowsCheckboxSurround .btn-enabled {
        border: 1px solid #8c8c8c !important;
    }

    .systemMessageTitle:before,
    .sourcingMessageTitle:before,
    .systemMessageTitle:after,
    .sourcingMessageTitle:after {
        content: "";
        position: relative;
        display: inline-block;
        width: 25%;
        height: 1px;
        vertical-align: middle;
    }

    .systemMessageTitle:before,
    .sourcingMessageTitle:before {
        left: -.5em;
        margin: 0 0 0 -50%;
    }

    .systemMessageTitle:after,
    .sourcingMessageTitle:after {
        left: .5em;
        margin: 0 -50% 0 0;
    }

    .systemMessageSurround {
        background: white;
        border-radius: 4px;
    }

    .forgotPasswordLink {
        float: right;
        border: none;
        background: none;
        text-decoration: underline;
        padding-top: 10px !important;
        padding: 0;
    }

    .sourcingActivitySurround {
        background-color: white;
        border-radius: 4px;
    }

    .configuredMessagesSurround {
        border: 1px solid;
        margin-bottom: 20px;
        border-radius: 4px;
    }

    .dxtc-spacer {
        display: none !important;
    }

    .showAllRowsCheckboxSurround .btn-disabled:hover {
        background: #e0e0e0 !important;
    }

    .panel,
    .dxpc-mainDiv {
        border: none !important;
        box-shadow: none !important;
    }

    .panel-heading,
    .dxdpLite .dxpc-header {
        border-bottom: none !important;
    }

    .our-form-control {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    .dxbButton.dxbDisabled, .btn-default:disabled {
        background-color: #9e9e9e !important;
        border-color: #adadad !important;
        opacity:1!important;
    }

    .wrfTasksSurround .gantt #leftside .CTableHeadingWithoutBackgroundImage:first-child {
        display: none !important;
    }

    .wordWrappingClass {
        word-break: break-word;
        white-space: pre-wrap;
        width: 100%;
        position: relative;
    }

    .has-error .help-block {
        color: #a94442 !important;
    }

    .questionRow.has-error .control-label span {
        color: #a94442 !important;
    }

    .questionRow.has-error .form-control:not(.file-comment), .questionRow.has-error .validate-highlight {
        /*border-color: #a94442 !important;*/
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483 !important;
        /*box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important inherit;*/
    }

    .grdDetailRestrictedWidth .dxgvHeader td {
        white-space: pre-wrap !important;
    }

    .paddingTen {
        padding: 10px !important;
    }

    .supplierHomepage.CTableHeading {
        height: 27px !important;
        padding: 4px 6px 4px 6px;
        border-bottom: 0px;
    }

        .supplierHomepage.CTableHeading.LastRightCell {
            height: 27px !important;
            padding: 4px 6px 4px 6px;
            border: 0px;
        }


    .supplierHomepage.CTableBackground {
        height: 27px !important;
        padding: 4px 6px 4px 6px;
    }


    .aucAuction.CTableHeading,
    .aucAuction.CTableBackground,
    .aucAuction.CAltTableBackground,
    .aucAuction.CTableBackground.LastRightCell,
    .aucAuction.CTableHeading.LastRightCell {
        height: 27px !important;
        padding: 4px 6px 4px 6px;
    }

    .supplierHomepage.CTableBackground.Historic {
        border-bottom: 1px solid #cfcfcf;
    }

        .supplierHomepage.CTableBackground.Historic.LastRightCell {
            border-right: 0px;
        }

    .supplierHomepage.CTableBackground.LastRightCell {
        height: 27px !important;
        padding: 4px 6px 4px 6px;
    }

    .aucAuction.CTableBackgroundLastRightBlankCell {
        height: 27px !important;
        padding: 4px 6px 4px 6px;
    }

    .aucAuction.lowestBid {
        padding: 4px 6px 4px 6px;
    }

    .aucAuction.lowestBidLastRightCell {
        padding: 4px 6px 4px 6px;
    }

    #ctl00_body_ucxEventMessaging2_btnClearSearchInbox,
    #ctl00_body_ucxEventMessaging2_btnClearSearchSentItems {
        margin-left: 8px !important;
    }

    .branchChangeModalPopup .modal-footer {
        border-top: none !important;
    }

    .CBoldLabel {
        font-weight: bold;
        color: black;
        font-family: 'Roboto', sans-serif;
        font-size: 10pt
    }

    .hideElement {
        display: none !important;
    }

    .hyperlinkQuestionAnswerReadOnly {
        word-break: break-word;
        white-space: pre-wrap;
        text-decoration: underline;
    }

    /* 11.02 1582 Schedule Condition Mapping Editor Button Styling */
    /*-------------------------------------------------------------*/

    .BtnScheduleConditionRed {
        background-color: #cc0c41;
        padding: 7px;
        border-radius: 5px;
        color: white;
        margin: 0px 2px;
        border: none;
    }

        .BtnScheduleConditionRed:hover {
            background-color: #e42c2c;
        }

    .BtnScheduleConditionBlue {
        background-color: #80adff;
        padding: 7px;
        border-radius: 5px;
        margin: 0px 2px;
        border: none;
    }

        .BtnScheduleConditionBlue:hover {
            background-color: #2c77ff;
        }

    .BtnScheduleConditionDarkBlue {
        background-color: #1E3578;
        color: white;
        padding: 7px;
        border-radius: 5px;
        border: none;
    }

        .BtnScheduleConditionDarkBlue:hover {
            color: yellow;
        }

    .BtnScheduleConditionOptionDarkBlue {
        background-color: #1E3578;
        color: white;
        padding: 7px;
        border-radius: 5px;
        border: none;
        margin-left: 3px;
    }

        .BtnScheduleConditionOptionDarkBlue:hover {
            color: yellow;
        }

    .BtnScheduleConditionYellow {
        background-color: #e4f395;
        padding: 7px;
        border-radius: 5px;
        margin: 0px 2px;
        border: none;
    }

        .BtnScheduleConditionYellow:hover {
            background-color: #d3f716;
        }

    .BtnScheduleConditionGreen {
        background-color: #3cd464;
        padding: 7px;
        border-radius: 5px;
        margin: 0px 2px;
        border: none;
    }

        .BtnScheduleConditionGreen:hover {
            background-color: #0bf548;
        }

    .ddlOptionTypeWorkflowQuestions {
        float: right;
        margin-top: 4px;
    }

    .ddlOptionTypeQuestionOptions {
        position: absolute;
        display: inline-block;
    }

    #divScheduleConditionQuestionOptionBuilder {
        display: grid;
        margin-top: 10px;
        padding-top: 5px;
        border-radius: 10px;
    }

        #divScheduleConditionQuestionOptionBuilder:hover {
            background-color: #fff1aa;
        }


    .BtnScheduleConditionGrey {
        background-color: #808080;
        padding: 7px;
        border-radius: 5px;
        color: white;
        margin: 0px 2px;
        border: none;
    }

        .BtnScheduleConditionGrey:hover {
            background-color: #a9a9a9;
        }

    .conditionPopupSeperator {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        border-bottom: 1px solid black;
        width: 98%;
        border-top: 1px solid black;
        padding-top: 3px;
        padding-bottom: 4px;
    }

    #divScheduleConditionQuestionOptionBuilderHeader {
        background-color: #8fbc8f;
    }

    #divQuestionLevelConditionHeader {
        background-color: yellow;
    }

    /*-------------------------------------------------------------*/
    .pnlProgressDetailRow {
        display: grid;
        float: left;
        margin: 4px;
    }

    .lblReportsFooter {
        margin: 3px 2px 0 2px;
    }

    .drpReportsFooter {
        margin: 2px 2px 0 2px;
    }

    .titleQuestionTypeFontOverride {
        font-size: 15px !important;
        font-weight: bold !important;
    }

    .btnAssignUsers {
        border: none;
        text-decoration: underline;
        background: none;
    }

    .lblRestrictUserQuestionLimitReachedHidden {
        display: none;
    }

    lblRestrictUserQuestionLimitReachedVisible {
        display: block;
        color: #ff0000;
        font-style: italic;
    }

    .tableQuestionScrollBar {
        overflow-x: auto;
        max-width: 1110px;
        width: 100%;
    }

        .tableQuestionScrollBar table {
            width: auto;
        }

    .selectListTableDropdown .select2-container {
        min-width: 150px;
    }

    .CustomTableStyle .CTableHeading td {
        text-align: center;
    }

    .CustomTableStyle .supplierHomepage .CTableHeading {
        text-align: left;
    }

    .leftTableHeading,
    .leftTableColumn {
        padding-left: 5px;
    }


    .CustomTableStyle .dxgvFilterRow .dxgv {
        height: 19.99px !important;
    }

    .questionRow .form-control {
        color: #000 !important;
    }

    .instruction-border-bottom {
        border-bottom: solid 1px #a8a8a8;
        padding: 2px 0;
        font-size: 12px;
        font-weight: bold;
        margin-top: 12px;
    }

    .panel.bottomMargin {
        margin-bottom: 0px;
    }

    .btnLoginBack {
        border: none;
        background: none;
        text-decoration: underline;
        padding-top: 10px !important;
        padding: 0;
    }

    .comboxBoxDisable {
        pointer-events: none;
        color: silver;
    }



    /* Used to put mandatory doc background colours on disabled button for question edit*/
    .dxbButton.dxbDisabled.btn-mandatoryDocument-override-disable {
        background-color: #dcdbae !important;
        filter: unset !important;
        -moz-filter: unset !important;
    }

    /* Used to overwrite button text questionedit disabled style with mandatory */
    .dxbButton.btn-mandatoryDocument-override-disable .dx-vam {
        color: #626266 !important;
    }
    /* Used to overwrite image color questionedit disabled style with mandatory */
    .btn-mandatoryDocument-override-disable img {
        filter: brightness(0) saturate(100%) invert(19%) sepia(19%) saturate(4996%) hue-rotate(204deg) brightness(92%) contrast(96%) !important;
        -moz-filter: brightness(0) saturate(100%) invert(19%) sepia(19%) saturate(4996%) hue-rotate(204deg) brightness(92%) contrast(96%) !important;
    }

    .lblTextCenter {
        text-align: center;
        text-decoration: underline;
    }

    .ddlTaskScheduleConditionStatus {
        margin: auto;
        margin-top: 10px;
    }

    #ddlStatusIfFailed, #ddlStatusIfPassed {
        margin: auto;
        margin-top: 10px;
    }

    .mainBandHeader {
        font-size: 15px;
        font-weight: bold;
    }

    .supplierDataIconCentral {
        text-align: center !important;
    }

    .lastUpdatedTimeLabelSurround {
        text-align: right;
    }

    .supplier360ViewButtonSurround {
        margin-top: 10px;
    }

    .supplierStatusGreen, .noExpiredQuestions {
        color: green !important;
    }

    .supplierStatusAmber {
        color: #FF9800 !important;
    }

    .supplierStatusRed, .hasExpiredQuestions {
        color: #cd5c5c !important;
    }

    #refreshingDataModal {
        text-align: center;
        padding: 0 !important;
        z-index: 99999;
    }

        #refreshingDataModal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }

        #refreshingDataModal .modal-dialog {
            display: inline-block;
            text-align: left;
            vertical-align: middle;
            width: 400px;
        }

        #refreshingDataModal .modal-body {
            text-align: center;
        }

    .srgSupplier360ViewSurround .pagination a {
        cursor: pointer !important;
    }

    .rfxQuestionnaireQuestionsSurround .CustomTableStyle .dxeTextBoxSys td.dxic {
        border: none !important;
    }

    .popover {
        min-width: 200px !important;
    }

    /* Custom Edit, make popover appear over the expose section*/
    .overlayActive .popover {
        z-index: 12016 !important;
    }

    .mastersheetGeneratorErrorPopUpText {
        max-height: 250px;
        overflow: auto;
    }

    .wrfEmailCompleteQuestionHeader .dx-vam,
    .wrfEmailCompleteQuestionHeader .dx-vam .dxb {
        background-color: #d4d4d4 !important;
        border: none;
        color: #404040 !important;
        font-weight: bold !important;
        float: left !important;
        text-align: left !important;
        text-decoration: none !important;
    }

    .LinkButton {
        text-decoration: none !important;
    }

        .LinkButton:hover {
            text-decoration: underline !important;
        }

    .modalImageZoom1 {
        overflow: hidden !important;
        position: relative;
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari 3-8 */
        transform: scale(1);
        display: inline-block;
    }

    .modalImageZoom15 {
        display: inline-block;
        overflow: hidden !important;
        position: relative;
        -ms-transform: scale(2); /* IE 9 */
        -webkit-transform: scale(2); /* Safari 3-8 */
        transform: scale(2);
    }

    .modalImageZoom2 {
        overflow: hidden !important;
        position: relative;
        -ms-transform: scale(3); /* IE 9 */
        -webkit-transform: scale(3); /* Safari 3-8 */
        transform: scale(3);
        display: inline-block;
    }

    #divModalBody {
        overflow: hidden;
        position: relative;
    }

    #imageQuestionImagePreviewImg {
        overflow: hidden;
        cursor: move !important;
    }

    .dxeHyperlink.DashboardHyperLink:hover {
        cursor: pointer !important;
    }


    #dashboardChangePanelBackdrop {
        width: 100%;
        height: 100%;
        top: 0px;
        background: rgba(0, 0, 0, 0.3);
        position: fixed;
        z-index: 99999;
        display: none;
        background-color: white;
        opacity: 0.7;
        z-index: 29999;
    }

    #dashboardChangePanelMessage {
        position: fixed;
        top: 50%;
        left: 42%;
        width: 300px;
        height: 50px;
        margin: auto;
        background-color: rgb(255, 255, 255);
        z-index: 9999999;
        vertical-align: middle;
        text-align: center;
        display: none;
        background-color: white;
        z-index: 30000;
        border: 1px solid #9F9F9F;
    }

    .dashboardChangePanelMessageInner {
        display: table-cell;
        vertical-align: middle;
    }

    .dashboardChangePanelMessageString {
        position: relative;
        top: -3px;
        padding-left: 5px;
    }

    .srgDashboardSurround .dxToggle.dxICheckBox[class*='Checked'], .chkDetailQuestionnaireUnlockedSurround .dxToggle.dxICheckBox[class*='Checked'] {
        background-color: #4caf50;
    }

    .chkDashboardViewToggle .dxichCellSys, .chkDetailQuestionnaireLockUnlock .dxichCellSys {
        padding: 4px 3px 3px 0px !important;
    }

    .chkDashboardViewToggle label, .chkDetailQuestionnaireLockUnlock label {
        font-weight: bold !important;
        font-size: 10pt;
        font-family: Roboto;
    }

    .chkHidePrompt .dxichCellSys {
        padding: 3px 3px 1px 0px;
    }

    #ctl00_body_ddlAAEnabledReports_ET {
        display: inline-block;
        vertical-align: top;
    }

    .lblNoViewApplicable {
        font-weight: bold;
    }

    .helpSurround .dvSearchForm {
        margin-top: 1%;
        border-top: none;
        width: 100%;
        height: 50px !important;
        border-top-right-radius: 3px;
        position: relative !important;
        border-radius: 3px;
        line-height: 1.42857143;
        top: 100%;
    }

    .helpSurround .txtSearchText {
        font-size: 35px !important;
        font-weight: 300;
        text-align: center;
        width: 100% !important;
        height: 48px !important;
        box-shadow: none !important;
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    @media (max-width: 992px) {
        .helpSurround .txtSearchText {
            font-size: 25px !important;
        }
    }

    .helpSurround .btnHelpSearch {
        border-bottom-right-radius: 3px !important;
        border-top-right-radius: 3px !important;
        height: 48px !important;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;
        width: 100% !important;
        box-shadow: none !important;
    }

    .helpSurround .dvhelpSearchBar {
        width: 100%;
        display: inline-block;
    }

    .helpSurround .searchRow {
        width: 100%;
    }

    .helpSurround .txtSmallSearchText {
        font-size: 15px !important;
        height: 28px !important;
    }

    .branchDeselectULList {
        max-height: 150px;
        overflow: auto;
    }

    .chkDetailQuestionnaireUnlocked {
        float: right;
        margin-bottom: 5px;
    }

    .unlockedDetailQuestionnairesSurround ul {
        list-style-type: none;
        padding-left: 15px;
        max-height: 70px;
        overflow: auto;
    }


    .thumbnail {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5) !important;
        transition: 0.3s !important;
        min-width: 40% !important;
        border-radius: 5px !important;
        word-wrap: break-word;
    }

    .thumbnail-description {
        min-height: 40px;
    }

    #pim2RowValidatingPanelBackdrop {
        width: 100%;
        height: 100%;
        top: 0px;
        background: rgba(0, 0, 0, 0.3);
        position: fixed;
        z-index: 99999;
        display: none;
        background-color: white;
        opacity: 0.7;
        z-index: 29999;
    }

    #pim2RowValidatingPanelMessage {
        position: fixed;
        top: 50%;
        left: 42%;
        width: 300px;
        height: 50px;
        margin: auto;
        background-color: rgb(255, 255, 255);
        z-index: 9999999;
        vertical-align: middle;
        text-align: center;
        display: none;
        background-color: white;
        z-index: 30000;
        border: 1px solid #9F9F9F;
    }

    .pim2RowValidatingPanelMessageInner {
        display: table-cell;
        vertical-align: middle;
    }

    .pim2RowValidatingPanelMessageString {
        position: relative;
        top: -3px;
        padding-left: 5px;
    }

    #ctl00_body_calERFXStartDate_txtDate.form-control,
    #ctl00_body_calERFXCloseDate_txtDate.form-control,
    #ctl00_body_ucxStartDate_txtDate.form-control {
        z-index: 0;
    }

    .QuestionUploadValidationSummary ul {
        padding-left: 15px;
    }

    .ingredientListHeaderBtn .dxb {
        padding: 2px !important;
    }

    .ingredientListHeaderBtn {
        float: right;
    }

    /* 27.10.21 || STORY 11.15 || ASHLEE */
    /* 16.08.22 || STORY 1755 || Alex Ellison */
    .AddSupplierArea .dxeValidDynEditorTable,
    .AddSupplierArea input#ctl00_body_popUploadSingle_pnlUploadSingle_drpUploadSingleCompanyName_I,
    .AddSupplierArea input#ctl00_body_popUploadSingle_pnlUploadSingle_txtUploadSingleContactEmail_I,
    .AddSupplierArea input#ctl00_body_popUploadSingle_pnlUploadSingle_drpUploadSingleUsers_I,
    .AddSupplierArea input#ctl00_body_popUploadSingle_pnlUploadSingle_drpUploadSingleQuestionLevel_I,
    .AddSupplierArea input#ctl00_body_popUploadSingle_pnlUploadSingle_drpUploadSingleProjectTeam_I,
    .AddSupplierArea input#ctl00_body_popUploadSingle_pnlUploadSingle_drpUploadSingleProjectOwnerUser_I,
    .AddSupplierArea table#ctl00_body_popUploadSingle_pnlUploadSingle_drpUploadSingleCompanyName,
    .AddSupplierArea table#ctl00_body_popUploadSingle_pnlUploadSingle_txtUploadSingleContactEmail,
    .AddSupplierArea table#ctl00_body_popUploadSingle_pnlUploadSingle_drpUploadSingleUsers,
    .AddSupplierArea table#ctl00_body_popUploadSingle_pnlUploadSingle_drpUploadSingleProjectTeam,
    .AddSupplierArea table#ctl00_body_popUploadSingle_pnlUploadSingle_drpUploadSingleQuestionLevel,
    .AddSupplierArea table#ctl00_body_popUploadSingle_pnlUploadSingle_drpUploadSingleProjectOwnerUser,
    /*Classes for MVC*/
    .AddSupplierArea input#drpUploadSingleCompanyName_I,
    .AddSupplierArea input#txtUploadSingleContactEmail_I,
    .AddSupplierArea input#drpUploadSingleUsers_I,
    .AddSupplierArea input#drpUploadSingleQuestionLevel_I,
    .AddSupplierArea input#drpUploadSingleProjectTeam_I,
    .AddSupplierArea input#drpUploadSingleProjectOwnerUser_I,
    .AddSupplierArea table#drpUploadSingleCompanyName,
    .AddSupplierArea table#txtUploadSingleContactEmail,
    .AddSupplierArea table#drpUploadSingleUsers,
    .AddSupplierArea table#drpUploadSingleProjectTeam,
    .AddSupplierArea table#drpUploadSingleQuestionLevel,
    .AddSupplierArea table#drpUploadSingleProjectOwnerUser {
        background-color: #fffeb0;
    }

    #ctl00_body_ucxQuestionnaireMasterIngredientList_pnlIngredientList_grdIngredientList .dxgvCommandColumn {
        display: inline-flex;
        float: right;
    }

    .btnAddCompoundIngredient {
        margin: 3px 2px 3px 0px;
        /*Link styles*/
        text-align: left;
        font-weight: bold;
    }

    .newMainIngredientHeader {
        margin-bottom: 5px;
    }

    .ingredientListHeaderLabel {
        display: inline-block;
        width: 100%;
    }

    .grdIngredientList .dxgvHeader td {
        font-weight: bold;
        font-size: 12px !important;
    }

    .grdIngredientList .btnAddCompoundIngredient .dxb {
        height: 10px;
        padding: 4px 8px 4px 8px;
        text-align: center;
        font-weight: normal;
    }

    .grdIngredientList .dxgvGroupRow td.dxgv {
        background-color: #dbdbdb;
        border-bottom: 1px solid white !important;
        border-top: 1px solid white !important;
    }

    .grdIngredientList .ComplexCompound td.dxgv {
        background-color: #ededed !important;
    }

    .ingredientListHeaderDivComplexCompound {
        display: flex;
        width: 100%;
    }

    .grdIngredientList .complexCompoundHeader .dxgv {
        background-color: #f5f5f5 !important;
    }

    .ingredientListHeaderDivComplexCompound .ingredientListHeaderLabel {
        font-style: italic !important;
    }

    .ingredientListMainBtnDiv {
        float: right;
    }

    .ingredientListHeaderDiv {
        display: flex;
        width: 100%;
    }

    .displayParentIngredientGroupHeader {
        width: 99% !important;
        display: block !important;
        visibility: visible !important;
        top: -30px;
    }

    .hideParentIngredientGroupHeader {
        visibility: hidden;
    }

    .grdIngredientList .dxgvCommandColumn {
        float: right;
    }

    .ingredientListParentLblContainer {
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 4px;
        padding-bottom: 4px;
    }

    .grdIngredientList .dxgvGroupRow .dxgv {
        padding-left: 0;
        padding-right: 0;
    }

    .ingredientListHeaderLblContainerDiv {
        display: inline-grid;
    }

    .ingredientListDropdown {
        margin-top: 5px;
        width: 100%;
    }

    .supplierManualUnlockReason table {
        width: 100%;
    }

    .APIDuplicateMappingsUL {
        text-align: left;
        overflow-y: auto;
        max-height: 90px;
        width: auto;
    }

    .txtApiSearch:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

    .btnApi:hover {
        background-color: rgba(30, 53, 120, .25) !important;
    }

    .docuSignErrorMessageLbl {
        display: inline-block;
        text-align: center;
        width: 100%;
    }

    .docuSignErrorMessageResolveLbl {
        background-color: #beebbe;
        margin-top: 10px;
        padding: 10px;
        font-style: italic;
    }

    .docuSignErrorMessageDiv {
        border-top: 1px solid black;
        padding-top: 10px;
        margin-top: 10px;
    }

    .FileItemStyle {
        float: left;
        border: 1px solid gray;
        border-radius: 3px;
        padding: 1px;
        height: 30px !important;
        padding: 5px 0px 0px 5px;
        margin-bottom: 5px;
        max-width: 145px !important;
    }

    .browseButton {
        height: 32px !important;
        padding-top: 5px !important;
    }

    #ucDocumentAttach {
        width: 150px;
    }

    #ctl00_body_ucxEventMessaging2_btnDownload_CD {
        padding: 5px 0px 5px 0px;
    }

    #ucDocumentAttach_ClearBox0 {
        background-color: transparent;
    }

    #ucDocumentAttach_TextBox0 {
        height: 28px !important;
        border-radius: 4px;
    }

    .toast-top-full-width {
        top: 100px !important;
        width: 70% !important;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    a {
        cursor: pointer !important;
    }


    .proSummarySurround .hrSupplierUnderline {
        margin-top: 10px;
    }

    .btnEditIngredientList {
        float: right;
    }

    .btnShowHide {
        margin: 2px;
        width: 100%;
    }

    .lblSIMInfoIntroduction {
        text-align: center;
        width: 100%;
        display: inline-block;
    }

    .disabledInput {
        background-color: #eee !important;
        opacity: 1 !important;
    }

    .inlineEditBrakesBtn img {
        filter: none !important;
    }

    .inlineEditBrakesBtn .dxbButtonHover {
        color: white !important;
    }

    .popCompareVersionBtnClose {
        margin-top: 10px;
        float: right;
    }

    .lblShowAllAnswersForLabel {
        font-size: 13px !important;
    }

    .btnApi[disabled] {
        cursor: not-allowed;
    }

        .btnApi[disabled] span {
            background-color: #9e9e9e !important;
        }

        .btnApi[disabled]:hover {
            background-color: inherit !important;
        }

    .dxeErrorCellSys {
        color: red;
    }

    .srgBuyerSupplierDetailsSurround .genericResponsiveControl:disabled {
        background-color: #eee;
    }

    /* V12 || UX Project || Emily */
    .panelUXWidget {
        width: 100%;
        height: 198px;
    }

    .panelUXWidgetBody {
        position: relative;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .panel-heading-ux {
        /*background-color: #F6F6F6 !important;*/
        background-color: #EBEBEB !important;
        padding: 10px;
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
        font-family: roboto;
        font-weight: bold;
        font-size: small;
        text-wrap: wrap;
    }

        .panel-heading-ux img {
            height: 23px;
        }

    .panel-heading-ux-clear {
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
        font-family: sans-serif;
        font-weight: bold;
        font-size: medium;
    }

    .panel-full-ux {
        border-radius: 15px;
        padding: 5px 0px !important;
    }

    /*.divMyTasks, .divMyProjects {
        height: 100%;
        max-height: 605px;
    }*/

    .horizontal-scrollable > .row {
        overflow-x: auto;
        white-space: nowrap;
    }

        .horizontal-scrollable > .row > .col-sm {
            display: inline-block;
            float: none;
        }

    .btnRoundIcon {
        width: 25px;
        border-radius: 50%;
        padding: 1px;
        background-color: #808080 !important;
    }

        .btnRoundIcon .dxb {
            padding: 5px !important;
        }

        .btnRoundIcon img {
            float: right;
        }


    .roundedEdges {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }

    .roundedDrpDown {
        width: 100%;
        border-radius: 25px !important;
    }

    .taskIcon {
        font-size: 13pt;
        padding: 4px;
        border-radius: 9px;
        color: white !important;
        align-items: center;
        display: flex !important;
    }

    .lbl-pagination-ux {
        font-weight: bold;
    }

    .paddingLeft30 {
        padding-left: 30px;
    }

    .btnCreateHomepage {
        background-color: #808080 !important;
    }

        .btnCreateHomepage img {
            float: right;
        }

    img#btnFullscreenImg {
        margin-left: 8px;
        float: right;
    }

    .btnFullscreen .img {
        float: right;
    }



.homepageAAWidget,
.homepageReportWidget {
    border-radius: 15px;
    padding: 2px;
    background: white;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}

    .statusList {
        max-height: 100px;
        min-height: 100px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .panelWidget_PIM .statusList {
        min-height: 72px;
        height: 72px;
    }

    #divWidgetsScroll {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .horizontalscroll,
    .horizontalscroll > .row {
        overflow-x: hidden;
        white-space: nowrap;
        display: contents;
        overflow-y: hidden;
        margin-left: 5px;
        margin-right: 5px;
    }

        .horizontalscroll > .row > .widgetItemUx {
            display: inline-block;
            float: none;
            max-width: 233px;
            vertical-align: top;
            padding-right: 5px !important;
        }

    .homepageTaskDueDate {
        padding: 0 !important;
    }

    .homepageWidgetOuterContainer {
        display: flex;
        padding: 0px;
        height: 100%;
        padding-left: 0 !important;
    }

    @media (max-width: 767px) {
        #FilterWorkflowID {
            margin-bottom: 10px;
        }

        /* .divMyTasks, .divMyProjects {
            max-height: 585px;
        }*/
    }

    #btnFullscreen span {
        padding: 4px;
    }

    iframe {
        border: none !important;
    }

    .tasksProjects.panelUXWidgetBody.panel-full-ux {
        margin-bottom: 15px !important;
    }

    .divMyProjects {
        min-height: 65px;
    }

    .divTasksInfo {
        padding-right: 0px !important;
        padding-left: 15px !important;
    }

    .popAddSingleSupplier,
    .popAddSingleSupplier .dxpcLite,
    .popAddSingleSupplier .dxpc-header,
    .popAddSingleSupplier .dxpc-contentWrapper,
    .popAddSingleSupplier .dxpc-content,
    .popCreateNewProject,
    .popCreateNewProject .dxpcLite,
    .popCreateNewProject .dxpc-header,
    .popCreateNewProject .dxpc-contentWrapper,
    .popCreateNewProject .dxpc-content,
    .popCreateNewAuction,
    .popCreateNewAuction .dxpcLite,
    .popCreateNewAuction .dxpc-header,
    .popCreateNewAuction .dxpc-contentWrapper,
    .popCreateNewAuction .dxpc-content {
        border-radius: 25px;
        border: 0px;
    }

        .popCreateNewProject .dxpc-contentWrapper,
        .popCreateNewAuction .dxpc-contentWrapper {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

    /*New Homepage Create Project Mandatory*/
    input#cboSelectedTeams_I,
    table#cboSelectedTeams,
    table#txtProjectName,
    input#txtProjectName_I,
    table#rdoChildWorkflows,
    input#txtCompanyName_I,
    table#txtCompanyName,
    table#txtCompanyPhone,
    input#txtCompanyPhone_I,
    table#txtContactEmail,
    input#txtContactEmail_I,
    table#txtUserForename,
    input#txtUserForename_I,
    table#txtUserSurname,
    input#txtUserSurname_I,
    table#txtUserTelephone,
    input#txtUserTelephone_I,
    table#txtUserEmail,
    input#txtUserEmail_I {
        background-color: #fffeb0;
    }

    table#rdoChildWorkflows {
        border: 1px solid #78C5EF !important;
    }

    .popAddSingleSupplier .dxpc-contentWrapper {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .popAddSingleSupplier .dxeButtonEdit,
    .popAddSingleSupplier .dxeTextBox,
    .popAddSingleSupplier .dxeMemo,
    .popAddSingleSupplier .dxeMemoEditArea {
        border-radius: 8px;
        border: 1px solid #dfdfdf !important;
    }

    .popAddSingleSupplier .dxpc-header,
    .popCreateNewProject .dxpc-header,
    .popCreateNewAuction .dxpc-header {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        font-weight: bold;
    }

    #drpCreateNew_eAuc input,
    #drpCreateNew_eAuc {
        background-color: #808080 !important;
        border-radius: 25px;
        height: 24px;
        color: white;
        text-align: center;
    }

        #drpCreateNew_eAuc input {
            padding: 3px 8px 3px 8px !important;
        }

    .drpCreateNewAuctionBtn img {
        padding-right: 10px;
    }

    .drpCreateNewAuctionBtn:hover {
        background-color: #808080 !important;
        border-radius: 25px;
    }

    #lstAuctionType {
        border-radius: 25px;
        border: 0px;
    }

        #lstAuctionType .dxpc-mainDiv,
        #lstAuctionType .dxpc-contentWrapper
        #lstAuctionType .dxeDropDownWindow {
            border-radius: 25px;
        }

    /* STYLES FOR TASK/PROJECT SLIDER */
    .custom-checkbox {
        height: 35px;
    }

        .custom-checkbox input#status {
            display: none;
        }

            .custom-checkbox input#status + label {
                height: 100%;
                width: 100%;
            }

                .custom-checkbox input#status + label > .status-switch {
                    cursor: pointer;
                    width: 100%;
                    height: 100%;
                    position: relative;
                    color: white;
                    transition: all 0.5s ease;
                    padding: 3px;
                    border-radius: 20px;
                    max-height: 30px;
                }

                    .custom-checkbox input#status + label > .status-switch:before, .custom-checkbox input#status + label > .status-switch:after {
                        border-radius: 20px;
                        height: calc(100% - 6px);
                        width: calc(50% - 3px);
                        display: flex;
                        align-items: center;
                        position: absolute;
                        justify-content: center;
                        transition: all 0.3s ease;
                    }

                    .custom-checkbox input#status + label > .status-switch:before {
                        background-color: white;
                        color: black;
                        box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2);
                        left: 3px;
                        z-index: 10;
                        content: attr(data-unchecked);
                    }

                    .custom-checkbox input#status + label > .status-switch:after {
                        right: 0;
                        content: attr(data-checked);
                    }

            .custom-checkbox input#status:checked + label > .status-switch:after {
                left: 0;
                content: attr(data-unchecked);
            }

            .custom-checkbox input#status:checked + label > .status-switch:before {
                left: 50%;
                content: attr(data-checked);
            }

    /* END OF SLIDER STYLES */


    /*PAGINATION*/

    .pagination-container {
        width: calc(100% - 2rem);
        display: flex;
        align-items: center;
        bottom: 0;
        justify-content: center;
        border-radius: 25px;
        height: 35px;
        margin: auto;
        margin-top: 5px;
        position: absolute;
        bottom: 10px;
    }

    .pagination-number,
    .pagination-button {
        font-size: 12px;
        font-weight: bold;
        background-color: transparent;
        border: none;
        cursor: pointer;
        height: 24px;
        width: 21px;
        border-radius: .2rem;
    }

        .pagination-number:hover,
        .pagination-button:not(.disabled):hover {
            background: #fff;
        }

        .pagination-number.active {
            color: #fff;
            background: #808080;
        }

    ul#paginated-list-tasks,
    ul#paginated-list-projects {
        list-style-type: none;
        padding: 0;
    }

    .hidden {
        display: none;
    }


    #ctl00_body_ucxEmbed_noContentDiv {
        width: 100%;
        margin-top: 50px;
        text-align: center;
    }

    @media screen and (max-width: 1900px) {
        #noContentDiv {
            height: 575px;
        }
    }


    /* PowerBI Styles Homepage */
    .homepageAAWidget #embedDiv {
        aspect-ratio: 16/9;
    }

    .divHomepagePowerBIContainer {
        background-color: white !important;
        width: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        border-radius: 15px
    }

    .panelUXWidgetBody {
        background-color: #EBEBEB !important;
        padding: 0px 15px;
        padding-top: 0px;
    }


    .homepageOuter::-webkit-scrollbar {
        width: 10px;
    }

    /* Track */
    .homepageOuter::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    /* Handle */
    .homepageOuter::-webkit-scrollbar-thumb {
        background: #888;
    }

        /* Handle on hover */
        .homepageOuter::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


    #lstAuctionType .dxeListBoxItem.dxeC {
        display: none;
    }

    #lstAuctionType .dxeListBoxItem.dxeT {
        text-align: center;
        margin: auto;
    }

    #drpCreateNew_Auction_DDD_DDDC {
        height: 75px;
    }


    #lstAuctionType .dxeDropDownWindow {
        border-radius: 25px;
    }

    .taskIcon span {
        margin: auto;
        text-align: center;
    }

    span.taskIcon {
        font-size: 22px;
        width: 30px;
        height: 30px;
        margin: auto;
        justify-content: center;
        display: flex;
    }

    .homepageModuleSearchBox {
        border-radius: 25px;
        padding: 1px;
        border: 1px solid #808080 !important;
        margin-right: 2px;
        background-color: white;
        height: 20px !important;
    }

        .homepageModuleSearchBox input {
            text-align: center;
        }

    #grdHomepageModuleResults,
    #grdHomepageModuleResults .dxgvPagerBottomPanel {
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
    }

        #grdHomepageModuleResults .dxpLite {
            margin-left: 5px;
        }

    .grdHomepageModuleResults_lbl {
        display: block;
        padding: 1px;
        margin-bottom: 2px;
        font-size: 8pt;
    }

    .grdSideMenuSearchResults_lbl {
        display: block;
        padding: 1px;
        margin-bottom: 2px;
        font-size: 8pt;
    }

    .homepageCustomCommandBtn img {
        margin: 0px 3px 0px 3px;
    }

    select:disabled {
        opacity: 0.7 !important;
    }

    .MVCDisabledControl {
        cursor: not-allowed !important;
    }

    .marginAuto {
        margin: auto;
    }

    @media (min-width:1400px) {
        .divTasksProjects {
            width: 33% !important;
        }

        .divWidgets, .divReports {
            width: 67% !important
        }
    }

    @media (min-width:1300px) and (max-width: 1400px) {
        .divTasksProjects {
            width: 45% !important;
        }

        .divWidgets, .divReports {
            width: 100% !important;
        }

        .divTasksProjects ~ .divWidgets, .divTasksProjects ~ .divReports {
            width: 55% !important
        }
    }

    @media (min-width:1000px) and (max-width: 1300px) {
        .divTasksProjects {
            width: 50% !important;
        }

        .divWidgets, .divReports {
            width: 100% !important;
        }

        .divTasksProjects ~ .divWidgets, .divTasksProjects ~ .divReports {
            width: 50% !important
        }
    }

    @media (min-width:992px) and (max-width: 1000px) {
        .divTasksProjects {
            width: 100% !important;
        }

        .divWidgets, .divReports {
            width: 100% !important;
        }
    }

    @media (max-width:650px) {
        #reports {
            display: none;
        }

        .btnCreateHomepage {
            width: 90% !important;
        }
    }

    .divTasksProjectsNoReports {
        margin: auto;
        padding-top: 10px;
    }

    @media (max-width:1000px) {
        .divTasksProjectsNoReports {
            width: 100% !important;
        }
    }

    @media (min-width:992px) {
        .homepageSurroundRow {
            display: block !important;
        }

            .homepageSurroundRow .divTasksProjects,
            .homepageSurroundRow #divWidgets,
            .homepageSurroundRow #divReports {
                float: left !important;
            }
    }

    .homepageSurroundRowNoReports {
        display: flex;
    }

    #btnChangePinnedReport span {
        padding-top: 5px;
        margin-left: 4px;
    }

    #btnParticipantView:hover {
        text-decoration: underline !important;
    }

    .rfxQuestionnaireSummarySupplierSurround a:hover {
        text-decoration: underline;
    }

    .btnRounded {
        border-radius: 25%;
    }

    .btnRound {
        border-radius: 25px;
    }

    .statusCountSurround {
        text-align: right;
    }

    @media (max-width: 575px) {
        .statusCountSurround {
            text-align: left;
        }
    }

    .btnBackIconTextAlign {
        text-align: right;
    }

    .widgetItemUx .panel-footer-ux {
        min-height: 53px;
    }

    .systemUserPromptWithImage {
        top: 20% !important;
        position: sticky;
        margin: auto;
    }

    label.clickable-label {
        cursor: pointer;
    }

        label.clickable-label:hover {
            text-decoration: underline;
        }

    .underline-on-hover:hover {
        text-decoration: underline !important;
    }

    .txtFeedbackComment {
        height: 100px !important;
        width: 100%;
        border: none;
    }

    .rdoFeedbackScore {
        position: relative;
        display: block;
        width: 20px;
        height: 20px;
    }

    .engineIsAPIAnsweredIcon {
        font-size: 16px !important;
        padding-left: 5px;
        vertical-align: middle;
    }

    #divBuyerSupplierAnswersPrintableVersionReport #ctl00_body_rpoViewer_ContentFrame {
        width: 627px !important;
    }

    .wrfRolesSurround #chkWorkflowRoleFilterTeam tbody tr .dxe,
    .wrfRolesSurround #chkWorkflowRoleFilterRole tbody tr .dxe {
        padding: 0px !important;
    }

    .proSummary {
        padding: 0px !important;
        /*padding: 0px 10px 0px 10px !important;*/
    }

    .proSummaryTasks {
        pointer-events: none;
    }

    .panel-default-proSummary {
        padding: 10px !important;
    }

.proSummary-panel-body {
    background-color: white !important;
    padding: 10px !important;
    padding-bottom: 23px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}

    .proSummary-panel-heading {
        font-size: 12pt;
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-family: Roboto;
        font-weight: bold;
    }

    #proSummaryDetailsSurround {
        padding-top: 0px !important;
        padding-bottom: 5px !important;
    }

    #btnSupplierName, #btnSupplierNameEdit {
        width: 303px;
        padding-right: 20px !important;
        float: right;
    }

    table#drpSupplierMVC {
        width: 299px !important;
    }

    #dteChangeCompletionDate {
        width: 100px !important;
    }

    #btnSupplierNameEdit:hover, #drpTeamOwner :focus {
        border: none 0px !important;
        background: none !important;
    }

    #drpTeamOwner:focus-visible {
        outline: none !important;
        box-shadow: none !important;
    }

    #lblCompleteDateLabel {
        padding-left: 205px !important;
    }

    #dteChangeCompletionDate {
        width: 120px !important;
    }

    table#drpSupplierMVC, table#drpTeamOwner, select#SelectedProjectOwner, table#drpTeam {
        width: 268px !important;
    }

    #dteChangeCompletionDate, table#drpCurrency {
        width: 120px !important;
    }

    @media (max-width: 1400px) {

        table#drpSupplierMVC, table#drpTeamOwner, select#SelectedProjectOwner, table#drpTeam {
            width: 205px !important;
        }

        #dteChangeCompletionDate, table#drpCurrency {
            width: 100px !important;
        }

        .proSummarySurroundMVC {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        #lblStartDateLabel {
            padding-right: 2px !important;
        }
    }

    @media (max-width: 1200px) {
        .proSummarySurroundMVC {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        #btnSupplierName {
            width: 300px !important;
        }

        input#ProjectNameLabel {
            width: 250px !important;
        }

        table#drpSupplierMVC, table#drpTeamOwner, select#SelectedProjectOwner, table#drpTeam {
            width: 155px !important;
        }
    }

    @media (max-width: 992px) {
        .proSummarySurroundMVC {
            padding-left: 15px !important;
            padding-right: 15px !important;
        }

        #btnSupplierName {
            width: 300px !important;
        }

        input#ProjectNameLabel {
            width: 140px !important;
        }

        table#drpSupplierMVC, table#drpTeamOwner, select#SelectedProjectOwner, table#drpTeam {
            width: 110px !important;
        }
    }

    @media (max-width: 768px) {
        .proSummarySurround {
            padding-left: 0px !important;
            padding-right: 0px !important;
        }

        #btnSupplierName, table#drpSupplierMVC {
            width: 60px !important;
        }


        #btnSupplierName {
            width: 300px !important;
        }

        input#ProjectNameLabel {
            width: 110px !important;
        }

        .proSummary-panel-heading,
        .proSummary-panel-heading #lblWorkflowsForProject {
            font-size: 8pt !important;
        }

        table#drpSupplierMVC, table#drpTeamOwner, select#SelectedProjectOwner, table#drpTeam {
            width: 110px !important;
        }
    }

    /*ProSummary Workflow Groups - Override DevExpress Scrollbar Styles */
    .wrfGroupTabs {
        background-color: white !important;
        border: none !important;
        padding: 5px 10px 5px 10px;
    }

    .wrfGroupTabsActive {
        border: 2px solid #1E3578 !important;
        border-radius: 17px !important;
        font-weight: bold;
    }

    .wrfGroupTabControl {
        background: white;
    }

#dxWorkflowGroupsTabs {
    border-radius: 15px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}

        #dxWorkflowGroupsTabs .dxtc-sbWrapper {
            height: 35px !important;
            margin: 0px 5px 0px 0px;
            border-radius: 25px;
        }

    .wrfGroupsScrollBtn {
        margin: 5px !important;
        padding: 10px !important;
        border-radius: 25px;
        width: 30px !important;
    }

    #dxWorkflowGroupsTabs_SBR {
        padding-left: 12px !important;
    }

    .btnWorkflowChild .dx-vam, .btnWorkflowControl .dx-vam {
        filter: brightness(0) saturate(100%) invert(37%) sepia(3%) saturate(1%) hue-rotate(122deg) brightness(105%) contrast(100%);
    }

    .btnWorkflowChild img, .btnWorkflowControl img {
        filter: brightness(5%) sepia(100) saturate(60) hue-rotate(225deg) !important;
    }

    .roundedPopup {
        border-radius: 25px;
    }

    .roundedPopupHeader, .roundedPopup {
        border-top-right-radius: 25px;
        border-top-left-radius: 25px;
    }

        .roundedPopupBody,
        .roundedPopup .dxpc-contentWrapper {
            border-bottom-right-radius: 25px !important;
            border-bottom-left-radius: 25px !important;
        }

    .proSummaryTaskDueDate {
        padding: 0 !important;
    }

    /* ProSummary MVC Mobile */
    @media (max-width: 767px) {

        .wrfGroupsScrollBtn {
            height: 25px !important;
            width: 25px !important;
        }

        .wrfGroupTabs {
            height: 41px !important;
        }

        #dxWorkflowGroupsTabs_SBLImg {
            background-position: -513px -74px !important;
            margin: 0px !important;
        }

        #dxWorkflowGroupsTabs_SBRImg {
            background-position: -386px -76px !important;
            margin: 0px !important;
        }

        #popProjectTaskRollback_PW-1 {
            width: 450px !important;
        }
    }

    .proSummaryTaskIcon {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 30px !important;
        height: 25px !important;
    }

    .proSummarytaskItem {
        background-color: white !important;
    }

    .status-filter {
        height: 30px;
        display: flex;
        background-color: #808080;
        border-radius: 20px;
        overflow: hidden;
        position: relative;
    }

    .status-option {
        flex: 1;
        padding: 10px;
        align-self: center;
        text-align: center;
        cursor: pointer;
        color: white;
        background-color: transparent;
        transition: color 0.3s ease, background-color 0.3s ease;
    }

        .status-option.active {
            background-color: white;
            height: 24px;
            margin-left: 3px;
            margin-right: 3px;
            box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2);
            color: black;
            align-self: center;
            border-radius: 20px;
            width: calc(33%);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

    .proSummaryInnerTabs {
        height: 25px;
        line-height: normal;
        margin: 0 0 0 0;
        padding: 0;
        z-index: 5;
    }

        .proSummaryInnerTabs ul {
            margin: 0;
            padding: 10px 10px 5px 0px;
            list-style: none;
        }

        .proSummaryInnerTabs li {
            display: inline;
            margin: 0;
            padding: 0;
        }

        .proSummaryInnerTabs a {
            margin: 0px 2px 0px 0px;
            padding: 0 20px 0 20px;
            text-decoration: none;
            background-color: White;
            color: #1F3578 !important;
            font-weight: bold;
        }

            .proSummaryInnerTabs a:hover {
                color: #1F3578 !important;
            }

            .proSummaryInnerTabs a span {
                float: left;
                display: block;
                padding: 5px 15px 4px 6px;
                background-color: White;
            }

            .proSummaryInnerTabs a:hover {
                color: #1F3578;
            }

        .proSummaryInnerTabs li.current a {
            border-bottom-width: thick;
            border-bottom-style: solid;
        }

    .proSummaryAllTasks .dxgvTable .dxgvHeader {
        font-weight: bold;
    }

    .proSummaryAllTasks .dxgvTable .dxgvHeader {
        background-color: white !important;
    }

        .proSummaryAllTasks .dxgvTable .dxgvHeader td {
            color: black !important;
        }

    .proSummaryAllTasks .CustomTableStyle .dxgvDataRow td:first-child a {
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        font-weight: bold;
        padding-left: 5px;
        color: black !important;
    }

    .proSummaryAllTasks .CustomTableStyle .dxgvPagerBottomPanel {
        background: white !important;
        color: black !important;
        font-weight: bold !important;
    }

        .proSummaryAllTasks .CustomTableStyle .dxgvPagerBottomPanel b,
        .proSummaryAllTasks .CustomTableStyle .dxgvPagerBottomPanel a {
            color: black !important;
            font-weight: bold !important;
        }

    .proSummarySurround .GanttChartSurround Label.CLabel {
        margin-bottom: 5px;
        max-width: 100%;
    }

    .red-circle {
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #E53F23;
        margin-right: 5px;
    }

    .orange-circle {
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #FCB322;
        margin-right: 5px;
    }

    .green-circle {
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #9BC550;
        margin-right: 5px;
    }

    .proSummarySurroundMVC .close {
        float: right;
        font-size: 21px;
        font-weight: bold;
        line-height: 1;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: 0.2;
        filter: alpha(opacity=20);
    }

        .proSummarySurroundMVC .close:hover,
        .proSummarySurroundMVC .close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
            opacity: 0.5;
            filter: alpha(opacity=50);
        }

    .proSummarySurroundMVC button.close {
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
    }

    a.dxbButton.clickable-button {
        cursor: pointer !important;
    }

        a.dxbButton.clickable-button:hover {
            text-decoration: underline !important;
        }

    #btnRemoveProjectChildTasks > span:hover {
        text-decoration: underline;
    }

    #dxWorkflowGroupsTabs_WC {
        margin-left: 10px !important;
    }

    .hover-underline:hover {
        text-decoration: underline !important;
    }

    #rdoSetCompletion .dxe {
        padding: 0px !important;
    }

    .proSummaryFooterDropDown {
        width: 120px !important;
        height: 25px !important;
    }

    .proSummaryLabelLeft {
        font-size: 11pt;
        font-family: Roboto;
        height: 30px;
        float: inline-end;
        color: #555555;
        font-weight: bold;
        vertical-align: middle;
        margin: 7px 2px 0 2px;
    }


    .lblNotes {
        width: 70%;
    }

    .ProjectNameLabel {
        width: 50% !important;
    }

    @media (max-width: 1400px) {

        table#ProjectNotesText {
            width: 99% !important;
        }

        input#ProjectNameLabel {
            width: 35% !important;
        }

        .proSummary-panel-body {
            background-color: white !important;
            padding: 10px !important;
            padding-bottom: 34px !important;
        }
    }

    #workflowGroupsTabs #dxWorkflowGroupsTabs_WC {
        padding-top: 0px;
    }

    .prosummary-details-container {
        display: flex;
        flex-wrap: wrap;
    }

    .prosummary-details-column {
        flex: 0 1 auto;
    }

        .prosummary-details-column:first-child {
            margin-right: auto;
        }

        .prosummary-details-column:last-child {
            text-align: right;
        }

    .prosummary-details-container-wrap-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .prosummary-details-container-left-column {
        flex: 1 1 auto;
        margin-left: auto;
    }

    .ingredientListHeaderLabel {
        padding-right: 6px;
    }



    /*DRAG & DROP DOCUMENTS */
    .fileuploader-container {
        border: 1px solid #d3d3d3;
        margin: 10px 10px 0 10px;
    }

    .dropZone {
        border: 2px dashed #bbb;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        padding: 10px;
        text-align: center;
        font: 21pt bold arial;
        color: #bbb;
    }

    #dropzone-external {
        width: 100%;
        height: 128px;
        background-color: rgba(183, 183, 183, 0.1);
        border-width: 2px;
        border-style: dashed;
        padding: 10px;
    }

        #dropzone-external > * {
            pointer-events: none;
        }

        #dropzone-external.dropzone-active {
            border-style: solid;
        }

    .widget-container > span {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 16px;
    }

    #dropzone-image {
        max-width: 10%;
        max-height: 10%;
    }

    #dropzone-text > span {
        font-weight: 100;
        opacity: 0.5;
    }

    #upload-progress {
        display: flex;
        margin-top: 10px;
    }

    .flex-box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }




    .popup-modal {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000; /* Ensure it is above other content */
    }

    .popup-content {
        background: white;
        border-radius: 8px;
        padding: 20px;
        width: 600px;
        max-width: 90%;
    }

    .popup-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .popup-header h4 {
            margin: 0;
        }

    .close-button {
        border: none;
        background: transparent;
        font-size: 24px;
        cursor: pointer;
    }

    .popup-body {
        margin-top: 10px;
    }

    .button-container {
        display: flex;
        justify-content: flex-start;
        gap: 10px;
    }

        .button-container .btn {
            width: 100%;
        }

    .custom-button-confirm {
        background: url('/Images/ButtonImages/confirm.png') no-repeat center center;
        background-size: contain; /* or cover, depending on your needs */
        border: none; /* to remove default button border */
        height: 50px; /* set appropriate height */
        width: 100px; /* set appropriate width */
        color: transparent; /* hide text if necessary */
    }

    .dx-popup-content {
        background-color: #fff; /* Background color */
        border-radius: 10px; /* Rounded corners */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Shadow for depth */
        padding: 20px; /* Padding inside popup */
    }

    .dx-popup-header {
        background-color: #007bff; /* Header background color */
        color: #fff; /* Header text color */
        font-size: 18px; /* Header text size */
        border-bottom: 2px solid #0056b3; /* Bottom border for header */
    }

    .dx-popup-buttons {
        text-align: right; /* Align buttons to the right */
    }

    .dx-popup-button {
        background-color: #007bff; /* Button background color */
        color: #fff; /* Button text color */
        border: none; /* Remove button border */
        border-radius: 5px; /* Rounded button corners */
        padding: 10px 20px; /* Button padding */
        margin-left: 10px; /* Space between buttons */
    }

        .dx-popup-button:hover {
            background-color: #0056b3; /* Darker color on hover */
        }



    .responsive-popup {
        min-height: calc(500px); /* Minimum height */
        min-width: 550px; /* Minimum width */
        padding: 20px; /* Add some padding to make content look better */
    }

    .roundedPopupBody {
        overflow: auto; /* Allow scrolling if the content overflows */
    }

    .button-container {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }

    input#drpRiskRateOwner_I, table#drpRiskRateOwner {
        background-color: #fffeb0;
    }

    table#drpRiskRateOwner_ET, table#drpUploadSingleProjectOwnerUser_ET,
    table#drpUploadSingleProjectTeam_ET, table#drpUploadSingleCompanyName_ET,
    table#txtUploadSingleContactEmail_ET {
        border-radius: 10px;
    }

    #ctl00_body_popUploadSingle_pnlUploadSingle_rdoCreationWorkflows .dxe {
        max-width: 470px !important;
        white-space: nowrap;
        overflow-x: auto;
    }

td.dxichTextCellSys{
    padding-right: 20px;
    padding-top: 8px;
}

#rdoEditProject td.dxichCellSys{
    padding-top:0px!important;
}

.updatesNotificationsPopup {
    height: 710px;
}


@media (max-width: 1400px) {
        .updatesNotificationsPopup {
        height: 710px;
    }
}

    @media(max-width: 1280px) {
        .updatesNotificationsPopup {
        height: 360px;
        }
    }

    @media(max-width: 767px) {
        .updatesNotificationsPopup {
            height: 300px;
            width: 686px;
        }

        div#systemUserPromptModalDialog {
            width: 690px !important;
        }
    }

@media(min-width: 1280px) {

    div#systemUserPromptModalDialog {
        width: 900px !important;
    }
}


    .modal-content-mvc {
        width: 900px;
    }

    span#h4SystemUserPromptTitleMVC {
        color: inherit !important;
        font-size: 18px;
        font-family: inherit;
        font-weight: 500;
        display: inline-block;
        vertical-align: middle;
        float: left;
    }

span#ctl00_body_ucxSystemUserPrompt_chkHidePromptText {
    margin-right: 5px;
    margin-top: 8px;
}

span#ctl00_body_ucxSystemUserPrompt_chkHidePrompt_S_D
{
    margin-top: 8px; 
    margin-right: 2px; 
}
    

@media (min-width: 768px) {
    .col-offset-mvc {
        margin-left: 25%;
    }
}

#SystemUserPromptPopupMVC #chkHidePrompt .dxichCellSys{
    padding-top: 5px !important;
}

.AIPanel {
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #a1caff !important;
    background-color: #edf5ff !important;
    border-radius: 4px;
}
.AIPanelHeader {
    padding: 5px 20px 5px 20px;
    color: #199CA0;
}
#AISynopsisContent.hide-collapse {
    max-height: 100px;
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    position: relative;
    z-index: 1;
}

.AIExtraInfo {
    padding: 5px;
    color: #404040;
}
.AITimestamp {
    width:100%;
    padding-bottom:5px;
}
.AIText {
    padding: 5px 20px 5px 20px;
    color: black;
}

.AILoader {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.AILoader > .loader-spinner {
    border: 4px solid #3498db;
    border-top-color: #f3f3f3;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: loaderSpin 1s linear infinite;
}

.AIloaderText {
    font-size: 12px;
}

.AICollapse {
    padding: 8px 5px 1px 5px;
    vertical-align: text-bottom;
    height: 100%;
    float: right;
    cursor:pointer;
}

.AIPopup {
    visibility: hidden;
    position: absolute;
    z-index: 100;
    background-color: white;
    border: solid 1px black;
    border-radius: 5px;
    width: 600px;
}

.AICloseButton {
    color: #1F3578;
    border-radius: 50%;
    border: 2px solid #1F3578;
    width: 17px;
    height: 17px;
    text-align: center;
    font-size: 17px;
    cursor:pointer;
}

.AIShowHide {
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width: 100%;
    padding: 4px 0px 4px 0px;
    cursor: pointer;
    color: #199CA0;
    position: relative;
    z-index: 2;
}
    .AIShowHide > i {
        padding: 3px 4px 0px 4px;
    }
        .AIShowHide.show-collapse > .AIShow {
            display: none;
        }
        .AIShowHide.hide-collapse > .AIHide {
            display: none;
        }

.AIInformationLink {
    margin-right: 5px;
    margin-left: 10px;
    float: right;
    padding-top: 3px;
    cursor: pointer;
    text-decoration: underline;
}

    .AIInformationLink > label {
        margin-right: 5px;
        margin-left: 10px;
        float: right;
        padding-top: 3px;
        cursor: pointer;
        text-decoration: underline;
    }

.TaskDescPanel {
    padding-bottom: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #a1caff;
    background-color: #edf5ff;
    border-radius: 4px;
}

.TaskDescShowHide {
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width: 100%;
    padding: 4px 0px 4px 0px;
    cursor: pointer;
    color: #1F3578;
}

.TaskDescShowHide > i {
    padding: 3px 4px 0px 4px;
}

.TaskDescShowHide.show-collapse > .TaskDescShow {
    display: none;
}

.TaskDescShowHide.hide-collapse > .TaskDescHide {
    display: none;
}

#pnlTaskDescriptionContent.hide-collapse:not(.can-fit) {
    max-height: 25px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
    mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
}

.pnlShowHide {
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width: 100%;
    padding: 0px;
    cursor: pointer;
}
    .pnlShowHide > i {
        padding: 2px 4px 0px 4px;
    }
        .pnlShowHide.show-collapse > .AIShow {
            display: none;
        }
        .pnlShowHide.hide-collapse > .AIHide {
            display: none;
        }

.pnlTaskDescShowHide {
    display: inline-flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width: 100%;
    padding: 0px;
    cursor: pointer;
}

    .pnlTaskDescShowHide > i {
        padding: 2px 4px 0px 4px;
    }

    .pnlTaskDescShowHide.show-collapse > .TaskDescShow {
        display: none;
    }

    .pnlTaskDescShowHide.hide-collapse > .TaskDescHide {
        display: none;
    }

.iShowHide {
    display: none;
    padding: 0px 4px 0px 4px;
    cursor: pointer;
}

@media(max-width: 767px) {
    .pnlShowHide{
        display:none;
    }
    .iShowHide {
        display: block;
    }
    #pnlTaskDescriptionContent.hide-collapse {
        display:none;
    }
    .validationSummaryWrapperStyling{
        max-height:45px;
    }
}
#ctl00_ucxFooterContainer_pnlFooterContainerCallback_rowApprove input[type="radio"] {
    margin: 0px 5px 0 6px !important;
}

.rowApprove{
    display:flex;
}

@media(min-width:766px){
    .rowApprove{
        justify-content:flex-end;
    }
}
@media(min-width: 766px) {
    .sm-margin-bottom {
        margin-bottom: 10px;
    }
}

.divFooterButtonContainer .FooterContainerDevXButton {
    float: none;
}

.rowTaskName .responsivePaddingTopLg4 {
    padding-top: 4px !important;
}

.srgDashboardSurround #infoDiv,
.proDashboardSurround #infoDiv,
.homepageMVCOuter #infoDiv {
    z-index: 99999 !important;
}

/* AI CHATBOT START */
.txtChatInput {
    width: 100%;
    border-radius: 10px;
    border: 1px solid black !important;
    height: 35px !important;
}

.btnCloseAIChatbot {
    margin-top: 8px !important;
    float: right;
    background-color: #199CA0 !important;
}

.btnSubmitAIChatbot {
    margin-top: 5px !important;
    float: right;
}

.aiChatbotMessageAI {
    padding: 10px;
    float: left;
    background: #e1e1e1;
    border-radius: 8px;
    margin: 10px;
    max-width: 100%;
}

.aiChatbotMessageUser {
    padding: 10px;
    float: right;
    background: #199ca0;
    border-radius: 8px;
    margin: 10px;
    max-width: 275px;
    color: white;
}

.divMessageOuter
{
    width:80%;
}

#btnSubmitAIChatbot {
    background-color: #199CA0 !important;
}

#btnCloseAIChatbot {
    background-color: #199CA0 !important;
}

#btnDownloadAIChatHistory,
#btnDownloadAIEvaluationSummaryHistory,
#btnDownloadAISummaryHistory {
    border-radius: 20px;
    font-weight: normal;
    margin-top: 8px !important;
    margin-right: 5px !important;
    display:inline-block;
}

#btnConfigureAIeRFX,
#btneRFXChatbotConfiguration,
#btnSupplierAIAssistantConfiguration {
    border-radius: 20px;
    font-weight: normal;
    margin-top: 8px !important;
    margin-right: 5px !important;
    display:inline-block;
}

#btnRefreshAIeRFX {
    border-radius: 20px;
    font-weight: normal;
    margin-top: 8px !important;
    margin-right: 5px !important;
    display:inline-block;
}

#btnEvaluationExpandCollapse,
#btnChatbotExpandCollapse {
    border-radius: 20px;
    font-weight: normal;
    margin-top: 8px !important;
    margin-right: 5px !important;
    display:inline-block;
}

#divAIChatbotContainer {
    height: 880px;
    width: 400px;
    background: #f9f9f9 !important;
    position: fixed;
    bottom: 0;
    right: 15px;
    z-index: 501;
    border-radius: 2%;
    border: 1px solid #199CA0 !important;
    overflow: hidden;
}

#lblAssistantText {
    margin-top: 15px;
    font-size: 11pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
}

#lblSummaryHeader, 
#lblEvaluationHeader {
    margin-top: 15px;
    font-size: 11pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
    margin-bottom: 5px;
    margin-left: 15px;
}

#lblEvaluationHeader {
    margin-top: 15px;
    font-size: 11pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
    margin-bottom: 5px;
    margin-left: 15px;
}

#lblEvaluationText {
    margin-top: 15px;
    font-size: 11pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
}

#lblLearnMoreAboutAIPromptsEvaluation {
    cursor: pointer;
    color: #008fee;
}

#lblSummaryPrompt {
    margin-top: 8px;
    font-size: 10pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
}

#lbleRFXSummaryDocumentPromptTagsTitle {
    margin-top: 8px;
    font-size: 10pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
}

#lblEvaluationPrompt {
    margin-top: 8px;
    font-size: 10pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
}

#lbleRFXEvaluationDocumentPromptTagsTitle {
    margin-top: 8px;
    font-size: 10pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
}

#lblPopupEvaluationText,
#lblERFXEvaluationSummaryInstructionsStep1,
#lblERFXEvaluationSummaryInstructionsStep2,
#lblERFXEvaluationSummaryInstructionsStep3,
#lblERFXEvaluationSummaryInstructionsStep4,
#lbleRFXAssistantConfiguration {
    margin-top: 13px;
    font-size: 11pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
}
 
.lblAIChatbotDocumentName {
    color: #b3aeae !important;
    font-weight: normal;
}

#lbleRFXChatbotConfiguration {
    margin-top: 13px;
    font-size: 11pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
}

#lbleRFXAssistantPrompt,
#lblSIMAssistantPrompt {
    margin-top: 8px;
    font-size: 10pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
}

#lbleRFXAssistantDocumentPromptTagsTitle,
#lblSIMAssistantDocumentPromptTagsTitle {
    margin-top: 8px;
    font-size: 10pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
}
/* AI CHATBOT END */

#lblDocumentPromptTags {
    margin-top: 8px;
    font-size: 10pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
}

#lblWorkflowSummary {
    margin-top: 8px;
    font-size: 10pt;
    font-weight: bold;
    font-family: sans-serif;
    color: #199ca0 !important;
}

.wrf-ai-centered-form-controls {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.centered-form-controls label,
.centered-form-controls select,
.centered-form-controls textarea {
    width: 100%;
    text-align: center;
}

div#ctl00_ucxFooterContainer_pnlFooterContainerCallback_btnRollbackPIM2 {
    margin-bottom: 35px;
}

div#ctl00_ucxFooterContainer_pnlFooterContainerCallback_btnSkipPIM2 {
    margin-bottom: 2px;
}

div#ctl00_ucxFooterContainer_pnlFooterContainerCallback_btnNextPIM2 {
    margin-bottom: 35px;
}

img#ctl00_ucxFooterContainer_pnlFooterContainerCallback_imgNextButtonInfo {
    margin-bottom: 35px;
}

div#ctl00_ucxFooterContainer_pnlFooterContainerCallback_btnPreviousPIM2 {
    margin-bottom: 35px;
}

img#ctl00_ucxFooterContainer_pnlFooterContainerCallback_imgPreviousButtonInfo {
    margin-bottom: 35px;
}

div#ctl00_ucxFooterContainer_pnlFooterContainerCallback_btnRollbackPIM2 {
    margin-bottom: 35px;
}

.aiButtonColour {
    background-color: #199ca0 !important;
    border-color: #1a787b !important;
}

.hidden-view-button {
    display: none !important;
}


/*This is currently used for the popTaskScheduleCondition popup */
.scrollable-popup {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

    .scrollable-popup .dxpc-content {
        overflow: auto !important;
        max-height: 85vh !important;
        padding: 10px !important;
    }


div#PROJECTPOPUP_PWC-1 {
    scrollbar-width: thin;
}

.lblAnalysing,
.lblPreparingDownload {
    display: block;
}

.documentButton {
    margin: 1px;
}
.hide-spreadsheet-content {
    visibility: hidden !important;
}

.sm-right-padding {
    padding-right: unset !important;
}

@media (min-width: 768px) {
    .sm-right-padding {
        padding-right: 2px !important;
    }
}

#btnSaveeRFXAI,
#btnSaveeRFXChatbotConfiguration {
    border-radius: 20px;
    font-weight: normal;
    margin-top: 8px !important;
    float: right;
    margin-right: 5px !important;
    margin-left: auto;
}

#btnSaveSIMAssistantConfiguration,
#btnDownloadMasterPricingDocument_EvaluationSummary,
#btnDownloadMasterPricingDocument_Assistant {
    background-color: white !important;
    border: 1px solid #199ca0;
    border-radius: 20px;
    font-weight: normal;
    margin-top: 8px !important;
    float: right;
    margin-right: 5px !important;
    margin-left: auto;
}

#btnSaveSIMAssistantConfiguration img,
#btnDownloadMasterPricingDocument_EvaluationSummary img, #btnDownloadMasterPricingDocument_Assistant img{
        filter: brightness(0) saturate(100%) invert(48%) sepia(63%) saturate(3608%) hue-rotate(151deg) brightness(93%) contrast(80%);
    }

#btnSaveSIMAssistantConfiguration:hover img,
#btnSaveSIMAssistantConfiguration:hover span.dx-vam,
#btnDownloadMasterPricingDocument_EvaluationSummary:hover img,
#btnDownloadMasterPricingDocument_EvaluationSummary:hover span.dx-vam,
#btnDownloadMasterPricingDocument_Assistant:hover img,
#btnDownloadMasterPricingDocument_Assistant:hover span.dx-vam{
    filter: brightness(0) saturate(100%) invert(15%) sepia(23%) saturate(5874%) hue-rotate(216deg) brightness(96%) contrast(93%);
}

#btnSaveSIMAssistantConfiguration span.dx-vam,
#btnDownloadMasterPricingDocument_EvaluationSummary span.dx-vam,
#btnDownloadMasterPricingDocument_Assistant span.dx-vam{
    color: #199ca0 !important;
    font-weight: bold;
}

#grdeRFXAIEvaluationConfig .dxgvHeader,
#grdeRFXAIEvaluation .dxgvHeader,
#grdeRFXAIEvaluationConfig .dxgvCommandColumn,
#grdeRFXAIEvaluationConfig .dxgvPagerBottomPanel,
#grdeRFXAIEvaluationConfig .dxgvFooter {
    background: #ffffff !important;
}

#grdeRFXAIEvaluation .dxgvHeader table {
    width: 200px !important;
}

#grdeRFXAIEvaluationConfig .dxgvInlineEditRow,
#grdeRFXAIEvaluationConfig .dxeTextBox,
#grdeRFXAIEvaluationConfig .dxeMemoEditArea,
#grdeRFXAIEvaluationConfig .dxeEditArea {
    background-color: #FFFFAA !important;
}

#grdeRFXAIEvaluationConfig .dxgvDataRow.dxgvLVR > td.dxgv {
    border-bottom-width: 1px !important;
}

#submitChatAIbot {
    background-color: #199ca0;
    color: white;
    height: 30px;
    border-radius: 15px;
    margin-left: 6px;
    width: 30px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    font-size: 14px;
    padding: 8px;
}


#grdeRFXAIEvaluationConfig .dxgvCommandColumn a span {
    color: #199ca0 !important;
}

.btnSubmitAIChatbot i {
    font-size: 16px;
    color: #fff; 
    padding-right: 2px;
}

#popConfigureeRFXAI_PW-1 textarea.dxeMemoEditArea,
#popeRFXChatbotConfiguration_PW-1 textarea.dxeMemoEditArea,
#popConfigureSIMAIAssistant_PW1 textarea.dxeMemoEditArea {
    resize: vertical !important;
    overflow: auto !important;
    min-height: 50px;
}

@media (min-width: 1400px) {
    #popConfigureeRFXAI_PW-1,
    #popeRFXChatbotConfiguration_PW-1,
    #popConfigureSIMAIAssistant_PW-1 {
        width: 1296px !important;
    }
}

@media (max-width: 1399px) {
    #popConfigureeRFXAI_PW-1,
    #popeRFXChatbotConfiguration_PW-1,
    #popConfigureSIMAIAssistant_PW-1 {
        width: 1116px !important;
    }
}

@media (max-width: 1199px) {
    #popConfigureeRFXAI_PW-1,
    #popeRFXChatbotConfiguration_PW-1 {
        width: 938px !important;
    }
}

@media (max-width: 991px) {
    #popConfigureeRFXAI_PW-1,
    #popeRFXChatbotConfiguration_PW-1,
    #popConfigureSIMAIAssistant_PW-1 {
        width: 704px !important;
    }
}

@media (max-width: 767px) {
    #popConfigureeRFXAI_PW-1,
    #popeRFXChatbotConfiguration_PW-1,
    #popConfigureSIMAIAssistant_PW-1 {
        width: 516px !important;
    }
}

@media (max-width: 575px) {
    #popConfigureeRFXAI_PW-1,
    #popeRFXChatbotConfiguration_PW-1,
    #popConfigureSIMAIAssistant_PW-1 {
        width: calc(100vw - 40px) !important;
    }
}

#popConfigureeRFXAI_PW-1,
#popeRFXChatbotConfiguration_PW-1,
#popConfigureSIMAIAssistant_PW-1
#popConfigureeRFXAI_PW-1 > div,
#popeRFXChatbotConfiguration_PW-1 > div,
#popConfigureSIMAIAssistant_PW-1 > div,
#popConfigureeRFXAI_PW-1 .dxpc-content,
#popeRFXChatbotConfiguration_PW-1 .dxpc-content,
#popConfigureSIMAIAssistant_PW-1 .dxpc-content,
#popConfigureeRFXAI_PW-1 .dxpc-contentWrapper,
#popeRFXChatbotConfiguration_PW-1 .dxpc-contentWrapper,
#popConfigureSIMAIAssistant_PW-1 .dxpc-contentWrapper {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

#ddlPricingDocuments {
    margin-left: 20px;
}

#popConfigureeRFXAI_PW-1 .dxpc-content,
#popeRFXChatbotConfiguration_PW-1 .dxpc-content,
#popConfigureSIMAIAssistant_PW-1 .dxpc-content {
    min-height: 100px !important;
    max-height: 85vh !important;
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    overflow: hidden !important;
}

#popConfigureeRFXAI_PW-1 .dxpc-mainDiv,
#popConfigureeRFX_PW-1 .dxpc-content,
#popConfigureeRFX_PW-1 .dxpc-contentWrapper {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
    overflow: hidden !important;
}

#popConfigureeRFXAIScrollableContent {
    min-height: 100px !important;
    max-height: 84vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}


#popupConfigureeRFXAIFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: -5.5vh;
    padding-bottom: 8px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    background: rgba(255, 255, 255, 1);
    border-top: 1px solid #ccc;
}

#popEnableMasterPricingDocument_PW-1,
#popDisableMasterPricingDocument_PW-1 {
    width: 70vw !important;
    max-width: 600px;
    min-width: 320px;
    top: 30% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    border: 2px solid #199ca0 !important;
    border-radius: 16px !important;
    overflow: hidden;
    box-sizing: border-box;
}

#btnContinueEnableMasterPricingDocument,
#btnCancelEnableMasterPricingDocument,
#btnContinueDeactivateMasterPricingDocument,
#btnCancelDeactivateMasterPricingDocument {
    background-color: white !important;
    border: 1px solid #199ca0;
    border-radius: 20px;
    font-weight: normal;
    margin-top: 8px !important;
    float: right;
    margin-right: 5px !important;
}

#btnContinueEnableMasterPricingDocument img,
#btnCancelEnableMasterPricingDocument img,
#btnContinueDeactivateMasterPricingDocument img,
#btnCancelDeactivateMasterPricingDocument img {
    filter: brightness(0) saturate(100%) invert(48%) sepia(63%) saturate(3608%) hue-rotate(151deg) brightness(93%) contrast(80%);
}

#btnContinueEnableMasterPricingDocument:hover img,
#btnContinueEnableMasterPricingDocument:hover span.dx-vam,
#btnCancelEnableMasterPricingDocument:hover img,
#btnCancelEnableMasterPricingDocument:hover span.dx-vam,
#btnContinueDeactivateMasterPricingDocument:hover img,
#btnContinueDeactivateMasterPricingDocument:hover span.dx-vam,
#btnCancelDeactivateMasterPricingDocument:hover img,
#btnCancelDeactivateMasterPricingDocument:hover span.dx-vam {
    filter: brightness(0) saturate(100%) invert(15%) sepia(23%) saturate(5874%) hue-rotate(216deg) brightness(96%) contrast(93%);
}

#btnContinueEnableMasterPricingDocument span.dx-vam,
#btnCancelEnableMasterPricingDocument span.dx-vam,
#btnContinueDeactivateMasterPricingDocument span.dx-vam,
#btnCancelDeactivateMasterPricingDocument span.dx-vam {
    color: #199ca0 !important;
    font-weight: bold;
    font-size: 16px;
}

.drpDocumentPromptTags,
#drpDocumentPromptTags,
#drpGeneratedAnswersDocumentPromptTags,
#drpAIDocumentChatbotDocumentPromptTags,
.txtAIDocumentChatbotPrompt {
    margin-bottom: 10px;
}

#txtEvaluationPrompt_I,
#txtSummaryPrompt_I,
#txteRFXChatbotPrompt_I,
.txtAIReview,
.txtAIDocumentChatbotPrompt,
.txtAIGeneratedAnswersPrompt,
.txtAIGeneratedScorePrompt,
#txtSIMAssistantPrompt_I {
    resize: vertical;
}

#txtEvaluationPrompt_I,
#txtSummaryPrompt_I,
#txteRFXChatbotPrompt_I {
    background-color: #FFFFAA;
    border-radius: 16px;
    border: 1px solid #000;
}

.documentPromptTagInfoBubbleIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    background: #199ca0;
    color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    cursor: pointer;
    user-select: none;
    background-color: #1F3578;
}

.documentPromptTagInfoBubblePopup {
    display: none;
    position: absolute;
    background: #fff;
    color: #333;
    border-radius: 6%;
    padding: 12px 18px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    min-width: 220px;
    z-index: 100;
    font-size: 0.95em;
    border: 3px solid #000;
}

.documentPromptTagInfoBubblePopupActive {
    display: block;
}

.aiConfigPopupClose {
    cursor: pointer;
}

#btnGenerateEvaluationPrompt,
#btnGenerateEvaluationCriteria,
#btnGenerateSummaryPrompt {
    background-color: #199ca0;
    border: 1px solid #199ca0 !important;
    border-radius: 20px;
    font-weight: normal;
    margin-top: 8px !important;
    display: inline-block;
}

/*Override normal 8px top margin as this button is in the evaluation grid view footer*/
#btnGenerateEvaluationCriteria {
    margin-top: 0px !important;
}

#btnGenerateEvaluationPrompt:hover span.dx-vam,
#btnGenerateEvaluationCriteria:hover span.dx-vam,
#btnGenerateSummaryPrompt:hover span.dx-vam,
#btnGenerateEvaluationPrompt:hover img.dx-vam,
#btnGenerateEvaluationCriteria:hover img.dx-vam,
#btnGenerateSummaryPrompt:hover img.dx-vam {
    color: #199ca0 !important;
}

.dxpc-headerContent {
    font-family: roboto;
}

.dxeListBox,
.dxpLite,
.dxeHyperlink,
.dxeBase,
.dxeMemoEditArea {
    font-family: roboto;
}

label,
span {
    font-family: 'Roboto', sans-serif;
}

.clickable-image {
    cursor: pointer;
}


.txtAIDocumentChatbotPrompt, .txtAIGeneratedAnswersPrompt, .txtAIGeneratedScorePrompt {
    height: 50px;
}

.eRFXEvaluationCheckbox td.dxichCellSys {
    padding: 0px 2px 0px 0px !important;
}


#chkDeletePIM .dxichTextCellSys {
    padding-top: 10px;
}

#chkRemovePIM .dxichTextCellSys {
    padding-top: 10px;
}

#gaugeImportedSuppliers .dxg-title text,
#chartSupplierStatus .dxc-legend text,
#chartSupplierStatus .dxc-labels text,
#chartSupplierApprovalStatus .dxc-legend text,
#chartSupplierApprovalStatus .dxc-labels text,
.unlockedQuestionsPopup a,
.unlockedQuestionsPopup td {
    font-family: 'Roboto', sans-serif !important;
}

.CTableHyperLinkUnderLine span{
    text-decoration:underline!important;
}


.popover-wide {
    max-width: 500px !important;
    width: 500px;
}

td.rowNameText {
    text-align: left;
}

#auditPagination .page-item.active .page-link {
    border-color: #afacac !important;
    background-color: #eee !important;
    color: #808080 !important;
}

#auditPagination .page-item .page-link {
    background-color: #808080 !important;
    border-color: #afacac !important;
    color: white !important;
    font-weight: bold;
}


/* Messages Start */

.userInitialsSurroundMessaging .userInitials {
    font-size: 17px;
    height: 35px;
    width: 35px;
}

.userInitialsSurroundMessaging, .messageCountSurround {
    position: relative;
}

    .userInitialsSurroundMessaging .userInitials,
    .messageCountSurround .messageCount {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

#ctl00_TopMenu_MessageMenuItemCount, #ctl00_SideMenu_MessageMenuItemCount, #MessageMenuItemCount, .MessageTabMenuCount {
    position: absolute;
    top: -2px;
    right: -7px;
    background-color: red;
    min-width: 14px;
    height: 14px;
    border-radius: 7px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    font-size: 12px;
    color: white;
    z-index: 1;
}

#ctl00_TopMenu_MessageMenuItemCount, #ctl00_SideMenu_MessageMenuItemCount, #MessageMenuItemCount {
    right: 3px;
}

#MessageMenuItemCountValue {
    padding-right: 3px;
    padding-left: 3px;
}

#MessagesMenuItemIconContainer, #ctl00_SideMenu_MessagesMenuItemIconContainer {
    position: relative;
    display: inline;
}


#divMessageLhsContainer {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* col-6 is a Bootstrap 4/5 class and is undefined in this Bootstrap 3 app, so the
   panes had no width and collapsed to content width ("bunched up left"). Set the
   50/50 split explicitly; the max-width:1200px block below overrides to a single
   expanded pane on smaller screens. (MH - 03/07/2026) */
#messageLHS {
    width: 50%;
    border-radius: 9px 0px 0px 9px;
    border-right: 3px solid #ebebeb;
}

#messageRHS {
    width: 50%;
    border-radius: 0px 9px 9px 0px;
    background-color: white;
    height: 100%;
    padding: 12px;
    position: relative;
}

.expandCollapseMessage {
    display: none;
}

#messageSearchDiv {
    display: inline-flex;
    padding-top: 12px;
    width: 100%;
    padding-right: 12px;
}

    #messageSearchDiv .custom-checkbox {
        padding-left: 6px;
    }

.newMessageButtonContainer {
    margin-bottom: 12px;
}

#messageExpandLHS, #messageExpandRHS {
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
    display: none;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    color: #808080;
}

#messageExpandLHS {
    right: 0;
}

    #messageExpandLHS:hover, #messageExpandRHS:hover {
        background-color: #aaaaaa;
        color: black;
    }

.messageHeader {
    font-weight: 500;
    font-size: 20px;
    color: #1F3578;
    margin: 0px;
}

#txtChatSearchTerm {
    height: 30px;
    border-radius: 15px;
    padding:5px;
    width:100%;
}

#divChatContainer {
    padding-top: 12px;
    overflow-y: auto;
    padding-right: 12px;
    flex-grow: 1;
}
.chatElement {
    border-radius: 15px;
    cursor: pointer;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 6px;
    width: 100%;
}

.chatItem{
    display: block;
}

.chatItem:hover:not(.selected) .chatElement {
    background-color: #ffffff;
}

.chatItem.hidden {
    display: none;
}

.chatItemDetails {
    display: inline-flex;
    width: 100%;
}

.chatItemDetail {
    width: 35%;
    padding-left: 6px;
    padding-right: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

    .chatItemDetail.timestamp {
        width: 30%;
        color: #808080;
        text-align: end;
    }

.chatItemMessage {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px 6px 0px 6px;
}

.chatItemSubject {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px 6px 0px 6px;
}

.chatApplicationName, .chatEventName {
    padding-left: 6px;
    padding-right: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
}

.messageContent {
    width: 80%;
    padding-top: 6px;
}

.showMessageOnRight {
    justify-self: end;
    justify-items: end;
}

    .showMessageOnRight .messageSender {
        text-align: right;
    }


.showUserColour .messageRespondedTo {
    background-color: #edf5ff;
}

.senderInfoContainer{
    overflow: hidden;
}

.messageSender, .forwardMessageSender {
    font-weight: 400;
}

.messageBody {
    border-radius: 6px;
    padding: 6px;
}

    .messageBody.isReply {
        border-radius: 0px 0px 6px 6px;
    }

.messageRespondedTo {
    border-radius: 6px 6px 0px 0px;
    background-color: #f8f8f8;
    padding: 6px 6px 6px 6px;
    color: #808080;
}

.messageText, .forwardMessageText {
    white-space: pre-line;
    word-break: break-word;
}

#divMessageThreadContainer {
    overflow-y: scroll;
    flex-grow: 1;
    padding-right: 12px;
    position: relative;
}

.messageSubject, .forwardMessageSubject {
    padding-bottom: 4px;
    font-weight: 600;
    white-space: pre-line;
    word-break: break-word;
}

#divMessageThreadParticipants, #divNewMessageTopContainer {
    border-bottom: 3px solid #ebebeb;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 12px;
    padding: 0px 12px 6px 12px;
    color: #1F3578;
    font-size: 15px;
    font-weight: 500;
}

#divForwardMessageTopContainer {
    color: #1F3578;
    font-size: 15px;
    font-weight: 500;
}

#divGlobalMessageDropArea {
    border-bottom: 3px solid #ebebeb;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 12px;
    padding: 0px 12px 6px 12px;
    display: flex;
    flex-direction: row;
}

#divNewMessageCancel, #divForwardMessageCancel {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    height: 30px;
}

div#divMessageThreadParticipantsChevron {
    font-size: 15px;
    float: inline-end;
    font-weight: 500;
    width: 30px;
    height: 30px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: center;
}

#divMessageThread {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

#divMessageThreadNewMessageSender {
    padding-top: 12px;
    margin-top: auto;
}

    #divMessageThreadNewMessageSender > select {
        border: none;
        outline: unset;
    }

    #divMessageThreadNewMessageSender > div {
        border: none;
        outline: unset;
    }

#divActiveChatParticipants {
    display: flex;
    flex-direction: row;
}

#drpMessageParticipantList {
    position: absolute;
    border: solid 1px black;
    background-color: #ffffff;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    display: none;
}

#divNewMessageParticipantsContainer.expanded > #drpMessageParticipantList, #divForwardMessageParticipantsContainer.expanded > #drpMessageParticipantList {
    display: block;
}

.optnPossibleParticipant {
    padding-left: 6px;
    padding-right: 6px;
    min-height: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .optnPossibleParticipant:hover {
        background-color: #ebebeb;
    }

    .optnPossibleParticipant.hidden {
        display: none;
    }

    .optnPossibleParticipant > input {
        margin-right: 6px;
    }

.optnSelectAllParticipants {
    padding-left: 6px;
    padding-right: 6px;
    min-height: 24px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: solid 1px grey;
}

    .optnSelectAllParticipants:hover {
        background-color: #ebebeb;
    }

    .optnSelectAllParticipants > input {
        margin-right: 6px;
    }

#txtRecipientSearchTerm {
    width: 100%;
    outline: unset;
    border: none;
}

#drpMessageParticipants {
    overflow-y: auto;
}

.newMessageRecipient {
    background-color: #ebebeb;
    border-radius: 12px;
    margin: 3px;
    height: 24px;
    padding-left: 6px;
    display: inline-flex;
    cursor: default;
}

    .newMessageRecipient > div.btnRemoveRecipient {
        border-radius: 50%;
        margin-left: 6px;
        cursor: pointer;
        height: 24px;
        width: 24px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center;
    }

        .newMessageRecipient > div.btnRemoveRecipient:hover {
            background-color: #aaaaaa;
            color: black;
        }

#btnNewMessageCancel, #btnForwardMessageCancel {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
}

    #btnNewMessageCancel:hover {
        color: black;
        background-color: #aaaaaa;
    }

#divNewMessageParticipantsContainer, #divForwardMessageParticipantsContainer {
    flex-grow: 1;
    position: relative;
    display: inline-block;
}

#divMessageParticipants {
    min-height: 30px;
    max-height: 120px;
    cursor: pointer;
    overflow: auto;
}

#divNewMessageTopContainer, #divForwardMessageTopContainer {
    display: inline-flex;
    margin-top: -7.5px;
}

#divMessageParticipantsPlaceholder {
    display: inline-flex;
    font-weight: 500;
    height: 24px;
    margin: 3px;
}

.divMessageExtraButton {
    position: relative;
    margin-top: -9px;
    margin-bottom: -9px;
    justify-self: right;
    height: 18px;
    width: 24px;
    border-radius: 9px;
    display: none;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    background-color: #1F3578;
    color: white;
    cursor: pointer;
}

    .divMessageExtraButton:not(:last-of-type) {
        margin-right: 5px
    }

    .message.messageContainer .divMessageExtraButton {
        display: flex;
    }

.message.messageContainer .divMessageExtras {
    overflow: hidden;
}

.message.messageContainer:hover .divMessageExtras {
    overflow: unset;
}

    .messageContainer:hover .divMessageExtraButton {
        display: flex;
    }

#divMessageThreadContainer .messageRow:last-of-type {
    margin-bottom: 12px;
}

.messageRow{
    display: grid;
}

#divParentMessageInfo {
    margin-top: 6px;
    background-color: #f8f8f8;
    padding: 6px;
    border-radius: 6px;
    color: #808080;
    display: none;
    flex-wrap: wrap;
}

    #divParentMessageInfo.expanded {
        display: inline-flex;
    }

#divParentMessageText {
    width: calc(100% - 18px);
    max-height: 200px;
    overflow-y: auto;
}

#btnParentMessageCancel {
    width: 18px;
    height: 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    cursor: pointer;
    border-radius: 50%;
}

    #btnParentMessageCancel:hover {
        background-color: #aaaaaa;
        color: black;
    }

#divParentMessageSubject {
    display: none;
    padding-bottom: 4px;
    font-weight: 600;
}

    #divParentMessageSubject[hasSubject="true"] {
        display: block
    }

#divParentMessageBody, #divParentMessageSubject {
    width: 100%;
    white-space: pre-line;
    word-break: break-word;
}

.messageDocumentContainer, .forwardMessageDocumentContainer {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.messageDocument {
    border-radius: 9px;
    height: 18px;
    background-color: #1F3578;
    color: white;
    padding-left: 6px;
    display: inline-flex;
    text-wrap: nowrap;
    max-width: 100%;
    margin-top: 2px;
    margin-right: 2px;
    margin-left: 2px;
}

    .messageDocument:not(.noPointer) {
        cursor: pointer;
    }

.divMessageDocumentName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-line;
    word-break: break-all;
}

.iMessageDocument {
    height: 18px;
    width: 18px;
    border-radius: 50%;
    margin-left: 3px;
    margin-right: 3px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

.messageDocument.noClick {
    cursor: default;
}

.iRemoveMesageDocument {
    border-radius: 50%;
    margin-right: unset;
    cursor: pointer;
}

    .iRemoveMesageDocument:hover {
        background-color: #aaaaaa;
        color: black;
    }

.divReadReciept {
    text-align: right;
    color: #808080;
    padding-top: 5px;
}


.messageContent{
    display: grid;
}

.messageSender {
    transition: margin-top 0.5s ease-in-out;
}

.messageRow:not(:hover) > .messageContent > div > .messageSender:not(.hidden):not(.alwaysShow) {
    margin-top: -100%;
}

.messageRow:hover > .messageContent > div > .messageSender:not(.hidden):not(.alwaysShow) {
    margin-top: 0%;
}

.fullMessageContainer {
    max-width: 100%;
    min-width: 24px;
    width: max-content;
    display: contents;
}

.messageBoundingBox {
    display: flex;
    flex-direction: column;
    width: fit-content;
}

.UnreadMessageNotification {
    min-width: 18px;
    height: 18px;
    border-radius: 9px;
    background-color: red;
    color: white;
    display: flex;
    justify-content: center;
    z-index: 1;
    position: relative;
}

    .UnreadMessageNotification.hidden {
        display: none;
    }

.UnreadMessageValue {
    font-weight: 600;
}

#divChatContainer.onlyUnread > .chatItem[hasUnread="false"] {
    display: none;
}

.customDropContainer {
    position: relative;
    cursor: pointer;
    width: 100%;
    margin-right: 6px;
    border-radius: 15px;
    padding: 0px 5px;
    background: #DEE2E6;
    height: 30px;
}

.customDrop {
    cursor: pointer;
    display: inline-flex;
    width: 100%;
}

.customDropText{
    flex-grow: 1;
    height:30px;
    line-height:30px;
    overflow: hidden;
}

.customDropChevron {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.customDropList {
    position: absolute;
    border: solid 1px black;
    background-color: #ffffff;
    width: 100%;
    border-radius: 6px;
    overflow: hidden;
    display: none;
    z-index: 100;
}

.customDropContainer.expanded > .customDropList {
    display: block;
}

.customDropOption {
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid white;
}

    .customDropOption:hover {
        background-color: #ebebeb;
    }

    .customDropOption.hidden {
        display: none;
    }

    .customDropOption.selected {
        border: 1px solid #ebebeb;
    }

.customDropSearch {
    width: 100%;
    outline: unset;
    border: none;
    padding-left: 6px;
    height: 24px;
}

.customDropOptions {
    max-height: 96px;
    overflow-y: auto;
}

.customDropLabel {
    padding-right: 6px;
    font-weight: 600;
    height:30px;
    line-height:30px;
}

.divMessageExtras {
    display: inline-flex;
    justify-content: end;
    width: 100%;
}

#divForwardMessageTopContainer {
    width: 100%;
    background-color: white;
    border-radius: 6px;
    margin-bottom: 4px;
}

#divOriginalForwardMessageContainer {
    background-color: white;
    border-radius: 4px;
    padding: 6px;
}

.forwardMessageOriginal {
    border-radius: 6px;
    background-color: #f8f8f8;
    padding: 6px;
}

.forwardMessageContainer {
    padding: 5px;
    border-radius: 5px;
    margin-top: 5px;
    background-color: white;
}

#divEditMessage {
    width: 100%;
    padding: 6px;
    border-radius: 6px;
    background-color: #ebebeb;
    border: 2px solid grey;
}

.showUserColour #divEditMessage {
    background-color: #c4daff;
    border: 2px solid #1F3578;
}

#divEditMessageButtonContainer {
    padding-top: 6px;
    display: inline-flex;
    flex-direction: row;
    justify-content: end;
    width: 100%;
}

.newMessageContainer {
    display: flex;
    margin-top: 0px;
    padding-top: 6px;
}

.btnSendMessage {
    background-color: #1F3578;
    color: white;
    height: 32px;
    border-radius: 15px;
    margin-left: 6px;
    width: 32px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    font-size: 14px;
    align-self: self-end;
}

.messageThreadMessageSender {
    padding-top: 12px;
    margin-top: auto;
}

    .messageThreadMessageSender > select {
        border: none;
        color: #808080;
        outline: unset;
    }

    .messageThreadMessageSender > div {
        border: none;
        color: #808080;
        outline: unset;
    }

.senderDrop {
    background-color: unset;
}

.editReplyDiv {
    padding: 6px;
    border-radius: 6px;
    background-color: #f8f8f8;
    color: #808080;
}

.showUserColour .editReplyDiv {
    background-color: #edf5ff;
}

#divEditMessageAdditionalMessageContainer[hasParentMessage="false"] {
    display: none;
}

.editForwardDiv {
    padding: 6px;
    border-radius: 6px;
    background-color: white;
}

/* Message Input Start */

#divMessageThreadNewMessage {
    display: flex;
    margin-top: 0px;
    padding-top: 6px;
}

.messageInputSubjectContainer {
    display: flex;
    flex-direction: row;
}

.messageInputSubject {
    width: 100%;
    resize: none;
    min-height: 24px;
    border: 0px;
    max-height: 76px;
    flex-grow: 1;
    outline: unset;
}

.messageInputContainer {
    flex-grow: 1;
    display: flex;
    border-radius: 15px;
    overflow: hidden;
    background-color: #ffffff;
    padding: 2px;
}

    .messageInputContainer:not(.expanded) {
        flex-direction: row;
    }

        .messageInputContainer:not(.expanded) .messageInputSubject {
            display: none;
        }

        .messageInputContainer:not(.expanded) .messageInputSubjectContainer {
            order: 2;
        }

    .messageInputContainer.expanded {
        flex-direction: column;
    }
    
.messageInputMainContainer {
    width: 100%;
}

    .messageInputMainContainer.noAttachments {
        display: flex;
    }

.messageInputAttachmentContainer {
    display: inline-flex;
    flex-direction: row;
    order: 1;
}

.messageInputMainContainer:not(.noAttachments) .messageInputAttachmentContainer {
    width: 100%;
}

.messageInputChevronButton {
    height: 24px;
    width: 24px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    color: #808080;
}

    .messageInputChevronButton:hover {
        background-color: #aaaaaa;
        color: black;
    }

.messageInputAttachmentName {
    flex-grow: 1;
    color: #808080;
    width: calc(100% - 24px);
}

.noAttachments .messageInputAttachmentName {
    display: none;
}

.messageInputAttachFileButton {
    height: 24px;
    width: 24px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 50%;
    color: #808080;
}

    .messageInputAttachFileButton:hover {
        background-color: #aaaaaa;
        color: black;
    }

.messageInputText {
    width: 100%;
    resize: none;
    min-height: 24px;
    border: 0px;
    max-height: 76px;
    outline: unset;
    flex-grow: 1;
}
/* Message Input End */

#messageSearchDiv[hasApplication="false"] {
    display: flex;
    flex-wrap: wrap;
}

#messageSearchDiv[hasApplication="true"] {
    display: flex;
}

    #messageSearchDiv[hasApplication="false"] #txtChatSearchTerm {
        order: 1;
        flex-grow: 1;
    }

    #messageSearchDiv[hasApplication="false"] .custom-checkbox {
        padding-left: 0px;
    }

#messageModuleFilterContainer{
    flex-grow: 1;
    padding-right: 6px;
    padding-bottom: 6px;
}

.chatItem.filtered{
    display: none;
}

#divGlobalMessageApplication {
    width: calc(35% - 12px);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

#divGlobalMessageApplicationSubSelection {
    width: calc(65% - 12px);
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.chatItem[hasUnread='true'] .chatItemMessage,
.chatItem[hasUnread='true'] .chatItemSubject,
.chatItem[hasUnread='true'] .chatApplicationName,
.chatItem[hasUnread='true'] .chatEventName,
.chatItem[hasUnread='true'] .chatItemDetail {
    font-weight: bold;
}

@media (max-width: 1200px) {
    #divGlobalMessageApplication {
        width: calc(100% - 24px);
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }

    #divGlobalMessageApplicationSubSelection {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        order: 2;
        padding-top: 6px;
    }

    #divNewMessageCancel{
        order: 1;
    }

    #divGlobalMessageDropArea{
        flex-wrap: wrap;
    }

    #messageExpandLHS:not(.hide), #messageExpandRHS {
        display: flex;
    }

    #messageRowContainer.expanded #messageLHS, #messageRowContainer:not(.expanded) #messageRHS {
        width: 100%;
    }

    #messageRowContainer:not(.expanded) #messageLHS, #messageRowContainer.expanded #messageRHS {
        display: none;
    }

    #messageLHS, #messageRHS {
        border-radius: 9px;
    }

    #messageLHS{
        border-right: none;
    }

    .expandCollapseMessage {
        display: inline-flex;
    }

    #txtChatSearchTerm {
        flex-grow:1;
        margin-bottom: 4px;
    }

    .chatItemDetails{
        display: block;
    }

    .chatItemDetail{
        width: 100%;
    }

    .chatItemDetail.timestamp{
        display:none;
    }

    #divMessageThreadParticipants{
        padding-left: 48px;
    }

    .messageRow.selected .messageContainer .divMessageExtraButton {
        display: flex;
    }

    .messageRow.selected .message.messageContainer .divMessageExtras {
        overflow: unset;
    }

    .messageRow.selected > .messageContent > .messageSender:not(.hidden) {
        display: block;
    }

    .divMessageExtraButton:not(:last-of-type) {
        margin-right: 10px;
    }

    .chatElement .row .userInitialsSurroundMessaging {
        width: 16.6666666667%;
    }

    .chatElement .row .col-10 {
        width: 75%;
    }

    .chatElement .row * {
        padding-left: 0px;
        padding-right: 0px
    }
}

#drpGlobalMessageRowFilter {
    position: relative;
    cursor: pointer;
    margin-right: 6px;
    border-radius: 15px;
    padding: 0px 5px;
    background: #DEE2E6;
    height: 30px;
    border: none;
    outline: unset;
    margin-bottom: 6px;
}

@media (max-width: 767px) {

    .chatItemDetails{
        display: block;
    }

    .chatItemDetail{
        width: 100%;
    }

    .chatItemDetail.timestamp{
        display:none;
    }
}

.loaderPanel {
    align-content: center;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 100%;
    position: absolute;
    z-index: 1000;
    width: 100%;
}

    .loader-spinner {
        border: 4px solid #3498db;
        border-top-color: #f3f3f3;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        animation: loaderSpin 1s linear infinite;
    }

.loaderDiv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@keyframes loaderSpin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#btnNewMessage.disabledDiv {
    cursor: not-allowed;
    pointer-events: none;
    background-color: rgb(158, 158, 158);
    border-color: rgb(158, 158, 158);
}


.custom-checkbox input#status[disabled] + label > .status-switch{
    cursor: not-allowed;
}

.messageInputContainer.disabledDiv {
    cursor: not-allowed;
    pointer-events: none;
}

    .messageInputContainer.disabledDiv .messageInputChevronContainer, .messageInputContainer.disabledDiv .messageInputAttachmentContainer {
        background-color: rgba(239, 239, 239, 0.3);
    }

.disabledDiv {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.btnSendMessage.disabledDiv{
    cursor: not-allowed;
    pointer-events: none;
    background-color: rgb(158, 158, 158);
    border-color: rgb(158, 158, 158);
}


.rememberMeCheckBox {
    float: right;
    margin-bottom: 10px;
}

    .rememberMeCheckBox .dxichTextCellSys {
        padding-top: 10px;
    }

#LayoutRowBreadCrumbTime .breadCrumbs span.active{
    font-weight:bold;
}

.breadcrumbSeperator{
    padding:5px;
}

.widgetColSurround{
    border-radius:15px;
    padding:10px 5px;
}

.aucAuctionLeftRow .aucAuctionLeftRowInner {
    height: 52px;
}

.proItemsMenuSurround a {
    background-color: #1E3578;
    border: 1px solid #ccc;
    border-radius: 15px;
    vertical-align: top;
    line-height: 27px;
    font-weight: bold;
    color: #fff !important;
    display: inline-block;
    height: 30px;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    padding: 0px 10px;
    margin-right: 10px;
}

    .proItemsMenuSurround a.current,
    .proERFXMenuSurround a.current {
        border-radius: 15px;
        vertical-align: top;
        line-height: 27px;
        font-weight: bold;
        display: inline-block;
        height: 30px;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        padding: 0px 10px;
        margin-right: 10px;
    }

.proERFXMenuSurround li{
    list-style:none!important;
}

/*#region @Error/Upgrade/Upgrade/New Password Request*/

.ErrorPage #lblWarning,
.UpgradePage #lblTitle,
.MoreInfoPage #lblTitle
{
    font-size: 19pt !important;
}
.NoAccessPreviewPageSurround .lblPreviewText,
.NoAccessPreviewPageSurround .lblPreviewText a,
.ErrorPage #lblMessage,
.UpgradePage #lblUpgrade,
.UpgradePage #lblTryAgain,
.MoreInfoPage #lblARCUS,
.MoreInfoPage #lblMessage,
.MoreInfoPage #lblMessage a,
.NoAccessPreviewPageSurround .lblWarning,
.NoAccessPreviewPageSurround .lblMessage,
.NoAccessSurround .lblMessage {
    font-size: 12pt !important;
}

.NewPasswordRequestStepsOL {
    counter-reset: item;
    text-align: left;
    width: 60%;
    margin: 0 auto;
}

    .NewPasswordRequestStepsOL li {
        display: flex;
        align-items: center;
        position: relative;
        padding-left: 2em;
        margin-bottom: 15px;
    }

        .NewPasswordRequestStepsOL li:before {
            counter-increment: item;
            border-radius: 50%;
            margin: 0 5px;
            padding: 5px 9px;
            position: absolute;
            left: -15px;
            content: counter(item) ".";
        }

.NewPasswordRequestSurround {
    margin-top: 42px;
    margin-bottom: 54px;
}

/*#endregion @Error/Upgrade/New Password Request*/

/*#region @General*/

.UIBody:not(.overlayActive) {
    height: 100vh;
}

.dxeMemoEditAreaSys {
    border-radius: 4px;
}

a {
    text-decoration: none!important;
}

.noPaddingUI {
    padding: 0px !important;
}

.page-content-wrapper {
    width: 100%;
    padding-right: 5px;
    padding-left:5px;
    min-width: 0px;
}

#stylingIdentifier {
    height: 5px;
    background-color: red;
    display: block;
}

.mainPageContentSurround {
    padding: 0px 15px;
    border-radius: 15px;
    margin-top: 10px;
}

.divHomepageWidgetBtns .fa {
    position: relative;
    top: 45%;
}

.divHomepageWidgetBtns {
    height: 100%;
    border-radius: 15px;
    width: 50px;
    text-align: center;
    font-size: 14pt;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}

.widgetItemUx .panel-heading img {
    height: 20px;
}

@media (max-width: 991px) {


    #divTasksProjects {
        margin-bottom: 10px;
    }
}
/*#endregion @General*/

/*#region @Buttons*/

.btn:not(.showAllRowsRoundedEdges), .dxbButton {
    border-radius: 20px !important;
}

/*#endregion @Buttons*/

/*#region @Nav*/

.webFormsSideMenu:not(.reducedMenu), .MVCSideMenu:not(.reducedMenu) {
    display: flex;
    flex-direction: column;
    max-height: 100vh;
    position: sticky;
    top: 0;
    height: 100vh;
}

.navBarULSurround:not(.navBarULSurroundTop) {
    margin-top: auto;
}

.navBarULSurroundTop {
    overflow-y: auto;
    overflow-x: hidden;
}

.navBarULSurroundBottom,
.navBarLI {
    overflow: visible;
}

#languageMenuContainer {
    max-height: 343px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

#managementMenuContainer {
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-gutter: stable;
}

.lnkSecondSearch {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.navbar-default, .navbar-light {
    background: none;
    border: none !important;
    background-image: unset !important;
    box-shadow: none !important;
}

.sideBarHR {
    margin: 1rem 0;
    color: inherit;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: .25;
}

.navBarULButton {
    background: transparent;
}

    .navBarULButton:hover {
        box-shadow: none !important;
    }

.navBarULButton {
    text-align: left !important;
}

    .navBarULButton .IconText {
        white-space: pre-wrap;
    }

    #wrapper {
        display: flex !important;
    }

#SideBarMenu {
    margin-left: -250px;
    transition: margin 0.25s ease-out;
}

    #SideBarMenu .navBarULSurround {
        width: 250px;
    }

.mobileTopMenu {
    display: none !important;
}

@media (max-width: 767px) {
    .mobileTopMenu {
        display: block !important;
        position: fixed!important;
        top: 0px;
        width: 100%;
        z-index:9999;

    }

    .TopMenuVisible {
        top: 50px;
        position: relative;
    }

    .webFormsSideMenu:not(.reducedMenu), .MVCSideMenu:not(.reducedMenu) {
        position: fixed !important;
        top: 50px !important;
        z-index: 99999 !important;
        max-height: 93vh !important;
        height: 93vh !important;
    }
}

@media (min-width: 767px) {
    #SideBarMenu {
        margin-left: 0;
    }

    .noPaddingLeftDesktop {
        padding-left: 0px !important;
    }

    .webFormsSideMenu .headerLogoSurround {
        height: 70px;
    }
}

body.sb-sidenav-toggled #wrapper #SideBarMenu {
    margin-left: 0;
}

@media(max-width: 767px) {
    .margin-top-mobile {
        margin-top: 10px;
    }

    .TopRightMenu {
        display: none;
    }
}

@media(min-width: 767px) {
    .reducedMenu {
        display: none;
    }
}

.navbar-fixed-top {
    border-radius: 15px !important;
    box-shadow: none !important;
}

.navBarUL,
.navBarDropdownUL {
    padding: 0px;
    list-style: none;
}

.navBarLI a {
    font-size: 14px;
    width: 100%;
    display: block;
}

.navBarULButton {
    width: 100%;
    text-align: left;
    border: none;
}

    .navBarULButton img {
        padding-right: 10px;
        width: 30px;
    }

.MVCSideMenu .navBarULButton img,
.webFormsSideMenu .navBarULButton img {
    height: auto;
    vertical-align: top;
}

    .navBarULButton .fa {
        float: right;
        padding-top: 3px;
    }

    .navBarULButton:active,
    .navBarULButton:focus {
        border-color: transparent !important;
    }

    .navBarULButton:focus {
        outline: 0px !important;
    }

.navBarUL .navBarLI,
.navBarULButton {
    border-radius: 15px;
    padding: 5px;
}

.sideMenuUsername {
    font-size: 18px;
    word-wrap: break-word;
}

.sideMenuUsernameSurround {
    max-width: 170px !important;
}

.userInitials {
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    height: 40px;
    width: 40px;
}

    .userInitials span {
        font-size: 20px;
    }

.userInitialsSurround {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobileTopMenu #sidebarToggle {
    display: inline-block;
    margin: 0px 0px 0px 10px;
    vertical-align: middle;
    float: none;
}

.mobileTopMenu .headerLogo {
    display: inline-block;
    vertical-align: middle;
}

.mobileTopMenu #sidebarToggle:focus {
    box-shadow: none !important;
}

#SideBarMenu .headerLogo {
    height: 70px !important;
    width: 170px;
    background-size: contain;
    padding: 0;
    margin-left: 10px;
    margin-top: 5px;
}

.navBarLI .txtSmallSearchText {
    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

.TopRightMenu {
    position: absolute;
    right: 20px;
    top: 20px;
}

    .TopRightMenu ul {
        list-style: none;
    }

        .TopRightMenu ul li {
            display: inline-block;
        }

            .TopRightMenu ul li .navBarULButton img {
                padding-right: 0px;
                width: auto;
            }

            .TopRightMenu ul li .navBarULButton {
                background-color: transparent;
                padding: 6px !important;
            }

    .TopRightMenu .navBarDropdownUL li {
        display: block;
        padding: 5px 10px;
        border-radius: 15px;
    }

.ReportListItem {
    border-radius: 15px !important;
}

    .ReportListItem span {
        font-weight: 400;
        font-size: 10pt !important;
        font-family: roboto !important;
    }

.navBarDropdownUL .navBarULButton {
    padding: 6px 3px 6px 7px !important;
}

.navBarDropdownUL .navBarULButton.subMenuDropdown {
    padding: 5px 12px !important;
}

.navBarDropdownUL a,
.navBarDropdownUL .IconText{
    font-size: 12px;
}

/*#endregion @Nav*/
/*#region @Panels*/
.dxpc-header,
.panel-heading,
.panel-heading-ux {
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
}

.dxpc-mainDiv,
.panel-footer,
.panel-footer-ux,
.panel-body {
    border-radius: 15px !important;
}

.dxpc-mainDiv,
.panel {
    border-radius: 15px !important;
}

.panel-body {
    padding: 15px !important;
}

.panel-heading,
.panel-heading-ux,
.panel-footer,
.panel-footer-ux {
    padding: 10px !important;
}

.panel-heading,
.panel-heading-ux,
.panel-body,
.panelUXWidgetBody,
.panel-footer,
.panel-footer-ux,
.panel-default,
.dxpc-header,
.dxpc-header,
.dxpc-mainDiv {
    background: #fff !important;
}

.panel:not(.panel-default) .panel-body,
.panel-default, .dxpc-mainDiv {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}

.modal-footer {
    border-top: 1px solid #e5e5e5 !important;
}

#systemUserPromptModalPopup_PWC-1 {
    padding: 0px;
}

/*#endregion @Panels*/

/*#region @Tabs*/

#dxTabs, #ctl00_dxTabs {
    width: 100% !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mainPageTabs .dxtc-tab, .dxSectionTabs .dxtc-tab, .mainPageTabs .dxtc-activeTab, .dxSectionTabs .dxtc-activeTab {
        padding-top: 0px !important;
    }
}

.mainPageTabs .dxtc-tab,
.dxSectionTabs .dxtc-tab {
    border: none !important;
}

.mainPageTabs .dxtc-activeTab,
.dxSectionTabs .dxtc-activeTab {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}

    .mainPageTabs .dxtc-activeTab .dxtc-link,
    .dxSectionTabs .dxtc-activeTab .dxtc-link {
        font-weight: bold;
    }

.mainPageTabs .dxtc-activeTab,
.dxSectionTabs .dxtc-activeTab,
.mainPageTabs #ctl00_dxTabs_SVA,
.dxSectionTabs #ctl00_dxTabs_SVA,
.mainPageTabs #dxTabs_SVA,
.dxSectionTabs #dxTabs_SVA {
    box-sizing: border-box !important;
}

.mainPageTabs .dxtc-tab span.dx-vam,
.dxSectionTabs .dxtc-tab span.dx-vam {
    padding: 3px 15px !important;
    font-size: 14px;
    border: none !important;
}

.mainPageTabs .dxtc-activeTab span.dx-vam,
.dxSectionTabs .dxtc-activeTab span.dx-vam {
    padding: 2px 15px !important;
    font-size: 14px;
    border: none !important;
}

.mainPageTabs .dxtc-stripContainer,
.dxSectionTabs .dxtc-stripContainer {
    padding-top: 0px !important;
}

.mainPageTabs .dxtc-sbWrapper,
.dxSectionTabs .dxtc-sbWrapper {
    border-radius: 15px;
}

@media(min-width: 767px) {
    #page-content-wrapper .scrollNavContainer {
        top: 0px !important;
    }
}

/*#endregion @Tabs*/

/*#region @Grids*/

td > a:hover {
    text-decoration: underline!important;
}

.dxgvPagerTopPanel .dxp-num,
.dxgvPagerBottomPanel .dxp-num,
.dxgvCommandColumn a,
a.dxbButtonSys {
    text-decoration: none !important;
}

    .dxgvPagerTopPanel .dxp-num:hover,
    .dxgvPagerBottomPanel .dxp-num:hover,
    .dxgvCommandColumn a:hover,
    a.dxbButtonSys:hover {
        text-decoration: underline !important;
    }

.dxpc-headerContent span {
    font-size: 14px;
    font-weight: bold;
}

.dxgvHeader td,
.WebFormsGridView .CustomTableHeading th {
    font-weight: bold;
}

.CustomTableStyle .dxgvPagerTopPanel .dxpLite .dxp-summary,
.CustomTableStyle .dxgvPagerBottomPanel .dxpLite .dxp-summary {
    padding: 10px 0px;
}

.CustomTableStyle .dxgvPagerTopPanel .dxp-num,
.CustomTableStyle .dxgvPagerBottomPanel .dxp-num {
    padding: 10px 5px;
}

.CustomTableStyle .dxgvPagerTopPanel .dxp-button[id*='DXPagerTop'],
.CustomTableStyle .dxgvPagerBottomPanel .dxp-button[id*='DXPagerBottom'] {
    padding: 7px 0px;
}

.CustomTableStyle .dxgvPagerTopPanel .dxp-current,
.CustomTableStyle .dxgvPagerBottomPanel .dxp-current {
    padding: 10px 12px !important;
    border-radius: 20px;
}

.CustomTableStyle {
    border: none;
}

.dxgvGroupPanel {
    border-bottom: none;
}

.CustomTableStyle table[id*='DXMainTable'] td:last-of-type {
    border-right: 0px;
}

.CustomTableStyle table[id*='DXMainTable'] {
    border: 1px solid;
    border-top: 0px;
}

.CustomTableStyle table[id*='DXHeaderTable'] {
    border-left: 1px solid;
}

.dxgvRBB .dxgvDataRow.dxgvLVR > td.dxgv, .dxgvDataRow.dxgvLVR > td.dxgv {
    border-bottom-width: 0px !important;
}

.CustomTableHeading {
    border-top-width: 1px !important;
}

.WebFormsGridView,
.WebFormsGridView td,
.WebFormsGridView th,
.aucAuctionBidChartSurround .WebFormsGridView .CTableHeading,
.aucAuctionBidChartSurround .WebFormsGridView .CTableBackground,
.aucAuctionBidAnalysisSurround .WebFormsGridView .CTableHeading,
.aucAuctionBidAnalysisSurround .WebFormsGridView .CTableBackground,
.jpnAuctionBidAnalysisSurround .WebFormsGridView .CTableHeading,
.jpnAuctionBidAnalysisSurround .WebFormsGridView .CTableBackground,
.aucAuctionBidStatusSurround .WebFormsGridView .CTableHeading,
.aucAuctionBidStatusSurround .WebFormsGridView .CTableBackground {
    border: 1px solid !important;
}

    .aucAuctionBidChartSurround .WebFormsGridView .CTableHeading:not(.LastRightCell),
    .aucAuctionBidChartSurround .WebFormsGridView .CTableBackground:not(.LastRightCell),
    .aucAuctionBidStatusSurround .WebFormsGridView .CTableHeading.LastRightCell,
    .aucAuctionBidStatusSurround .WebFormsGridView .CTableBackground.LastRightCell {
        border-right-width: 0px !important;
    }

.aucAuctionBidStatusSurround .WebFormsGridView .CTableHeading {
    border-top-width: 0px !important;
}

.aucAuctionBidStatusSurround .WebFormsGridView .CTableHeading,
.aucAuctionBidStatusSurround .WebFormsGridView .CTableBackground {
    border-left-width: 0px !important;
}

.aucAuctionBidChartSurround .WebFormsGridView .CTableHeading,
.aucAuctionBidStatusSurround .WebFormsGridView .CTableHeading,
.aucAuctionBidStatusSurround .WebFormsGridView .CTableBackground {
    border-bottom-width: 0px !important;
}

.WebFormsGridView .CTableHeading td,
.WebFormsGridView th,
.WebFormsGridView .dxgvHeader,
.WebFormsGridView .CTableHeading {
    font-size: 14px !important;
    font-weight: bold !important;
    padding: 4px 6px !important;
}

.aucAuctionSupplierSuppliersPrintSurround .WebFormsGridView td {
    padding: 4px 6px;
}

/*#endregion @Grids*/

@media (max-width: 991px) {
    #divAIChatbotHeader,
    #divAIEvaluationHeader,
    .downloadAISummaryHistorySurround,
    .lblSummaryHeaderSurround, .lblEvaluationHeaderSurround {
        text-align: center !important;
    }

    .divAIChatbotHeaderButtons {
        text-align: center;
    }

    #lblEvaluationHeader, #lblSummaryHeader {
        margin-left: 0px !important;
    }
}

.divAIChatbotHeaderButtons, .downloadAISummaryHistorySurround {
    text-align: right;
}

#txtEvaluationPrompt,
#txtSummaryPrompt,
#txteRFXChatbotPrompt {
    border: none;
}

input#ctl00_body_rdoAIGenerateScore_rdoYesNo_0 {
    margin-right: 5px;
}

input#ctl00_body_rdoAIGenerateScore_rdoYesNo_1 {
    margin-right: 5px;
    margin-left: 5px;
}

.roundedDrpDown option,
.messagesDropDown option {
    background: #fff;
    color: #404040;
}

.input-group .form-control{
    z-index:unset!important;
}

@media (max-width: 1400px) {
    .marginBottomMobile {
        margin-bottom: 10px;
    }
}

span#lblAISummary {
    margin-right: 6px; 
}

#divAIChatbotExpandCollapse {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#divChatbotMessagesRow {
    flex: 1;
    overflow-y: auto;
    min-height: 0; /* VERY important for flex scrolling */
}
#divAIChatbotInputRow {
    padding: 10px;
    background: white;
}

img[src*="Images/ButtonImages/AnalyticsReport.png"] {
    filter: brightness(0) invert(1);
}

.zoneMin > div {
    min-height: 20px;
}

#ctl00_body_ucxDashboardPBIWidget_dockPanelPBIWidget_PW-1 .dxpc-content{
    padding-top: 0px;
}

#proDetailsPopupMenu {
    display: none;
    position: fixed;
    background-color: #ffffff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
    z-index: 2147483647;
    min-width: 250px;
    height: auto;
    max-height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
}

#proDetailsPopupMenu ul {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    height: auto;
    min-height: min-content;
}

.proDetails-dropdown-item {
    display: block;
    width: 100%;
    height: auto;
    float: none; 
    margin: 0;
    padding: 0;
}

.proDetails-dropdown-link {
    display: block;
    padding: 10px 16px;
    color: #333 !important;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1.4;
    text-align: left;
}

.proDetails-dropdown-link:hover {
    background-color: #f0f0f0 !important;
}

#proDetailsPopupMenu:focus {
    outline: none;
}

/* Gap between the tab label and the sections-dropdown chevron (developer request 17/07/2026) */
.proDetails-chevron {
    margin-left: 6px;
}

.search-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding-left: 30px;
}

.search-input {
    width: 100%;
    height: 38px;
    padding: 0 45px 0 15px;
    border-radius: 25px;
    border: 1px solid #ddd;
    outline: none;
    font-size: 14px;
}

    .search-input:focus {
        box-shadow: none;
        border-color: #ccc;
    }

.search-button {
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: none;
    background-color: #1f2a5a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

    .search-button img {
        width: 16px;
        height: 16px;
    }

    .search-button:hover {
        background-color: #162047;
    }

.popAddSingleSupplier .dxgv td {
    padding-top: 4px;
    padding-bottom: 4px;
}

.popAddSingleSupplier .dxgv__row > td,
.popAddSingleSupplier .dxgv__arow > td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.navBarLI:has(.search-wrapper):hover,
.navBarLI:has(.search-wrapper) a:hover {
    background-color: transparent !important;
    color: inherit !important;
}

.btn-link-plain:hover {
    text-decoration: underline;
}

/* ── Side Menu Search Modal ──────────────────────────────────────────────── */

.sms-overlay {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 10000;
    background: rgba(0,0,0,0.5);
}

.sms-dialog {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 6px;
    width: 92%;
    max-width: 1200px;
    max-height: 580px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

.sms-header {
    padding: 12px 15px;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.sms-title {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.sms-close {
    background: none !important;
    border: none !important;
    font-size: 22px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    color: #c0392b !important;
    padding: 0 !important;
    font-weight: bold !important;
}

.sms-body {
    overflow-y: auto;
    flex: 1;
}

.sms-pagination {
    display: none;
    padding: 8px 15px;
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    flex-shrink: 0;
}

/* Results table */

.sms-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 13px !important;
    table-layout: auto !important;
    margin-bottom: 0 !important;
}

.sms-table thead th,
.sms-table thead td {
    background: #fff !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    border-left: none !important;
    border-right: 1px solid #ddd !important;
    padding: 9px 12px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    text-align: left !important;
}
.sms-table thead th:last-child,
.sms-table thead td:last-child {
    border-right: none !important;
}

.sms-th-viewdocs {
    min-width: 110px !important;
}

.sms-th-icon {
    width: 36px !important;
    padding: 9px 8px !important;
}

.sms-filter-cell {
    padding: 6px 8px !important;
    background: #fff !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #ddd !important;
}

.sms-filter-wrap {
    position: relative;
}

.sms-filter-input {
    width: 100%;
    padding: 5px 28px 5px 6px;
    border: 1px solid #ccc !important;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 13px;
}

.sms-filter-icon {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #aaa;
    pointer-events: none;
}

.sms-table tbody td {
    padding: 8px 12px !important;
    border-bottom: 1px solid #eee !important;
    border-top: none !important;
    border-left: none !important;
    border-right: 1px solid #ddd !important;
    vertical-align: middle !important;
}
.sms-table tbody td:last-child {
    border-right: none !important;
}

.sms-table tbody tr:hover td {
    background: #f9f9f9 !important;
}

.sms-td-viewdocs {
    white-space: nowrap !important;
    min-width: 110px !important;
    padding: 6px 12px !important;
}

.sms-td-viewdocs a {
    color: #337ab7;
}

.sms-td-icon {
    text-align: center !important;
    width: 36px !important;
    padding: 6px 4px !important;
}

.sms-proj-num {
    color: #888;
}

.sms-btn-blue {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: #2c5f8a !important;
    color: #fff !important;
    cursor: pointer !important;
    border: none !important;
    font-size: 12px !important;
    line-height: 1 !important;
    padding: 0 !important;
}

.sms-btn-blue:hover {
    background: #1f4d75;
    transform: translateY(-1px);
}

.sms-btn-red {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: none !important;
    color: #e74c3c !important;
    cursor: pointer !important;
    border: none !important;
    font-size: 20px !important;
    line-height: 1 !important;
    padding: 0 !important;
}

.sms-page-current {
    display: inline-block;
    background: #2c3e50;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    margin: 0 2px;
    font-size: 12px;
}

.sms-page-link {
    margin: 0 3px;
    color: #337ab7;
    text-decoration: none;
}

.sms-page-nav {
    text-decoration: none;
    color: #333;
}

/* ==================================================
   Side Menu Search Popup 
================================================== */

/* =========================
   MODAL CONTAINER
========================= */

.sms-dialog {
    width: 92%;
    max-width: 1200px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 12px 40px rgba(0,0,0,0.18);
    overflow: hidden;
    border: 1px solid #e5e7eb;
    font-family: Arial, sans-serif;
}

/* =========================
   HEADER
========================= */

.sms-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    border-bottom: 1px solid #e5e7eb;
    background: #fff;
}

.sms-title {
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: #222;
}

.sms-close {
    border: none;
    background: transparent;
    font-size: 20px;
    color: #9b111e;
    cursor: pointer;
    line-height: 1;
    transition: 0.2s ease;
}

.sms-close:hover {
    transform: scale(1.1);
}

/* =========================
   BODY
========================= */

.sms-body {
    padding: 0 14px 14px;
    overflow-x: auto;
}

/* =========================
   TABLE
========================= */

.sms-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    margin-top: 14px;
    border: 1px solid #dcdfe4;
}

.sms-th {
    background: #f3f4f6;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    padding: 14px 12px;
    text-align: left;
    border: 1px solid #dcdfe4;
}

.sms-th-icon {
    width: 50px;
    background: #f3f4f6;
    border: 1px solid #dcdfe4;
}

/* =========================
   FILTER ROW
========================= */

.sms-filter-cell {
    padding: 10px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
}

.sms-filter-wrap {
    position: relative;
}

.sms-filter-input {
    width: 100%;
    height: 26px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0 42px 0 14px;
    font-size: 14px;
    outline: none;
    transition: all 0.2s ease;
    background: #fff;
}

.sms-filter-input:focus {
    border-color: #274690;
    box-shadow: 0 0 0 3px rgba(39,70,144,0.12);
}

.sms-filter-icon {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 16px;
}

/* =========================
   TABLE ROWS
========================= */

.sms-td {
    padding: 13px 12px;
    border: 1px solid #eceff3;
    font-size: 14px;
    color: #444;
    vertical-align: middle;
    background: #fff;
}

.sms-table tbody tr {
    transition: background 0.15s ease;
}

.sms-table tbody tr:hover .sms-td {
    background: #f7f9fc;
}

/* =========================
   LINKS
========================= */

.sms-table a {
    color: #2f4ea1;
    text-decoration: none;
    font-weight: 500;
}

.sms-table a:hover {
    text-decoration: underline;
}

/* =========================
   VIEW DOCS COLUMN
========================= */

.sms-td-viewdocs,
.sms-th-viewdocs {
    white-space: nowrap;
    text-align: center;
}

/* =========================
   ICON CELLS
========================= */

.sms-td-icon {
    text-align: center;
    width: 50px;
}

/* =========================
   BUTTONS
========================= */

.sms-btn-blue,
.sms-btn-red {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

/* Blue buttons */

.sms-btn-blue {
    background: #2d5f8b;
    color: #fff;
}

.sms-btn-blue:hover {
    background: #1f4d75;
    transform: translateY(-1px);
}

/* Red buttons */

.sms-btn-red {
    background: #e74c3c;
    color: #fff;
}

.sms-btn-red:hover {
    background: #cf3f31;
}

/* =========================
   PAGINATION
========================= */

.sms-pagination {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 12px 10px;
    background: #fff;
    font-size: 12px;
    color: #555;
    border-top: 1px solid #e5e7eb;
}

.sms-page-link,
.sms-page-nav {
    color: #274690;
    text-decoration: none;
    font-weight: 500;
    padding: 4px 6px;
}

.sms-page-link:hover,
.sms-page-nav:hover {
    text-decoration: underline;
}

.sms-page-current {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #1f3b82;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

/* =========================
   RESPONSIVE
========================= */

@media (max-width: 900px) {

    .sms-dialog {
        width: 98%;
    }

    .sms-title {
        font-size: 20px;
    }

    .sms-th,
    .sms-td {
        font-size: 13px;
        padding: 10px 8px;
    }

    .sms-btn-blue,
    .sms-btn-red {
        width: 28px;
        height: 28px;
    }
}

/* Make modal feel lighter */
.sms-dialog {
    border-radius: 22px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.18);
}

/* Slightly reduce table harshness */
.sms-table {
    border: 1px solid #e7eaf0;
}

.sms-th,
.sms-td {
    border-color: #edf1f5;
}

/* Softer header */
.sms-th {
    background: #f8f9fb;
    font-size: 14px;
}

/* Better row hover */
.sms-table tbody tr:hover .sms-td {
    background: #f5f8fc;
}

/* Make search bar cleaner */
.sms-filter-input {
    height: 26px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #d9dee7;
    font-size: 15px;
}

/* Add subtle inset feel */
.sms-filter-input:focus {
    border-color: #284b8f;
    box-shadow: 0 0 0 4px rgba(40,75,143,0.08);
}

/* Improve link styling */
.sms-table a {
    font-weight: 500;
    color: #284b8f;
}

/* More modern icon buttons */
.sms-btn-blue,
.sms-btn-red {
    width: 34px;
    height: 34px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

/* Blue icon style */
.sms-btn-blue {
    background: #2d5f8b;
    color: #fff;
}

.sms-btn-blue:hover {
    background: #1f4d75;
    transform: translateY(-1px);
}

/* Red icon style */
.sms-btn-red {
    background: #e74c3c;
    color: #fff;
}

.sms-btn-red:hover {
    background: #cf3f31;
}

/* Pagination spacing */
.sms-pagination {
    padding-top: 20px;
    gap: 14px;
    flex-wrap: wrap;
}

/* Current page */
.sms-page-current {
    width: 38px;
    height: 38px;
    font-size: 14px;
    background: #1f3f8a;
}

/* Pagination links */
.sms-page-link,
.sms-page-nav {
    font-size: 12px;
    color: #284b8f;
}

/* Add breathing room */
.sms-body {
    padding: 0 18px 18px;
}

/* Slightly taller rows */
.sms-td {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Popup dimensions */
.sms-dialog {
    width: 92%;
    max-width: 1200px;
    max-height: 580px;
    border-radius: 6px;
    overflow: hidden;
}

.sms-header {
    padding: 10px 14px;
}

.sms-title {
    font-size: 17px !important;
    font-weight: 600 !important;
}

.sms-th {
    padding: 9px 11px !important;
    font-size: 14px !important;
}

.sms-td {
    padding: 8px 11px !important;
    font-size: 14px !important;
}

.sms-btn-blue,
.sms-btn-red {
    width: 28px;
    height: 28px;
    font-size: 13px;
}

.sms-pagination {
    padding: 8px 14px 10px;
    font-size: 12px;
}

.sms-page-current {
    width: 28px;
    height: 28px;
    font-size: 13px;
}

.sms-body {
    padding: 0 20px 20px;
}

/* Cleaner title */
.sms-title {
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -0.5px;
}

/* Softer table */
.sms-table {
    border: 1px solid #eef2f6;
}

/* Reduce grid harshness */
.sms-th,
.sms-td {
    border-color: #f1f4f8;
}

/* More elegant rows */
.sms-td {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 14px;
}

/* Zebra striping */
.sms-table tbody tr:nth-child(even) .sms-td {
    background: #fbfcfe;
}

/* Better hover */
.sms-table tbody tr:hover .sms-td {
    background: #f4f8fd;
}

/* Cleaner search bar — needs higher specificity than .sms-table thead td to win */
.sms-table thead td.sms-filter-cell {
    padding: 14px;
    background: #C1C1C1 !important;
}
.sms-table thead td.sms-filter-cell-empty {
    padding: 0 !important;
    background: #C1C1C1 !important;
    border-bottom: 1px solid #ddd !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}

.sms-filter-input {
    height: 26px;
    border-radius: 12px;
    font-size: 15px;
    padding-left: 16px;
}

/* Better icon spacing */
.sms-td-icon {
    width: 56px;
}

/* More premium buttons */
.sms-btn-blue,
.sms-btn-red {
    width: 36px;
    height: 36px;
    font-size: 15px;
}

/* Pagination */
.sms-pagination {
    gap: 18px;
}

/* Ellipsis between page groups */
.sms-page-ellipsis {
    display: inline-block;
    padding: 0 4px;
    color: #aaa;
    letter-spacing: 1px;
    vertical-align: middle;
}

/* Better page links */
.sms-page-link,
.sms-page-nav {
    font-size: 12px;
    min-width: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Active page */
.sms-page-current {
    width: 40px;
    height: 40px;
    font-size: 15px;
}

/* All nav buttons get consistent padding */
.navBarULButton {
    padding: 5px 12px 5px 12px !important;
}

/* Split nav button: remove container padding so children fill edge-to-edge (matches legacy navBarULModuleButton) */
div.navBarULButton {
    padding: 0 12px 0 0 !important;
    overflow: hidden;
}

div.navBarULButton > a {
    border-radius: 15px 0 0 15px !important;
    align-self: stretch !important;
    padding: 6px 12px 6px 12px !important;
    border: 1px solid #ffffff !important;
}

div.navBarULButton > button {
    border-radius: 0 15px 15px 0 !important;
    align-self: stretch !important;
    padding: 5px 12px 5px 3px !important;
    margin-right: -12px !important;
}

/* Each side darkens independently on hover */
div.navBarULButton > a:hover {
    background-color: #b4b4b4 !important;
    border-color: #b4b4b4 !important;
}

div.navBarULButton > button:hover {
    background-color: #b4b4b4 !important;
}

/* Chevron icon margin for all side menu dropdown buttons */
i[id*="MenuItemFavicon"] {
    margin-left: 8px;
    flex-shrink: 0;
}

hr.hideOnMobile {
    border-color: #CED4DA !important;
}

a.btn.btn-toggle.navBarULButton.navBarActive .IconText {
    font-weight: bold !important;
}

#createTemplateModal .modal-content{
    border-radius: 15px;
}

.bootbox.modal .modal-header .modal-title{
    font-size:15px;
}

/* ChangeContactNumber / ChangePassword — scoped replicas of the BS4/5 grid classes the legacy
   views rely on (col-12 / col-xl-4 / col-xl-8 / mx-0 are not defined in this app's Bootstrap 3 CSS) */
.changeContactNumberSurround .row.mx-0,
.changePasswordSurround .row.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.changeContactNumberSurround .col-12,
.changePasswordSurround .col-12 {
    position: relative;
    min-height: 1px;
    padding-left: 12px; /* BS5 gutter — 15px wraps labels that legacy fits on one line */
    padding-right: 12px;
}

/* .text-danger is undefined in this app's CSS (BS5 class) — legacy renders the validation
   summary in BS5 danger red */
.changeContactNumberSurround .changeContactNumberValidationSummary,
.changePasswordSurround .changePasswordValidationSummary {
    color: #dc3545;
}

/* Legacy styles bare text/password inputs globally; this app only styles .form-control —
   replicate the probed legacy input look for these pages */
.changeContactNumberSurround input[type="text"],
.changePasswordSurround input[type="password"] {
    border: 1px solid #e9ecef;
    border-radius: 4px;
    height: 25px;
    padding: 2px;
    color: #555;
    background-color: #fff;
}

@media (min-width: 1200px) {
    .changeContactNumberSurround .col-xl-4,
    .changePasswordSurround .col-xl-4 {
        float: left;
        width: 33.33333333%;
    }

    .changeContactNumberSurround .col-xl-8,
    .changePasswordSurround .col-xl-8 {
        float: left;
        width: 66.66666667%;
    }
}

/* PasswordRequestSubmitted — §9.6 scoped replicas of the BS5 breakpointless grid classes the
   legacy MVC view uses (col-3 / col-6 / col-12 are not defined in this app's Bootstrap 3 CSS) */
.PasswordRequestSubmittedSurround .col-3 {
    position: relative;
    float: left;
    width: 25%;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
}

.PasswordRequestSubmittedSurround .col-6 {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
}

.PasswordRequestSubmittedSurround .col-12 {
    position: relative;
    min-height: 1px;
    padding-left: 12px;
    padding-right: 12px;
}
/* rfxCreateNewQuestionnaire — the page's existing region above styles the DevExpress editors
   (.dxeTextBox / .genericResponsiveControl); these add the equivalents for the plain controls the
   port renders, plus the two visual states the legacy page produced in code rather than CSS. */
.rfxCreateNewQuestionnaireSurround .DDLListContainer select {
    background-image: none;
    border-radius: 4px;
    border: 1px solid rgb(204, 204, 204);
    box-sizing: border-box;
    width: 100%;
}

/* Legacy set txtQuestionnaireName.BackColor/Border.BorderColor in checkForWizard() — the wizard's
   mandatory-field highlight, matching the key swatch beside lblMandatoryFields. */
.rfxCreateNewQuestionnaireSurround .createNewERFXMandatoryField {
    background-color: #fffeb0;
    border: 1px solid #b3b137 !important;
}

/* Stands in for the footer ValidationSummary user control (§9.25) — the legacy CValidator styling
   lives in Styles/Standard.css, which the main layout does not load (§9.16). */
.rfxCreateNewQuestionnaireSurround .createNewERFXValidationSummary {
    color: red;
    font-size: 8pt;
    font-family: Roboto;
    list-style: disc;
    padding-left: 20px;
}

/* §9.18 — this app's Bootstrap build drops .panel's margin-bottom. */
.rfxCreateNewQuestionnaireSurround .panel {
    margin-bottom: 20px;
}

/* (The .panel-body clearfix this page needed is now restored GLOBALLY — see the end of this file.) */


/* ── aucAuctionSetup ─────────────────────────────────────────────────────────
   The legacy page's inputs/selects/textareas carry
   "CStandardTextSize our-form-control genericResponsiveControl", and the legacy cascade sizes
   them to 96% of the column with a 2px pad and a 1px #e9ecef border at 12px/25px. None of that
   resolves in this app (§9.6 — probe the legacy page and scope-replicate), so the measured
   geometry is reproduced here, scoped to the page's surround class. Values probed from
   tistagedev via tools/ui-compare/probe-auctionsetup.mjs. */
.aucAuctionSetupSurround .our-form-control {
    box-sizing: border-box;
    display: inline-block;
    width: 96% !important;
    height: 25px;
    padding: 2px;
    font-size: 12px;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    box-shadow: none;
}

.aucAuctionSetupSurround textarea.our-form-control {
    height: 40px !important;
}

/* The Team drop-down partial hard-codes width:100%; legacy measured 96% like its siblings. */
.aucAuctionSetupSurround #drpTeams {
    box-sizing: border-box;
    width: 96% !important;
    height: 25px;
    padding: 2px;
    font-size: 12px;
    border: 1px solid #e9ecef;
    border-radius: 4px;
}

/* Legacy time picker: a 105px wrapper holding two 42px (40%) drop-downs on one line. */
.aucAuctionSetupSurround .auctionAddBidTimePicker {
    width: 105px !important;
}

.aucAuctionSetupSurround .auctionAddBidTimePicker .our-form-control {
    width: 40% !important;
}

/* Duration / Extension Period / Sealed Bids Period drop-downs. Legacy renders each at 42px with the
   same 1px #e9ecef / 4px-radius / 2px-pad / 25px chrome as every other select on the page; the width
   has to be pinned here because the surround's .our-form-control rule is 96% of the column, which is
   meant for the full-width controls. Probed values, per §9.6. */
.aucAuctionSetupSurround .durationPicker .our-form-control {
    width: 42px !important;
}

/* Is Multi Auction: legacy's RadioButtonList gives each item's label
   "padding: 0 0 0 5px; margin: 0 5px 5px 0", so the text sits 5px off the radio and 5px clear of the
   next option. Ported as a plain input/label pair those defaulted to a 3px browser gap and no padding
   (developer correction, pass 2). */
.aucAuctionSetupSurround #rdoIsMultiAuction label {
    padding: 0 0 0 5px;
    margin: 0 5px 5px 0;
}

/* §9.18 — this app's Bootstrap build drops .panel's margin-bottom. */
.aucAuctionSetupSurround .panel {
    margin-bottom: 20px;
}


/* ── Bootstrap .panel-body clearfix, restored app-wide ───────────────────────────────────────────
   This app's customised Bootstrap build contains NO `.panel-body` rules at all (grep
   bootstrap.min.css — zero occurrences); the class's padding and background come from this file
   instead. What went missing with it is Bootstrap's own `.panel-body:before/:after` clearfix, and
   that generated in-flow box is what stops a panel's LAST child's bottom margin collapsing straight
   out through the panel's bottom edge.

   The visible result is that every ported panel ending in a margin-bearing child (typically a
   `.form-group` row) renders TIGHTER than legacy — its final row sits flush against the bottom of
   the panel where legacy leaves the row's 15px margin. First measured on
   rfxCreateNewQuestionnaire: legacy's Questionnaire Details panel is 175px tall and contains all
   four row margins; the port's was 153px and contained only three.

   Restored globally rather than per page (the developer asked for it everywhere, 2026-08-03).
   Deliberately a clearfix and NOT bottom padding: padding would also stop the collapse, giving the
   child's margin PLUS the padding — double legacy's gap. This reproduces legacy by the mechanism
   Bootstrap intended, and is inert on any panel whose last child has no bottom margin.
   Same family as §9.18's missing `.panel { margin-bottom }` and §9.14's stripped modal/.close. */
.panel-body:before,
.panel-body:after {
    content: " ";
    display: table;
}

.panel-body:after {
    clear: both;
}