/* Default Customisable Vendor Variables to override Defaults--------------  start*/
/* Default Customisable Vendor Variables to override Defaults--------------  End*/
/* Custom Vendor Variables to override Defaults--------------  start*/
/* Custom Vendor Variables to override Defaults--------------  End*/
/*@primary-color: red;*/
/*Default Variables --------------  start*/
/*@table-header-color: @primary-text-color;*/
/*@btn-color: @primary-text-color;*/
/*@text-color-inverted: spin(@text-color, 180);*/
/*Default Variables End --------------  */
#centre_col_content_RE {
    /* guard for attribute */
    /* guard for nested class */
}

#footer {
    margin-top: 100px;
}

a,
a:link,
a:visited,
a.OrangeLink,
a.OrangeLink:visited,
.VevItemGridItem a.OrangeLink,
.VevItemGridItem a.OrangeLink:visited,
.VevItemGridItemAlternate a.OrangeLink,
.VevItemGridItemAlternate a.OrangeLink:visited,
.DashboardFullWidth td.OrangeLink a,
#lblProductDescriptionURL a,
#lblProductDescriptionURL a:visited,
.rgRow td.OrangeLink a,
.rgAltRow td.OrangeLink a {
    color: #0000EE;
}

    a:hover,
    a:link:hover,
    a:visited:hover,
    a.OrangeLink:visited:hover,
    #lblProductDescriptionURL a:hover,
    .DashboardFullWidth td.OrangeLink a:hover,
    .rgRow td.OrangeLink a:hover,
    .rgAltRow td.OrangeLink a:hover {
        text-decoration: underline;
        color: #0000EE;
    }

.tnc-title a,
.tnc-title a span {
    color: #0000EE !important;
}

.SubtitleLabelLink {
    font-weight: normal;
}

.LHS_panel .SubtitleLabel {
    color: #000;
    background: #dedede;
    width: 100%;
}

.LHS_panel .OrangeLinkPanel {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ccc;
}

    .LHS_panel .OrangeLinkPanel > a.OrangeLink {
        font-size: 14px;
        padding: 5px 10px;
        width: 100%;
        height: auto;
        line-height: 30px;
        display: inline-block;
        color: #505050 !important;
    }

        .LHS_panel .OrangeLinkPanel > a.OrangeLink:hover {
            background-color: #eee;
            color: #505050 !important;
        }

            .LHS_panel .OrangeLinkPanel > a.OrangeLink:hover::after {
                content: '\2023';
                float: right;
                font-size: 30px;
            }

.RadForm.RadForm_Bootstrap body {
    color: #505050;
    background: #fff;
    background: #ffffff;
    font-size: 14px;
}

table,
.label,
#lblLoginMessage {
    font-size: 14px;
    color: #333;
}

.registerIt-display-panel .RadLabel_Bootstrap {
    color: #333 !important;
}

#lblLoginMessage {
    color: red;
}
/*validation*/
#captureValSummary {
    line-height: 34px;
    padding-left: 10px;
}
/*Nav ---@borderRadius   --- */
.btnRow {
    float: left;
    clear: both;
    margin-top: 10px;
    padding: 10px 15px;
    margin-left: -15px;
}

    .btnRow .rbSkinnedButton:first-of-type {
        margin-right: 15px;
    }

.RadForm.RadForm_Bootstrap .customskin .RadMenu_Bootstrap .rmRootLink:hover {
    color: #ffffff;
    background-color: #4C4D4D;
}

.RadForm.RadForm_Bootstrap #subheader {
    min-height: 65px;
}

.RadForm.RadForm_Bootstrap .customskin .SubtitleLabel {
    padding: 10px 15px;
}

.RadForm.RadForm_Bootstrap .customskin #centre_col_content_RE .SubtitleLabel {
    padding: 10px 15px;
}

.RadForm.RadForm_Bootstrap .customskin #centre_col_content_RE .fp-flex-panel .SubtitleLabel {
    padding: 10px 0;
}

.RadForm.RadForm_Bootstrap .customskin .RadWindow .SubtitleLabel,
.RadForm.RadForm_Bootstrap .customskin .RadWindow #QualifyingValueSection .SubtitleLabel span {
    padding: 0;
    color: #7c7c7c;
}

.LHS_panel .SubtitleLabel {
    padding-left: 10px;
}

.RadForm.RadForm_Bootstrap .customskin .FlexItem.C_panel #centre_col_content_RE {
    width: 100%;
    max-width: 1800px;
}

.RadForm.RadForm_Bootstrap .customskin #centre_col {
    min-width: 590px;
}
/*.customskin .rgExpXLS {
    background: url(../../../Images/export2excel.png) !important;
    background-repeat: no-repeat !important;
    background-position: 50% !important;
    background-size: 80% !important;
}*/
.RadGrid_Bootstrap.customModal .rgRow > td,
.RadGrid_Bootstrap.customModal .rgAltRow > td,
.RadGrid_Bootstrap.customModal .rgEditRow > td {
    padding: 9px 7px !important;
    border-width: 0 0 1px 1px !important;
    border-style: solid !important;
    border-color: #dedede !important;
    font: 14px/1.42857143 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.RadForm.RadForm_Bootstrap .customskin .hide-left-border {
    border-left: 0;
}

.RadForm.RadForm_Bootstrap .customskin .center-input {
    text-align: center;
}

.RadGrid_Bootstrap.customModal th.rgHeader {
    font: 14px/1.42857143 "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.RadWindow_Bootstrap .rwTable .rwControlButtons li a.rwCloseButton {
    margin: 0 !important;
    border-width: 0;
}

.RadForm.RadForm_Bootstrap .customskin .Dashboard3QuarterWidth .RadAjaxPanel .RadGrid.RadGrid_Bootstrap table.rgMasterTable,
.RadForm.RadForm_Bootstrap .customskin .DashboardHalfWidth .RadAjaxPanel .RadGrid.RadGrid_Bootstrap table.rgMasterTable,
.RadForm.RadForm_Bootstrap .customskin .DashboardFullWidth .RadAjaxPanel .RadGrid.RadGrid_Bootstrap table.rgMasterTable {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.registerIt-panel {
    width: 100%;
    display: inline-block;
}

    .registerIt-panel > div > div,
    .registerIt-panel #dConfirmedVevs > div {
        margin-bottom: 15px;
    }

.Dashboard3QuarterWidth.custom-panel.summary-details {
    margin: 20px 15%;
    width: 70%;
}

    .Dashboard3QuarterWidth.custom-panel.summary-details > table {
        width: 100% !important;
    }

        .Dashboard3QuarterWidth.custom-panel.summary-details > table th {
            text-align: left;
        }

.Dashboard3QuarterWidth.custom-panel.summary-results {
    margin: 20px 25% 20px 15%;
    width: 60%;
}

    .Dashboard3QuarterWidth.custom-panel.summary-results > table {
        width: 100% !important;
        border: 1px solid #dedede;
        padding: 0 15px 15px 15px;
        border-radius: 4px;
        box-shadow: 0 10px 6px -6px #666;
        margin-bottom: 20px;
    }

    .Dashboard3QuarterWidth.custom-panel.summary-details td.SubtitleLabel,
    .Dashboard3QuarterWidth.custom-panel.summary-details tr.TabularDataControl_Header,
    .Dashboard3QuarterWidth.custom-panel.summary-details tr.TabularDataControl_Header th,
    .Dashboard3QuarterWidth.custom-panel.summary-results td.SubtitleLabel,
    .Dashboard3QuarterWidth.custom-panel.summary-results tr.TabularDataControl_Header,
    .Dashboard3QuarterWidth.custom-panel.summary-results tr.TabularDataControl_Header th {
        font-size: 16px;
        line-height: 24px;
        color: #333;
        color: #003366;
        margin: 8px 0;
        clear: both;
        font-weight: normal;
        background: #fff;
        padding-left: 0;
        text-align: left;
    }

.RadForm.RadForm_Bootstrap .customskin #centre_col_content_RE .Dashboard3QuarterWidth.custom-panel.summary-details td.SubtitleLabel {
    padding-left: 0;
}

.summary-details .labelBold {
    font-size: 14px;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif;
    padding: 10px 0 0;
    min-height: 40px;
}

.RadForm.RadForm_Bootstrap .customskin #centre_col_content_RE .Dashboard3QuarterWidth.custom-panel.summary-details td.SubtitleLabel {
    padding-left: 0;
}

.Dashboard3QuarterWidth.custom-panel.summary-details tr > td.label,
.Dashboard3QuarterWidth.custom-panel.summary-results tr > td.label {
    padding: 0 0 0 15px;
    width: 32%;
}

.Dashboard3QuarterWidth.custom-panel.summary-details.register-panel tr > td.label {
    min-width: 399px;
    padding: 0;
}

.Dashboard3QuarterWidth.custom-panel.summary-details.register-panel tr > td:nth-of-type(3) {
    width: 20%;
}

.Dashboard3QuarterWidth.custom-panel.summary-details > table > tbody > tr > td:nth-of-type(2) {
    width: 3% !important;
}

.Dashboard3QuarterWidth.custom-panel.summary-details.register-panel tr > td.label:first-of-type,
.Dashboard3QuarterWidth.custom-panel.summary-details tr > td.label:first-of-type {
    width: 290px !important;
    padding: 0 0 0 15px;
    min-width: 0;
}

.Dashboard3QuarterWidth.custom-panel.summary-details tr > td.label:first-of-type {
    width: 150px !important;
    padding: 0 0 0 15px;
    min-width: 0;
}

.Dashboard3QuarterWidth.custom-panel.summary-details.register-panel tr > td.label > input[type="text"] {
    margin: 2px 0;
}

.Dashboard3QuarterWidth.custom-panel.summary-results tr > td.label {
    width: 45%;
}

.Dashboard3QuarterWidth.custom-panel.summary-results tr > td {
    padding: 0 0 10px;
    word-break: break-word;
}

.Dashboard3QuarterWidth.custom-panel.summary-details input[type="text"]:disabled,
.Dashboard3QuarterWidth.custom-panel.summary-results input[type="text"]:disabled {
    border: 0;
    background: transparent;
}

.customskin .left-480 {
    float: left;
    clear: both;
    margin: 15px 0 0 481px;
}

    .customskin .left-480 > label {
        margin-left: 5px;
    }

    .customskin .left-480 input[type=checkbox] {
        vertical-align: middle;
    }

.RadForm.RadForm_Bootstrap .RadGrid span.CheckBox {
    display: inline;
}

    .RadForm.RadForm_Bootstrap .RadGrid span.CheckBox ~ span {
        line-height: 28px;
    }

.registerIt-panel #dConfirmedVevs {
    border: 0px solid blue;
    width: 100%;
    height: auto;
    padding: 5px 0 0 0;
    margin-top: 0;
    background-position-x: calc(100% - 5px);
    background-position-y: 5px;
    /*margin-bottom: 15px;*/
}

    .registerIt-panel #dConfirmedVevs table {
        width: 100% !important;
    }

        .registerIt-panel #dConfirmedVevs table td.vevlabel,
        .registerIt-panel #dConfirmedVevs table tr > td:first-of-type {
            max-width: 240px;
            width: 25%;
            float: none;
        }

.registerIt-panel #dConfirmedVevRequests {
    margin-bottom: 10px;
}

#dConfirmedVevRequests .VEVHeaderInnerRequest {
    font-size: 16px;
    padding-left: 0;
}

.registerIt-panel .VEVHeader,
.registerIt-panel .vevRequestBody,
.registerIt-panel .vevRequestBody .vevRequestInner,
.registerIt-panel .vevRequestBody .vevRequestInner .vevRequestInnerHeader,
.registerIt-panel .vevRequestBody .vevRequestInner .vevRequestInnerBody,
.registerIt-panel #dConfirmedVevs .VEVHeader,
.registerIt-panel #dConfirmedVevs .VEVBody,
.registerIt-panel #dConfirmedVevs .VEVBody .VEVInner,
.registerIt-panel #dConfirmedVevs .VEVBody .VEVInner .VEVInnerHeader,
.registerIt-panel #dConfirmedVevs .VEVBody .VEVInner .VEVInnerBody {
    width: 100%;
}

.registerIt-panel .vevRequestBody {
    background-image: none;
}

.vevRequestInnerBodyContentFooter {
    height: 2px;
    margin: 0px 5px 0px 5px;
    background-image: none;
    background-color: #DC8700;
    padding-top: 0px;
}

.registerIt-panel .VEVWrapper .vevRequestInnerHeader,
.registerIt-panel .VEVWrapper .vevRequestFooter,
.registerIt-panel #dConfirmedVevs .VEVFooter {
    display: none;
}

.registerIt-panel .VEVWrapper .vevRequestInnerBodyContent {
    padding: 0;
    border: 0;
}

.registerIt-panel .VEVHeader {
    background-image: none;
    height: auto;
}

.registerIt-panel #dConfirmedVevs .VEVHeader {
    background-image: url(voucher/top.gif);
    height: auto;
}

    .registerIt-panel .VEVHeader > div,
    .registerIt-panel #dConfirmedVevs .VEVHeader > .VEVHeaderInner {
        padding: 10px;
        color: #333;
        font-size: 14px;
        font-weight: bold;
    }

.registerIt-panel #dConfirmedVevs .VEVBody {
    background-image: url(voucher/repeater_bg.gif);
    background-repeat: repeat-y;
    height: auto;
    padding-left: 0;
    position: relative;
}

.registerIt-panel .VEVInnerHeaderText td {
    padding-right: 15px;
}

.registerIt-panel #dConfirmedVevs.success .VEVInnerHeaderText {
    color: #333;
}

.registerIt-panel #dConfirmedVevs .VEVBody .VEVInnerBodyContent {
    margin: 5px;
    padding: 0;
}

.registerIt-panel #dConfirmedVevs .VEVBody .VEVInnerBodyContentFooter {
    height: 0;
}

.registerIt-panel .vev {
    background-color: #e0e0e0;
    background-color: #4C4D4D;
    color: #ffffff;
    /*Temp hide image*/
    background-image: none;
}

    .registerIt-panel .vev table {
        color: #ffffff;
        width: 100% !important;
    }

    .registerIt-panel .vev > .form_2col {
        margin: 5px 15px 15px;
    }
/*.registerIt-panel .vev .vev_bott {
    background-image: url('../../../Images/vev_Bootstrap.gif');
    background-position-x: ~"calc(100% - 5px)";
    background-position-y: 5px;
    background-repeat: no-repeat;
    border-bottom: 0;
}*/
.registerIt-panel .VEVWrapper * {
    font-size: 14px;
    font-family: "Segoe UI", Segoe, Tahoma, Helvetica, Arial, Sans-Serif;
}

.registerIt-panel #dConfirmedVevs td.vevlabel,
.registerIt-panel #dConfirmedVevs td.bold_text,
.registerIt-panel .vev > .form_2col td.vevlabel,
.registerIt-panel .vev > .form_2col td.bold_text {
    max-width: 240px;
    /* min-width: 100px;*/
    width: 25%;
    display: inline-block;
    float: left;
    font-size: 14px;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 20px;
}

.registerIt-panel #dConfirmedVevRequests .VEVHeader,
.registerIt-panel #dConfirmedVevRequests .vevRequestFooter {
    width: 100%;
    height: auto;
    padding: 5px 0 10px 0;
    background-image: none;
}

.registerIt-panel #dConfirmedVevRequests .vevRequestBody,
.registerIt-panel #dConfirmedVevRequests .vevRequestBody .vevRequestInner,
.registerIt-panel #dConfirmedVevRequests .vevRequestBody .vevRequestInnerBody {
    width: 100%;
    height: auto;
    padding: 0;
}

.registerIt-panel th.rgHeader.VevItemGridHeader,
.registerIt-panel tr.rgRow.VevItemGridItem,
.registerIt-panel tr.rgAltRow.VevItemGridItemAlternate {
    font-size: 14px;
    font-weight: normal !important;
}

    .registerIt-panel tr.rgRow.VevItemGridItem,
    .registerIt-panel tr.rgAltRow.VevItemGridItemAlternate,
    .registerIt-panel tr.rgRow.VevItemGridItem > td,
    .registerIt-panel tr.rgAltRow.VevItemGridItemAlternate > td {
        color: #4C4D4D;
        color: #505050;
        font-size: 14px;
    }

.registerIt-panel.DashboardFullWidth > table {
    width: 50% !important;
    min-width: 450px;
    padding: 15px;
    float: left;
}

    .registerIt-panel.DashboardFullWidth > table tr > td:nth-of-type(2) > span {
        color: #4C4D4D;
        color: #505050;
    }

.registerIt-display-panel table tr > td {
    /*padding: 30px 12% 30px 12%;*/
    min-height: 60px;
    padding-top: 15px;
}

.left-padded .registerIt-display-panel {
    padding: 30px 0;
}

.registerIt-display-panel > table {
    width: 100% !important;
}
/*.customskin .notesContainer-wrapper {
    padding: 0 12%;
}*/
.padding-top > div > span {
    margin-top: 10px;
}

.registerIt-display-panel > table tr > td {
    color: #4C4D4D;
    color: #505050;
}

    .registerIt-display-panel > table tr > td.label:first-of-type {
        min-width: 200px;
        color: inherit;
        width: 34%;
    }

        .registerIt-display-panel > table tr > td.label:first-of-type span.label {
            color: #4C4D4D;
            color: #333;
            font-weight: bold;
        }

div.summary-results select:disabled {
    padding-left: 0 !important;
}

.RadForm.RadForm_Bootstrap .RadDropDownList.RadDropDownList_Bootstrap .rddlInner.rddlDisabled:after {
    display: none;
}

.registerIt-panel select:disabled::-ms-expand,
.registerIt-display-panel > table tr > td select:disabled::-ms-expand {
    display: none;
}

.registerIt-panel ul.CaptureMultiselectValueList {
    color: #4C4D4D;
    color: #505050;
}

.RadForm.RadForm_Bootstrap .customskin .custom-table table .SubtitleLabel {
    line-height: inherit;
}

.RadForm.RadForm_Bootstrap .customskin .custom-table table .RadComboBox.RadComboBox_Bootstrap .rcbInputCell.rcbInputCellLeft {
    padding-left: 10px;
}

.custom-table.Dashboard3QuarterWidth * {
    box-sizing: border-box;
}

.custom-table.Dashboard3QuarterWidth table {
    width: 100%;
}

    .custom-table.Dashboard3QuarterWidth table tr td .custom-table.Dashboard3QuarterWidth table tr td span {
        line-height: 43px;
    }

    .custom-table.Dashboard3QuarterWidth table tr td {
        height: 43px;
    }

        .custom-table.Dashboard3QuarterWidth table tr td.label {
            width: 350px;
            min-width: 100%;
        }

            .custom-table.Dashboard3QuarterWidth table tr td.label .currency-lbl {
                display: inline-block;
                height: 30px;
                line-height: 30px;
                vertical-align: text-top;
            }

            .custom-table.Dashboard3QuarterWidth table tr td.label:first-of-type {
                width: 39%;
                min-width: 150px;
                text-align: right;
            }

            .custom-table.Dashboard3QuarterWidth table tr td.label[colspan]:not([colspan="1"]) {
                text-align: left;
                padding-left: 10%;
            }

        .custom-table.Dashboard3QuarterWidth table tr td input,
        .registerIt-panel table tr td input {
            width: 230px;
            min-width: 230px;
        }

.custom-table.Dashboard3QuarterWidth.DashboardHalfWidth table tr td input[type="text"] {
    min-width: 100px;
}

html body .RadInput_Bootstrap .riTextBox {
    box-shadow: none;
}

.RadInput_Bootstrap .summary-details td input[type=text].riTextBox.riRead {
    border-radius: 4px 0 0 4px;
}

.custom-table.Dashboard3QuarterWidth table tr td .RadDropDownList.RadDropDownList_Bootstrap {
    width: auto;
    min-width: 125px;
}

.custom-table table tr td input.rgAdd {
    width: 32px;
    min-width: 32px;
}

    .custom-table table tr td input.rgAdd:disabled {
        background: transparent;
    }

        .custom-table table tr td input.rgAdd:disabled ~ a {
            display: none;
        }

.custom-table.Dashboard3QuarterWidth table tr td input:disabled,
.registerIt-panel table tr td input:disabled {
    color: #4C4D4D !important;
    color: #505050 !important;
    border: 0;
    background: #fff;
}

.RadForm.RadForm_Bootstrap .registerIt-panel td.label input[type=text]:disabled {
    height: 20px;
}

.custom-table.Dashboard3QuarterWidth table tr td .RadAutoCompleteBox.RadAutoCompleteBox_Bootstrap,
.custom-table.Dashboard3QuarterWidth table tr td span input.riTextBox {
    height: 34px;
    line-height: 34px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 8px;
    box-shadow: none;
}

.custom-table.Dashboard3QuarterWidth table tr td span input.riTextBox {
    margin-top: 0;
    margin-right: -3px;
}

.custom-table.Dashboard3QuarterWidth table tr td .RadAutoCompleteBox.RadAutoCompleteBox_Bootstrap {
    border-width: 0;
}

    .custom-table.Dashboard3QuarterWidth table tr td .RadAutoCompleteBox.RadAutoCompleteBox_Bootstrap,
    .custom-table.Dashboard3QuarterWidth table tr td .RadAutoCompleteBox.RadAutoCompleteBox_Bootstrap .racTokenList {
        box-shadow: none;
    }

.custom-table.Dashboard3QuarterWidth table tr td img {
    margin-top: 13px;
}

.custom-table.Dashboard3QuarterWidth table tr td span.racLoadingIcon {
    height: 20px;
    background-repeat: no-repeat;
    top: 6px;
}

.custom-table.Dashboard3QuarterWidth .tblCommissionData {
    float: none !important;
}

    .custom-table.Dashboard3QuarterWidth .tblCommissionData > table {
        margin-top: 30px;
    }

        .custom-table.Dashboard3QuarterWidth .tblCommissionData > table .RadGrid.RadGrid_Bootstrap {
            width: 100% !important;
        }

        .custom-table.Dashboard3QuarterWidth .tblCommissionData > table .rgMasterTable {
            border: 1px solid #ccc !important;
        }

.custom-table.auto-width,
.custom-table.auto-width .tblCommissionData {
    display: inline-block;
}

#trackRequestsVEVContainer {
    margin: 0;
    overflow: auto;
    width: auto;
}

.RadForm.RadForm_Bootstrap .customskin .Dashboard3QuarterWidth .tblCommissionData {
    /*border:1px solid red;*/
    width: 100% !important;
    box-shadow: none;
}

    .RadForm.RadForm_Bootstrap .customskin .Dashboard3QuarterWidth .tblCommissionData > table,
    .RadForm.RadForm_Bootstrap .customskin .Dashboard3QuarterWidth .tblCommissionData > table.rgMasterTable {
        /*border: 1px solid blue;*/
        width: 100% !important;
        box-shadow: none;
    }

.customskin .tblCommissionData .RadAjaxPanel .RadGrid,
.RadForm.RadForm_Bootstrap .customskin .dynamic-chart-wrapper .DashboardFullWidth .RadAjaxPanel .RadGrid.RadGrid_Bootstrap table.rgMasterTable,
.RadForm.RadForm_Bootstrap .customskin .dynamic-chart-wrapper .DashboardFullWidth .RadAjaxPanel .RadGrid.RadGrid_Bootstrap table.rgMasterTable:hover {
    width: 100% !important;
    box-shadow: none;
}

.RadForm.RadForm_Bootstrap .custom-table.auto-width tr.TabularDataControl_Header {
    background-color: #fff;
    color: #4C4D4D;
    color: #505050;
}

.RadForm.RadForm_Bootstrap .customskin .DashboardHalfWidth {
    width: 50%;
    float: left;
    min-width: 500px;
    overflow: auto;
}

.db-full-Width,
.db-Half-Width,
.db-1third-Width,
.db-2third-Width {
    float: left;
    width: 100%;
    padding: 0 10px 10px 0;
}

.db-Half-Width {
    width: 50%;
    min-width: 420px;
}

.db-1third-Width {
    width: 33.333%;
}

.db-2third-Width {
    width: 66.666%;
}

.RadForm.RadForm_Bootstrap .customskin .DashboardHalfWidth .RadGrid.RadGrid_Bootstrap {
    overflow: auto;
    border: 1px solid rgba(58, 48, 125, 0.2);
    margin: 0 15px 15px 15px;
    border-radius: 4px;
    box-shadow: 0 10px 6px -6px #666;
}

.RadForm.RadForm_Bootstrap .customskin .RadGrid.RadGrid_Bootstrap tr.rgFooter td {
    padding-right: 7px;
    color: #505050;
}

.DashboardPanelContainer-RE .formRow {
    border: 0px solid red;
    float: left;
    width: 100%;
}

.DashboardPanelContainer-RE .panel-wrapper.DashboardSmallPanel > div {
    border: 1px solid #eee;
    border-width: 1px 1px 0 1px;
    float: left;
    margin: 10px 20px;
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);
}

.DashboardPanelContainer-RE .panel-wrapper.DashboardSmallPanel:hover > div {
    float: left;
    height: 100px;
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.5);
}

.RadGrid_Bootstrap .rgRow > td,
.RadGrid_Bootstrap .rgAltRow > td {
    background-color: transparent !important;
}

.first-col-fixed-table .RadGrid_Bootstrap .left-scrolled .rgRow > td.firstTD,
.first-col-fixed-table .RadGrid_Bootstrap .left-scrolled .rgAltRow > td.firstTD {
    background-color: #fff !important;
    /*font-weight: bold;*/
}

.auto-colours .RadGrid_Bootstrap .rgRow > td.TrainingCompliantNo,
.auto-colours .RadGrid_Bootstrap .rgAltRow > td.TrainingCompliantNo {
    background-color: #ee0000 !important;
}

.auto-colours .RadGrid_Bootstrap .rgRow > td.TrainingCompliantYes,
.auto-colours .RadGrid_Bootstrap .rgAltRow > td.TrainingCompliantYes {
    background-color: #8BC53F !important;
}

.auto-colours .RadGrid_Bootstrap .rgRow > td.TrainingGapCurrent,
.auto-colours .RadGrid_Bootstrap .rgAltRow > td.TrainingGapCurrent {
    background-color: #ee0000 !important;
}

.auto-colours .RadGrid_Bootstrap .rgRow > td.TrainingGapNext,
.auto-colours .RadGrid_Bootstrap .rgAltRow > td.TrainingGapNext {
    background-color: #F4B400 !important;
}

.auto-colours .RadGrid_Bootstrap .rgRow > td.TrainingNoGap,
.auto-colours .RadGrid_Bootstrap .rgAltRow > td.TrainingNoGap {
    background-color: #8BC53F !important;
}

.RadGrid_Bootstrap .rgAltRow,
.RadGrid_Bootstrap .rgRow {
    background-color: #fff;
}

.RadGrid_Bootstrap .rgAltRow {
    background-color: #F8F8F8;
}

    .RadGrid_Bootstrap .rgAltRow:hover,
    .RadGrid_Bootstrap .rgRow:hover {
        background-color: #eee;
    }

.RadForm.RadForm_Bootstrap .customskin .Dashboard3QuarterWidth .RadAjaxPanel .RadGrid.RadGrid_Bootstrap table.rgMasterTable,
.RadForm.RadForm_Bootstrap .customskin .DashboardFullWidth .RadAjaxPanel .RadGrid.RadGrid_Bootstrap table.rgMasterTable {
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.2);
}

    .RadForm.RadForm_Bootstrap .customskin .Dashboard3QuarterWidth .RadAjaxPanel .RadGrid.RadGrid_Bootstrap table.rgMasterTable:hover,
    .RadForm.RadForm_Bootstrap .customskin .DashboardFullWidth .RadAjaxPanel .RadGrid.RadGrid_Bootstrap table.rgMasterTable:hover {
        box-shadow: 0 10px 6px -6px rgba(0, 0, 0, 0.5);
    }

.RadForm.RadForm_Bootstrap .customskin .Dashboard3QuarterWidth .RadAjaxPanel .tblCommissionData .RadGrid.RadGrid_Bootstrap table.rgMasterTable,
.RadForm.RadForm_Bootstrap .customskin .DashboardFullWidth .RadAjaxPanel .tblCommissionData .RadGrid.RadGrid_Bootstrap table.rgMasterTable {
    box-shadow: none;
    display: table;
}

.grid-wrapper.first-col-fixed-table .rgMasterTable {
    border: 0px solid red;
}

.grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable tr {
    border-top: 0px solid red;
}

.row-only-table .RadGrid_Bootstrap .rgMasterTable th,
.row-only-table .RadGrid_Bootstrap .rgMasterTable td {
    border-width: 0 0 1px 0;
}

.grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable > thead .firstHeadTH,
.grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable > tbody .firstTD {
    border-right: 1px solid #fff;
}

.grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable > tbody .firstTD {
    border: 1px solid #dedede;
    border-width: 0 1px 1px 0;
}

.grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable > thead tr th.rgHeader {
    position: relative;
}

.grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable.left-scrolled > thead tr th.rgHeader {
    border-right: 0px solid #eee;
}

.grid-wrapper.first-col-fixed-table .RadGrid_ Bootstrap .rgMasterTable > thead tr th.rgHeader.firstHeadTH .grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable > tbody .firstTD {
    position: relative;
}

.grHeader-Empty.rgHeader {
    border-left-width: 0 !important;
}

.grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable.left-scrolled > thead tr th.rgHeader.firstHeadTH {
    position: absolute;
    z-index: 1;
    box-shadow: 10px 10px 10px -1px #4C4D4D;
    border-right: 1px solid #eee;
    padding: 9px 7px;
    height: auto;
}

.grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable.left-scrolled > tbody .firstTD {
    position: absolute;
    z-index: 1;
}

.grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable.scrollable > tbody tr.rgRow td:first-of-type,
.grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable.scrollable > tbody tr.rgAltRow td:first-of-type {
    background: #fff !important;
}

.grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap {
    position: relative;
}

    .grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable.left-scrolled td.firstTD {
        box-shadow: 10px 10px 10px -1px rgba(0, 0, 0, 0.3);
    }

    .grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable.left-scrolled:before,
    .grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable.right-scrollable:after {
        content: '';
        position: absolute;
        width: 20px;
    }

    .grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable.left-scrolled:before {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
        top: 0;
        bottom: 16px;
        left: 0;
    }

    .grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable.right-scrollable:after {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
        top: 0;
        bottom: 16px;
        right: 0;
    }

    .grid-wrapper.first-col-fixed-table .RadGrid_Bootstrap .rgMasterTable.right-scrollable:after {
        content: '';
        position: absolute;
        width: 45px;
    }

.RadGrid_Bootstrap .rgMasterTable .rgNoRecords > td {
    padding: 10px 15px;
}

.RadForm.RadForm_Bootstrap .customskin .RadMenu .rmVertical .rmItem .rmLeftImage {
    margin-left: 10px;
}

.RadForm.RadForm_Bootstrap .customskin .RadMenu .rmVertical .rmItem .rmText {
    padding: 7px 54px 7px 30px;
}

.auto-height .rgDataDiv {
    height: auto !important;
}

.footnote {
    padding: 10px 0;
    display: inline-block;
}

.VevHeaderLabel,
.VevHeaderValue {
    font-size: inherit;
    color: #333;
}

.vevNoteContainer .vevnote .vevnoteheader {
    background: #dedede;
    color: #000;
}

.vevNoteContainer .vevnote .vevnoteheader,
.vevNoteContainer .vevnote > div {
    padding: 10px;
}
/*hide vev log*/
.VEVLogo {
    display: none;
}

.grid-wrapper input.rgSortDesc {
    background-position: -110px -59px;
}

.grid-wrapper input.rgSortAsc {
    background-position: -110px -9px;
}
/*Buttons*/
.RadForm.RadForm_Bootstrap.rfdButton .customskin .RadButton_Bootstrap.rbButton,
.RadForm.RadForm_Bootstrap a.rfdSkinnedButton .rfdDecorated,
.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton input.rfdDecorated,
.RadForm.RadForm_Bootstrap.rfdButton .customskin a.rfdSkinnedButton:active,
.RadForm.RadForm_Bootstrap.rfdButton .customskin a.rfdSkinnedButton,
.RadForm.RadForm_Bootstrap .customskin .RadButton.RadButton_Bootstrap.rbSkinnedButton,
.popup-body .RadButton.RadButton_Default.rbSkinnedButton {
    color: #ffffff;
    background-color: #4C4D4D;
    border-color: #4C4D4D;
    vertical-align: top;
    line-height: 20px !important;
}

.RadForm.RadForm_Bootstrap.rfdButton .customskin .DRH_btn {
    margin: 15px 0 10px;
}

.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton input.rfdDecorated {
    background-color: transparent;
    line-height: 1px !important;
    height: 32px !important;
}

.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton {
    background-color: #4C4D4D;
}

.RadForm.RadForm_Bootstrap.rfdButton .rgMasterTable a.rfdSkinnedButton,
.RadForm.RadForm_Bootstrap.rfdButton .rgMasterTable a.rfdSkinnedButton input {
    background-color: red;
    min-height: 34px;
    min-width: 50px;
    border: 2px solid blue;
    border-radius: 4px;
    background-image: none;
}

.RadForm.RadForm_Bootstrap.rfdButton .customskin table a.rfdSkinnedButton:active,
.RadForm.RadForm_Bootstrap.rfdButton .customskin table a.rfdSkinnedButton:hover,
.RadForm.RadForm_Bootstrap.rfdButton .customskin table a.rfdSkinnedButton {
    color: transparent;
    background-color: transparent;
    border-width: 0 !important;
}

.RadForm.RadForm_Bootstrap .customskin table a.rfdSkinnedButton .rfdDecorated {
    color: #4C4D4D;
    background-color: #ffffff;
    border: 1px solid #dedede !important;
    border-radius: 4px;
    opacity: 0.75;
    padding: 4px 10px;
    height: auto;
    min-height: 34px;
    cursor: pointer;
}

.RadForm.RadForm_Bootstrap .customskin table .over a.rfdSkinnedButton .rfdDecorated {
    color: #ffffff;
    background-color: #4C4D4D;
    border: 1px solid #4C4D4D !important;
    border-radius: 4px;
    opacity: 0.8;
}

    .RadForm.RadForm_Bootstrap .customskin table .over a.rfdSkinnedButton .rfdDecorated:hover,
    .RadForm.RadForm_Bootstrap .rgMasterTable a.rfdSkinnedButton .rfdDecorated:hover {
        color: #4C4D4D;
        background-color: #ffffff;
        border: 1px solid #4C4D4D !important;
        border-radius: 4px;
        opacity: 0.8;
        cursor: pointer;
    }

.RadForm.RadForm_Bootstrap a.rfdSkinnedButton .rfdDecorated {
    color: #ffffff;
}

.RadForm.RadForm_Bootstrap.rfdButton .customskin table.rgMasterTable a.rfdSkinnedButton,
.RadForm.RadForm_Bootstrap.rfdButton .customskin .levelIt-Dashboard table a.rfdSkinnedButton {
    background-color: transparent;
    min-height: 34px;
}

.RadForm.RadForm_Bootstrap.rfdButton .customskin table.rgMasterTable tr:hover .rfdSkinnedButton,
.RadForm.RadForm_Bootstrap.rfdButton .customskin .levelIt-Dashboard table tr:hover .rfdSkinnedButton {
    background-color: #fff;
}

.popup-body .RadButton.RadButton_Default.rbSkinnedButton:active .rbDecorated,
.popup-body .RadButton.RadButton_Default.rbSkinnedButton .rbDecorated {
    height: 30px;
}

.RadForm.RadForm_Bootstrap .customskin span.RadButton_Bootstrap .rbDecorated,
.popup-body .RadButton.RadButton_Default.rbSkinnedButton .rbDecorated {
    /*color: @primary-color;*/
    color: #ffffff;
}

.RadForm.RadForm_Bootstrap.rfdButton .customskin a.rfdSkinnedButton:active:hover,
.RadForm.RadForm_Bootstrap.rfdButton .customskin a.rfdSkinnedButton:hover,
.RadForm.RadForm_Bootstrap .customskin .RadButton.RadButton_Bootstrap:hover,
.RadForm.RadForm_Bootstrap .customskin .RadButton.RadButton_Bootstrap.rbSkinnedButton:hover,
.popup-body .RadButton.RadButton_Default:hover,
.popup-body .RadButton.RadButton_Default.rbSkinnedButton:hover {
    color: #4C4D4D;
    background-color: #eee;
    vertical-align: top;
    border-radius: 4px;
}

.RadForm.RadForm_Bootstrap a.rfdSkinnedButton:hover .rfdDecorated {
    color: #4C4D4D;
}

.RadForm.RadForm_Bootstrap .customskin .RadButton.RadButton_Bootstrap.rbSkinnedButton:hover .rbDecorated,
.RadForm.RadForm_Bootstrap.rfdButton .customskin a.rfdSkinnedButton:active:hover .rfdDecorated,
.RadForm.RadForm_Bootstrap.rfdButton .customskin a.rfdSkinnedButton:hover .rfdDecorated,
.popup-body .RadButton.RadButton_Default.rbSkinnedButton:active:hover,
.popup-body .RadButton.RadButton_Default.rbSkinnedButton:hover {
    color: #4C4D4D;
    background: #eee;
    border-radius: 4px;
}

.RadForm.RadForm_Bootstrap.rfdButton .customskin a.rfdSkinnedButton:hover .rfdDecorated {
    color: #4C4D4D;
    background: transparent;
    border-radius: 4px;
}

.RadForm.RadForm_Bootstrap.rfdButton .customskin a.rfdSkinnedButton:hover {
    background: #eee;
}

.RadForm.RadForm_Bootstrap .rbSkinnedButton.rbHovered .rbDecorated,
.popup-body .RadButton.RadButton_Default.rbSkinnedButton.rbHovered,
.popup-body .RadButton.RadButton_Default.rbSkinnedButton:hover .rbDecorated {
    color: #4C4D4D;
    background: #eee;
    border-radius: 4px;
}

.RadForm.RadForm_Bootstrap.rfdButton .rgMasterTable a.rfdSkinnedButton,
.RadForm.RadForm_Bootstrap.rfdButton .rgMasterTable a.rfdSkinnedButton input,
.RadForm.RadForm_Bootstrap.rfdButton .customskin .levelIt-Dashboard table a.rfdSkinnedButton,
.RadForm.RadForm_Bootstrap.rfdButton .customskin .levelIt-Dashboard table a.rfdSkinnedButton input {
    background-color: transparent;
    min-height: 34px;
    min-width: 60px;
    border-radius: 4px;
    background-image: none;
    margin: 0;
}

    .RadForm.RadForm_Bootstrap.rfdButton .customskin .levelIt-Dashboard table a.rfdSkinnedButton input,
    .RadForm.RadForm_Bootstrap.rfdButton .rgMasterTable a.rfdSkinnedButton input,
    .RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton button#btnSend.rfdDecorated {
        background-color: #4C4D4D;
        color: #ffffff;
        width: 100%;
        border-radius: 4px;
        padding: 0;
    }

        .RadForm.RadForm_Bootstrap.rfdButton .customskin .levelIt-Dashboard table a.rfdSkinnedButton:hover,
        .RadForm.RadForm_Bootstrap.rfdButton .customskin .levelIt-Dashboard table a.rfdSkinnedButton input:hover,
        .RadForm.RadForm_Bootstrap.rfdButton .rgMasterTable a.rfdSkinnedButton:hover,
        .RadForm.RadForm_Bootstrap.rfdButton .rgMasterTable a.rfdSkinnedButton input:hover,
        .RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton button#btnSend.rfdDecorated:hover {
            background-color: #eee;
            color: #4C4D4D;
            min-height: 34px;
            min-width: 60px;
            margin: 0;
            padding: 0;
            background-image: none;
        }

        .RadForm.RadForm_Bootstrap.rfdButton .customskin .levelIt-Dashboard table a.rfdSkinnedButton input,
        .RadForm.RadForm_Bootstrap.rfdButton .customskin .levelIt-Dashboard table a.rfdSkinnedButton input:hover,
        .RadForm.RadForm_Bootstrap.rfdButton .rgMasterTable a.rfdSkinnedButton input,
        .RadForm.RadForm_Bootstrap.rfdButton .rgMasterTable a.rfdSkinnedButton input:hover {
            padding: 4px 10px;
        }

.RadForm.RadForm_Bootstrap.rfdButton .btnSend-wrapper a.rfdSkinnedButton {
    border: 0 !important;
    margin-top: 30px;
}

.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton button#btnSend.rfdDecorated,
.RadForm.RadForm_Bootstrap.rfdButton a.rfdSkinnedButton button#btnSend.rfdDecorated:hover {
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #4C4D4D !important;
}

.RadGrid_Bootstrap .rgAltRow:hover td .rfdDecorated,
.RadForm.RadForm_Bootstrap .customskin table tr:hover a.rfdSkinnedButton .rfdDecorated {
    background-color: #4C4D4D;
    border-color: #4C4D4D;
    color: #ffffff;
}

.popup-body .RadButton.RadButton_Default.rbSkinnedButton {
    height: auto;
    background-image: none !important;
    color: #ffffff !important;
    background-color: #4C4D4D !important;
    border: 1px solid #4C4D4D !important;
    border-radius: 4px !important;
}

    .popup-body .RadButton.RadButton_Default.rbSkinnedButton:hover {
        color: #4C4D4D !important;
        background: #eee !important;
    }

    .popup-body .RadButton.RadButton_Default.rbSkinnedButton .rbDecorated {
        background-image: none;
    }

.RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.rbDisabled.GreenButton,
.RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.GreenButton {
    border: 0px solid #999;
    padding: 0;
    border-radius: 4px;
    background-image: none;
    background: transparent;
    background-image: none !important;
}

    .RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.rbDisabled.GreenButton:hover,
    .RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.GreenButton:hover {
        background: transparent !important;
        background-image: none !important;
    }

    .RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.rbDisabled.GreenButton .rbDecorated,
    .RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.GreenButton .rbDecorated {
        background-image: none !important;
        padding: 6px 10px;
        height: 32px;
        background: #007F0E;
        color: #fff;
        border: 1px solid #999;
        border-radius: 4px;
        background-image: none;
        line-height: 16px;
    }

    .RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.rbDisabled.GreenButton:hover .rbDecorated {
        color: #eee;
    }

.RadForm.RadForm_Bootstrap .customskin input[type=file] {
    background: #4C4D4D;
    color: #ffffff;
    border: 0;
    width: 100%;
}

.RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton {
    width: auto !important;
}

    .RadForm.RadForm_Bootstrap .customskin span.RadButton_Bootstrap.rbDisabled.GreenButton:hover .rbDecorated,
    .RadForm.RadForm_Bootstrap .customskin span.RadButton_Bootstrap.rbDisabled.GreenButton .rbDecorated:hover,
    .RadForm.RadForm_Bootstrap.rfdButton .customskin span.rbSkinnedButton.rbDisabled:hover .rbDecorated,
    .RadForm.RadForm_Bootstrap.rfdButton .customskin span.rbSkinnedButton.rbDisabled .rbDecorated,
    .RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.rbDisabled.GreenButton:hover,
    .RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.rbDisabled.GreenButton:hover {
        color: #505050;
        color: #eee;
        border-color: #505050;
        background-color: transparent;
        cursor: default;
    }

        .RadForm.RadForm_Bootstrap.rfdButton .customskin span.rbSkinnedButton.rbDisabled:hover .rbDecorated,
        .RadForm.RadForm_Bootstrap.rfdButton .customskin span.rbSkinnedButton.rbDisabled .rbDecorated:hover {
            color: #505050;
        }

    .RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.rbDisabled.GreenButton:hover,
    .RadForm.RadForm_Bootstrap .RadButton.RadButton_Bootstrap.rbSkinnedButton.rbDisabled.GreenButton:hover {
        color: #505050;
        color: #eee;
        border-color: #505050;
        background-color: transparent;
        cursor: default;
    }

.DashboardFullWidth span.ValidationText {
    display: inline-block;
}
/*dropdownlists*/
.RadForm.RadForm_Bootstrap .RadDropDownList.RadDropDownList_Bootstrap {
    width: auto;
    min-width: 160px;
}

    .RadForm.RadForm_Bootstrap .RadDropDownList.RadDropDownList_Bootstrap .rddlInner {
        color: #ffffff;
        background-color: #4C4D4D;
        color: #4C4D4D;
        color: #505050;
        background-color: #ffffff;
        height: 34px;
        line-height: 21px;
        min-width: 160px;
    }

.RadForm.RadForm_Bootstrap #subheader .RadDropDownList.RadDropDownList_Bootstrap .rddlInner {
    color: #4C4D4D;
    color: #505050;
    border-color: #4C4D4D;
    background-color: #ffffff;
}

.RadForm.RadForm_Bootstrap .RadDropDownList.RadDropDownList_Bootstrap .rddlInner > .rddlFakeInput {
    height: 34px;
    line-height: 21px;
}

.RadForm.RadForm_Bootstrap .RadDropDownList.RadDropDownList_Bootstrap .rddlInner:after {
    content: "\25BC";
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    font-size: 10px;
}

.RadForm.RadForm_Bootstrap .RadDropDownList.RadDropDownList_Bootstrap .rddlInner .rddlIcon {
    display: none;
}

.RadForm.RadForm_Bootstrap .RadDropDownList.RadDropDownList_Bootstrap .rddlFakeInput {
    display: inline-block;
}

.RadForm.RadForm_Bootstrap .ddlandLabelRow {
    margin: 0 0 15px -5px;
}

.RadForm.RadForm_Bootstrap .leftTable {
    float: left;
    width: 100%;
}

    .RadForm.RadForm_Bootstrap .leftTable .ddlandLabelRow,
    .RadForm.RadForm_Bootstrap .leftTable .SubtitleLabel {
        float: left;
    }

.panel-wrapper-border {
    float: left;
    width: 100%;
}

    .panel-wrapper-border .floating-panel {
        float: left;
        width: 100%;
    }
/*.panel-wrapper-border .floating-panel.centered-speedo {
    position: absolute;
    top: 50%;
    left: 0;
    height: 250px;
    width: 100%;
    margin: -20% 0 0 0;
    overflow:hidden;
}*/
#comment.floating-panel .comment-label {
    padding: 0 0 5px 20px;
    display: inline-block;
}

.summary-panel > * {
    box-sizing: border-box;
}

.summary-panel {
    float: left;
    background-color: #eee;
}

    .summary-panel.sp-1 {
        width: 99.5%;
        padding: 15px;
    }

.summary-panel {
    padding: 15px;
}

    .summary-panel .floating-panel.fp-3,
    .summary-panel .floating-panel.fp-2_3 {
        border: 0px solid red;
        min-width: 260px;
        float: left;
        width: 33%;
        padding: 15px;
        margin: 0;
    }

    .summary-panel .floating-panel.fp-2_3 {
        border: 0px solid orange;
        width: 66%;
    }

    .summary-panel .floating-panel.fp-3 > div {
        background-color: #fff;
        margin-bottom: 15px;
        border: 1px solid #D0D0D0;
    }

    .summary-panel .floating-panel.fp-3:first-of-type > div {
        background-color: transparent;
        margin-bottom: 0;
        border: 0px solid #D0D0D0;
    }

.fp-free,
.fp-free-280,
.fp-free-320,
.fp-free-360,
.fp-free-width {
    margin: 0 15px 15px 0;
    padding: 0;
    float: left;
    width: auto;
    background: #fff;
}

.fp-free-width {
    min-width: 0;
    width: auto;
    margin: 0;
}

    .fp-free-width .divTable {
        min-width: 0;
        width: auto;
        max-width: 360px;
    }

.panel-wrapper-border .floating-panel.fp-free {
    margin: 0 15px 15px 0;
}

    .panel-wrapper-border .floating-panel.fp-free > span {
        margin: 0 15px 15px 15px;
        width: calc(100% - 30px) !important;
    }

.panel-wrapper-border .floating-panel.fp-free-280,
.floating-panel.fp-free-280,
.panel-wrapper-border .floating-panel.fp-free-360 {
    width: 280px;
}

.panel-wrapper-border .floating-panel.fp-free-360 {
    width: 360px;
}

.panel-wrapper-border .floating-panel.fp-free-320 {
    width: 320px;
}

.sp-1 .floating-panel.fp-free:first-of-type {
    clear: left;
}

.fp-free > div > div,
.fp-free > div > table {
    padding: 10px;
    padding: 0;
    float: left;
    width: auto;
    background: #fff;
}

.fp-free > div > table {
    margin: 0 15px 15px 15px;
}

.sp-1 .RadAjaxPanel {
    float: left;
    width: 100%;
}

    .sp-1 .RadAjaxPanel .RadGrid.RadGrid_Bootstrap {
        width: 100%;
    }

    .sp-1 .RadAjaxPanel > div.fp-free {
        margin: 0 10px 0 0;
    }

.floating-panel .expanding-panel {
    background: #4C4D4D;
    padding: 2px;
    color: #ffffff;
    border-radius: 4px;
    width: auto;
    cursor: pointer;
    min-width: 270px;
}

.floating-panel-padded {
    padding: 0 15px 15px 15px;
}

.floating-panel table {
    margin: 0 15px;
    border-color: #dedede;
}

.floating-panel .expanding-panel .pageHeading {
    font-weight: normal;
}

.floating-panel .expanding-panel .dropArrowQS {
    cursor: pointer;
}

.floating-panel .expanding-panel .PartnerPropertiesScrollDiv {
    cursor: auto;
}

.floating-panel .speedometerContainer {
    display: block;
    width: 96%;
    float: none;
    margin: 15px auto 0;
    overflow: hidden;
}

.floating-panel .radial-grid {
    padding: 30px 25px 15px;
}

.floating-panel.centered-speedo .radial-grid {
    padding: 0 15px;
}

.floating-panel .RadGauge-results {
    width: calc(100% + 40px);
    margin: 0 -20px;
    display: inline-block;
}

    .floating-panel .RadGauge-results .RadLabel.RadLabel_Bootstrap {
        width: 32.5%;
        text-align: center;
        padding: 0;
    }

.floating-panel .radial-grid .central-result {
    font-size: 1.2em;
    font-weight: bold;
}

.panel-wrapper-border #panelsContainer,
.panel-wrapper-border .panel-container {
    float: left;
    padding: 0 15px 15px 0;
}

    .panel-wrapper-border #panelsContainer .panel-wrapper,
    .panel-wrapper-border .panel-container .panel-wrapper {
        float: left;
        width: 240px;
        height: 130px;
        margin-right: 30px;
        padding: 10px;
    }

    .panel-wrapper-border .panel-container .panel-wrapper {
        float: left;
        width: 240px;
        height: 130px;
        margin-right: 15px;
        padding: 10px;
    }

        .panel-wrapper-border #panelsContainer .panel-wrapper > div,
        .panel-wrapper-border .panel-container .panel-wrapper > div {
            box-shadow: 0 10px 6px -6px #666;
        }

        .panel-wrapper-border .panel-container .panel-wrapper a {
            color: #ffffff;
            text-decoration: underline;
        }

    .panel-wrapper-border #panelsContainer .panel-wrapper:last-of-type {
        margin-right: 0;
    }

.override-t-container .panel-wrapper-border .t-container.t-container-static {
    width: 100%;
}

    .override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row:first-of-type {
        float: left;
        min-width: 500px;
    }

    .override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row:nth-of-type(2) {
        min-width: 500px;
        width: 33%;
        float: left;
        width: calc(100% - 560px);
    }

    .override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row:nth-of-type(3),
    .override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row:nth-of-type(4) {
        width: 33%;
        float: left;
        width: calc((100% - 560px) / 2 );
    }

    .override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row:nth-of-type(5) {
        clear: left;
        min-width: 330px;
        border: 0px solid blue;
        margin-bottom: 15px;
        box-shadow: 0 10px 6px -6px #666;
        float: right;
    }

.override-t-container .panel-wrapper-border .partnerPropLbl {
    color: #ffffff;
    padding-left: 13px;
}

.RadForm.RadForm_Bootstrap .customskin .override-t-container .panel-wrapper-border .SubtitleLabel {
    padding: 15px 0 10px;
    padding: 0;
}

.override-t-container .panel-wrapper-border .SubtitleLabel > span,
.override-t-container .panel-wrapper-border table th,
#QualifyingValueSection .SubtitleLabel > span,
#QualifyingValueSection table th {
    background: #ffffff;
    padding: 0 10px;
    color: #4C4D4D;
    color: #505050;
    margin-left: 1px;
}

.override-t-container .panel-wrapper-border .SubtitleLabel > span,
#QualifyingValueSection .SubtitleLabel > span {
    margin: 15px 0 0;
    display: inline-block;
    padding: 0 10px 0 15px;
}

.override-t-container .panel-wrapper-border .floating-panel-padded .SubtitleLabel > span,
#QualifyingValueSection .SubtitleLabel > span {
    padding-left: 0;
}

.panel-wrapper-border #LeftSectionSummary table {
    width: 270px;
}

.override-t-container .panel-wrapper-border table th,
.panel-wrapper-border table th {
    border: 0;
    padding: 5px;
}

.override-t-container .panel-wrapper-border table td,
.panel-wrapper-border table td,
#QualifyingValueSection table td {
    color: #333;
    padding: 5px;
    font-size: 14px;
}

.override-t-container .panel-wrapper-border table .table-result,
.panel-wrapper-border table .table-result,
.override-t-container .panel-wrapper-border .RebateValueBreakDownListLblTotal {
    color: #4C4D4D;
}

.formRow .formResult {
    line-height: 30px;
    display: table-cell;
    color: #505050;
}

.override-t-container .panel-wrapper-border table.rgMasterTable th {
    padding-left: 30px;
}

.override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row {
    min-width: 270px;
}

.panel-wrapper-border .summary-panel {
    border: 1px solid #eee;
    min-width: 270px;
    border: 1px solid rgba(76, 77, 77, 0.2);
    margin: 0 15px 15px 15px;
    /*jf*/
    margin: 0;
    border-radius: 4px;
    box-shadow: 0 10px 6px -6px #666;
}

.panel-wrapper-border .summary-panel {
    padding: 15px;
}

    .panel-wrapper-border .summary-panel:hover {
        border: 1px solid rgba(76, 77, 77, 0.5);
    }

#trackreq .searchcontainer {
    float: left;
    margin-bottom: 15px;
}

#trackreq .formRow {
    float: left;
    clear: both;
    margin-bottom: 10px;
}

#trackreq .formLabel {
    width: 120px;
}

#trackreq input[type="text"] {
    border: 1px solid #dedede;
    height: 34px;
    vertical-align: middle;
}

.RadForm.RadForm_Bootstrap #trackreq .RadDropDownList.RadDropDownList_Bootstrap {
    margin-right: 15px;
    width: auto !important;
}

    .RadForm.RadForm_Bootstrap #trackreq .RadDropDownList.RadDropDownList_Bootstrap .rddlInner:after {
        content: '';
    }

.RadForm.RadForm_Bootstrap #trackreq .RadCheckBox.RadButton {
    font-size: 14px;
}

    .RadForm.RadForm_Bootstrap #trackreq .RadCheckBox.RadButton .rbIcon:before {
        font: 22px/1 "WebComponentsIcons";
    }

    .RadForm.RadForm_Bootstrap #trackreq .RadCheckBox.RadButton .rbText {
        padding: 0 30px 0 5px;
    }

.summary-details {
    border: 1px solid rgba(76, 77, 77, 0.2);
    margin: 0 15px 15px 15px;
    padding: 0 15px 15px 15px;
    border-radius: 4px;
    box-shadow: 0 10px 6px -6px #666;
}

.no_leftCol .DashboardFullWidth .summary-details-70 {
    width: 70% !important;
    background: yellow;
}

.summary-details .formRow input {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
}

    .summary-details .formRow input.riDisabled {
        border: 1px solid transparent;
        color: #4C4D4D;
        color: #505050;
        box-shadow: none;
    }

    .summary-details .formRow input.riDisabled {
        border: 1px solid transparent;
        color: #4C4D4D;
        color: #505050;
        box-shadow: none;
    }

.summary-details .formRow .riTextBox.riDisabled {
    padding-left: 0;
}

.summary-details .formRow .rcCalPopup.rcDisabled {
    display: none;
}

.summary-details .formRow #ddlCurrency:disabled {
    border: 1px solid transparent;
    color: #4C4D4D;
    color: #505050;
    box-shadow: none;
    -webkit-appearance: none;
}

#tbClaimInvoiceAmount_wrapper.RadInputDisabled #tbClaimInvoiceAmount.riTextBox.riDisabled {
    border-width: 0 0 1px 0;
    box-shadow: none;
    border-radius: 0;
}

.override-t-container .panel-wrapper-border .PartnerPropertiesScrollDiv,
.floating-panel #divPartnerProperties {
    color: #4C4D4D;
    color: #505050;
    background: #ffffff;
    width: 95%;
    height: auto;
    margin-bottom: 10px;
}

.expanded-panel .partnerPropLbl {
    color: #505050 !important;
}

.expanded-panel .dropArrowPP.partnerPropLbl {
    display: none;
}

.expanded-panel .slidePanelPP.lblHeading.PartnerPropertiesScrollDiv {
    margin-bottom: 10px;
}

.override-t-container .panel-wrapper-border .PartnerPropertiesScrollDiv > table,
.floating-panel #divPartnerProperties > table {
    max-height: 150px;
    overflow: auto;
    display: block;
    /* important */
    height: auto;
}

.override-t-container .panel-wrapper-border .PartnerPropertiesScrollDiv:hover {
    border-color: rgba(76, 77, 77, 0.5);
}

.override-t-container .panel-wrapper-border .PartnerPropertiesScrollDiv > table > tbody > tr > td:nth-of-type(2),
.floating-panel #divPartnerProperties > table > tbody > tr > td:nth-of-type(2) {
    color: #505050;
    word-break: break-all;
}

.override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row,
.override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row > .t-col > .t-row {
    float: left;
    clear: none;
    width: auto;
    margin: 0;
}

    .override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row > .t-col-3 {
        min-width: 250px;
        width: 260px;
    }

    .override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row > .t-col-9 {
        width: 260px;
        min-width: 250px;
        padding-right: 0;
        float: right;
    }

.panel-wrapper-border .panel-container {
    min-width: 260px;
}

.override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row .t-col-5 {
    width: auto;
    float: left;
    padding: 0;
}

.section-wrapper1,
.section-wrapper2,
.section-wrapper3 {
    float: left;
}

.fp-row.flex-row .section-wrapper2 {
    padding: 20px 30px 10px 30px;
}

.override-t-container .panel-wrapper-border .SubtitleLabel > span,
.override-t-container .panel-wrapper-border .floating-panel-padded .SubtitleLabel > span,
#QualifyingValueSection .SubtitleLabel > span {
    padding-left: 22px;
    /*margin-bottom: -33px;*/
}

.fp-row.flex-row .section-wrapper2 .rtlistGroupSeparator {
    display: none;
}

.fp-row.flex-row .section-wrapper1 {
    padding-top: 20px;
    position: relative;
}

.collapse-panel1 .section-wrapper1.fp-flex-panel {
    display: none;
    transition: all 500ms linear 100ms;
}

.collapse-panel1 .section-wrapper2.fp-flex-panel {
    width: 100%;
    transition: all 500ms linear 100ms;
}

    .collapse-panel1 .section-wrapper2.fp-flex-panel .reseller.responsive-card.base-card.RadTile {
        max-width: 320px;
    }

.fp-full,
.fp-half,
.fp-third {
    float: left;
    border: 0px solid grey;
    margin: 0 15px 15px 0;
    background: #fff;
}

.section-wrapper4.fp-full,
.section-wrapper4.fp-full .fp-half {
    margin-bottom: 0;
}

    .section-wrapper4.fp-full .vouchersContainer {
        margin: 0 15px;
        width: 400px;
        float: left;
    }

        .section-wrapper4.fp-full .vouchersContainer .SubtitleLabel > span {
            padding: 0 0 10px 0;
        }

.fp-row,
.fp-full {
    width: 100%;
    height: auto;
}

.fp-half {
    width: calc(50% - 8px);
    min-width: 400px;
}

.fp-third {
    width: calc(33.333% - 10px);
    min-width: 330px;
}

.fp-row .fp-half:last-of-type,
.fp-row .fp-third:last-of-type {
    margin-right: 0;
}

.fp {
    float: left;
    margin: 0;
    width: 100%;
}

.RadForm.RadForm_Bootstrap .customskin .DashboardFullWidth.fp.floating-panel,
.RadForm.RadForm_Bootstrap .customskin .DashboardHalfWidth.fp.floating-panel {
    margin: 0;
    width: 100%;
    float: left;
    max-width: none;
    min-width: 350px;
    overflow: auto;
    background: #fff;
}

.RadForm.RadForm_Bootstrap .customskin #panelsContainer.DashboardFullWidth.fp.floating-panel {
    margin: 0 0 30px;
    padding: 15px;
    background: #fff;
}

.RadForm.RadForm_Bootstrap .customskin .DashboardFullWidth.fp.floating-panel #PanelContainer {
    display: inline-block;
    width: 100%;
}

.RadForm.RadForm_Bootstrap .customskin .DashboardHalfWidth.fp.floating-panel .pageHeading {
    background: none;
    padding: 5px 10px;
    color: #4C4D4D;
    font-weight: bold;
}

.RadForm.RadForm_Bootstrap .customskin .DashboardHalfWidth.fp.floating-panel .RadGrid.RadGrid_Bootstrap {
    overflow: auto;
    border: #dedede;
    margin: 0;
    width: auto;
    border-radius: 0;
    box-shadow: none;
}

    .RadForm.RadForm_Bootstrap .customskin .DashboardHalfWidth.fp.floating-panel .RadGrid.RadGrid_Bootstrap.groupedRebatesTableContainer,
    .RadForm.RadForm_Bootstrap .customskin .DashboardHalfWidth.fp.floating-panel .RadGrid.RadGrid_Bootstrap.groupedRebatesTableContainer > table {
        width: 80%;
        min-width: 600px;
    }

.RadForm.RadForm_Bootstrap .customskin .DashboardThreequarterWidth.auto-colours .RadGrid.groupedRebatesTableContainer {
    width: 100%;
    border: 0;
}

    .RadForm.RadForm_Bootstrap .customskin .RadGrid.groupedRebatesTableContainer > table,
    .RadForm.RadForm_Bootstrap .customskin .section-wrapper2.fp .RadGrid.groupedRebatesTableContainer > table,
    .RadForm.RadForm_Bootstrap .customskin .DashboardThreequarterWidth.auto-colours .RadGrid.groupedRebatesTableContainer > table {
        /*width: 100%;*/
        width: auto;
        border: 1px solid #dedede;
    }

.RadForm.RadForm_Bootstrap .customskin .section-wrapper2.fp .RadGrid.groupedRebatesTableContainer {
    max-width: 800px;
    margin: 0 0 0 10px;
    border: 0;
}

.RadForm.RadForm_Bootstrap .customskin .DashboardHalfWidth.fp.floating-panel .RadGrid.RadGrid_Bootstrap table tr,
.RadForm.RadForm_Bootstrap .customskin .DashboardHalfWidth.fp.floating-panel .RadGrid.RadGrid_Bootstrap table th {
    border: 1px solid #dedede;
}
/*RadCalendar*/
.customskin .RadCalendar.RadCalendar_Bootstrap .rcSelected a {
    border-color: #000000;
    color: #ffffff;
    background-color: #4C4D4D;
}
/*Checkboxes*/
.RadForm.RadForm_Bootstrap span.CheckBox {
    display: inline-block;
}

    .RadForm.RadForm_Bootstrap span.CheckBox label {
        line-height: 24px;
        float: left;
    }

    .RadForm.RadForm_Bootstrap span.CheckBox input[type="checkbox"],
    .RadForm.RadForm_Bootstrap span.CheckBox input[type="checkbox"][checked] {
        float: left;
    }

.RadForm.RadForm_Bootstrap input[type="checkbox"],
.RadForm.RadForm_Bootstrap input[type="radio"],
.RadForm.RadForm_Bootstrap input[type="checkbox"][checked],
.RadForm.RadForm_Bootstrap input[type="radio"][checked] {
    border: 5px solid #4C4D4D;
    background-color: #ffffff;
    width: 18px;
    height: 18px;
    color: #4C4D4D;
    color: #505050;
    min-width: 18px;
}

.RadForm.RadForm_Bootstrap .custom-table.Dashboard3QuarterWidth.DashboardHalfWidth input[type="checkbox"],
.RadForm.RadForm_Bootstrap .custom-table.Dashboard3QuarterWidth.DashboardHalfWidth input[type="checkbox"][checked] {
    margin-top: 20px;
}

.RadForm.RadForm_Bootstrap .custom-table.Dashboard3QuarterWidth input[type="checkbox"],
.RadForm.RadForm_Bootstrap .custom-table.Dashboard3QuarterWidth input[type="checkbox"][checked] {
    margin-top: 20px;
}
/*customise popup css also*/
.RadForm.RadForm_Bootstrap .RadDropDownList_Bootstrap .rddlItem.rddlItemSelected.rddlItemHovered,
.RadForm.RadForm_Bootstrap .rddlPopup_Bootstrap .rddlItemSelected {
    color: #4C4D4D;
    background-color: #eee;
}
/*customised Radwindow*/
.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow:not(.popup-with-RadDropDownList) {
    background-color: #505050;
    color: #ffffff;
    background-color: #4C4D4D;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwContentRow .RadGrid.RadGrid_Bootstrap {
    max-width: 920px;
    margin: 0;
    overflow: auto;
    width: 100%;
}

    .RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwContentRow .RadGrid.RadGrid_Bootstrap .rgMasterTable {
        max-width: 950px;
        margin: 0;
        overflow: auto;
        width: 100%;
    }

.RadForm.RadForm_Bootstrap .customskin .RadWindow.RadWindow_Bootstrap.rwNormalWindow.popup-with-RadDropDownList {
    background-color: #505050;
    color: #ffffff;
    background-color: #4C4D4D;
    position: absolute !important;
    /*top: 50% !important;
    left: 50% !important;*/
    transform: initial !important;
}
/*.RadForm.RadForm_@{skin} .RadWindow.RadWindow_@{skin}.rwNormalWindow.popup-with-RadDropDownList {
    color: @text-color-alt;
    background-color: @text-color;
    color: @primary-color-alt;
    background-color: @primary-color;
    position: absolute !important;
    top: unset !important;
    left: unset !important;
    transform: none !important;
}*/
/*.RadForm.RadForm_@{skin} .rddlSlide {
    position: fixed !important;
    top: ~"calc(50% + 34px)" !important;
    left: ~"calc(50% - 10px)" !important;
    transform: translate(-50%, -50%) !important;
}*/
.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTitlebar {
    color: #ffffff;
    border-color: #4C4D4D !important;
    border: 1px solid #4C4D4D !important;
    border-width: 1px 1px 0 1px !important;
}

.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTitlebarControls {
    background-color: #4C4D4D !important;
    border-color: #4C4D4D !important;
    border-width: 0 0 1px 0 !important;
    width: 100% !important;
}

    .RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTitlebarControls td:first-of-type,
    .RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTitlebarControls td > em {
        padding: 10px;
        background-color: #fff !important;
    }

    .RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTitlebarControls td:first-of-type {
        display: none;
    }

    .RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTitlebarControls td:nth-of-type(2),
    .RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTitlebarControls td:nth-of-type(2) > em {
        color: #fff !important;
        background-color: #4C4D4D !important;
    }

.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTopResize {
    height: 16px;
}

.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTitlebarControls a.rwIcon {
    margin: 0;
}

.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTitlebarControls .rwControlButtons {
    margin: 3px 3px 0 0;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 4px;
}

    .RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTitlebarControls .rwControlButtons li {
        padding: 0;
    }

    .RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTitlebarControls .rwControlButtons a {
        cursor: pointer;
    }

html:first-child .RadWindow ul.rwControlButtons {
    margin: 2px;
    background-color: rgba(235, 235, 235, 0.4);
    border-color: rgba(235, 235, 235, 0.2);
    border-radius: 4px;
}

    html:first-child .RadWindow ul.rwControlButtons:hover {
        background-color: #ebebeb;
        border-color: #ebebeb;
    }

.rwWindowContent .t-container-static {
    width: 100%;
}

.customskin .RadWindow .rwTopLeft,
.customskin .RadWindow .rwTopRight,
.customskin .RadWindow .rwTitlebar {
    height: 20px;
}

.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwContentRow {
    background-color: #4C4D4D !important;
    border-color: #4C4D4D !important;
}

.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow td.rwWindowContent {
    color: #4C4D4D !important;
    background-color: #fff !important;
    /*border: 1px solid @primary-color !important;*/
    border-width: 0 1px 1px 1px !important;
    padding-top: 10px;
}

    .RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow td.rwWindowContent .riTextBox.riEnabled {
        width: 100%;
    }

    .RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow td.rwWindowContent input.rbDecorated {
        padding: 0 !important;
        text-align: center;
    }

.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow table.rwTable {
    box-shadow: 0 0 20px #888;
}

.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow.min-ht-350,
.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow.min-ht-350 .rwWindowContent > div {
    min-height: 350px;
}

.RadForm.RadForm_Bootstrap .formLabel {
    font-size: inherit;
    line-height: 25px;
    padding-left: 15px;
    margin-right: 15px;
}
/*Date Inputs*/
.RadInput.RadInput_Bootstrap .rcSelect {
    overflow: visible !important;
}

.RadInput_Bootstrap a.rcCalPopup {
    background-position: -9px -4211px;
    margin-left: -34px !important;
    border-width: 0 0 0 1px !important;
    width: 23px;
    height: 28px;
    margin: 1px 0;
    padding: 0 5px;
    border-radius: 0 3px 3px 0;
}

    .RadInput_Bootstrap a.rcCalPopup:hover,
    .RadPicker.RadPicker_Bootstrap a.rcCalPopup:hover {
        background-position: -110px -4210px;
        background-color: #4C4D4D;
    }

.RadPicker.RadPicker_Bootstrap a.rcCalPopup.rcDisabled {
    background-position: -10px -4210px;
    background-color: whitesmoke;
}

.RadPicker.RadPicker_Bootstrap {
    width: 160px;
    display: inline-table !important;
}

    .RadPicker.RadPicker_Bootstrap .riTextBox {
        padding: 5px 10px;
        box-shadow: none;
    }
/*text Inputs*/
.RadForm.RadForm_Bootstrap .customskin select,
.RadForm.RadForm_Bootstrap .customskin .searchcontainer select,
.RadForm.RadForm_Bootstrap .customskin .searchcontainer input[type=text],
.RadForm.RadForm_Bootstrap td.label input[type=text] {
    border-color: #ccc;
    border-width: 1px;
    color: #505050;
    height: 34px;
    border-radius: 4px;
    min-width: 180px;
    padding-left: 5px;
}

.RadForm.RadForm_Bootstrap .customskin select {
    border-color: #ccc;
    height: auto;
    padding: 5px;
    margin: 2px 0;
}

.RadForm.RadForm_Bootstrap td.label input[type=text] {
    color: #4C4D4D;
    color: #505050;
}

.RadForm.RadForm_Bootstrap td input[type=text] {
    padding: 5px;
    min-height: 34px;
    border-radius: 4px;
    margin: 2px 0;
}

.RadForm.RadForm_Bootstrap .Dashboard3QuarterWidth.custom-panel.summary-results td input[type=text] {
    margin: 0;
}

.RadForm.RadForm_Bootstrap .rgFilterRow .RadSearchBox_Bootstrap {
    min-width: 125px !important;
}

    .RadForm.RadForm_Bootstrap .rgFilterRow .RadSearchBox_Bootstrap .rsbLoadingIcon {
        display: none;
    }

    .RadForm.RadForm_Bootstrap .rgFilterRow .RadSearchBox_Bootstrap .rsbButton.rsbButtonSearch {
        float: right;
    }

.RadForm.RadForm_Bootstrap .rgFilterRow td input[type=text] {
    min-width: 90px;
}

.RadForm.RadForm_Bootstrap td input[type=text].riTextBox.riRead {
    border-radius: 4px 0 0 4px;
}

.RadForm.RadForm_Bootstrap .customskin .searchcontainer select,
.RadForm.RadForm_Bootstrap .customskin select,
.RadForm.RadForm_Bootstrap .customskin select option {
    color: #4C4D4D;
    color: #505050;
}

.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwTitleRow .rwTopResize,
.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwBodyLeft,
.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwBodyRight,
.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwFooterRow,
.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow td.rwTopLeft,
.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow td.rwTopRight,
.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow td.rwFooterLeft,
.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow td.rwFooterRight {
    border-radius: 0;
    display: none;
}

.RadForm.RadForm_Bootstrap .RadWindow.RadWindow_Bootstrap.rwNormalWindow .rwStatusbarRow {
    background: #4C4D4D;
    color: #505050;
}

.RadForm.RadForm_Bootstrap .customskin #mini_cart {
    margin: 5px 0;
}

    .RadForm.RadForm_Bootstrap .customskin #mini_cart > .price_total {
        background: #eee;
        border: 1px solid #dedede;
        margin: 0;
    }

.RadForm.RadForm_Bootstrap .customskin .price_total select {
    min-width: 100px;
}

.RadForm.RadForm_Bootstrap .customskin .price_total #currencylabel {
    color: #000;
}

.RadForm.RadForm_Bootstrap .RadInput_Bootstrap.riSingle .riTextBox,
.RadForm.RadForm_Bootstrap .RadForm_Bootstrap.RadForm.rfdTextbox input.riTextBox.rfdDecorated {
    height: 34px !important;
}

.RadForm.RadForm_Bootstrap .RadInputMultiline_Bootstrap.riSingle .riTextBox {
    height: auto !important;
    white-space: normal !important;
}

.RadForm.RadForm_Bootstrap .RadInputMultiline_Bootstrap.riSingle textarea.riTextBox {
    padding: 10px 15px;
}

.RadForm.RadForm_Bootstrap .riSingle .riContentWrapper {
    width: auto !important;
}

.RadForm.RadForm_Bootstrap #ctl00_ContentPlaceHolderBody_trDealValue .riSingle.RadInput.RadInput_Bootstrap {
    width: 180px !important;
    /*margin-left: 5%;*/
}

.floating-productgroup {
    background: #fff;
    width: 16%;
    min-width: 200px;
    height: 180px;
    overflow: hidden;
    border: 1px solid #dedede;
    margin: 15px;
    border-radius: 4px;
    box-shadow: 0 10px 6px -6px #dedede;
    position: relative;
}

    .floating-productgroup:hover {
        border-color: #4C4D4D;
        box-shadow: 0 10px 6px -6px #666;
    }

    .floating-productgroup .productgroupimage {
        width: 100%;
        height: 175px;
        padding-top: 30px;
    }

    .floating-productgroup .productgroupimage {
        text-align: center;
        vertical-align: middle;
        display: table-cell;
    }

        .floating-productgroup .productgroupimage > img {
            width: 100%;
        }

    .floating-productgroup .OrangeLink {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background: #4C4D4D;
        color: #ffffff;
        text-align: center;
        padding: 5px;
        border-bottom: 1px solid rgba(58, 48, 125, 0.2);
    }

.bcrumb,
#bcrumb {
    margin: 0 0 10px;
    text-align: center;
    border: 1px solid #ccc;
    border-width: 0;
    background: #4C4D4D;
    color: #ffffff;
    font-weight: bold;
}

#bcrumb {
    margin: 0 0 10px;
    padding: 0 15px;
    text-align: left;
}

    #bcrumb .bcrumb-lbl,
    .bcrumb .bcrumb-lbl {
        line-height: 40px;
    }

        #bcrumb .bcrumb-lbl > img,
        .bcrumb-lbl > img {
            overflow: hidden;
            width: 0;
        }

        #bcrumb .bcrumb-lbl > a,
        .bcrumb-lbl > a {
            color: #d9d9d9;
        }

            .bcrumb-lbl > a:hover,
            .bcrumb-lbl > a:link:hover {
                color: #d9d9d9;
                text-decoration: underline;
            }

            .bcrumb-lbl > a:after {
                content: '\2023';
                width: 17px;
                font-size: 20px;
                display: inline-block;
                margin: -25px 5px;
            }

#category {
    width: 100%;
}

    #category .TabularDataControl_Row.Datalist,
    #category .TabularDataControl_Row.DatalistAlt {
        border: 0;
        padding: 5px;
        background: #fff;
        min-width: 200px;
        float: left;
    }

        #category .TabularDataControl_Row.Datalist a,
        #category .TabularDataControl_Row.DatalistAlt a {
            border: 1px solid #4C4D4D;
            border-radius: 4px;
            padding: 5px 5px 5px 22px;
            background: #4C4D4D;
            color: #ffffff;
            font-weight: normal;
            text-align: center;
            width: 50%;
            min-width: 190px;
            margin: 0 auto;
            display: block;
        }

            #category .TabularDataControl_Row.Datalist a:hover,
            #category .TabularDataControl_Row.DatalistAlt a:hover {
                opacity: 0.8;
            }

.searchcontainer {
    text-align: right;
    margin-bottom: 10px;
}

#category .category-title {
    color: #4C4D4D;
    text-decoration: none;
}

    #category .category-title::after {
        content: '\2023';
        font-size: 20px;
        height: 12px;
        width: 17px;
        margin: -7px 0 0 5px;
        vertical-align: sub;
        visibility: hidden;
        color: #fff;
    }

    #category .category-title:hover::after {
        content: '\2023';
        color: #4C4D4D;
        visibility: visible;
    }

    #category .category-title:hover::after {
        color: #fff;
    }

.RadForm.RadForm_Bootstrap .productContainer label {
    text-align: right;
}

.RadForm.RadForm_Bootstrap #productsList {
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 0 5%;
    padding: 0 15px;
    flex-wrap: wrap;
}

    .RadForm.RadForm_Bootstrap #productsList > .productContainer {
        /*flex: 0 0 30.3333%;*/
        flex: 0 1 23%;
        /*flex-grow: 0;
    flex-shrink: 1;
    flex-basis: 23%;*/
        margin: 15px 1.5%;
        margin: 15px 10px;
        border: 1px solid #dedede;
        border-radius: 4px;
        padding: 10px;
        min-width: 215px;
        min-width: 200px;
        box-shadow: 0 10px 6px -6px #dedede;
        /*max-width: 240px;
    max-width: 220px;*/
    }

        .RadForm.RadForm_Bootstrap #productsList > .productContainer:hover {
            border: 1px solid #4C4D4D;
            box-shadow: 0 10px 6px -6px #666;
        }

    .RadForm.RadForm_Bootstrap #productsList .productContainer .cat_detail .productDetails .row.view-details-wrapper {
        width: auto;
        margin-top: -23px;
    }

    .RadForm.RadForm_Bootstrap #productsList > .productContainer .row.view-details-wrapper > #lblProductDescriptionURL {
        display: inline-block;
    }

    .RadForm.RadForm_Bootstrap #productsList .productContainer .cat_image {
        width: 100%;
        height: 115px;
        margin: 0 0 10px;
        border: 0;
        text-align: center;
        float: left;
    }

        .RadForm.RadForm_Bootstrap #productsList .productContainer .cat_image img {
            margin-top: 5px;
        }

    .RadForm.RadForm_Bootstrap #productsList .productContainer .productLink,
    .RadForm.RadForm_Bootstrap #productsList .productContainer .cat_detail,
    .RadForm.RadForm_Bootstrap #productsList .productContainer .cat_detail .productDetails,
    .RadForm.RadForm_Bootstrap #productsList .productContainer .cat_detail #resellerQuantity,
    .RadForm.RadForm_Bootstrap #productsList .productContainer .cat_detail #resellerSubmit,
    .RadForm.RadForm_Bootstrap #productsList .productContainer .cat_detail #divMessage {
        padding: 5px 0;
        width: 100%;
        float: left;
        display: inline-block;
        height: auto;
        margin: 0;
    }

    .RadForm.RadForm_Bootstrap #productsList .productContainer .productLink {
        text-align: center;
        min-height: 175px;
    }

    .RadForm.RadForm_Bootstrap #productsList .productContainer .cat_detail #divMessage {
        padding: 0;
    }

    .RadForm.RadForm_Bootstrap #productsList .productContainer .cat_detail #resellerSubmit {
        text-align: right;
    }

    .RadForm.RadForm_Bootstrap #productsList .productContainer .cat_detail .productDetails .row {
        width: 100%;
        float: left;
    }

#individualProductContainer,
.inlinePanel {
    display: inline-block;
    width: 100%;
    padding: 10px 3%;
}

#productimage {
    width: 200px;
    height: 200px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.RadForm.RadForm_Bootstrap #productdetails {
    margin: 0 0 0 15px;
    width: calc(100% - 220px);
}

    .RadForm.RadForm_Bootstrap #productdetails .producthrtop,
    .RadForm.RadForm_Bootstrap #productdetails .producthrbott {
        width: 100%;
        color: #ccc;
        height: 1px;
        margin: 0 0 10px;
    }

    .RadForm.RadForm_Bootstrap #productdetails .producthrbott {
        margin: 10px 0;
    }

    .RadForm.RadForm_Bootstrap #productdetails .quantitysubmit_pro {
        padding-left: 15px;
        float: left;
    }

    .RadForm.RadForm_Bootstrap #productdetails #divMessage {
        float: left;
        clear: none;
    }

        .RadForm.RadForm_Bootstrap #productdetails #divMessage span {
            margin-top: 10px;
            padding: 10px 15px;
            color: #007F0E;
            line-height: 30px;
        }

#productsList .productContainer .productDetails .row.price-row {
    border: 1px solid #eee;
    padding: 5px 10px;
}

.RadForm.RadForm_Bootstrap #productdetails .detail-lbl,
.RadForm.RadForm_Bootstrap #productsList .productContainer .productDetails .row .detail-lbl,
.RadForm.RadForm_Bootstrap #productsList .productContainer .productDetails .row .productDescription {
    margin-left: 10px;
    color: #505050;
    display: inline-block;
    max-width: 250px;
}

.RadForm.RadForm_Bootstrap #productsList .productContainer .productDetails .row .productDescription {
    min-height: 60px;
    min-width: 140px;
    word-wrap: break-word;
    word-break: break-word;
}

.RadForm.RadForm_Bootstrap #productsList .productContainer .productDetails .row.lblOffer-lbl {
    margin: 0;
    padding: 0;
    background: #eee;
    color: #505050;
}

.RadForm.RadForm_Bootstrap #productsList .productContainer .productDetails .RM-Spacer {
    margin: 0;
    padding: 0;
    height: 20px;
    width: 2px;
    background: red;
    overflow: hidden;
    float: left;
}

.RadForm.RadForm_Bootstrap #productsList .productContainer .productDetails .row.lblOffer-lbl > span {
    display: inline-block;
    padding: 0 5px;
    line-height: 24px;
    height: auto;
}

.RadForm.RadForm_Bootstrap #productsList .productContainer .productDetails .productDescription > a {
    margin-top: 5px;
    display: inline-block;
    float: right;
}

.RadForm.RadForm_Bootstrap #productsList .productContainer #resellerQuantity .riSingle.RadInput.RadInput_Bootstrap {
    width: 70% !important;
    margin-bottom: 10px;
}

    .RadForm.RadForm_Bootstrap #productsList .productContainer #resellerQuantity .riSingle.RadInput.RadInput_Bootstrap label.riLabel {
        width: calc(100% - 72px) !important;
        line-height: 32px;
    }

    .RadForm.RadForm_Bootstrap #productsList .productContainer #resellerQuantity .riSingle.RadInput.RadInput_Bootstrap .riContentWrapper {
        float: right;
    }

.OPSelectionDiv .CheckBox label {
    color: #333;
}

.RadForm.RadForm_Bootstrap span.CheckBox input[type="checkbox"],
.RadForm.RadForm_Bootstrap span.CheckBox input[type="checkbox"][checked] {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0;
}

.RadForm.RadForm_Bootstrap .customskin .searchcontainer select,
.RadForm.RadForm_Bootstrap .customskin .searchcontainer input[type=text] {
    margin-right: 10px;
    border-style: solid;
}

.RadForm.RadForm_Bootstrap td.label input[type=text]:hover,
.RadForm.RadForm_Bootstrap td.label input[type=text]:active {
    border-color: #adadad;
}

.RadForm.RadForm_Bootstrap table#product td.left {
    width: auto;
    padding-right: 15px;
}

.RadForm.RadForm_Bootstrap table#product td span.formResult,
.RadForm.RadForm_Bootstrap table#product td span.formResult strong {
    color: #4C4D4D;
    font-weight: normal;
}

.RadForm.RadForm_Bootstrap #mini_cart .product_name {
    line-height: 22px;
    font-size: 16px;
    padding-left: 5px;
    color: #ffffff;
    background-color: #4C4D4D;
    border: 0;
    border-radius: 4px 4px 0 0;
}

.RadForm.RadForm_Bootstrap #mini_cart #currencylabel {
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
}

.RadForm.RadForm_Bootstrap #mini_cart .mini_CartTotal {
    border: 1px solid #dedede;
    background: #eee;
    text-align: right;
    font-size: 1.25em;
}

.RadForm.RadForm_Bootstrap #mini_cart .product_name a {
    width: 80%;
    line-height: 22px;
    font-size: 16px;
    font-weight: normal;
    color: #ffffff !important;
    background-color: #4C4D4D;
    text-decoration: none;
}

.RadForm.RadForm_Bootstrap #mini_cart .product_name button {
    background-image: none !important;
    color: #ffffff !important;
    background-color: #4C4D4D;
    text-decoration: none;
    border-radius: 4px;
    height: auto !important;
}

    .RadForm.RadForm_Bootstrap #mini_cart .product_name button:before {
        content: 'X';
        color: #ffffff !important;
        text-decoration: none;
    }

    .RadForm.RadForm_Bootstrap #mini_cart .product_name button:hover:before {
        color: red !important;
    }

.RadForm.RadForm_Bootstrap #mini_cart .product_info {
    color: #505050;
    background-color: #fff;
    border: 1px solid #4C4D4D;
    width: 100%;
    border-top: 0;
}

    .RadForm.RadForm_Bootstrap #mini_cart .product_info div {
        margin-top: 10px;
    }

    .RadForm.RadForm_Bootstrap #mini_cart .product_info span {
        font-weight: bold;
    }

    .RadForm.RadForm_Bootstrap #mini_cart .product_info .basket-offer span {
        font-weight: normal;
    }

    .RadForm.RadForm_Bootstrap #mini_cart .product_info div:first-of-type {
        margin-top: 0;
    }
/*Tables*/
.RadForm.RadForm_Bootstrap table.tableStripe tr.alt td {
    background-color: #F8F8F8;
}

.RadForm.RadForm_Bootstrap table.tableStripe tr.over td {
    background-color: #eee;
    color: #ffffff;
    color: #000000;
}

.RadForm.RadForm_Bootstrap table.rgMasterTable thead > tr,
.RadForm.RadForm_Bootstrap table.tableStripe tr.TabularDataControl_Header,
.RadForm.RadForm_Bootstrap tr.TabularDataControl_Header {
    height: 38px;
    background-image: none;
    background-color: #dedede;
    color: #000;
}

    .RadForm.RadForm_Bootstrap tr.TabularDataControl_Header th {
        color: #000;
    }

    .RadForm.RadForm_Bootstrap table.rgMasterTable thead > tr.rgCommandRow,
    .RadForm.RadForm_Bootstrap table.rgMasterTable thead > tr.rgFilterRow {
        background-color: #eee;
    }

        .RadForm.RadForm_Bootstrap table.rgMasterTable thead > tr.rgCommandRow td {
            color: #4C4D4D;
        }

    .RadForm.RadForm_Bootstrap table.rgMasterTable thead > tr > th.rgHeader,
    .RadForm.RadForm_Bootstrap table.rgMasterTable thead > tr > th.rgHeader a,
    .RadForm.RadForm_Bootstrap table.tableStripe tr.TabularDataControl_Header th {
        color: #ffffff;
        font-weight: bold;
    }

.RadForm.RadForm_Bootstrap table.grid-style tr.TabularDataControl_Header th {
    color: #000;
    font-weight: bold;
}

.RadForm.RadForm_Bootstrap .customskin .RadGrid.groupedRebatesTableContainer table th,
.RadForm.RadForm_Bootstrap .RadGrid.RadGrid_Bootstrap th.rgHeader .RadForm.RadForm_Bootstrap .RadGrid.RadGrid_Bootstrap th.rgHeader.altColGroup,
.RadForm.RadForm_Bootstrap table.rgMasterTable thead > tr > th.rgHeader,
.RadForm.RadForm_Bootstrap .customisable-table-head table tr th,
.RadForm.RadForm_Bootstrap .override-t-container .panel-wrapper-border .RadGrid.RadGrid_Bootstrap table th,
.RadForm.RadForm_Bootstrap .RadGrid.RadGrid_Bootstrap table th {
    color: #ffffff;
    background: #4C4D4D;
    border-bottom: 1px solid #dedede;
    padding-right: 10px;
    padding: 5px 10px 5px 5px;
    font-weight: normal;
    border-left: 1px solid #dedede;
    min-height: 50px;
}

    .RadForm.RadForm_Bootstrap .customskin .RadGrid.groupedRebatesTableContainer table th:first-of-type {
        border-left: 0;
    }

.RadForm.RadForm_Bootstrap .customskin .RadGrid.groupedRebatesTableContainer table .rgRow > td,
.RadForm.RadForm_Bootstrap .customskin .RadGrid.groupedRebatesTableContainer table .rgAltRow > td,
.RadForm.RadForm_Bootstrap .customskin .RadGrid.groupedRebatesTableContainer table .rgEditRow > td {
    padding: 9px 7px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #dedede;
}

.RadForm.RadForm_Bootstrap .customskin .RadGrid.groupedRebatesTableContainer table {
    border-width: 0;
}

    .RadForm.RadForm_Bootstrap .override-t-container .panel-wrapper-border .RadGrid.RadGrid_Bootstrap table tr th,
    .RadForm.RadForm_Bootstrap .RadGrid.RadGrid_Bootstrap table th,
    .RadForm.RadForm_Bootstrap .customskin .RadGrid.groupedRebatesTableContainer table th,
    .RadForm.RadForm_Bootstrap .override-t-container .panel-wrapper-border .RadGrid.RadGrid_Bootstrap table tr td.rgFooter {
        height: 45px;
    }

.RadForm.RadForm_Bootstrap .RadGrid.RadGrid_Bootstrap th.rgHeader.altColGroup {
    background: #4C4D4D !important;
}

.tblAchievedBands-wrapper {
    width: 100%;
}

    .tblAchievedBands-wrapper table {
        margin: 0 10% 10px;
    }

        .tblAchievedBands-wrapper table td {
            padding: 2px 5px;
        }

        .tblAchievedBands-wrapper table > tbody {
            width: 100%;
        }

.RadForm.RadForm_Bootstrap .RadGrid.RadGrid_Bootstrap td.NumericColumnBold.rgFooter > div {
    height: auto !important;
}

.RadForm.RadForm_Bootstrap table.rgMasterTable thead > tr > th.rgHeader:first-of-type,
.RadForm.RadForm_Bootstrap .customisable-table-head table tr th:first-of-type {
    border-left-color: transparent;
}

.RadForm.RadForm_Bootstrap .RadGrid.RadGrid_Bootstrap {
    border-width: 0;
    margin-bottom: 20px;
}

.RadForm.RadForm_Bootstrap .DashboardThreequarterWidth.bordered .RadGrid.RadGrid_Bootstrap {
    margin-bottom: 0;
    border: 1px solid #dedede;
}

.RadForm.RadForm_Bootstrap .RadGrid_Bootstrap .rgRow > td:first-child,
.RadForm.RadForm_Bootstrap .RadGrid_Bootstrap .rgAltRow > td:first-child {
    border-left-width: 1px;
}

.RadForm.RadForm_Bootstrap .RadGrid_Bootstrap .rgRow > td:last-child,
.RadForm.RadForm_Bootstrap .RadGrid_Bootstrap .rgAltRow > td:last-child {
    border-right-width: 1px;
}

Bootstrap table.rgMasterTable thead > tr > th.rgHeader > a .RadForm.RadForm_Bootstrap .customisable-table-head table tr th > a {
    color: #ffffff;
}

.RadForm.RadForm_Bootstrap .customisable-table-head table {
    border: 1px solid #dedede;
}

.RadForm.RadForm_Bootstrap table.rgMasterTable .RadPicker.RadPicker_Bootstrap {
    width: auto !important;
}

    .RadForm.RadForm_Bootstrap table.rgMasterTable .RadPicker.RadPicker_Bootstrap .rcTable.rcSingle {
        width: 130px !important;
    }

.override-t-container .panel-wrapper-border table td.rgExpandCol,
.override-t-container .panel-wrapper-border table td.rgExpandCol ~ td {
    background: #eee;
}

    .override-t-container .panel-wrapper-border table td.rgExpandCol ~ td {
        padding: 10px;
    }

.leftDiv,
.rightDiv {
    padding: 10px;
    border: 1px solid #dedede;
    background: #fff;
    float: left;
    width: 33%;
}

.rightDiv {
    float: right;
    width: 64%;
}

    .leftDiv table,
    .rightDiv table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    .leftDiv td,
    .rightDiv td {
        border-top: 1px solid #dedede;
    }

    .leftDiv tbody tr:first-of-type td,
    .rightDiv tbody tr:first-of-type td,
    .rightDiv tbody tr:nth-of-type(2) td {
        border-top: 0 solid #dedede;
    }

    .rightDiv tr:first-of-type td {
        border-bottom: 1px solid #000;
    }

    .rightDiv tr:last-of-type td {
        border-top: 1px solid #000;
    }

        .rightDiv tr:last-of-type td:last-of-type {
            border-bottom: 1px solid #000;
        }
/*Paging*/
.RadForm.RadForm_Bootstrap .RadDataPager.RadDataPager_Bootstrap .rdpWrap > span {
    margin: 8px 10px;
    display: block;
}

.RadForm.RadForm_Bootstrap .customskin .RadDataPager_Bootstrap .rdpNumPart a.rdpCurrentPage,
.RadForm.RadForm_Bootstrap .customskin .RadGrid_Bootstrap .rgPagerCell .rgNumPart a.rgCurrentPage {
    background-color: #4C4D4D;
    border: 1px solid #4C4D4D;
    color: #ffffff;
}
/*custom cards*/
.category-list > li ul.prog-ul li .prog-btn.other-btn {
    color: red;
    border: 0;
    float: left;
    font-size: 18px;
    color: #000;
    background: #fff;
    width: 100%;
    padding: 5px 0 0;
    margin: 0;
}

.category-list > li ul.prog-ul li:hover .prog-btn.other-btn,
.category-list > li ul.prog-ul li:hover .progTitle {
    color: #0000EE;
}

.category-list > li ul.prog-ul li .prog-btn.other-btn:hover,
.category-list > li ul.prog-ul li .progTitle:hover {
    text-decoration: underline;
}

#populated-cat-list.category-list li > .card-wrapper {
    border: 1px solid #eee;
}

    #populated-cat-list.category-list li > .card-wrapper:hover {
        border: 1px solid #4C4D4D;
    }

.RadForm.RadForm_Bootstrap .customskin .category-list li .back.face .cat-title,
.category-list li:hover .card-wrapper .cat-title {
    background: #4C4D4D;
    color: #ffffff;
}

.RadForm.RadForm_Bootstrap .customskin .category-list li .front.face .cat-title,
.RadForm.RadForm_Bootstrap .customskin .category-list li .back.face .cat-title {
    border-color: #dedede;
    border-bottom: 0 solid #eee;
    background: #4C4D4D;
    color: #ffffff;
}

.RadForm.RadForm_Bootstrap .customskin .category-list li:hover .back.face .cat-title {
    background: #4C4D4D;
    color: #ffffff;
}

.RadForm.RadForm_Bootstrap .customskin .category-list li:hover .front.face .cat-title {
    background: #4C4D4D;
    color: #ffffff;
    border-color: #dedede;
    border-bottom: 1px solid #4C4D4D;
}

.RadForm.RadForm_Bootstrap .customskin .prog-btn,
.RadForm.RadForm_Bootstrap .customskin .moreInfo-btn,
.RadForm.RadForm_Bootstrap .customskin #unused-cat-list .moreInfo-btn {
    color: #ffffff;
    border-color: #4C4D4D;
    background: #4C4D4D;
    padding: 6px 12px;
    border-radius: 4px;
}

    .RadForm.RadForm_Bootstrap .customskin .prog-btn a:hover,
    .RadForm.RadForm_Bootstrap .customskin .moreInfo-btn a:hover {
        text-decoration: none;
    }

    .RadForm.RadForm_Bootstrap .customskin .prog-btn:hover,
    .RadForm.RadForm_Bootstrap .customskin .moreInfo-btn:hover,
    .RadForm.RadForm_Bootstrap .customskin #unused-cat-list .moreInfo-btn:hover {
        color: #4C4D4D;
        background: #ffffff;
        text-decoration: none;
    }

.customskin .RadSkinManagerDiv {
    display: none;
}
/*FundIT Telerik_Cards*/
/*Keep*/
.RadTileList.RadTileList_Bootstrap {
    height: auto !important;
}

    .RadTileList.RadTileList_Bootstrap > .rtlistScrollWrapper,
    .RadTileList.RadTileList_Bootstrap > .rtlistScrollWrapper > .rtlistGroup {
        width: 100% !important;
    }

.DashboardPanelContainer-RE {
    max-width: 1030px;
    margin: 0;
}

    .DashboardPanelContainer-RE .rtlistWrapper .RadTile {
        margin-right: 30px;
        margin-bottom: 15px;
    }

        .DashboardPanelContainer-RE .rtlistWrapper .RadTile,
        .DashboardPanelContainer-RE .rtlistWrapper .RadTile .rtileContent {
            min-height: 180px !important;
        }

    .DashboardPanelContainer-RE .RadTileList .rtlistWrapper {
        width: auto;
        margin: 0;
        display: inline-block;
    }

.fp-row .RadTileList .rtlistWrapper .RadTile {
    margin-top: 0;
    width: 200px;
    float: left;
    display: inline-block;
}

    .fp-row .RadTileList .rtlistWrapper .RadTile,
    .fp-row .RadTileList .rtlistWrapper .RadTile span {
        font-size: 16px !important;
    }

.DashboardPanelContainer-RE .RadTile h6.rtileTitle {
    width: 100%;
    text-align: center;
    font-size: 1.5em;
    top: 7px;
    left: 0;
    right: 0;
    bottom: unset;
}


.DashboardPanelContainer-RE .RadTile .rtileContent span.rctValue {
    display: inline-block;
    width: unset;
    position: absolute;
    text-align: center;
    font-size: 20px;
    top: 45px;
    left: 7px;
    right: 7px;
    bottom: unset;
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.4);
}

.DashboardPanelContainer-RE .RadTile_Bootstrap .rtilePeekContent {
    background: inherit;
}

.DashboardPanelContainer-RE .RadTile .rtilePeekContent .peekTemp {
    text-align: center;
    color: #333;
    padding: 7px;
    margin: 50px 7px 7px 7px;
}

.DashboardPanelContainer-RE .RadTile .rtileBadge {
    text-align: center;
    opacity: 0;
    position: relative;
    font-weight: bold;
    z-index: 99;
    position: absolute;
    bottom: 40px;
    left: 7px;
    right: 7px;
    font-size: 0;
    transition: all 500ms linear 100ms;
    color: #333;
}

.DashboardPanelContainer-RE .RadTile.rtileHovered .rtileBadge {
    opacity: 1;
    font-size: 1.7em;
}

.DashboardPanelContainer-RE .rtlistWrapper .RadTile.rtileHovered {
    border-width: 2px;
    border-color: transparent;
}

.DashboardPanelContainer-RE .RadTile .rtileContent img {
    position: absolute;
    text-align: center;
    bottom: 18px;
    width: 16%;
    height: auto;
    margin: 0 42% 7px;
}

.DashboardPanelContainer-RE .RadTile.RadIconTile .rtileContent {
    width: 200px;
    position: absolute;
    text-align: center;
    min-height: 0 !important;
    min-width: 0 !important;
    font-size: 20px;
    top: 45px;
    left: 7px;
    right: 7px;
    bottom: 10px;
    padding: 10px 20px;
    height: 68px;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
}

.flex-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.customskin .RadWindow .flex-row {
    display: inline-block;
}

.fp-flex-panel {
    background: #fff;
    border-radius: 4px;
    width: 32%;
    width: 49%;
}

.button-row {
    width: 53%;
    border: 1px solid #eee;
    border-width: 1px 0;
    margin: 10px 0 30px 110px;
    padding: 10px 40px 10px 0;
    text-align: center;
    line-height: 30px;
}

    .button-row:hover {
        border: 1px solid #4C4D4D;
        border-width: 1px 0;
        background-color: #eee;
    }

    .button-row .page_Heading,
    .button-row .rbDecorated {
        display: inline-block;
        margin-right: 20px;
    }

#mini_cart .RadButton.rbDisabled .rbDecorated {
    cursor: default;
}

.button-row .page_Heading {
    font-size: 16px;
    color: #4C4D4D;
}

.frn_input input[type=text] {
    font-size: 14px;
    padding: 0 8px 4px;
    height: 30px;
    margin-bottom: 5px;
    border: 1px solid #cccccc;
    border-color: #ccc;
    border-width: 1px;
    color: #7c7c7c;
    height: 34px;
    border-radius: 4px;
    min-width: 180px;
    padding-left: 5px;
    width: 150px !important;
}

.right_panel {
    float: right;
    margin-right: 5%;
}

.no_leftCol {
    padding-left: 15%;
}

    .no_leftCol .DashboardFullWidth {
        width: 60%;
    }

        .no_leftCol .DashboardFullWidth.summary-details-70 {
            width: 70%;
        }

        .no_leftCol .DashboardFullWidth .DashboardFullWidth {
            width: 100%;
        }

.levelIt-Dashboard .DashboardThreequarterWidth .rgMasterTable,
.levelIt-Dashboard .DashboardThreequarterWidth .t-container-static {
    width: 100%;
}

.levelIt-Dashboard .DashboardThreequarterWidth .t-container-static {
    padding: 0;
}

.levelIt-Dashboard .DashboardHalfWidth {
    width: 100%;
}

.RadForm.RadForm_Bootstrap .creditIt-page .RadDropDownList.RadDropDownList_Bootstrap {
    min-width: 220px;
}

.t-container-static.creditIt-page {
    width: 100%;
    padding: 0;
}

.RadProgressBar_Bootstrap.rpbHorizontal .rpbStateSelected,
.RadProgressBar_Bootstrap.rpbHorizontal .rpbStateSelected:hover,
.RadProgressBar_Bootstrap.rpbHorizontal .rpbStateSelected:link,
.RadProgressBar_Bootstrap.rpbHorizontal .rpbStateSelected:visited {
    border-color: #84c261 !important;
    background-color: #80c05d;
    color: #fff;
    background-image: none, linear-gradient(to top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 100%);
}

#contentwrapper,
#left_col {
    padding-top: 0;
}

.RadSearchBox_Bootstrap .rsbButton.rsbButtonSearch {
    height: 38px;
}

.RadComboBox_Bootstrap .rcbArrowCell,
.RadComboBox_Bootstrap .rcbArrowCell a {
    width: 28px !important;
}

.training-dashboard .rgMasterTable thead tr > th.altColGroup {
    background-color: red;
}

@media only screen and (max-width: 1360px) {
    .override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row:nth-of-type(1) {
        width: 522px;
        margin: 0 auto;
        float: none;
    }

    .override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row:nth-of-type(2) {
        min-width: 100%;
        width: 100%;
    }

    .override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row:nth-of-type(3),
    .override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row:nth-of-type(4) {
        width: 50%;
        float: left;
    }
}

@media only screen and (max-width: 1200px) {
    .RadForm.RadForm_Bootstrap #productsList {
        width: 100%;
        display: flex;
        justify-content: space-around;
        padding: 0 1%;
        flex-wrap: wrap;
    }

    .DashboardQuarterWidth {
        width: 50%;
    }

    .no_leftCol .DashboardFullWidth {
        width: 99%;
    }

    .right_panel {
        float: left;
    }

    .RadForm.RadForm_Bootstrap #productsList > .productContainer {
        flex: 0 1 30.3333%;
        /*flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 30.3333%;*/
        margin: 15px 1.5%;
    }

    .no_leftCol {
        padding-left: 5%;
    }
}

@media only screen and (max-width: 1000px) {
    .RadForm.RadForm_Bootstrap #productsList {
        width: 100%;
        display: flex;
        justify-content: space-around;
        padding: 0;
        flex-wrap: wrap;
    }

        .RadForm.RadForm_Bootstrap #productsList > .productContainer {
            flex: 0 1 46%;
            /*flex-grow: 0;
        flex-shrink: 1;
        flex-basis: 46%;*/
            margin: 15px 1.33333%;
            border-radius: 4px;
            padding: 10px;
        }

    .no_leftCol {
        padding-left: 15px;
    }

    #panelsContainer .floating-panel.fp-free-320 {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding: 15px 15px 0;
    }
}

@media only screen and (max-width: 780px) {
    .override-t-container .panel-wrapper-border .t-container.t-container-static > .t-row:nth-of-type(1) {
        min-width: 0;
        width: 100%;
    }

    .fp-row .fp-half:last-of-type,
    .fp-row .fp-third:last-of-type {
        margin-right: 0;
        float: left;
    }

    .fp-row .fp-half,
    .fp-row .fp-third {
        width: 100%;
        float: left;
    }
}

@media screen and (-ms-high-contrast: none) {
    /*IE11*/
    .Dashboard3QuarterWidth.custom-panel.summary-details.register-panel tr > td.label:first-of-type {
        width: 35% !important;
    }

    html body {
        display: block !important;
    }

    .RadForm.RadForm_Bootstrap #productsList > .productContainer {
        flex: none;
        min-width: 250px;
    }
}

@supports (-ms-ime-align:auto) {
    .Dashboard3QuarterWidth.custom-panel.summary-details tr > td.label:first-of-type {
        width: 290px !important;
        margin-right: 40px;
    }

    .Dashboard3QuarterWidth.custom-panel.summary-details.register-panel tr > td.label:first-of-type {
        width: 30% !important;
        margin-right: 40px;
    }

    .Dashboard3QuarterWidth.custom-panel.summary-details.register-panel tr > td.label:nth-of-type(2):before {
        content: '';
        width: 40px;
        display: inline-block;
    }
}
