/* This file will be imported with dynamic.css (common changes will be applied in this file) */

@media only screen and (max-width: 1199.98px) {

    /* Print Report & Dashboard*/
    /* Personal detail view changes*/
	#personal_name_sec .table-content .table-item,
	#personal_detail_data .table-content .table-item,
	#personal_name_sec_webreport .table-content .table-item,
    .enquiryDetailsTab .table-content .table-item,
    #enquiry_table_sec_webreport .table-content .table-item,
    .contactDetailsTab .table-content .table-item,
    #personal_telephone_sec_webreport .table-content .table-item,
    .identificationTab .table-content .table-item,
    #personal_identification_sec_webreport .table-content .table-item,
    .addressDetailTab .table-content .table-item:not(:first-child),
    #personal_address_sec_webreport .table-content .table-item:not(:first-child),
    .empDetailsTab .table-content .table-item,
    #employe_sec_webreport .table-content .table-item {
        display: flex;
        justify-content: space-between;
        align-items: center;

    }
    #personal_name_sec_webreport .pers-mob-ui-css{
        display: block !important;
    } 
	#personal_detail_data .pers-mob-ui-css{
        display: block !important;
    }
    #personal_name_sec .table-content .table-item .item-text,
	.personalDetailData .table-content .table-item .item-text,
	#personal_name_sec_webreport .table-content .table-item .item-text,
    .enquiryDetailsTab .table-content .table-item .item-text,
    #enquiry_table_sec_webreport .table-content .table-item .item-text,
    .contactDetailsTab .table-content .table-item .item-text,
    #personal_telephone_sec_webreport .table-content .table-item .item-text,
    .identificationTab .table-content .table-item .item-text,
    #personal_identification_sec_webreport .table-content .table-item .item-text,
    .addressDetailTab .table-content .table-item .item-text,
    #personal_address_sec_webreport .table-content .table-item .item-text,
    #employe_sec_webreport .table-content .table-item .item-text,
    .empDetailsTab .table-content .table-item .item-text
     {
        text-align: right;
        flex-grow: 1;

    }
    #personal_name_sec .table-content,
	#personal_name_sec_webreport .table-content,
	.personalDetailData .table-content,
    #enquiry_table_sec_webreport .table-content,
    .enquiryDetailsTab .table-content,
    .addressDetailTab .table-content,
    #personal_address_sec_webreport .table-content,
    .contactDetailsTab .table-content,
    #personal_telephone_sec_webreport .table-content,
    #personal_identification_sec_webreport .table-content,
    .identificationTab .table-content,
    #employe_sec_webreport .table-content,
    .empDetailsTab .table-content {
        row-gap: 5px;
        padding: 10px 5px 10px 5px;
    }

    /* overall left and right margin print report page */
    .body_newdashboard .creditReportPrint_newUX .page-container,
    .body_newdashboard .ccscreditreport.page .page-container {
        padding: 10px;
    }

    .body_newdashboard .creditReportPrint_newUX .report-table,
    .body_newdashboard .ccscreditreport.page .report-table {
        padding: 20px 20px;
    }

    .body_newdashboard .creditReportPrint_newUX .report-table .table-content{
        row-gap: 5px;
    }

    /* Account */
    .card-body__wraper #pills-tabContent .tab-pane .detail-row {
        flex-direction: row;
        margin-right: 0px;
        justify-content: space-between;
    }

    /* Mobile view css start */
    .body_newdashboard .new-mob-ui-css p.noData{
        margin-top: 2vh;
        margin-left: 1vw;
    }

    .personal_name_sec_webreport .pers-mob-ui-css{
        display: block !important;
    }
    .personalDetailData .pers-mob-ui-css{
        display: block !important;
    }

    .body_newdashboard .page-width.new-mob-ui-css {
        padding: 0 5px;
        margin-left: auto;
    }

    .body_newdashboard .report-table.new-mob-ui-css {
        width: 100%;
        display: block ;
        background-color: #f9f9f9;
        padding: 5px;
        margin-bottom: 20px;
    }

    .enquiry_table_sec_webreport.new-mob-ui-css, .personal_telephone_sec_webreport.new-mob-ui-css, .personal_email_sec_webreport.new-mob-ui-css, .personal_address_sec_webreport.new-mob-ui-css {
        padding: 5px !important;
    }

    /* for decreasing space between email content on dashboard page */
    .body_newdashboard .report-table.table-light .personal_email_sec_webreport.new-mob-ui-css .table-content {
        padding: 10px;
        margin-top: 0px;
    }
    
    /* for decreasing padding of account info section in both dashboard and print report page */
    .webviewReport .tab-content.new-mob-ui-css {
        padding: 5px;
    }
    
    /* for decreasing padding of extended data in account info section in both dashboard and print report page */
    .body_newdashboard .accounts-container.new-mob-ui-css .account-body {
        padding: 5px;
        border-top: 0;
    }
    
    .report-table.new-mob-ui-css {
        position: relative;
        width: 100%;
        word-break: unset;
    }

    /* for wrapping email content on dashboard page*/
    .report-table .personal_email_sec_webreport.new-mob-ui-css {
        position: relative;
        width: 100%;
        word-break: break-word;
    }

    /* for email content on print report page */
    .report-table.emailDetailsTab.new-mob-ui-css .table-content{
        position: relative;
        width: 100%;
        word-break: break-word;
    }

    /* for decreasing space between email content on print report page */
    .body_newdashboard .report-table.table-light.emailDetailsTab.new-mob-ui-css .table-content {
        padding: 10px;
        margin-top: 0px;
    }

    /* for decreasing padding of data in all sections */
    .body_newdashboard .report-table.table-light.new-mob-ui-css .table-content {
        padding: 12px;
    }

    /* for reducing padding of account info data */
    .body_newdashboard .tabs-vertical-icons__wraper .tab-content.new-mob-ui-css .tab-pane {
        padding: 20px 5px;
    }

    /* for shifting content of values to right */
    .tab-content.new-mob-ui-css .tab-pane .detail-row span:nth-child(2){
        text-align: right;
    }

    /* for reducing margin-bottom for all labels*/
    .body_newdashboard .report-table.new-mob-ui-css .table-content .table-item .item-head {
        font-family: IntroRegular;
        font-weight: 600;
        font-size: 16px;
        line-height: 16px;
        color: #2c2c2c;
        display: block;
        margin-bottom: 0px;
    }

    .body_newdashboard .report-table.new-mob-ui-css .table-title {
        margin: 5px;
    }
    /* for Alignment of dispute Statement */
    .body_newdashboard .clear-dues-bar .under-dispute .under-dispute-text .text-row{
        max-width:100% !important;
    }
        .body_newdashboard .hairline{
        margin-right:0px !important;
    }
    /* Mobile view css end */
}
/* Perosonal detail change alignment */
@media only screen and (min-width: 1199.98px) {
    #personal_name_sec_webreport .table-content-parent:not(:first-of-type) .item-head,
    .enquiryDetailsTab .table-content-parent:not(:first-of-type) .item-head,
    #enquiry_table_sec_webreport .table-content-parent:not(:first-of-type) .item-head,
    .contactDetailsTab .table-content-parent:not(:first-of-type) .item-head,
    #personal_telephone_sec_webreport .table-content-parent:not(:first-of-type) .item-head,
    .identificationTab .table-content-parent:not(:first-of-type) .item-head,
    #personal_identification_sec_webreport .table-content-parent:not(:first-of-type) .item-head,
    .addressDetailTab .table-content-parent:not(:first-of-type) .item-head,
    #personal_address_sec_webreport .table-content-parent:not(:first-of-type) .item-head {
        display: none !important;
    }

    .enquiryDetailsTab .table-content-parent:first-of-type .item-head,
    #enquiry_table_sec_webreport .table-content-parent:first-of-type .item-head,
    .contactDetailsTab .table-content-parent:first-of-type .item-head,
    #personal_telephone_sec_webreport .table-content-parent:first-of-type .item-head {
        margin-bottom: 20px;
    }

    .body_newdashboard .report-table .table-content .table-item .item-head{
        margin-bottom: 15px;
    }
    /*Dispute*/
    .body_newdashboard .report-table.table-light .table-content:not(:first-child){
        margin-top:0px;
    }

    /* Email alignment*/
    .body_newdashboard .report-table.table-light .personal_email_sec_webreport.new-mob-ui-css .table-content , .body_newdashboard .report-table.emailDetailsTab.new-mob-ui-css .table-content{
            padding:10px 20px;
    }
    .body_newdashboard .report-table.table-light .personal_email_sec_webreport.new-mob-ui-css .table-content:nth-child(1) , .body_newdashboard .report-table.emailDetailsTab.new-mob-ui-css .table-content:nth-child(2){
        padding: 10px 20px 0px 20px;
    }
}
/* payment history tabular format start */
/* diagonal line in payment history table */
.table-header-gradient {
    background: linear-gradient(to top right, #F5F5F5 calc(50% - 1px), #dee2e6 , #F5F5F5 calc(50% + 1px));
}

/* month header for paymnet history table */
.month-header {
    top: 0; 
    right: 0; 
    display: flex; 
    justify-content: flex-end; 
    align-items: flex-start;
}

/* year header for paymnet history table */
.year-header {
    bottom: 0; 
    left: 0; 
    display: flex; 
    justify-content: flex-start; 
    align-items: flex-end;
}

/* for width and equal col size */
.payment-history-table {
    width:100%;
    table-layout: fixed;
}

/* color for table headers */
.header-color {
    background-color: #F5F5F5;
}

/* for color of values */
.text-value {
    color:#454545;
}

/* vertical lines in payment history table */
.payment-history-table th, .payment-history-table td {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
/* payment history tabular format end */


@media print {
    @page{
        size:portrait;
    }
    
         /* content alignment print */
   @media (min-width: 576px) {
    .body_newdashboard .report-table.table-light .table-content {
        margin-left: 0vw;
    }
    .body_newdashboard .report-table.table-light .table-content:not(:first-child){
        margin-left: 0vw;
   }
}
    /* Print personal Data css*/
    #personal_name_sec_webreport .pers-mob-ui-css{
        display: block !important;
    } 
    #personal_detail_data .pers-mob-ui-css{
        display: block !important;
    }
        /*shift personal details right side*/
        #personal_detail_data .table-content .table-item{
            margin-left: 1vw;
        }
    /* Print Report & Dashboard*/
    /* Personal print detail view alignment */
    #personal_name_sec .table-content .table-item,
    #personal_detail_data .table-content .table-item,
    #personal_name_sec_webreport .table-content .table-item,
    .enquiryDetailsTab .table-content .table-item,
    #enquiry_table_sec_webreport .table-content .table-item,
    .contactDetailsTab .table-content .table-item,
    #personal_telephone_sec_webreport .table-content .table-item,
    .identificationTab .table-content .table-item,
    #personal_identification_sec_webreport .table-content .table-item,
    .addressDetailTab .table-content .table-item:not(:first-child),
    #personal_address_sec_webreport .table-content .table-item:not(:first-child),
    .empDetailsTab .table-content .table-item,
    #employe_sec_webreport .table-content .table-item {
        display: flex;
        justify-content: space-between;
        align-items: center;

    }
    /* Perosonal detail view alignment */
    #personal_name_sec .table-content .table-item .item-text,
    #personal_name_sec_webreport .table-content .table-item .item-text,
    #personal_detail_data .table-content .table-item .item-text,
    .enquiryDetailsTab .table-content .table-item .item-text,
    #enquiry_table_sec_webreport .table-content .table-item .item-text,
    .contactDetailsTab .table-content .table-item .item-text,
    #personal_telephone_sec_webreport .table-content .table-item .item-text,
    .identificationTab .table-content .table-item .item-text,
    #personal_identification_sec_webreport .table-content .table-item .item-text,
    .addressDetailTab .table-content .table-item .item-text,
    #personal_address_sec_webreport .table-content .table-item .item-text,
    #employe_sec_webreport .table-content .table-item .item-text,
    .empDetailsTab .table-content .table-item .item-text {
        text-align: right;
        flex-grow: 1;

    }
    /* Perosonal detail view alignment */
    #personal_name_sec  .table-content,
	#personal_name_sec_webreport .table-content,
	#personal_detail_data .table-content,
    #enquiry_table_sec_webreport .table-content,
    .enquiryDetailsTab .table-content,
    .addressDetailTab .table-content,
    #personal_address_sec_webreport .table-content,
    .contactDetailsTab .table-content,
    #personal_telephone_sec_webreport .table-content,
    #personal_identification_sec_webreport .table-content,
    .identificationTab .table-content,
    #employe_sec_webreport .table-content,
    .empDetailsTab .table-content {
        row-gap: 5px;
        padding: 10px 5px 10px 5px;
    }

    /* overall left and right margin print report page */
    .body_newdashboard .creditReportPrint_newUX .page-container,
    .body_newdashboard .ccscreditreport.page .page-container {
        padding: 5px !important;
    }

    .body_newdashboard .creditReportPrint_newUX .report-table,
    .body_newdashboard .ccscreditreport.page .report-table {
        padding: 20px 20px;
    }


    /* Account */
    .card-body__wraper #pills-tabContent .tab-pane .detail-row {
        flex-direction: row;
        margin-right: 0px;
        justify-content: space-between;
    }

    .body_newdashboard .creditReportPrint_newUX .report-table .table-content{
        row-gap: 10px;
    }

   /* Mobile view css start */
   .body_newdashboard .new-mob-ui-css p.noData{
    margin-top: 2vh;
    margin-left: 1vw;
}

.body_newdashboard .page-width.new-mob-ui-css {
    padding: 0 5px;
    margin-left: auto;
}

.body_newdashboard .report-table.new-mob-ui-css {
    width: 100%;
    display: block ;
    background-color: #f9f9f9;
    padding: 5px;
    margin-bottom: 20px;
}

.enquiry_table_sec_webreport.new-mob-ui-css, .personal_telephone_sec_webreport.new-mob-ui-css, .personal_email_sec_webreport.new-mob-ui-css, .personal_address_sec_webreport.new-mob-ui-css {
    padding: 5px !important;
}

/* for decreasing space between email content on dashboard page */
.body_newdashboard .report-table.table-light .personal_email_sec_webreport.new-mob-ui-css .table-content {
    padding: 10px;
    margin-top: 0px;
}

/* for decreasing padding of account info section in both dashboard and print report page */
.webviewReport .tab-content.new-mob-ui-css {
    padding: 5px;
}

/* for decreasing padding of extended data in account info section in both dashboard and print report page */
.body_newdashboard .accounts-container.new-mob-ui-css .account-body {
    padding: 5px;
    border-top: 0;
}

.report-table.new-mob-ui-css {
    position: relative;
    width: 100%;
    word-break: unset;
}

/* for wrapping email content on dashboard page*/
.report-table .personal_email_sec_webreport.new-mob-ui-css {
    position: relative;
    width: 100%;
    word-break: break-word;
}

/* for email content on print report page */
.report-table.emailDetailsTab.new-mob-ui-css .table-content{
    position: relative;
    width: 100%;
    word-break: break-word;
}

/* for decreasing space between email content on print report page */
.body_newdashboard .report-table.table-light.emailDetailsTab.new-mob-ui-css .table-content {
    padding: 10px;
    margin-top: 0px;
}

/* for decreasing padding of data in all sections */
.body_newdashboard .report-table.table-light.new-mob-ui-css .table-content {
    padding: 12px;
}

/* for reducing padding of account info data */
.body_newdashboard .tabs-vertical-icons__wraper .tab-content.new-mob-ui-css .tab-pane {
    padding: 20px 5px;
}

/* for shifting content of values to right */
.tab-content.new-mob-ui-css .tab-pane .detail-row span:nth-child(2){
    text-align: right;
}

/* for reducing margin-bottom for all labels*/
.body_newdashboard .report-table.new-mob-ui-css .table-content .table-item .item-head {
    font-family: IntroRegular;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #2c2c2c;
    display: block;
    margin-bottom: 0px;
}

.body_newdashboard .report-table.new-mob-ui-css .table-title {
    margin: 5px;
}
/* for Alignment of dispute Statement at print */
.body_newdashboard .clear-dues-bar .under-dispute .under-dispute-text .text-row{
    max-width:100% !important;
    flex-direction:row ;
    }
    .body_newdashboard .hairline{
    margin-right:0px !important;
}
 /* Mobile view css end */

}

/* decreased padding for payment history legends */
.body_newdashboard .accounts-container .tab-content .tab-pane .shortforms.payment-history-legends{
    padding: 12px;
}

.webviewReport .simulator .score-bar .cibil-score_webReport1.cibil-score-data{
    color: black;
}

@media only screen and (min-width: 1199.98px) {
    .nav-container.new-ui-css {
        top: -10px;
    }
}
.nav-container.new-ui-css {
    display: block;
    width: 21%;
    min-width: 260px;
    background-color: #00a6ca;
    position: absolute;
    z-index: 999;
    height: -webkit-fill-available;
    top: -10px;
    overflow: hidden;
    overflow-y: auto;
}

.nh-score-new {
    width: 165px !important;
}

/* .nh-score-txt {
    justify-items: center;
    align-items: center;
    position: relative;
    margin-top: -115px;
} */

@media screen and (max-width: 768px) {

    .nh-text {
        margin-top: 40px !important;
    }
}

/* fix for header shift on body_new_dispute pages */
.body_new_dispute .nav-container.body_newdashboard {
    top: 0 !important;
}

.disputeRemarkDesktop {
display: block;
}

.disputeRemarkMobile {
display: none;
}

@media screen and (max-width: 768px) {
    .disputeRemarkMobile {
        display: block;
    }
    .disputeRemarkDesktop {
        display: none;
        }
}

.remarkContainer {
    display:block;
    grid-column: 1/-1;
}

.remarkImgContainer {
    background-color: rgba(255, 247, 201, 1);
    gap: 10px;
    display: grid;
    grid-template-columns: 0fr 2.5fr 1fr;
    row-gap: 30px;
    border-radius: 10px;
    font-size: 14px;
    color: rgba(44, 44, 44, 1);
}

.imgContainer {
    padding: 15px 15px 15px 15px;
}

.mobileRemarkContainer {
    width: 100% !important;
    grid-column: 2 / -1;
}

.mobileRemarkCode {
    padding: 10px 10px 5px 10px;
    font-weight: 600;
    font-family: 'IntroRegular';
}

.mobileRemarkHeader {
    font-family: 'IntroRegular';
    display: block;
    line-height: 24px;
}

.mobileRemarkFont {
    font-weight: 200;
    font-family: 'IntroRegular' !important;
    display: block;
    line-height: 24px;
}

.mobileRemarkDate {
    padding: 0px 10px 10px 10px;
    font-weight: 600;
    font-family: 'IntroRegular';
}

.disputeDesktopContainer {
    padding: 15px 15px 15px 15px;
    font-weight: 600;
    font-family: 'IntroRegular';
    align-self: center;
}

.disputeDesktopFonts {
    font-weight: 200;
    font-family: 'IntroRegular' !important;
}

.dispAccMain {
    display: block;
    grid-column: 1/-1;
    margin: 0 auto 30px;
}

.dispAccImg {
    background-color: rgba(255, 247, 201, 1);
    gap: 10px;
    display: grid;
    grid-template-columns: 0fr 1.5fr 1fr;
    row-gap: 30px;
    border-radius: 10px;
    font-size: 14px;
    color: rgba(44, 44, 44, 1);
    font-family: Roboto, Arial, sans-serif;
}

@media screen and (max-width: 768px) {
    .dispAccImg {
            background-color: rgba(255, 247, 201, 1);
            gap: 10px;
            display: grid;
            grid-template-columns: 0fr 1.5fr 1fr;
            row-gap: 30px;
            border-radius: 10px;
            font-size: 14px;
            color: rgba(44, 44, 44, 1);
            font-family: Roboto, Arial, sans-serif;
            width: 310px;
            justify-self: center;
        }
}

.dispAccSvg {
    padding: 15px 5px 15px 15px;
}

.dispAccMobContainer {
    width: 100% !important;
    grid-column: 2 / -1;
}

.dispAccMobHeaderContainer {
    padding: 10px 10px 5px 10px;
    font-weight: 600;
    justify-items: left;
}

.dispAccMobHeader {
    display: block;
    line-height: 24px;
}

.dispAccMobHeadContent {
    font-weight: 200;
    display: block;
    line-height: 24px;
}

.dispAccDateContainer {
    padding: 0px 10px 10px 10px;
    font-weight: 600;
    justify-self: left;
}

.dispAccDateContainerFont {
    font-weight: 300;
}

.dispAccDesktopContainer {
    padding: 15px 15px 15px 15px;
    font-weight: 600;
    text-align: start;
}

.dispAccDesktopDispCode {
    font-weight: 200;
}

.dispAccDesktopDateCont {
    padding: 15px 15px 15px 15px;
    font-weight: 600;
    text-align: right;
}

.dispMainContainer {
    display: block;
    grid-column: 1/-1;
}

.dispContainerDesk {
    padding: 15px 15px 15px 15px;
    font-weight: 600;
}

.dispMobClass {
    padding: 10px 10px 5px 10px;
    font-weight: 600;
}

.tamilVerbiagePointer {
    font-size: 12px !important;
}

.arrow {
    cursor: pointer;
    display: inline-block;
    /* margin-left: 4px; */
    transition: transform 0.3s ease ;
}

.arrow.rotate {
    transform: rotate(180deg);
}

.more-text {
   
    transition: max-height 0.4s ease, opacity 0.4s ease;
}

.arrowStyle {
    
    align-content: center;

}
#displayText {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
  text-align: justify;
}

#displayText.expanded {
  -webkit-line-clamp: unset;
  white-space: normal;
}

.consentDirect {
    gap: 10px;
    display: flex;

}

.consentMobileLogin {
    font-size: 12px;
    line-height: 22px;
    font-family: "IntroRegular";
    letter-spacing: 0.02em;
    text-align: center;
}

.consentMobileLogin a {
    color: #007bff;
    text-decoration: underline;
}

.consentMobileText {
    padding-bottom: 15px;
}

.consentText {
    color: rgba(89, 89, 89, 1);
    font-size: 12.8px;
    line-height: 20px;
}

.consentCheckbox {
    display: inline-flex;
    gap: 15px;
    align-items: flex-start;
}

.consentAlign {
    align-items: baseline;
}

.consentTextIndirect {
    color: #000000 !important;
}

.mobileLoginBlur {
    filter:blur(0.5px)
}

.termsPrivacyBackground {
    background: #FFFFFF;
}

.termsPrivacy {
    font-family: Roboto !important;
    letter-spacing: 0.5px !important;
    line-height: 16px !important;
    font-size: 12px !important;
    
}

.termsPrivacyheader {
    font-family: Roboto !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    line-height: 20px !important;
    font-size: 14px !important;  
}

.containerHeader {
    font-size: 14px !important;  
}

.termsPrivacyLink {
    color: #004364 !important;
}

.sachetPopupMedia {
    margin-left: 270px !important;
    margin-top: 22px !important;
    color: #00A6CA !important;
}

.sachetPopupMediaScoreSim {
    margin-left: 229px;
    margin-top: 22px !important;
    color: #00A6CA;
    text-align: center;
}

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

.sachetButton {
   
    margin-left: 58px;
    width: 485px !important;
}

.sachetSecond {
    margin-left: 19px;
    text-align: center !important;
}

.sachetSecondOne {
    margin-left: 8px;
}

.sachetAlignCenter {

    text-align: center !important;
}

.sachetMedia {
        margin-top: 15px;
    }

@media (max-width: 768px) {
   .sachetPopupMedia {
    margin-left: 0px !important;
    font-size: 15px !important;
    text-align: center;
    }

    .sachetPopupMediaScoreSim {
    margin-top: 22px !important;
    color: #00A6CA;
    text-align: center;
    }

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

   .sachetButton {
  
    margin-left: 0px;
    width: 100% !important;
    }

    .sachetSecond {
    margin-left: 0px;
    
    }

    .sachetSecondOne {
    margin-left: 0px;
    }

    .sachetAlignCenter {
    margin-left: 0px;
    text-align: center;
}

    .sachetbuttonFont {
        font-size: small !important;
    }

    .sachetMedia {
        margin-top: 15px;
    }

    
}