
.RightAligned {
    text-align: right;
}

.DarkGray {
    background-color: darkgray;
}

.Gray {
    background-color: gray;
    font-weight: bold;
}

.LightGray {
    background-color: lightgray;
}

.RowHeaderCell{
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
    text-align: left;
    padding:3px;
}



.Cell {
    border-bottom: 1px solid lightgray;
    border-top: 1px solid lightgray;
}

.EditableCell {
    border: 1px solid lightgray;
    background-color: white;
}

/*-----------------------------------------------
    *
    *NGUYEN
*/
.clearfx {
    float: none;
    clear: both;
}

.cellLabelRatio
{
    width: 335px;
    overflow: hidden;
}

.pos-rel {
    position: relative !important;
}


.SelectedLinkButton {
    color:#920631 !important;
}

.pos-abs {
    position: absolute !important;
}

.originalHeader {
    height: 65px;
}


.SubHeader {
    padding: 5px;
    height:30px;
    background-color: #cccccc;
    color: black;
    font-weight: bold;
}

.BlackHeader td {
    padding: 0 0 0 10px !important;
}

.BlackHeader {
    background-color: #920631;
    color: white;
    font-weight: bold;
    height: 25px;
    vertical-align: middle;
    padding: 3px;
    font-size: 11px;
}

#divCVXLogo {
    top: 0 !important;
}

    #divCVXLogo .cvxLogo {
        padding: 0 !important;
        top: 0px !important;
    }

.logout-btn {
    margin-top: -2px;
}

.user-group-title {
}

.TabBackground .user-group-title {
    background: #475155;
}

    .TabBackground .user-group-title h2 {
        font-size: 14px;
        font-weight: bold;
        color: white;
        padding: 10px;
    }


.TabBackground .rtsLink {
    height: auto;
}

    .TabBackground .rtsLink .rtsOut {
        height: auto;
    }

.RadTabStrip_CVXTabSkin .rtsSelected .rtsIn {
    background: none;
    height: auto;
}


.RadTabStrip .rtsTxt {
    display: block;
}

.RadTabStrip .rtsTxt, .RadTabStripVertical .rtsTxt {
    display: block;
}

.RadTabStrip .rtsImg + .rtsTxt {
    display: block !important;
}

.mainTabNavigation ul li {
    display: inline-block !important;
    float: none !important;
}

    .mainTabNavigation ul li a {
        padding: 15px 25px 10px 10px !important;
    }

.TabBackground .RadTabStrip ul li {
    list-style: outside none none !important;
}


div.RadTabStrip_CustomTabStripSkin {
    /*background: #cee2ea none repeat scroll 0 0;*/
    box-shadow: 0 0 2px 0 rgba(0, 1, 0, 0.1);
}



.RadTabStrip .rtsLI, .RadTabStripVertical .rtsLI {
    overflow: visible !important;
}

.RadTabStrip .rtsUL, .RadTabStripVertical .rtsUL {
    overflow: visible !important;
}

.RadTabStrip .rtsLevel {
    overflow: visible !important;
}

.TabBackground {
    background: #f8f8f8;
}

.tabBody {
    background: transparent;
}

.cust-main-tab ul li a .rtsTxt::after {
    bottom: -25px;
}

.rmSized .rmHorizontal .rmItem, .rmSized .rmRootGroup .rmVertical .rmItem {
    width: 100% !important;
}


.RadMenu .rmText, .RadMenu .rmLink {
    float: none !important;
}

.RadMenu_CustomMenuSkin .rmExpanded, .RadMenu_CustomMenuSkin .rmLink:hover, .RadMenu_CustomMenuSkin .rmFocused {
    background: transparent;
}

.RadMenu .rmSlide {
    position: relative !important;
    float: none !important;
}

.RadMenu .rmGroup .rmText {
    padding: 0 0 0 14px !important;
}

.RadMenu .rmSlide {
    width: 188px !important;
    left: 0 !important;
}

    .RadMenu .rmSlide.hide-sub {
        display: none !important;
    }

/*Origin design:
    #ctl00_divOriginalHeader #radMenuHolder ul li ul.show-sub {
    height: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    opacity: 1;
    transition: all 1s ease 0s;
    visibility: inherit;
}
#ctl00_divOriginalHeader #radMenuHolder ul li ul {
    height: 0;
    opacity: 0;
    transition: all 1s ease 0s;
    visibility: hidden;
}
*/

#ctl00_divOriginalHeader #radMenuHolder ul li ul.show-sub {
    visibility: inherit;
    display: block !important;
    height: auto !important;
    padding: 10px 0 !important;
    margin: 0 !important;
}

#ctl00_divOriginalHeader #radMenuHolder ul li ul {
    transition: none !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    /*From show-sub above, currently show-sub is not used*/
    visibility: inherit !important;
    opacity: 1 !important;
    height: auto !important;
    opacity: 1;
    transition: all 1s ease 0s;
}





/*-----------------------------------------------
    Control Customer Management / Profile
*/
.no-padding-left-right {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.view-container-new.background-color-default {
    background-color: transparent !important;
}


.view-container-new .section-view-main input[type="text"], .view-container-new .section-view-main input[type="mail"], .view-container-new .section-view-main select {
    color: #475155 !important;
    font-size: 12px !important;
    border: 1px solid #e5e5e5;
    line-height: 25px !important;
    height: 30px !important;
    padding: 0px 10px !important;
}

.RadInput .view-container-new .section-view-main input[type="text"], .view-container-new .section-view-main input[type="mail"], .view-container-new .section-view-main select {
    padding-right: 0px !important;
}

.view-container-new .section-view-main textarea {
    border: 1px solid #e5e5e5;
    font-size: 12px !important;
    margin-top: 5px !important;
    padding: 10px 10px !important;
}

.view-container-new .section-view-main input [style="visibility:hidden"] {
    display: none !important;
}

.view-container-new .ViewCommand {
    background: none !important;
}

.section-view-main .wrapper-textbox {
    margin-bottom: 0px;
}

.view-container-new .RowContent td {
    /*  padding-bottom: 15px; */
}

.view-container-new .ViewCommand .cvxicon {
    margin-right: 15px !important;
}

.view-container-new .RadGrid input[type="image"] {
    border: none !important;
    width: 30px !important;
    padding: 0px 10px 0px 0px !important;
    height: 19px !important;
    margin-top: 0px !important;
}

.view-container-new .RadComboBoxDropDown {
    background: transparent;
    border-width: 0px !important;
    padding-left: 5px;
    padding-right: 22px !important;
}

    .view-container-new .RadComboBoxDropDown ul {
        background: white;
    }

.RadPicker.RadPicker_Default > input:first-child {
    height: 0px !important;
    border: none !important;
    margin: 0px !important;
}


/*-----------------------------------------------
    Control Customer Management / Facility
*/

.view-container-new.view-container-facility .title-main-content {
    margin-bottom: 0px;
}

.view-container-new.view-container-facility .section-view-main {
    padding: 0px;
}

.view-container-new.view-container-facility .title-main-content .title-hearder h2 {
    width: 100%;
}

.view-container-new.view-container-facility .next-credit-review-date > table:first-child {
    width: 100%;
    padding: 5px 15px;
    background-color: #e9e9e9;
}

.view-container-new.view-container-facility .next-credit-review-date .GreyHeader {
    background-color: #e9e9e9;
}

.view-container-new.view-container-facility .section-view-main input,
.view-container-new.view-container-facility .RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
    margin-top: 0px !important;
}

div.rg-content-data-table.facility-sublimit table.rgMasterTable > tbody > tr > td span {
    font-weight:normal !important;
}

.section-detail-facility .rg-content-data-table{
    overflow-x:auto !important;
}

/*FacilitySummary Screen*/
.facility-summary .RightAligned {
    text-align: right !important;
}
.facility-summary .left {
    text-align: left !important;
}


    .facility-summary .RightAligned.lbl {
        width: auto;
        display: block;
    }

div.facility-summary.rg-content-data-table table.rgMasterTable > tbody > tr td {
    text-align: right;
}

div.facility-summary.rg-content-data-table table.rgMasterTable > tbody > tr.totalRow {
    background-color: #fcfcfc !important;
}
div.facility-summary.rg-content-data-table table.rgMasterTable > tbody > tr.totalRow td {
    font-weight:bold !important;
}

    div.facility-summary.rg-content-data-table table.rgMasterTable > tbody > tr.totalRow.sub-header {
        background-color: #475155 !important;
        color: #FFF;
    }

    div.facility-summary.rg-content-data-table table.rgMasterTable > tbody > tr.totalRow > td.total-header,
    div.facility-summary.rg-content-data-table table.rgMasterTable > tbody > tr.totalRow > td.total-header .lbl {
        font-weight: bold !important;
    }

.facility-summary td.total-header span.lbl {
    padding: 0 !important;
    display: block;
    width: 100%;
}

.facility-summary .full-width {
    width: 100%;
}

div.facility-summary.rg-content-data-table table.rgMasterTable > tbody > tr.totalRow input {
    font-weight: bold !important;
    background-color: #fcfcfc !important;
}

div.facility-summary.rg-content-data-table table.rgMasterTable > tbody .customer-name {
    width: 296px;
    text-align: left;
    vertical-align: top;
    padding-left: 4px;
    border-right: 1px solid #E5E5E5 !important;
    background-color: #fcfcfc !important;
    font-weight: normal !important;
}
/*END*/

@media (max-width: 1100px) {
    .TabBackground .RadTabStrip.cust-main-tab ul li {
        display: table-cell !important;
        float: none !important;
    }
}


.iconBtnDelete-24 {
    width: 24px;
    height: 24px;
}

.imgExclamationFail {
    position: relative;
    top: 2px;
}

.rel-block {
    position: relative !important;
}

.imgInsideRowExclamationMark {
    position: absolute;
    right: 10px;
    top: 17px;
}

    .imgInsideRowExclamationMark.r30 {
        right: 30px;
    }

.rgRow span.RadInput.w-95p, .rgAltRow span.RadInput.w-95p, .w-95p {
    width: 95% !important;
}

.rgAltRow span.RadInput.w-92p, .w-92p {
    width: 92% !important;
}

.grey-header {
    background-color: #CCC !important;
}

.p-bot-8 {
    padding-bottom: 8px !important;
}

.p-bot-6 {
    padding-bottom: 6px !important;
}

.p-bot-4 {
    padding-bottom: 4px !important;
}

.p-bot-2 {
    padding-bottom: 2px !important;
}

.p-top-8 {
    padding-top: 8px !important;
}

.p-top-6 {
    padding-top: 6px !important;
}

.p-top-4 {
    padding-top: 4px !important;
}

.p-top-2 {
    padding-top: 2px !important;
}

.h-auto {
    height: auto !important;
}

.txt-bold {
    font-weight: bold !important;
}

.p-top-15 {
    padding-top: 15px !important;
}

.p-bot-15 {
    padding-bottom: 15px !important;
}

.p-bot-0 {
    padding-bottom: 0 !important;
}

.p-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.mt-8 {
    margin-top: -8px !important;
}

.mt-10 {
    margin-top: 10px !important;
}


.CvxGrid tr.rgGroupHeader td, div.rg-content-data-table table.rgMasterTable.CvxGrid > tbody > tr.rgGroupHeader > td {
    font-weight: bold !important;
}

.RadComboBoxDropDown ul.rcbList li.rcbSeparator {
    font-weight: bold;
}

.cvx-rad-panel-box.RadPanelBar .rpRootGroup .rpSlide .rpTemplate {
    overflow-x: hidden !important;
}

.section-view-main table tr td.text-bold {
    font-weight: bold !important;
}

.grey-section {
    background-color: #cccccc;
    border: 1px solid silver;
    padding: 4px;
}

.RadInput_Default a {
    border: none !important;
}

.RadPicker a.rcCalPopup, .RadPicker a.rcTimePopup {
    background: rgba(0, 0, 0, 0) url("images/icons/icon-grey/icon-calendar.svg") no-repeat scroll 0 4px / 20px 22px !important;
    margin-left: 5px;
}
.RadPicker a.rcTimePopup {
    background: rgba(0, 0, 0, 0) url("images/icons/icon-grey/icon-clock.svg") no-repeat scroll 0 4px / 20px 22px !important;
    margin-left: 5px;
}

input[type=checkbox] {
    margin-right: 5px;
}

.control-header-customer-management a:hover,
.controls-action a:hover {
    color: #fff;
    /*opacity: 0.8;*/
}

.control-header-customer-management a,
.controls-action a {
    color: #fff;
}

.title-main-content .title-hearder div.control-header-customer-management span {
    padding: 0px 10px;
}

    .title-main-content .title-hearder div.control-header-customer-management span input {
        padding: 2px 0px;
    }

a.quick-browser-item {
    color: #fff;
    opacity: 1;
}

    a.quick-browser-item:hover {
        color: #fff;
        opacity: 0.8;
    }

.area-td-analysis .riSingle.RadInput.RadInput_Default {
    width: 80% !important;
}
/* Rating */
.rating-control-header .RowContent > span:nth-child(1) {
    float: right;
    padding: 10px 0px;
}

.guidance_note {
    background-image: url(Images/Icons/icon-info.svg) !important;
    background-size: 24px 23px;
}

.icon-info-rating {
    width: 24px;
    height: 23px;
}

.cvx-rad-panel-box.RadPanelBar_Default .rpRootLink, .RadPanelBar_Default .rpHeaderTemplate .cvx-rad-panel-box.RadPanelBar_Default .rpRootLink.rpSelected {
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
}

    .cvx-rad-panel-box.RadPanelBar_Default .rpRootLink.rpFocused {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

.app-search-section .dateBox {
    width: 265px;
}

.app-search-section .btnSearchBox {
    width: 106px;
}

.app-search-section .btn-wrapper {
    position: relative !important;
    /*top: -6px !important; */
}

.aspNetDisabled .Default.RadEditor.reWrapper {
    overflow: auto !important;
}

.RadComboBoxDropDown_Default .rcbScroll.rcbWidth {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered {
    min-height: 24px !important;
}

.RadGrid_Default.rg-content-data-table .RadGrid_Default .rgFooterDiv, .RadGrid_Default .rgFooter {
    background-color: transparent !important;
}
/* Analytic - Productivity */
.title-main-content .title-hearder span.header-text-analytic-productivity {
    padding: 0px;
    font-size: 14px;
}

div.subtab-analytic-produtivity .wapper-combobox {
    display: inline-block;
    margin-right: 5px;
}

/* Group Management */
div.left-group div.customer-list tr.cvx-pager div.rgWrap.rgInfoPart {
    display: none;
}

/* Customer Management */
@media (max-width: 1280px) {
    .title-main-content .title-hearder div.control-header-customer-management span {
        padding: 0px !important;
    }

    .control-header-customer-management a {
        font-size: 0px !important;
        width: 20px;
        line-height: 0px !important;
        margin-left: 10px;
    }
}

.divAssignmentData {
    overflow: visible;
}

.assignmentTablediv .rg-content-data-table table.rgMasterTable > tbody > tr > td table tbody tr {
    border-right: 0px solid #e5e5e5 !important;
}

.SelectedCell {
    background-color: #475155;
}

div.rg-content-data-table table.rgMasterTable > tbody > tr > td.headerCell {
    font-weight: bold !important;
    /*text-decoration:underline;*/
}
div.rg-content-data-table table.rgMasterTable > tbody > tr.headerRow {
    background-color: #fcfcfc !important
}

    div.rg-content-data-table table.rgMasterTable > tbody > tr.headerRow > td.cell-header {
        font-weight: bold !important;
    }

/* HUNG */
/* Login Screen */
.signInOutTheme #rememberMe, .signInOutTheme #lnkForgotPassword {
    margin-left: 7px;
}
/* Customer Managment Screen */
.bank-unit div:first-child {
    width: 90% !important;
}

.NumericColHeader {
    text-align: left;
}

/* Son */
.RadDropdownCustom{
    height: 30px !important;
}

#general-period .SectionHeader td {
    height: 20px !important;
}

#general-nextStage .SectionHeader td {
    height: 20px !important;
}


/* From style.css updating of Risha */
.RadComboBoxWithTooltip
{
    width:210px;
    height: 30px;
}
  .FormatRadioButtonList label
{
  margin-right: 15px;
}
  /*-- -- --*/

.SectionHeader td {
    text-align: center;
}

div.RadGrid .rgFilterRow .rgFilterBox {
    width: 100%;
}

div.RadGrid .rgFilterRow td {
    padding-right: 55px;
}

.btnToggleLegend{
    width:30px;
}
.RadWindow.RadWindow_Default.reToolbarWindow td.rwWindowContent, .RadWindow.RadWindow_Default.reToolbarWindow div.rwContent{
    background-color:transparent !important;
}
/* back end */
.form-command-block {
    width: auto;
}

.form-content .RadComboBox {
    width:100% !important;
}

.SectionHeaderGrey {
    background: #e9e9e9 !important;
    border: 0px solid #e9e9e9;
    font-size: 12px !important;
    height: 40px !important;
    vertical-align: middle !important;
    font-weight: bold !important; }
  .SectionHeaderGrey span {
        padding-top: 5px;
        padding-left:7px;
    display: block; }
    .SectionHeaderGrey span.inline {
      display: inline; }
  .SectionHeaderGrey > span {
    float: left; }
  .SectionHeaderGrey .header-action-button {
    float: right; }
    .SectionHeaderGrey .header-action-button li {
      margin-right: 0px;
      margin-left: 10px; }
      .SectionHeaderGrey .header-action-button li a {
        background: transparent !important;
        color: #920631 !important; }
  .SectionHeaderGrey:after {
    content: " ";
    clear: both;
    clear: both; }

.view-container-new .section-view-main input[type="text"].error-field, .view-container-new .section-view-main input[type="mail"].error-field, .view-container-new .section-view-main select.error-field {
    border-color: #D51923 !important;
}

.error-field {
    border-color: #D51923 !important;
}
.RadInput_Default .riTextBox.error-field {
    border-color: #D51923 !important;
}
.sub-tab.validate .RadTabStrip_CustomTabStripSkin ul li a {
    padding: 10px 25px 10px 10px !important;
}
.WorkflowToolbarContainer .right-pane .light-grey-title-rw{
    height:auto !important;
}

.WorkflowToolbarContainer .right-pane{
    border-top: none !important;
    /*min-height:618px !important;*/
}

.WorkflowToolbarContainer .WorkflowPanelToolboxContainer .right-pane {
    border: 0 !important;
}
.WorkflowPanelTitle .grey-title-rw, .WorkflowPanelTitle .grey-title-rw, .light-grey-title-rw {
    /*min-height: 38px !important;*/
}

.RadMenu_Default .rmGroup {
    background: #ffffff !important;
}

.Default.AutoRadEditor {
    height: auto !important;
}

.uploadDocument {
    display: flex;
    padding-top: 15px;
    padding-bottom: 15px;
    background: #e5e5e5;
}

.uploadDocument .RadUpload .ruUploadSuccess, .uploadDocument .RadUpload .ruUploadProgress, .uploadDocument .RadUpload .RadUpload .ruUploadFailure, .uploadDocument .RadUpload .RadUpload .ruUploadCancelled {
    background: transparent;
    width: 203px;
}

.uploadDocument .RadUpload .ruButton {
background-image: transparent !important;
background-color: #920631 !important;
color: white;
border-radius: 3px;
}

.uploadDocument .ruInputs li:last-of-type{
    margin-top: 10px;
}

.uploadDocument .ruInputs li {
display: flex;
margin-bottom: 10px;
align-items: center;
}

.uploadDocument .ruFileInput {
margin-bottom: 15px;
}

.uploadDocument .btn {
margin-top: 10px;
}

.RadCloudUpload .rcuHeader .rcuHeaderText {
font-size: 1em;
}
    .uploadDocument .upload-ct, .uploadDocument .uploaded-files {
        width: 50%;
        /*padding-left: 10px;*/
        padding-right: 10px;
    }

.uploadDocument .uploaded-files {
padding-right: 0px;
}

.uploadDocument .uploaded-files > table {
background: white;
border-collapse: collapse;
width: 100%;
}

.uploadDocument .uploaded-files > table thead tr th {
padding: 10px;
}

.uploadDocument .uploaded-files > table > tbody > tr > td {
border: 1px solid #e5e5e5;
padding: 10px;
}

.uploadDocument .uploaded-files > table tbody tr td.rcbInputCell{
    padding: 0px;
}

.RadUpload .ruRemove {
    padding-left: 8px !important;
    padding-right: 8px !important;
    line-height: 17px;
}

.RadUpload .ruCancel {
    padding-left: 8px !important;
    padding-right: 8px !important;
    line-height: 17px;
}

.uploadDocument  .uploadDoc input{
    height: 23px !important;
}

.RadEditor.reFullScreen {
    top: 60px;
    left: 0;
    position: fixed !important;
}

/*# sourceMappingURL=upload-file.css.map */
