.divLoginParent {
    width: 375px;
    margin: 120px auto 0;
    font-family: Verdana;
    font-size: 11px;
    border: 1px solid #DDD;
    padding: 10px;
}
.divLoginParent h2 {
    text-align:center;
}
.linkUnderline {
    text-decoration:underline !important;
}
.imgLogout {
    margin-top:5px;
    width:20px;
    height:20px;
    overflow:hidden;
}
.divInputHeader {
    width: 100px;
    text-align: left;
    float: left;
}
.divLoginParent .divInputHeader {
    vertical-align: middle;
    min-height: 25px;
    line-height: 25px;    
}
.divLoginParent .accountHeader {
    margin-bottom: 5px !important;
}
.paddingTop5 {
    padding-top:5px;
}
.paddingTop10 {
    padding-top:10px;
}
.paddingBottom10 {
    padding-bottom:10px;
}
.paddingTop20 {
    margin-top:20px;
}

.marginTop5 {
    margin-top:5px;
}
.marginTop10 {
    margin-top:10px;
}
.marginBottom10 {
    margin-bottom:10px;
}
.marginTop20 {
    margin-top:20px;
}

.paddingRight5 {
    margin-right:15px;
}

.divInputText {
    width: 180px;
    text-align: left;
    float: left;   
    vertical-align: middle;
    min-height: 25px;
    line-height: 25px;
    padding-top:2px;
}
.divInputMemoBig {
    width: 200px;
    text-align: left;
    float: left;   
    vertical-align: middle;
    min-height: 25px;
    line-height: 25px;
    padding-top:2px;
}
.paddingTop2 {
    padding-top:2px;
}
.divInputButton {
    width: auto;
    text-align: left;
    float: left;   
    vertical-align: middle;

}
.divInputText .form-field {
    margin:0px !important;
    padding:2px 0 0 2px !important;
}
.clear {
    clear: both;
}
.divInputTextSmall {
    width: 135px;
    float: left;
    text-align: left;
}
.taRight {
    text-align: right;
}
.divLoginParent .divInputTextSmall .dxichCellSys {
    padding-left:0px;
}
.divLoanContent {
    width:100%;
}
.footerPane {
    height:25px !important;
}
#divLoanBody {
     width:100%;
     /*padding-top:20px;*/
     font-size:11px;
}
.divLeftAuto {    
    float:left;
    width:auto;
}
.divRightAuto {
    float:right;
    width:auto;
}
.divAddLoanButton {
    margin-right:100px;
    float:right;
    width:auto;
}
.divLoanBodyHeader {
    width:95%;
    margin:0 auto;
    max-width: 1260px;
}
.loginInfo {
    float:right;
    width:auto;
    margin-right:15px;
}
.copyright, .loginInfo {
    font-size:11px;
    font-weight:normal;
    height: 25px;
    line-height: 25px;
}
.divLoanInputHeader {
    width: 210px;
    text-align: left;
    float: left;
    height: 25px;
    line-height: 25px;
    padding-top: 2px;
}
.divCustomerAddress {
    width:450px;
}
.divCustomerAddress .divLblAddress {
    width:60px;
    float:left;
}
.divCustomerAddress .divLblLine {
    width:150px;
    float:left;
}
.divCustomerAddress .divLineParent {
    width:390px;
    float:left;
}
.dispN {
    display:none;
}
.divCustomerLoanDetails {
    width:100%;
    /*height:110px;*/
    border:1px solid #DDDDDD;
}
.divCustomerLoanSearch {
    height:30px;
    line-height:26px;
    vertical-align:middle;
    /*border-bottom:1px solid #DDDDDD;*/
    padding: 2px 2px 0 2px;
}
.divDetails {
     border-top:1px solid #DDDDDD;
}
.searchDetailFieldParent {
    width:300px;
    float:left;
}
.divFieldTitle
{
    float: left;
    width: 135px;
    margin-left: 10px;
    height: 25px;
    line-height: 25px;
}
.divFieldTitleSetting {
    float: left;
    width: 155px;    
    height: 25px;
    line-height: 25px;
}
.tdFieldTitle {
    width: 135px !important;
    padding-left: 10px;
    height: 25px;
    line-height: 25px;
}
.divFieldTitleSmall {
    float: left;
    width: 100px;
    margin-left: 10px;
    height: 25px;
    line-height: 25px;
}
.divFieldValue
{
    float: left;
    width: 150px;   
    height: 25px;
    line-height: 25px;
    font-weight:bold;
}
.tdFieldValue {
    width: 150px;   
    height: 25px;
    line-height: 25px;
    font-weight:bold;
}
.divButtonBar {
    width:auto;
    height:30px;
}
.grdImage {
    max-height:80px;
    max-width:80px;
}
.successMessage {
    color:green;
    font-weight:bold;
    margin-left:50px;
    width:auto;
    /*border:1px solid #DDD;*/
    padding:4px;
    float: left;
}
.divLeft50 {
    float:left;
    width:49%;
    overflow:hidden;
}
.lblDate {    
    margin:0 10px;
    line-height:25px;
}
.divLoanCalcBB {
    width:100%;
    border-bottom:1px solid #DDD;
}
#divLoanCalculationParent .divFieldTitle {
    width:160px !important;
}
.divLoanBox {    
    width:400px;
    float:left; 
    margin:0 auto;
    border:1px solid #DDD;
}
.divLoanBox .divLoanBoxTitle {
    padding:5px 0;
    text-align:center;
    font-size:14px;
    font-weight:bold;
    text-decoration:underline;
}
.divLogoutLink {
    float:right;
    margin-right:20px;
    font-size:14px;
    font-weight:normal;
    color:#000;
    text-decoration-color:#000;
    height:30px;
    width:20px;
    line-height:30px;
}
.divAddLoanDetails .divInputText {
    font-weight:bold;
}
.tabGroupHeader {
    padding-bottom: 5px;
    border-bottom: 1px solid #DDD;
    font-weight:bold;
}

#divRoleAccessTreelist .dxtlIndentWithButton_DevEx {
    padding-top:8px !important;
}
.validation-summary-errors {
    color:#f00;    
}
.validation-summary-errors ul {
    list-style:none;
}

/* below css is for loading panel*/
.divLoadingBackground {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999;
    background-color: #fff;
    opacity: 0.7;
}
.divLoading {
    z-index: 2147483647;
    position:fixed;
    padding: 10px;
    top: 45%;
    left: 42%;    
    height:50px;
    width: 175px;
    /*background-color:#FFFAEC;
    border:1px solid #000000;*/
}
.divLoadingImage, .divLoadingMessage {
    float:left; 
    width:auto;
}
.divLoadingMessage {
    margin-left:15px;
    height:50px;
    line-height:50px;
}
.divLoadingImage img {
    height: 50px;
    width: 50px;
}
/*loading panel css closed*/

.successMsg {
    color:green;
    font-size:14px;
    font-weight:normal;
}
.errorMsg {
    color:#f00;
    font-size:14px;
    font-weight:normal;
}
.userMessage {
    padding: 0 10px;
    line-height: 25px;
    min-height: 25px;
    vertical-align: middle;
    max-width:800px;
}

.userMessageNP {    
    line-height: 25px;
    min-height: 25px;
    vertical-align: middle;
    max-width:800px;
}

.imgWarning {
    float:left;
    width:32px;
    height:32px;
    text-align:left;
    /*padding-top: 10px;*/ 
    white-space: nowrap;
}
.confirmText {
    float: left;
    /*padding-top: 10px;
    white-space: nowrap;*/
    min-height: 35px;
    line-height: 25px;
    padding-left: 10px;
    
    text-wrap: normal;
    word-wrap: break-word;
    width: 330px;
    overflow-wrap: break-word;
}
.customDialogText {
    float: left;
    /*padding-top: 10px;*/    
    line-height: 25px;
    padding-left: 10px;
    /*height: 60px;*/
    text-wrap: normal;
    word-wrap: break-word;
    width: 300px;
    overflow-wrap: break-word;
    line-height:17px;
}
.txtInputError {
    border: 1px solid #f00;
}
.imgInfo {
    float: left;
    width: 32px;
    height: 26px; 
    text-align: left;
    white-space: nowrap;
    padding: 5px;
}
.errorMessage {
    color: #FF0000;
    float:left;
    min-width:350px;
    line-height:26px;
    padding:5px 0;
    overflow-x:hidden;
}
.errorParent {
    border:1px solid #DDDDDD;
    margin-bottom: 10px;
}
.divAddUpdateNoteDetail {
    width:320px;    
    float:left;
    border: 1px solid #DDD;
    margin-right:10px;
}
#divNotesGrid {
    /*width: 600px;    
    float:left;*/
    width:100%;    
}
.divDetails {
    width:100%;    
    overflow-x:auto;
    overflow-y:hidden;
}
#tdAddUpdateNote {
    vertical-align:top !important;
}
.divNoteHeader {
    font-size:12px;
    font-weight:bold;
    text-align:center;
    width:100%;
}
#tblAssetSoldDetails {
    width:100%;
}
#tblAssetSoldDetails tr {
    line-height:25px !important;
}
.txtSoldAssetInput, .txtLoanPayment {
    font: 11px Verdana, Geneva, sans-serif;
    width:99%;
}
.txtLoanPayment {
    text-align:right;
}
.divAddAssetLeft, .divAddAssetRight {
    float:left;
    width:350px;
}
.CellsEllipsis
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.CellsEllipsis td
{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.CellsEllipsis table
{
    table-layout: fixed;
}

.CellsEllip {
    text-overflow: ellipsis;
    overflow-x: auto;
    white-space: nowrap;
}

    .CellsEllip td {
        text-overflow: ellipsis;
        overflow-x: auto;
        white-space: nowrap;
    }

    .CellsEllip table {
        table-layout: fixed;
    }


#divAssetCarausel {
    width: 680px;      
}
.divCarouselImage {
    height:65px;
    text-align:center;
}
.divCarouselText {
    height:35px;
}
.divCarouselInnerText{
    width:72px;
    margin:0 auto;
    text-align:left;
}
.divNextButtonBar {
    width:100%;
}
.divNextButtonBar .divNextButton {
    width:auto;
    float:right;
}
.divLeft350 {
    float:left;
    width:350px;
}
.tblWidth100 {
    width:100%;
}
.tdPrincipalInput {
    width:275px;
}
.txtCalcInput {
    font: 11px Verdana, Geneva, sans-serif;
    width:120px;
    text-align:right;
}
.txtCalcInputSmall {
    font: 11px Verdana, Geneva, sans-serif;
    width:100px;
}
.tdCalcFiledTitle {
    width: 155px !important;    
    height: 25px;
    line-height: 25px;
}
.tdCalcTitle {
    text-align:center;
}
.spnCalcTitle {
    font-weight:bold;
}
.tdStorageFiled, .tdStorageFieldWR{
    width:130px;
}
.tdStorageFieldWR {
    white-space:nowrap;
}
#tblStorageCalculation {
    width:100%;
    border:1px solid #eaeaea;
}
#tblStorageCalculation td {
    padding:5px;
}
.lh25 {
    line-height:25px;
    height:25px;
    vertical-align:middle;
}
.divLoanDates {
    float: left;
    line-height: 25px;
    padding: 2px 10px 0;
    height: 25px;
    vertical-align: middle;
}
#divLoanPeriod {
    padding-top:5px;
}
.textWrap {
    text-wrap: normal;    
    word-wrap:break-word;
}
.divMoney {
    width:100%;
    text-align:right;
}

.divCharge {
    font-weight :bold;
 }

.tblAmtCalc {
    margin-top:20px;
    width:50%;    
}
.tblAmtCalc td {
    padding:5px !important;
}
#tblFinalCalcDetails td, .tblAmtCalc td{
    padding:5px 0;
}
#tdFinalTotalAmtRepayable
{
    border-top: 1px solid #9da0aa;
}
#tdFinalTotalAmtRepayable
{
font-weight: bold;
}
.bandHeader {
    font-weight: bold !important;
}
/*For footer amount css*/
#tblFinalCalcDetails tr td:first-child, #gvCustomerStatmentDetails_DXFooterRow, #gvPaymentDetails_DXFooterRow, #gvLoanCalculations_DXFooterRow, #gvLoanMonthCalculations_DXFooterRow, #gvLoanDayCalculations_DXFooterRow, #gvLoanMonthPaymentCalculations_DXFooterRow, #gvLoanDayPayment_DXFooterRow, #gvPaymentHistory_DXFooterRow, .bold, #gvLoanHistoryDetails_DXFooterRow, #gvCustomerLedgerDetails_DXFooterRow, #gvLoanHistoryDetails_DXFooterRow, #gvCapitalOutstandingDetails_DXFooterRow, #gvCashReceivedDetails_DXFooterRow, #gvLoanPaymentPaymentDetails_DXFooterRow, #gvAssetExposureDetails_DXFooterRow, #gvInsuranceDetails_DXFooterRow, #gvBulkLoanDetails_DXFooterRow {
    font-weight: bold;
}
#tdFinalIntAdmin, #tdFinalAdminFeeOneTime, #tdFinalBorrowCost, #tdFinalLoanAmtRepayable, #tdFinalStorageCost, #tdFinalTotalAmtRepayable
{
    text-align:right;
}
.divOfferLetterLink, .divPawnAgreementLink{
    float:left;
    width:auto;    
}
.divOfferLetterLink a, .divPawnAgreementLink a, #divSummaryLinks a {
    color:#201f35 !important;
}
.divPawnAgreementLink {
    padding-left:10px;
}

#divAssetDetails {
    max-height: 500px;
    overflow-y: auto;
}
#divSummaryLinks
{
    padding: 10px 0;
}
#divPrintDocuments div {
    padding:5px 0;
}

#divPrintDocuments div a {
    color:#000;
}
.dxpc-headerText {
    font-weight:bold;
}
#gvDisclosureOfferLetter_DXHeaderTable td, #gvPawnAgreement_DXHeaderTable td {
    font-weight:bold;
}
.divBoldMoney {
    text-align:right;
    font-weight:bold;
}
.divLoanCalcNumber{
    min-width: 120px;
    text-align: right;
    float: left;
}
.tdColon, .divColon {
    width: 10px !important;
    text-align: center;
}
.divColon {
    float:left;
}
.tdSpace {
    min-width:20px;
    border-right: 1px solid #FFF;
}
.tdLoanBoxFieldValue {
    width:120px;
    font-weight:bold;
}

#divLoanCustomerDetails .tdFieldTitle{
    width:110px !important;
}

#divLoanCustomerDetails .tdLoanBoxFieldValue {
    width:120px !important;
    max-width:142px !important;
}
.ColorGreen {
    color:#008000;
}
.ColorRed {
    color: #FF0000;
}
.ColorOrage {
    color:#FFA500;
}
.topBorderWhite {
    border-top: 1px solid #FFFFFF;
}






/****************************/

.fileTabtemplateDiv {
   
    width: 500px;
    height: 50%;
    border:none;
}

.contacntTemplateDiv {
    border:none;
    float: left;
    text-align: left;
    margin-left: 25px;
    padding-top: 10px;
    line-height: 22px;
}
.contacntTemplateDiv1 {
    border:none;
    float: left;
    text-align: left;
    margin-left: 25px;
   
    
}
.searchTemplate {
    margin: 10px;
}
.searchTemplate td {
    padding-right: 15px;
}


   #MainSiteMenu .dxmLite
        {
           border-bottom:1px solid #D4D4D4 !important;
        }
        #TopMenu
        {
            width:90%;            
        }
        .MainSiteMenuSystems
        {
            border:none !important;
            background-color:white !important;
        }
       #menuLLMMain .dxm-selected
        {
            border-bottom:none !important;            
            font-weight:normal!important;
            font-size:14px !important;
            background-color:white !important;
            border-top:1px solid #aaaaaa !important;
            border-left:1px solid #aaaaaa !important;
            border-right:1px solid #aaaaaa !important;   
            margin-bottom: -1px !important;         
        }

        #menuLLMMain .DashboardBackground
        {
            color:gray !important;            
            cursor:default !important;
        }        

        #menuLLMMain .dxm-item:hover
        {
            color:white !important;
            background-color:#0072C6 !important;            
        }        

        #MainTabMaster
        {
            width:100%; margin:0;padding:0;color:#6d6d6d;
        }       
        .dxmLite .dxm-main
        {
            padding: 2px 0px 0px;
        }

#divLoanCustomerDetails table table tr {
    border-bottom:1px solid #FFF;
}
.divGridButtons {
    float: right;
    width: auto;
}

.imgGridButton {
    float:left;
    width:22px;
    height:22px;
    cursor:pointer;
}
.menuImage {
   min-width: 45px;
    padding: 0 5px;
}
.menuImage:hover, .menuImage:focus {
    background-color:#CFDCFB;    
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}
#divLoanActionSub .divLoanActionStatusFull{
    width:100%;
}
.divLoanActionStatus, #divLoanActionBankPayment {
    float:left;
    width:49%;
}

.lnkBlack {
    text-decoration: none !important;
    color: #000 !important;
    border-bottom: 1px solid #000;
    padding-bottom: 1px;
}

input:-moz-read-only, input:read-only, input:disabled {
    background-color: gray !important;
    border: 1px solid #000 !important
}
.dxr-tabContent {
    height: 85px !important;
}
#dxsplControl_DevEx 
{
    border-bottom:none;
    border-top:none;
    border-left:none;  
    border-right:none;

}
/*input:read-write {
    background-color:#fff;
    cursor: text;
}*/