/*Login*/

body.login{
    width: 100%;
    background: #fff;
}
/* Removed conflicting fixed positioning - using CSS from style.css instead */
.caseInfoDiv .flex-fill {
    overflow-x: auto;
    overflow-y: clip;
    margin-right: 5px;
}
/***360 cards css**/
.three-column-grid .grid-sizer {
	width:  33.3% !important;
}
.three-column-grid .grid-item-width1 {
	width:  100% !important;
}
.three-column-grid .grid-item-width2 {
	width:  66.6% !important;
}
.three-column-grid .grid-item-width3 {
	width:  33.3% !important;
}
.two-column-grid .grid-sizer {
	width:  49.5% !important;
}
.two-column-grid .grid-item-width1 {
	width:  100% !important;
}
.two-column-grid .grid-item-width2 {
	width:  49.5% !important;
}

/***End of 360 cards css**/
/****Customized offcanvas****/
.offcanvas{background: var(--color-white)!important;box-shadow:0 16px 78px rgba 82, 82, 91, 50%;border:0;backdrop-filter:saturate(150%) blur(4px)}
.offcanvas-lg{ width:1200px}
.offcanvas-xl{ width:1400px}
.offcanvas-md{ width:600px}

.offcanvas-header .btn-close{background:0 0;opacity:1;text-decoration:none;float: right;padding: 16px 10px 10px 10px !important;text-align:center;background:none;transition: ease 0.3s; color:var(--gray-500); display: none;}
.offcanvas-header .btn-close:hover{color:var(--color-900-gray);}
.offcanvas-header .btn-close::after{content:"\F659";font-family:bootstrap-icons;font-size:16px;line-height:10px; top:-2px; position:relative}
.offcanvas-md .offcanvas-header:before {content: "";height: 4px;position: absolute;bottom: 0;left: 0;right: 0;top: 0;background: var(--color-gradient-linear);z-index: 1;}
.offcanvas-body,.offcanvas-header{padding:16px 24px;}

.offcanvas-header h3.card-title{ font-size: var(--font-size-4x-large); font-weight: var(--font-weight-semibold);}
.nav-tabs,.offcanvas-header{border-bottom:solid 1px #E5E5E5}
.offcanvas-title{font-weight:700;display: inline;}
.offcanvas-title small{ display: block; font-size:0.9rem; font-weight: 500;}
.offcanvas-title, .modal-title{color: #1E293B;font-size:var(--font-size-5x-large); font-weight: var(--font-weight-semibold);}
.offcanvas-md .offcanvas-header {	display: block;
    	/* border-top: 2px solid var(--color-secondary); */
         background: var(--gray-50) !important;}
.offcanvas.offcanvas-end#outofoffice{width: 90% !important;}
.offcanvas.offcanvas-end{width: 700px;box-shadow: var(--elevation-light-2xl);}
.offcanvas-footer{ padding:20px; border-top:solid 1px  #D4D4D4}
.offcanvas-body {display: block !important;	padding:16px 24px !important; overflow-y: auto !important;}
.offcanvas-header .btn-close::after:hover {    color: #000;}
  /* Footer fixed at the bottom of the offcanvas */
.offcanvas .offcanvas-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: 16px 24px !important;
    padding-right: 41px;
    border-top: 1px solid #dee2e6;
    bottom: 0;
    left: 0;
    right: 0;
    bottom: 0 !important;
    position: fixed;
    width: 100%;
    padding-bottom: 16px !important;
    background: var(--color-white);
}
.offcanvas-body .card.card-primary>.card-body{padding:8px }
.caserisk360Offcanvas .offcanvas-body {
	max-height: calc(98vh - 120px); /* Adjust the height to account for header and footer */
	overflow-y: auto;
	padding-bottom: 80px; /* Ensure enough space for the footer */
}
.offcanvas-body .card.card-primary{margin-left:0 !important;margin-right: 0 !important; margin-bottom: 24px;box-shadow: none !important;padding: 0 !important;border: 0;}
.offcanvas-body .card.card-primary .card-header{padding: 4px 0 !important;background: none;}
.offcanvas-body .card.card-primary .card-header h3.card-title{}
.offcanvas-body .card.card-primary .card-body{ padding: 8px 0 !important;}

/*************
Revisit below this
****************/

.btn-help {
    display: inline-block;
    
}

.collapseTabsPan{border: solid 1px  var(--color-200-gray) !important;margin-bottom: 16px;border-radius: var(--radius-md);overflow: hidden;}
.collapseTabsPan .collapseTabsBtn {
    display: block;
    padding: var(--padding-md) var(--padding-xl) var(--padding-md) 37px;
    text-decoration: none;
    position: relative;
    background :var(
    --color-50-gray);
    font-weight: 600;
    padding-right: 20px;
    transition:ease 0.3s;
    color: var(--color-900-gray);
    }

.collapseTabsPan .collapseTabsBtn:before{content:"";background-image: url('../icons/zinnia-icons/images/chevron-right.svg');width: 20px;height: 20px;display: inline-block;background-size: cover;background-repeat: no-repeat;position: absolute;left: 12px;top: 7px;filter: grayscale(1) brightness(.80);transform: rotate(90deg);transition: ease 0.3s;}
.collapseTabsBtn.collapsed:before{transform: rotate(0deg);}

.list-group.list-tabs a.list-group-item{border:0;border-bottom:solid 1px var(--color-300-gray);padding:var(--p-3);position:relative;border-radius:100px;margin-bottom:10px}

.list-group{ transition:var(--transition)}
.list-group a.list-group-item{border-radius:0;border:0;border-bottom: solid 1px var(--color-200-gray);font-weight:var(--fw-500);color: var(--color-900-gray);background:none;cursor: pointer;padding: var(--padding-md) var(--padding-xl);}
.list-group a.list-group-item:hover{ background-color: var(--color-secondary-lightest); color: var(--color-secondary);}

.list-group a.list-group-item i{width: 20px;height: 20px;margin-right: 3px;}
.list-group a.list-group-item:nth-last-child(1){ border:0}
.list-group a.list-group-item:hover{/* background:var(--color-primary-lightest); *//* color:var(--color-primary); */}
.collapseTabsBody{/* padding-top: 8px; */border-top: solid 1px var(--color-200-gray);/* padding: var(--padding-xl) !important; */}
.TPPRUNTIME.topLeftLayout #logout_none{display: none;}
.error.alert.alert-info:empty, .hide, span.dateFormatt {    display: none !important;}
/*Reminder Label*/
#remindermodalDivId .modal-footer{
    justify-content: center !important;
}

.card-footer.no-border{
    border:0px !important
}
.card.card-transparent.customNewLayoutPanel {
    box-shadow: none;
}
.bootbox .modal-body {
    /* padding-top: 0px !important; */
}
/***QUestionnaire***/

.question-row{ border-bottom:solid 1px var(--gray-100) !important; padding: 8px 0;}
.question-row:hover{background: var(--gray-50);}
.question-row .form-check-inline{/* margin-right:8px !important; */min-height: auto;/* margin-bottom: 0; */}
.question-row.form-group{min-height: auto !important;padding: 4px;border: 0 !important;}
.question-row.form-group .form-check{min-height: auto !important;/* margin: 0; */}
#questionnaireComponent .question-row.form-group{min-height: auto !important;border-bottom: solid 1px var(--color-100-gray) !important;padding: var(--padding-lg) var(--padding-4xl) var(--padding-sm) var(--padding-xl);margin-bottom: 0px;background: transparent;}
#questionnaireComponent .question-row.form-group.error label.error{   position: relative !important; bottom: 2px !important; left: 3px;}
.question-row-L2{padding-left: 24px;border-left: solid 2px var(--color-100-gray);margin-left: 3px;}
.question-row-L2 > .form-group:nth-child(1)::before{content:"*"; position: absolute; left:-10px; top: 0;}
.question-row.form-group .question-row-L2{margin-left: 5px;margin-top: 8px;}
.question-row.form-group .question-row-L2 .question-row-L2{margin-left: 11px;}
.question-row .question-row-L2 .form-group{ min-height: auto;}
.questionnaireSummaryDiv .question-row.form-group .question-row-L2{ margin-left: 4px;}
.question-row-L2 .question-row-L2{ margin-left:6px ;}
div.question-row .question-row-L2 > .form-group:nth-child(1)::before{
    content: "";
    left: -33px !important;
    top: 9px !important;
    font-size: 38px;
    line-height: 0px;
    width: 12px;
    height: 12px;
    border-radius: 3px;
    /* background: var(--color-200-gray); */
    height: 16px !important;
    width: 16px !important;
    border: 0 !important;
    position: absolute !important;
    }
.question-row:hover {   background: var(--color-50-gray) !important;   }
.ques-panel {border: solid 2px var(--color-100-gray);margin-bottom: 10px;padding: 16px;}
.ques-panel .ques-heading {border-bottom: solid 2px var(--color-100-gray);padding-bottom: 8px;}
.ques-panel .ques-heading h3{font-weight: var(--font-weight-semibold);margin-bottom: 0px;font-size: var(--font-size-medium);}
.ques-panel .ques-body .question-row-L2{ margin-top: 10px; margin-left: 13px;}

.ques-panel .ques-body .ques-panel{ margin-right: 10px;}
.ques-panel .ques-body .ques-panel .ques-heading h3{font-size: var(--fs-base);  color:var(--primary-500);}

.question-row label.form-label, .question-row label.form-label b {
    font-weight: var(--font-weight-semibold) !important;
    padding-top: 7px;
}
#questionnaireComponent .question-row.form-group .col-lg-8+.col-lg-4 .form-control+.error {
    position: inherit;
}

/*****Questionaire end****************/
/**App summary**/
#appSummaryList .table.table-bordered tr td:first-child{width: 50%;}
#summaryValid.table.table-bordered tr td:first-child{text-align: left;width:inherit;}
#appSummaryList .table.table-bordered tr td:last-child,
.quesSummaryValue,#appSummaryList .selectedParent .valueText{font-weight: var(--font-weight-semibold);}
.questionnaireSummaryDiv .question-row-L2 .form-group {min-height: inherit;margin-bottom: 5px;}
#appSummaryList .accordion-item .card>.card-body>.question-row.form-group .question-row-L2 .form-group:before {content: "";left: -26px;top: -5px;position: absolute;display: block;width: 11px;border-bottom: solid 2px var(--color-100-gray);z-index: 1;height: 16px;border-radius: 0;}
#appSummaryVO #questionnaireComponent .question-row.form-group .form-group { min-height: auto !important;margin: 0;}
/*****Customizations******/
.hide, .visibilityHdn{
    display: none !important;
}
.width100{width: 100%;}
.exceeds-300 {
    width: 300px;
    text-wrap: wrap !important;
    min-width: 300px;
}
.table.th-no-wrap .exceeds-500 {
    width: 300px;
    text-wrap: wrap !important;
    min-width: 300px;
    white-space: initial;
}
.exceeds-500 .btn-chip{  margin-bottom: 4px;}
.select-control {
    width: 100%;
}
.summaryLayout li#logout_none {
    display: none;
}
.backto-link {
    padding: 16px 0px;
    display: inline-block;
}

.dateWidTd { min-width: 180px;}
.w-200 { width: 200px;}
.mw-xs {min-width: 140px;}
.w200 {
    width: 200px;
}
button.multiselect.dropdown-toggle.disable.btn.btn-primary, button.multiselect.dropdown-toggle.disable.btn.btn-primary:hover {
    background: var(--color-white) !important;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    width: 125px;
}
ul.multiselect-container.dropdown-menu.show {
    position: absolute !important;
    left: 0;
    right: auto;
    margin-top: 2px;
    z-index: 9999;
	max-height: 180px !important;
}
#remindermodalDivId .modal-sm .form-label{
    float: left !important;
}
.flatWidth {
    min-width: 350px !important;
}
.form-control.riskmgmtTbleFld, .select-control.riskmgmtTbleFld {
    /* width: 100px; */
}
a#opensubstatbtn1 {
    padding-left: 32px;
}

/*****cards customization*****/
.summaryTableContainerDiv thead {
    position: sticky;
    top: 0;
    z-index: 1;
}
.summaryTableContainerDiv {
    width: 100%;
    height: 240px;
    overflow-y: auto;
}
.summaryTableContainerDiv th:not(:last-child) {
    width: 1%;
}
div#CaseAssignment_body, #ExistingPolicyinformation_body, #CashManagement_body, #RelatedCases_body {
    max-height: 128px;
}
div#CaseAssignment_fr_body, #ExistingPolicyinformation_fr_body, #CashManagement_fr_body, #RelatedCases_fr_body {
    max-height: 128px;
}
.summaryTableContainerDiv#DecisionSummary_body{
    height: inherit !important;
}
.summaryTableContainerDiv#DecisionSummary_fr_body {
     height: inherit !important;
}
#AgentInformation_body{
    height:97px !important;
}
 #AgentInformation_fr_body{
    height:97px !important;
}

div#InsuredDetails_body {
    height: 318px;
}
div#InsuredDetails_fr_body {
    height: 318px;
}
/* .summaryTableContainerDiv#Financial_body{ height: 120px;} */
/* div#InsuredDetails_body {
    height: 442px;
} */
div#CoverageInformation_body, #ParticipantInformation_body, #OpenWorkItems_body {
    height: 162px;
}
div#CoverageInformation_fr_body, #ParticipantInformation_fr_body, #OpenWorkItems_fr_body {
    height: 162px;
}

#Reinsurance_body{ height: 222px;}
#Reinsurance_fr_body{ height: 222px;}

div#PremiumMode_body {
    height: 65px;
}
div#PremiumMode_fr_body {
    height: 65px;
}

.caselog-search .form-actions{margin-top: 7px;}
table#id_listTable tr td.wrapTD{
	white-space: normal !important;
	max-width: 340px !important;
	width: 340px !important;
	word-wrap: break-word; 
 }
 table#id_listTable tr	th.wrapTh {
	   min-width: 340px !important;
	   white-space: normal !important;
	   width: 340px !important;
	   word-wrap: break-word; 
 }
.summaryGrid .card-header{
    max-height: 24px;
    height: 24px;
}

.modal-title {
    color: var(--color-900-gray);
    font-size: var(--font-size-5x-large);
    font-weight: var(--font-weight-semibold);
}