* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'WebFont', 'Open Sans', 'Poppins', 'Roboto', Arial, sans-serif;
	font-size:10px;
}

.ContainerMain{
	display: grid;
	grid-template-columns:200px repeat(11, 1fr);
/*	grid-template-rows:65px auto;*/
	grid-template-rows:65px repeat(11, auto);
	max-height: 100vh;
}

/*Botones*/
.Btn{
	display: inline-block;
	background-color: transparent;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: center;
	font-size: 1rem;
	padding: 5px;
	border: 1px solid transparent;
	border-radius: .55rem;
	display: block;
	margin-left: 15px;
	font-weight: bold;
	height:25px;
}

.BtnNavBar{
	grid-column:1/1;
	grid-row:2/2;
	margin-left:8px;
	font-size:1.7em;
	z-index:15;
}

.BtnNew{
	color: #f9f9f9;
	border-color: #f9f9f9;
	width: 70px;
	height:25px;
	font-size:0.8em;
}
.BtnNew:hover{
	color: #f9f9f9;
	background-color: #636e72;
	border-color: #636e72;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnSave{
	color: green;
	border-color: green;
	min-width: 80px;
	width: auto;
}
.BtnSave:hover{
	color: white;
	background-color: green;
	border-color: green;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
/*	width: 80px;*/
}

.BtnSalir{
	color: #f9f9f9;
	border-color: #f9f9f9;
	width: 70px;
	height:25px;
/*	font-size:0.8em;*/
}
.BtnSalir:hover{
	color: #f9f9f9;
	background-color: #636e72;
	border-color: #636e72;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnPrint{
	color: #004a94;
	border-color: #004a94;
/*	width: 100px;*/
}
.BtnPrint:hover{
	color: white;
	background-color: #004a94;
	border-color: #004a94;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
/*	width: 80px;*/
}

.BtnInfo{
	color: #004a94;
	border-color: #004a94;
	width: 80px;
}
.BtnInfo:hover{
	color: white;
	background-color: #004a94;
	border-color: #004a94;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	width: 80px;
}

.BtnExport{
	color: black;
	border-color: #c8c8c8;
	width: 80px;
}
.BtnExport:hover{
	color: black;
	background-color: #ecf0f1;
	border-color: #ecf0f1;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	width: 80px;
}

.BtnEdit{
	color: #636e72;
	border-color: #636e72;
	width: 80px;
}
.BtnEdit:hover{
	color: white;
	background-color: #636e72;
	border-color: #636e72;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	width: 80px;
}
.BtnSmall{
	color: #636e72;
	border-color: #636e72;
	width: 80px;
}

.BtnSmall:hover{
	color: white;
	background-color: #636e72;
	border-color: #636e72;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	width: 80px;
}

.BtnCancel{
	color: red;
	border-color: red;
	width: 80px;
}
.BtnCancel:hover{
	color: white;
	background-color: red;
	border-color: red;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	width: 80px;
}

.BtnPage{
	width:30px;
	height:25px;
	margin-left:8px;	
}

.BtnPage:hover{
	background-color:#34495E;
	color:#f9f9f9;
	border:1px solid #34495E;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnProcess{
	color:#34495E;
	border:1px solid #34495E;
	width: 60px;
	font-size:1em;
/*	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;*/
}
.BtnProcess:hover{
	background-color:#34495E;
	color:#ffffff;
	border:1px solid #f9f9f9;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	width: 60px;
}

.BtnDisabled{
	visibility:hidden;
	color:#c1c1c1;
	border:1px solid #c1c1c1;
	width: 80px;
	font-size:1em;
}
/*.BtnDisabledMenu{
	visibility:hidden;
	width:100%;
	background-color:#3C4D5E;
	color:#f9f9f9
}*/

.BtnDisabledMenu {
    pointer-events: none;  /* Deshabilita la interacción con el enlace */
    background-color: #ccc;  /* Cambia el color de fondo a uno que denote estado deshabilitado */
    color: #666;  /* Cambia el color del texto */
    cursor: not-allowed;  /* Cambia el cursor para mostrar que no se puede hacer clic */
    opacity: 0.5;  /* Reduce la opacidad */
}


.BtnDisabled:hover{
	color:#c1c1c1;
	border:1px solid #c1c1c1;
	width: 80px;
	font-size:1em;
}

.BtnExit{
	color: var(--ColorCancel);
	border-color: var(--ColorCancel);
	width: 55px;
}
.BtnExit:hover{
	color: var(--LetterWht);
	background-color: var(--ColorCancel);
	border-color: var(--ColorCancel);
}

.BtnApply{
	background-color: #ffffff;
	color: #353b48;
	border-color: #353b48;
	height:35px;
	margin-bottom: 8px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnApply:hover{
	background-color:#353b48;
	color: #f9f9f9;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.btnReFactor{
	width: 50%;
	height: 10%;
	background-color: #f6f6f6;
	margin: 16px;
	font-size: 1.5em;
}
	
.btnReFactor:hover{
	width: 50%;
	height: 10%;
	background-color: #353b48;
	margin: 16px;
	font-size: 1.5em;
	color: #f9f9f9;
}

.BtnDisabled{
	background-color:lightgray;
	color:gray;
}
/*Botones*/

/*Header*/

.HeaderMain{
	grid-column:1/-1;
	grid-row:1/1;
	display:flex;
	justify-content:space-between;
	width:100%;
	height:65px;
	background-color:#3C4D5E;
	align-items:center;
}
.AvatarUser{color:#ffffff;}
.UserContent{
	display: flex;
	justify-content:center;
	padding-bottom:32px;
}
.AvatarContent{
	display: flex;
	flex-direction:column;
	justify-content: center;
}
.AvatarImg{
	width: 8em;
	margin-left: auto;
	margin-right: auto;
}
.LogoHeader{
	font-size:3em;
	text-align:center;
	padding:16px 32px;
	font-weight:bold;
	color:#f8f8f8;
}
.LogoMenu{
	font-size:3em;
	text-align:center;
	padding:16px 0;
	font-weight:bold;
	color:#f8f8f8;
}


/*Header*/

/*Menu*/

.ContentMenu{
	position:fixed;
	background-color:#3C4D5E;
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
	width:200px;
	max-height: 100vh;
	height:100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	top:0;
	z-index:999;
}

.ContentNav{
	width:100%;
	max-height: 100vh;
	height:100vh;
	display: flex;
	flex-direction:column;
}

.AvatarUser{
	font-size:3em;
	padding:16px;
	font-weight:bold;
}
.SubMenu{
	display: flex;
	flex-direction:column;
	background-color:#f8f8f8;
}
.ItemMenu{
	padding-left:30px;
	color:#f9f9f9;
	line-height:30px;
}

.ItemMenu > span{font-size:1.3em;}

.ItemMenu:hover{
	background-color:#222f3e;
	padding-left:30px;
	color:#f9f9f9;
	line-height:30px;
}

.ItemSubMenu{
	font-size:1.3em;
	padding-left:30px;
	color:#0A3D62;
	line-height:30px;
}

.ItemSubMenu:hover{
	padding-left:30px;
	background-color:#c5c5c5;
	color:#0A3D62;
	line-height:30px;
}
.AvatarPosition{
	color:#f9f9f9;
	text-align: center;
}

.Order-1{order: 0;}.Order-2{order: 1;}.Order-3{order: 2;}.Order-4{order: 3;}.Order-5{order: 4;}.Order-6{order: 5;}.Order-7{order: 6;}.Order-8{order: 7;}.Order-9{order: 8;}.Order-10{order: 9;}.Order-11{order: 10;}.Order-12{order: 11;}.Order-13{order: 12;}.Order-14{order: 13;}.Order-15{order: 14;}

.SubMenuFile{
	display: none;
}
.SubMenuOperation{
	display: none;
}

.SubMenuHistory{
	display: none;
}
.Vcenter{
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
.IconMenu{
	scale:1.7;
	padding-right:8px;
}
.InfoApp{
	width:100%;
	margin-bottom:1rem;
	color:#f9f9f9;
	text-align:left;
	color:#ffffff;
	text-align:center;
}

.MenuAction{
	position:relative;
	display:flex;
	flex-direction:column;
	background-color:#d8d8d8;
	width:100px;
	margin-left:20px;
	line-height:22px;
	z-index:30;
}

.MenuAdvanced{
	position:absolute;
	display:flex;
	flex-direction:column;
	background-color:#d8d8d8;
	width:100px;
	margin-left:20px;
	line-height:22px;
	z-index:30;
}

.MenuFinally{
	position:absolute;
	display:flex;
	flex-direction:column;
	background-color:#d8d8d8;
	width:130px;
	margin-left:20px;
	line-height:22px;
	z-index:30;
}

.BtnMenuOption{
	padding:0 8px;
}
.BtnMenuOption:hover{
	padding:0 8px;
	width:100%;
	background-color:#3C4D5E;
	color:#f9f9f9
}

.BtnNavBar{
	grid-column:1/1;
	grid-row:2/2;
	margin-left:8px;
	font-size:1.7em;
/*	z-index:15;*/
	margin-top:15px;
	margin-left:15px;
}
/*Menu*/


/*contenido*/

.InputSmall{
	width: 20%;
	min-width: 114px
}
.InputMiddle{
	width: 40%;
	min-width: 114px
}
.InputFormFecha{
	width:120px;
}

.InputMiddleX{
	width: 60%;
	min-width: 114px
}

.InputMiddleM{
	width: 100%;
	min-width: 114px
}
/*Validador Cupo*/
.HeaderGroup{
	display: flex;
	justify-content:space-between;
	align-items:flex-end;
	padding:4px;
}
.ControlTop{
	display:flex;
	justify-content:space-between;
}
.ControlTop>span{
	width:100px;
}

.ValidationTop{
	padding:4px;
}

.TopColor{
	background-color:#f8f8f8;
	border:1px solid #f8f8f8;
	border-radius:5px;
}
.TopColorRed{
	background-color:red;
	color:#f9f9f9;
	border-radius:8px;
	padding:4px
}
/*Validador Cupo*/

/*Imprimir comisones de recupero*/
.ContentPrintRecovery{
	display: none;
	position: fixed;
	background-color:rgba(0, 0, 0,0.8);
	width:100vw;
	height:100dvh;
	min-height:768px;
	z-index:25;
	justify-content:center	
}

.formPrintRecovery{
	width: 35%;
	background-color: #f9f9f9;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10%;
}

.BodyPrintRecovery{
	padding: 16px;
}

.footerGroup{
	padding: 16px 0;
}
/*Imprimir comisones de recupero*/

/*Formulario de Productos Baremo*/
.modalBaremo{
	display: none;
	position: fixed;
	background-color:rgba(0, 0, 0,0.8);
	width:100vw;
	height:100dvh;
	min-height:768px;
	z-index:25;
	justify-content:center
}
.HeaderBaremo{
	background-color:#3C4D5E;
	color:#f9f9f9;
	padding:8px;	
}
.formBaremo{
	width: 45%;
	background-color: #f9f9f9;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10%;
}
.contentHeaderBaremo{
	display: grid;
	grid-template-columns:repeat(4, 1fr);
	width: 100%;
	background-color:#c8c8c8;
	place-items:center;

}
.contentBaremoList{
	display: flex;
	flex-direction:column;
	line-height:25px;
/*	padding:16px;*/
	overflow:hidden;
	width: 100%;
}
.contentBaremoItem{
	display: grid;
	grid-template-columns:repeat(4, 1fr);
}
.contentBaremoItem:nth-child(even){
	background-color: #ecf0f1;
}
.itemBaremo{
	border:none;
	background-color:transparent;
	outline:none;
	height: 25px;
	border-radius:5px;
	font-size:12px;
	width:auto;
}
.itemBaremo:focus{
	border:none;
	background-color:#ffffff;
	outline:none;
	height: 25px;
	border-radius:5px;
	font-size:12px;
	border:1px solid #d5d5d5;
}

.FooterGroupBaremo{
	background-color:#c8c8c8;
	display: flex;
	align-items:center;
	height:60px;
}

/*Formulario de Productos Baremo*/

/*Formulario de baja*/
.ContentModalFormState{
	display: none;
	position: fixed;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height: 100vh;
	max-height:100vh;
	z-index:25;
	justify-content:center;
}
.InputState{
	width: 150px;
}
.HeaderGroupState{
	color: #f9f9f9;
	width: 100%;
	background-color: #3C4D5E;
	padding: 4px;
}
.ModalFormState{
	margin-right: auto;
	margin-left: auto;
	margin-top: 15%;
	place-items: center;
	width: 230px;
	height: 110px;
	background-color: #ffffff;
}
.BodyModalForm{
	padding: 8px;

}
.FooterModalForm{
	display: flex;
	place-items: center;
}
/*Formulario de baja*/

/*Data table modal*/

.ContentList{
	width:100%;
	grid-column: 3/12;
	grid-row:2/7;
	height:90vh;
}

.InputDateLiq{
	width: 18%;
}
.InputSearch{
	width: 50%;
	padding: 32px 0; 
}
.HeaderList{
	background-color:#34495E;
	width:100%;
	color:#f9f9f9;
}
.HeaderTitleItem{
	background-color:#c7c7c7;
	color:#000000;
	padding: 4px 0;
	font-size:1.2em;
}
.HeaderListContentTitle{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	padding:4px 16px;
	font-size:1em;
}

.HeaderListTitle{
	font-size:1.4rem;
}

.HeaderTitleList{
	display: grid;
	grid-template-columns: 10% 30% 20% 20% 10% 10%;
	height:37px;
}
.HeaderTitleListLoand{
	display: grid;
/*	grid-template-columns: 10% 30% 10% 20% 10% 10% 10%;*/
	grid-template-columns: 8% 10% 25% 25% repeat(3, 1fr);
	height:37px;
}
.BodyListItemsLoan{
	display: grid;
	grid-template-columns: 8% 10% 25% 25% repeat(3, 1fr);
	height:40px
}
.BodyListItemsLoan:nth-child(even) {
		background-color: #ecf0f1;
}

.BodyList{
	height:70vh;
	overflow:hidden;
	overflow-y:scroll;
}

.BodyListItems {
		display: grid;
		grid-template-columns: 10% 30% 20% 20% 10% 10%;
		grid-auto-rows: 30px; /* Altura específica para las filas automáticas */
		padding: 4px 0;
}

.RowExtra {
    grid-column: 1 / -1;
    height: 30px;
    line-height: 30px;
    font-size: 9px;
    color: #333;
}
.ActionList{
	height: 15px;
}

.BodyListItems:nth-child(even) {
		background-color: #ecf0f1;
}


.FooterList{
	background-color:#c7c7c7;
	display: flex;
	justify-content:space-between;
}

.Pagination{
	
	padding:8px 16px;
}
.TotalRecord{
	font-size:1.2em;
	padding:8px 16px;
}


/*Contenedor Lista de consulta*/
/*Modulo de prestamo*/
.ContentEvaluation{
	grid-column:5/8;
	grid-row:3/3;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	height:150px;
}
.BodyEvaluation{
	padding:8px;
}

.HeaderRegister{
	display: flex;
	justify-content:space-between;
	align-items:center;
	background-color:#34495E;
	color:#f9f9f9;
	padding: 8px 0;
}

.NumberOperation{
	font-size:1.3em;
	padding-right:8px;
}
.TitleNewRegister{
	font-size:1.3em;
	padding-left:16px;
	color:white;
}

.ReferenceRequest{font-size:1.2rem;color:white}

.ContentLendLease{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	grid-column:3/10;
/*	grid-column:4/10;*/
	grid-row:2/-1;
	margin-top:30px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows:45px repeat(11, 45px);
	max-height:80vh;
}
.ContentLoanValidation{
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	grid-column:3/10;
/*	grid-column:4/10;*/
	grid-row:2/-1;
	margin-top:30px;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows:45px repeat(11, 45px);
	max-height:80vh;
}
.HeaderRequiere{
	background-color:#34495E;
	grid-column:1/-1;
	grid-row:1/1;
	display: flex;
	justify-content:space-between;
	align-items:center;
	padding:8px;
}
.FormContentLendLease{
	grid-column:1/-1;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows:repeat(12, 1fr);
}
.DetailRequest{
	grid-column:1/6;
	grid-row:2/-1;
	margin: 8px 16px;
	width:100%;
	display: grid;
	grid-template-columns:repeat(2, 300px);
	column-gap:15px;
}

.ContentInfoJobVal{
	grid-column:1/6;
	margin: 8px 16px;
}
.DateLoand{
	grid-column:1/1;
	grid-row:1/1;
}
.IdentityCustomer{
	grid-column:1/1;
	grid-row:2/2;
}
.FullName{
	grid-column:1/1;
	grid-row:3/3;
}

.InputLoanType{
	display: flex;
	place-items:center;
	grid-column:1/1;
	grid-row:4/4;

}
.AmountRequest{
	grid-column:1/1;
	grid-row:5/5;
	width:50%;
}
.InputQuota{
	display: flex;
	place-items:flex-end;
	grid-column:1/1;
	grid-row:6/6;
}

.ButtonLease{
	display: flex;
	margin:16px 0;
	grid-column:1/1;
	grid-row:7/7;
}
.InputPromotor{
	grid-column:2/2;
	grid-row:1/1;
	width: 60%;
}
.InputAssociated{
	grid-column:2/2;
	grid-row:auto/auto;
}
.Classification{
	grid-column:2/2;
	grid-row:2/2;
	width:180px;
}

.Authorizer{
	grid-column:2/2;
	grid-row:3/3;
	width:180px;
}

.ContentNoventa{
	grid-column:2/2;
	grid-row:auto/auto;
	width:180px;
}

.bodyNoventa{
	display:flex;
	flex-direction:column;
	background-color:#f8f8f8;
	margin-top:8px;
	border-radius:0.55rem;

}

.noventaItems{
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	padding:0 16px
}

.noventaItems:nth-child(even) {
	background-color: #ecf0f1;
}

.AmountNoMember{
	grid-column:2/2;
	grid-row:auto/auto;
	width:70%;
}
.QuotaNoMember{
	grid-column:2/2;
	grid-row:auto/auto;
	width:70%;
}

.AmountPlus{
	grid-column:2/2;
	grid-row:auto/auto;
	width:70%;
}

.AmountQuota{
	grid-column:2/2;
	grid-row:auto/auto;
	width:70%;
}

.AmountLiquidar{
	grid-column:2/2;
	grid-row:auto/auto;
	width:70%;
}

.TaxInterest{
	background-color:#f9f9f9;
	padding:8px;
	font-size:1.2em;
	border-radius:8px;
}
.ResultQuota{
	background-color:#f9f9f9;
	padding:8px;
	font-size:1.5em;
	border-radius:8px;
}

.CheckSelect{
	margin-left: 16px;
}


.BottonGroup{
	margin-top:16px;
	margin-bottom: 16px;
	display:flex;
	align-items:flex-end;
}
/*Vista preliminar solicitud prestamo*/
.ContentModalView{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
/*	display: flex;*/
	justify-content:center;
	align-items:center;
	display: none;
}
.ContentViewLoan{
	background-color:#ffffff;
	width:45%;
	height:350px;
}
.BodyView{
	display: flex;
	place-items:center;
	justify-content:center;
	margin-top:24px;
	padding:8px;
}
.ContentInfoView{
	display: grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:5px;

}
.HeaderTitleView{
	background-color:#c4c4c4;
	grid-column:1/-1;
}
.footerViewLoan{
	margin-top:30px;
	padding:16px;
	display: flex;

}
/*Vista preliminar solicitud prestamo*/
.ContentModal{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	display: flex;
	justify-content:center;
	align-items:center;
	display: none;
	z-index:30;
}

.ContentModalPrintContrato{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	display: flex;
	justify-content:center;
	align-items:center;
	display: none;
	z-index:30;
}

.ContentBtnPrint{
	background-color:#ffffff;
	width:400px;
	height:100px;
	top:200px;
	position: absolute;	
}

.ContentHeaderPrint{
	background-color:#34495E;
	padding:8px;
}
.BodyBtnPrint{
	display: flex;
	justify-content:space-around;
	align-items:center;
	height:70px;
	width:100%;
}

.ContentModalUpdate{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	display: flex;
	justify-content:center;
	align-items:center;
	display: none;
	z-index:30;
}



.ContentModalProvider{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	display: flex;
	justify-content:center;
	align-items:center;
	display: none;
}

.ContentModalNc{
	display: none;
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	min-height:700px;
	z-index:20;
	justify-content:center;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.FormModalNc{
	background-color:#ffffff;
	margin-top:7%;
	margin-left:auto;
	margin-right:auto;
	width:35%;
	height:350px;
	border-radius:5px;
}
.InputDateCxcNC{
	width: 40%;
}
.InputAmountNC{
	width: 40%;
}
.AmountNC{
	width:30%;
	text-align:right;
}
.BtnGroupNc{
	display: flex;
	justify-content: flex-end;
	padding: 16px;
}
.InputAreaNc{
	width: 90%;
}
/*Nota de crédito*/

/*********************************************Pafgo***************************************/
/*Modulo de pago*/
/*Payed*/
.ContentListPayed{
	display: none;
	position: fixed;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	max-height: 100vh;
	z-index:20;
	justify-content:center;
}

.TotalPayed{
	background-color:#d9d9d9;
	width:200px;
	display: flex;
	place-items:center;
	justify-content:center;
}
.ValorTotalPago{

	font-size:1.3em;
}

.FormPayedTotales{
	background-color:#ffffff;
	margin-top:1%;
	margin-left:25%;
	width:50%;
	height:auto;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.ResumTotal{
	padding:16px;
}
.HeaderListPayed{
	background-color: #353b48;
	color: #f9f9f9;
	height: 35px;
	display: flex;
	justify-content:space-between;
	align-items: center;
	padding: 0 18px;
}

.HeaderNd{
	background-color: #353b48;
	color: #f9f9f9;
	height: 35px;
	display: flex;
	justify-content:space-between;
	align-items: center;
	padding: 0 18px;
}

.HeaderNc{
	background-color: #353b48;
	color: #f9f9f9;
	height: 35px;
	display: flex;
	justify-content:space-between;
	align-items: center;
	padding: 0 18px;
}

.ListDetailCxCPayed{
	height:230px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-left:5px;
}
.HeaderListDetailCxcPayed{
	display: grid;
	grid-template-columns: 10% 12% 15% 5% 5% 16% 16% 10%;
	grid-gap:10px;
	background-color: #c8c8c8;
	padding-left:5px;
}
.ListDetailLineCxcPay{
	display: grid;
	grid-template-columns: 10% 12% 15% 5% 5% 16% 16% 10%;
	grid-gap:10px;
	line-height:20px;
	align-items:center;
	padding-left:5px;
}
.ListDetailLineCxcPay:nth-child(even) {
		background-color: #ecf0f1;
}
.VenceColor{
	color:red;
}
.FechaRecord{
	width:25%;
}
.FechaCobro{
	width:25%;
}
.TotalPagos{
	width:50%;
}
.BtnGroupCxC{
	display:flex;
	justify-content:space-between;
	padding:8px;
}

/*Llama la operación*/
.ContentModalPayed{
	position: fixed;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	max-height: 100vh;
	z-index:20;
	display: none;
}

.TitleModal{
	font-size:16px;
	padding:8px 10px;
	vertical-align:center;
	color:#f9f9f9;
	background-color: #34495E;
	display: flex;
	justify-content: space-between;
}

.FormModalPayed{
	background-color:#ffffff;
	margin-top:3%;
	margin-left:auto;
	margin-right:auto;
	width:40%;
	height:490px;
	border-radius:5px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.ContentItemPay{
	padding:16px;
}

.InputDayPayed{
	width:40%;
}

.InputMethodPay{
	width:30%;
}

.InputRefTotal{
	width:45%;
}


/*Llama la operación*/

/*Payed*/
/*Modulo de pago*/
/*Nota de débito*/
.ContentModalNd{
	display: none;
	position: fixed;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height: 100vh;
	max-height:100vh;
	z-index:20;
	justify-content:center;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.FormModalNd{
	background-color:#ffffff;
	margin-top:7%;
	margin-left:auto;
	margin-right:auto;
	width:35%;
	height:450px;
	border-radius:5px;

}
.ContentFormNd{
	padding:8px;
}
/*Nota de débito*/
.HeaderNC,.HeaderNC{
	font-size:16px;
	padding:8px 10px;
	vertical-align:center;
	color:#f9f9f9;
	background-color: #34495E;
	display: flex;
	justify-content: space-between;

}
.HeaderTitle{
	font-size: 1.5em;
	color:#ffffff;
}

.ContentModalBody{
	padding: 8px;
}
.ContentModalRegistro{
	width: 40%;
	height: 450px;
	background-color: white;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.FormModal{
	background-color:#ffffff;
	margin-top:5%;
	margin-left:25%;
	width:50%;
	height:520px;
	border-radius:5px
}
.TitleBodyModal{
	background-color: #f9f9f9;
}
.BodyModal{
	min-height: 330px;
	max-height: 330px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.FooterModal{
	display: flex;
	justify-content: space-between;
	padding: 16px 16px;
}


.ContentI2foJob{
	grid-column:1/-1;
	grid-row:2/-1;
	padding:8px;
	
}
.ItemSex{
	background-color:#f9f9f9;
	width:160px;
	border-radius:8px;
	padding:4px;
}
.InputNac{
	width:200px;
	display: flex;
	place-items:center;
	justify-content:space-between;
}

.InputPorcentVal{	
	display: flex;
	place-items:flex-end;
}
.preferencepay{
	width:50%;
}
.InputNetPorcent{
/*	display: flex;
	flex-direction:row;
	place-items:flex-end;*/
}
.InputResultPorcent{background-color:#f9f9f9;}
.InputReadyOnly{background-color:#f9f9f9;}
.CalificationVal{
	background-color:#f9f9f9;
	width:150px;
	padding: 8px;
	margin-left:8px;
	border-radius:8px;
}

.CalificationCkeck{
	background-color:#f9f9f9;
	width:150px;
	padding: 8px;
	margin-left:8px;
	border-radius:8px;
}

.Calification{
	background-color:#f9f9f9;
	width:150px;
	padding: 8px;
	margin-left:8px;
	border-radius:8px;
}

.order-1{order:1}
.order-2{order:2}
.order-3{order:3}
.order-4{order:4}
.order-5{order:5}
.order-6{order:6}
.order-7{order:7}
.order-8{order:8}
.order-9{order:9}
.order-10{order:10}
.order-11{order:11}
.order-12{order:12}
.order-13{order:13}
.order-14{order:14}
.order-15{order:15}
.order-16{order:16}

/*Modulo de prestamo*/
/*contenido*/

.InputGroup{
	height: 45px;
	min-height: 35px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.InputGroupSelect{
	display: flex;
	flex-direction:row;
}
.InputGroupArea{
	height: 120px;
	min-height: 35px;
	margin-top:8px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.InputFecha{
	width:120px;
}

.InputItem{
	outline:none;
	height: 25px;
	border-radius:5px;
	border:1px solid #d5d5d5;
	display: flex;
	flex-direction: row;
	font-size:12px;
	line-height:25px;
}
.InputItem:focus{
	border:1px solid #2c3e50;

}

.InputArea{
	outline:none;
	resize: none;
	width: 90%;
	height: 80px;
	border-radius:5px;
	border:1px solid #d5d5d5;
}
.InputArea:hover{
	border-color: #2c3e50;

}


/*pagos masivos*/
.ContentPayedLoan{
	width:100%;
	grid-column:3/10;
	grid-row:1/9;
	margin-left:50px;
	margin-top:85px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


.ContentGroup{
/*	background-color:red;*/
	display:flex;
	justify-content:space-between;
	width:100%;
	height:auto;
	padding:8px;
}

.ContentSelector{
	display: flex;
	flex-direction:column;
	align-items:flex-start;
	width:70%;
}
.ContentDetailsPayedResumen{
	padding:0 8px;
	padding-left:8px;
}

.GroupSelector{
	width:60%;
}

.DateOperationPayed{
	width:120px;
}

.InputSearchCustomer{
/*	display: none;*/
	width:60%;
}
.InputSearchCustomerItem{
	width: 100%;
}
.InputSearchCompany{
	width: 300px;


}
.InputSearchCompanyItem{
	width: 100%;
}

.LoadFile{
	display:flex;
	flex-direction:row;
	align-items:center;
	width:100%;
	height:50px;
}

.BtnCreateBudget {
  display: inline-block;
  background-color: #f2f2f2;
  color: #333;
  padding: 10px 10px;
  border: 2px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-top:16px;
  margin-left: 16px;
}

.BtnCreateBudget:hover {
  background-color: #e0e0e0;
}
.InputSearchAbitab{
	width:300px;
}

.BtnIcons{
	border:none;
	border-radius:8px;
	margin-left:8px;
	margin-top:8px;
}
.ContentBalanceCustomer{
	background-color:white;
	width:650px;
	height:500px;
}
.ContentBalanceProvider{
	background-color:white;
	width:450px;
	height:500px;
}
.ContentBodyList{
	height:380px;
}

.ContentHeaderList{
	background-color:#c5c5c5;
	display: grid;
	grid-template-columns:repeat(7, 1fr);
	place-items:center
}
.ContentBodyListProvider{
	height:308px;
	overflow:hidden;
	overflow-y:scroll;
}
.ContentListItemProvider{
	display: grid;
	grid-template-columns:10% 35% 35% 10% 10%;
	place-items:center;
	line-height:25px;
}
.ContentListItemProvider:nth-child(even) {
		background-color: #ecf0f1;
}
.ContentHeaderListProvider{
	background-color:#c5c5c5;
	display: grid;
	grid-template-columns:10% 35% 35% 10% 10%;
	place-items:center;
	height:35px;

}
.ContentListItem{
	display: grid;
	grid-template-columns:repeat(7, 1fr);
	place-items:center;
	line-height:25px;
}
.ButtonGroup{
	display: flex;
	margin-top:16px;
	padding-top:16px;
	border-top:1px solid #c5c5c5;
}

.ContentDetailsPayed{
	height:225px;
	overflow:hidden;
	overflow-y:scroll;
}

.ContentHeaderListResumenPayed{
	background-color:#c5c5c5;
	display: grid;
	grid-template-columns: 15% 22% 10% 8% 25% 10% 10%;
	align-items:center;
	padding-left:8px;
}

.ContentHeaderListResumenPayed>h2{
	font-size:1.2em;
}

.ContentDetailsPayedResumen{
	width:100%;
	display: grid;
	grid-template-columns: 15% 22% 10% 8% 25% 10% 10%;
	line-height:25px;
}
.ContentDetailsPayedResumen:nth-child(even) {
		background-color: #ecf0f1;
}

.ContentHeaderListResumenPayedAbitab{
	background-color:#c5c5c5;
	display: grid;
	grid-template-columns: 5% 35% 8% 8% 10% 15% 12% 5%;
	align-items:center;
/*	padding-left:4px;*/
}

.ContentHeaderListResumenPayedAbitab>h2{
	font-size:1.2em;
}

.ContentDetailsPayedAbitab{
	width:100%;
	display: grid;
	grid-template-columns: 5% 35% 8% 8% 10% 15% 15% 5%;
	line-height:25px;
}
.ContentDetailsPayedAbitab:nth-child(even) {
		background-color: #ecf0f1;
}



/*pagos masivos*/


/*Modulo de Cxc*/
/*Anticipo*/
.HeaderAdvanced{
	background-color:#353B48;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content:space-between;
	font-size: 1.8em;
	color:#f9f9f9;
	padding: 8px;
}

.HeaderRefundCash{
	background-color:#353B48;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content:space-between;
	font-size: 1.8em;
	color:#f9f9f9;
	padding: 8px;
}

.HeaderDocPend{
	background-color:#353B48;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content:space-between;
	font-size: 1.8em;
	color:#f9f9f9;
	padding: 8px;
}

.ContentHeaderApply{
	padding: 8px;
}
.ContentModalAdvanced{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100vw;
    height: 100vh;
    z-index: 20;
    justify-content: center;
    align-items: center; /* Asegura que el contenido esté centrado verticalmente */
    overflow: auto; /* Permite el desplazamiento si el contenido es mayor que la pantalla */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    z-index: 30;
}

.ContentModalAdvancedCash{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100vw;
    height: 100vh;
    z-index: 20;
    justify-content: center;
    align-items: center; /* Asegura que el contenido esté centrado verticalmente */
    overflow: auto; /* Permite el desplazamiento si el contenido es mayor que la pantalla */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    z-index: 30;
}

.ContentModalRefundCash{
	display: none;
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100vw;
    height: 100vh;
    z-index: 20;
    justify-content: center;
    align-items: center; /* Asegura que el contenido esté centrado verticalmente */
    overflow: auto; /* Permite el desplazamiento si el contenido es mayor que la pantalla */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    z-index: 30;
}

.FormModalRefundCash{
	background-color:#ffffff;
	margin-top:7%;
	margin-left:auto;
	margin-right:auto;
	width:30%;
	height:470px;
	border-radius:5px;
}

.FormModalAdvanced{
	background-color:#ffffff;
	margin-top:7%;
	margin-left:auto;
	margin-right:auto;
	width:50%;
	height:470px;
	border-radius:5px;
}
.BodyModalAdvanced{
	padding: 16px 16px;
}
.BtnGroupAdvanced{
	display: flex;
	justify-content: flex-end;
	padding-top: 8px;
	padding-right: 32px;
	border-top: 1px solid #c5c5c5;
}
/*Anticipo*/
/*Vista de Operaciones*/
.ContentModalOperation{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	min-height:1080px;
	z-index:20;
	display: none;
}
.FormModalViewOperation {
    background-color: #ffffff;
    margin-top: 2%;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    min-height: 450px; /* Define una altura mínima */
    max-height: 60vh; /* Ajusta dinámicamente según la altura de la ventana */
    border-radius: 5px;
    overflow-y: auto; /* Permite el scroll si el contenido excede */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Mejora visual */
    padding: 20px; /* Espaciado interno */
}


.BodyViewOperation{
	width:100%;
	line-height:25px;
	padding:8px 16px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap:8px;
}

.PayedHeader{
	background-color:#c3c3c3;
	width:100%;
	line-height:15px;
	padding:8px 16px;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	place-items:center;	
}

.PayedRow:nth-child{
	background-color:#f8f8f8;
}
.PayedRow{
	width:100%;
	place-items:center;	
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	place-items:center;	
}

.TypeDocument{
	background-color: #d5d5d5;
	padding:4px;
	grid-column:1/-1;
	grid-row:1/1;
	height: 25px;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	place-items:center;	
}

.NameCustomer{
	background-color: #f6f6f6;
	padding:4px;
	grid-column:1/-1;
	grid-row:2/2;
}
.ItemViewOperation{
	background-color: #f6f6f6;
	padding:4px;
	grid-column:auto;
}
.ItemViewTotal{
	background-color: #d5d5d5;
	padding:4px;
	grid-column:auto;
}
.ItemViewBalance{
	background-color: #d5d5d5;
	padding:4px;
	grid-column:2/2;
}

.CommentOperation{
	grid-column:1/-1;
	grid-row:6/6;
	font-size:10px;
	align-self:flex-start;
}

.FooterViewOperation{
	display: flex;
	align-items: flex-end;
	margin-top: 10%;
}

.HeaderApply{
	background-color: #353b48;
	color: #f9f9f9;
	height: 35px;
	display: flex;
	align-items: center;
	padding-left: 18px;
	font-size: 1.3em;
}
.BodyApply{
	width:100%;
	height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	place-items: center;
}
.BtnGroupApply{
	padding: 8px;
}
/*Vista de Operaciones*/
	.ContentCxC{
		grid-column:3/12;
		grid-row:2/-1;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		padding:4px;
	}
	.SearchAccount{
		margin: 8px 0;
		width:50%;
		display: flex;
	}
	.btnSearchAccount:hover{
		border-radius:0.55rem;
		margin-left:8px;
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	}
	.btnSearchAccount{
		border-radius:0.55rem;
		margin-left:8px;
	}
	.HeaderviewAccount{
		height: 35px;
		background-color:#34495E;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-right:4px;
	}
	.ContentInfo{
		display: flex;
		justify-content:space-between;
	}

	.ContentCuentasxCobrar{
		height:55vh;
		overflow:hidden;
		overflow-y:scroll;
	}

	.InfoAssociated{
		border-radius:16px;
		padding:8px;
		width:67%;
		margin: 8px 0;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(5, 25px);
		background-color: #f3f3f3;
	}

	.InfoAssociated>p{
		font-size: 12px;
	}

	.InputTaxMora{
		display: none;
	}

	.BalanceAssociated{
		width:300px;
		height:120px;
		background-color: #d9d9d9;
		padding: 8px 16px;
		margin: 8px 0;
	}
	.ContentBtnGroup{
		display: flex;
		padding:8px 4px;
	}
	.ItemsBalance{
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 20px;
	}
	.TitleResumen{
		font-size:1.4em;
	}

	.ItemsBalance>h4{
		font-size: 1.13em;
		line-height: 5px;
	}


	.InfoIndentity{
		width: 90%;
		grid-row: 1/1;
		grid-column: 1/1;

	}

	.InfoStatusCustomer{
		grid-row: 1/1;
		grid-column: 2/2;
		width: 30%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.InfoStatusCustomer>p{
		font-size: 12px;
	}

	.InfoFullName{
		grid-column: 1/-1;
		grid-row: 2/2;
	}
	
	.InforEmail{
		width: 100%;
		grid-column: 1/-1;
		grid-row: 5/5;

	}
	.InfoCompany{
		width: 90%;
		grid-row: 4/4;
		grid-column: 1/-1;
	}
	.InfoMovil{
		width: 90%;
		grid-column: 1/-1;
		grid-row: 3/3;
	}

	.InfoContentLeaseHeader{
		background-color: #0277bd;
		background-color: #636e72;
		width: 100%;
		height: 3rem;
		display: grid;
		grid-template-columns: 5% 10% 15% 10% 7% 7% 1fr 1fr 1fr 1fr 9% 1fr;
		align-content: center;
	}
	.InfoContentLeaseHeader>h6{color:#f9f9f9;}

	.BodyListItemsCxC{
		display: grid;
		grid-template-columns: 5% 10% 15% 10% 7% 7% 1fr 1fr 1fr 1fr 9% 1fr;
		height: 3rem;
		background-color: #ffffff;
		border: 1px solid #c4c4c4;
/*		align-items:center;*/
	}
	.CheckPay{
		width:50px;
	}
	.nameProd{
		font-size:0.8em;
	}

.Activo{
	display: block;
	background-color:green;
	color:white;
	border-radius:0.55rem;
	width: 80px;
	height: 20px;
	font-size: 9px;
	padding: 4px;
}

.Inactivo{
	display: block;
	background-color:red;
	color: #f9f9f9;
	border-radius:0.55rem;
	width: 80px;
	font-size: 9px;
	padding: 4px;
}

.Procesado{
	background-color:orange;
	color: #f9f9f9;
	width: 80px;
	height:20px;
	padding:4px;
	border-radius:0.55rem;
}
.Cancelado{
	background-color:red;
	color:white;
	width: 80px;
	height:20px;
	padding: 4px;
	border-radius:0.55rem;
}

	.InfoLease{
		width: 100%;
		text-align: right;
	}

	.InfoLeaseItems{
/*		background-color: blue;*/
		padding: 5px;
		border-radius: 15px;
		margin-left: auto;
		margin-right: auto;
	}
/*Modulo de Cxc*/

/*Modulo administración*/

.ContentAdmin{
	grid-column:3/11;
/*	grid-row:2/11;*/
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	margin-top:25px;
	height: 80vh;
}
.ContentFormAdmin{
	padding:8px 16px;
	height:70vh;
}

.DetailsBodyAdmin{
	height:400px;
	overflow:hidden;
	overflow-y:scroll;
}
.HearderBodyAdmin{
	display: grid;
	grid-template-columns:5% 20% 40% 10% 20%;
	background-color:#c5c5c5;
	padding:8px 0;
}
.HearderBodyAdminMora{
	display: grid;
	grid-template-columns:5% 20% 30% 7% 15% 15%;
	background-color:#c5c5c5;
	padding:8px 0;
}
.ItemBodyAdmin:nth-child(even) {
		background-color: #ecf0f1;
}
.ItemBodyAdmin{
	display: grid;
	grid-template-columns:5% 20% 40% 10% 20%;
	line-height:22px;

}
.ItemBodyAdminMora:nth-child(even) {
		background-color: #ecf0f1;
}
.ItemBodyAdminMora{
	display: grid;
	grid-template-columns:5% 20% 30% 7% 15% 15%;
	line-height:22px;
}
.ContentHeaderAdmin{
	display: flex;
	justify-content:space-between;
	align-items:flex-start;
	padding: 8px 0;
/*	height:30%;*/
}
.BtnGroup{
	display: flex;
	margin-bottom:8px;
}
/*Modulo administración*/





/*PrintContrato*/

  @media print {
  	 * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
	 .MainPrint{
	 	font-family: Arial, sans-serif;
        margin: 0;
	 }
     
	.ContentHeader{
		display: flex;
		place-items:center;
		justify-content:space-between;
	}
	.ContentHeaderRefinancy{
		display: flex;
		justify-content: center;
		place-items: center;
	}

	.ContentHeaderLetter{
		display: flex;
		flex-direction:column;
		place-items:center;
	}
	.contentNumberVale{
		background-color: #d5d5d5 !important;
		height: 80px;
		display: flex;
		flex-direction: column;
		padding: 8px 0;
	}
	.nroContract{
		font-size: 1.8rem;
		padding: 8px 0;
	}
	.totalContract{
		width: 100%;
		font-size: 2rem;
		padding: 8px 0;
		text-align: center;
	}
	.FlexContentDate{
		width:100%;
	}
	.TitleContrato{
		font-size:20pt;
		width:100%;
	}
	.NroContrato{
		font-size:11pt;
		text-align:right;
		width:100%;
	}
	.Logo{
		width:320px;

	}
	.LogoRefinancy{
		width: 200px;
	}

	.LogoNoHorizonte{
		width: 200px;
	}

	.lineDivisor{
		width:100%;
		padding: 28px;
	}
	.LogoLetter{
		width:420px;
	}
	.Paragrhas{
		text-align:justify;
		font-size:14pt;
		line-height:30px;
	}

	.fontParagrhas{
		text-align:justify;
		font-size:11pt;
		line-height:25px;
	}

	.ParagrhasRefinancy{
		text-align:justify;
		font-size:11pt;
		line-height:30px;
	}

	.ParagrhasSignature{
		padding-top: 16px;
		border-top: 1px solid #000000;
	}

	.ParagrhasLetter{
		text-align:justify;
		font-size:13pt;
		line-height:30px;
	}
	.ParagrhasDate{
		text-align:justify;
		font-size:12pt;
		line-height:30px;
	}
	.ParagrhasFirma{
		text-align:justify;
		font-size:13pt;
/*		line-height:25px;*/
	}

	.ParagrhasFirmaHorizonte{
		text-align:justify;
		font-size:14pt;
		line-height:25px;
	}
	.InterLine{
		text-align:justify;
		font-size:16pt;
		line-height:40px;		
	}

	.LetterSizeMedium{
		font-size: 11pt;
	}
	.LetterSizeFirma{
		font-size: 8pt;
	}
	.Firma{
		text-align:left;
		font-size:14pt;
		line-height:25px;
	}
	strong{
		font-size:14pt;

	}
	.puntox{
		font-size:12pt;		
	}
	.puntoS{
		font-size:11pt;		
	}
	.FechaHoy{
		font-size:16pt;

	}
	.NameSocio{
		font-size:13pt;

	}
	.salto-de-pagina {
	    page-break-before: always;
	}
	.PrintResume{
		border:1px solid #000000;
		width:100%;
		height:260px;
		padding:16px;
	}
	.InfoTax{
		width:50%;
		display: flex;
		justify-content:space-between;
	}
	.InfoCapital{
		width:50%;
		display: flex;
		justify-content:space-between;
	}
	.InfoInteres{
		width:50%;
		display: flex;
		justify-content:space-between;
	}
	.InfoIva{
		width:50%;
		display: flex;
		justify-content:space-between;
	}
	.InfoCoutaSocial{
		width:50%;
		display: flex;
		justify-content:space-between;
	}

	.InfoTaxSpan{
		width:200px;
		font-size:16pt;
	}
	.InfoCapitalSpan{
		width:200px;
		font-size:16pt;
	}
	.InfoInteresSpan{
		width:200px;
		font-size:16pt;
	}
	.InfoIvaSpan{
		width:200px;
		font-size:16pt;
	}
	.InfoCoutaSocialSpan{
		width:200px;
		font-size:16pt;
	}
}

/*PrintContrato*/

/****************************************Login**************************************************************/
.Containt{
	display: grid;
	grid-template-columns: repeat(12,1fr);
	grid-template-rows: 65px repeat(11,1fr);
	max-height: 100dvh;
}

.ContentLogin{
	grid-column: 1/6;
	grid-row: 1/-1;
	background-color:#34495E;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}

.ContentImage{
	grid-column: 6/-1;
	grid-row: 1/-1;
	height: 100dvh;
}

.FooterInfo{
	background-color: #757575;
	grid-column: 1/-1;
	grid-row: auto;
	color:#f9f9f9;
	z-index:4;
}

.ContentTitle{
	padding-top: 100px;

}

.FormLogin{
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.TitleLogin{
	color:#f9f9f9;
	width:100%;
	left: 10%;
	font-size:3em;
	padding:16px;
	z-index:5;
	text-align:right;
}

.ImageItem{
	width:100%;
	height:99.6vh;
	background-repeat:no-repeat;
	background-size:cover;
}
.logoCompany{
	width: 70%;
}
.ContentImgLogoCompany{
	padding-bottom: 40px;
}
.TagInfo{
	text-align:center;
}
.TagLogin{
	color: #f9f9f9;
	font-size:1.3em;
}

.ButtonLogin{
	margin-top: 15px;
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
	height: 30px;
	width:50%;
}



/****************************************Login - End********************************************************/


/**********************Formulario de cliente***************************************************************/
.ContentButtonAcordion{
	grid-column:1/-1;
	display: flex;
	width:100%;
	padding:8px;
}

.buttonAcordion{
		background-color:#c5c5c5;
		margin-right:10px;
		padding:4px;
		border-radius:8px;
	}

.buttonAcordion:hover{
		background-color:#eef7ff;
		box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
	}
.ContentRegister{
	margin-left:25%;
	margin-top:5%;
	background-color:white;
	position: absolute;
	width:60vw;
	height:550px;
	box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px;
}

.BodyRegisterCompany{
	display:grid;
	grid-template-columns: repeat(2, 1fr);
	padding:16px;
	grid-gap:5px;
}
.ContentRegisterCustomerLoan{
	margin-left:20%;
	background-color:white;
	position: absolute;
	width:60vw;
	height:90vh;
}
.ContentInfoBasic{
	position: absolute;
	width:100%;
	display: grid;
	grid-template-columns:repeat(2, 1fr);
	padding: 16px;
	grid-gap:8px;

}
.ContentInfoJob{
	width:80%;
	padding: 16px;
}
.ContentItemGroup{
	display:flex;
	width:100%;
}
.InputDateInitJob{
	width:100%;
}

.ItemAgeOldJobCheck{
	background-color:#d2d2d2;
	padding:4px 8px;
	border-radius:8px;	
	width:60px;
	height:22px;
	margin-top:16px;
}

.ItemAgeOld{
	background-color:#d2d2d2;
	padding:4px 8px;
	border-radius:8px;	
	width:60px;
	height:22px;
	margin-top:16px;
}

.ItemAgeOldJobVal{
	background-color:#f9f9f9;
	width:200px;
	padding: 8px;
	margin-top:12px;
	margin-left:8px;
	border-radius:8px;
	height:25px;
}
.ItemAgeOldJobVal{
	background-color:#f9f9f9;
/*	background-color:red;*/
	width:300px;
	padding: 8px;
	margin-left:8px;
	border-radius:8px;
}
.ItemAgeOldJob{
	background-color:#f9f9f9;
	width:200px;
	padding: 8px;
	margin-left:8px;
	border-radius:8px;
}
.InputDateCreate{
	width:120px;

}
/**********************Formulario de cliente***************************************************************/

/*Formulario de productos*/
.ContentRegisterProduct{
	grid-column: 5/9;
	grid-row: 2/8;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.GroupInputCodeStatus{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.StatusGroup{
	width:150px;
}
.StatusGroupLocked{

	width:60px;
}
.WidhtStatus{
	display: flex;
	justify-content:space-between;
}
.StatusPosition{
	display: flex;
	flex-direction:row;
	justify-content:space-between;
	width:60px;
}
.BodyRegisterProduct{
	padding: 16px;
}
/*Formulario de productos*/
/******Formulario de Vendedores*/

.ContentRegisterSeller{
	margin-left:25%;
	margin-top:3%;
	background-color:white;
	position: absolute;
	width:60vw;
	height:550px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.BodyRegisterSeller{
	padding:16px;
	display: grid;
	grid-template-columns:repeat(2, 1fr);
	grid-gap:10px;

}

.HeaderTitleListSeller{
	display: grid;
	grid-template-columns: 10% 25% 25% 20% 10% 10%;
	height:37px;
}

.BodyListItemsSeller {
	display: grid;
	grid-template-columns: 10% 25% 25% 20% 10% 10%;
	grid-auto-rows: 30px; /* Altura específica para las filas automáticas */
	padding: 4px 0;
}

.BodyListItemsSeller:nth-child(even) {
		background-color: #ecf0f1;
}
.ItemSexSeller{
	background-color:#f9f9f9;
	width:160px;
	border-radius:8px;
	padding:4px;
	display: flex;
	flex-direction:row;
	align-items:center;
}
.InputNac{
	width:200px;
	display: flex;
	place-items:center;
	justify-content:space-between;
}
.BottonGroupSeller{
	display: flex;
	flex-direction:row;
	align-items:center;
}

/******Formulario de Vendedores*/

/****************************************Messenger************************************************/
.ContentMessenger{
/*	background-color:#39C458FF;*/
	position: absolute;
	border-radius:8px;
	margin-left:40%;
	top: 32px;
	width:35%;
/*	height:100%;*/
	max-height:84px;
	padding:10px;
	z-index:60;
	justify-content:center;
	place-items:center;
}
.MessengerExpense{
	position: absolute;
	border-radius:8px;
	margin-left:40%;
	top: 32px;
	width:35%;
/*	height:100%;*/
	max-height:84px;
	padding:10px;
	z-index:60;
	justify-content:center;
	place-items:center;	
}
.MsgCreate{
	position: absolute;
	border-radius:8px;
	margin-left:30%;
	top: 10%;
	width:45%;
	height:100px;
	padding:10px;
	z-index:60;
	justify-content:center;
	place-items:center;
}

.TextMessenger{
	font-size:1.5em;
	justify-content:flex-end;
	font-family: 'Poppins', sans-serif;
}

/*Mensaje Warning*/
.WarningDelete{
/*	display:none;*/
	background-color:#ecf0f1;
	margin-top: 40%;
	position:absolute;
	padding:16px;
	font-size:1.2em;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.WarningUpdate{
/*	display:none;*/
	background-color:#ecf0f1;
	margin-top: 40%;
	position:absolute;
	padding:16px;
	font-size:1.2em;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.WarningAnulation{
/*	display:none;*/
	background-color:#ecf0f1;
	margin-top: 40%;
	position:absolute;
	padding:16px;
	font-size:1.2em;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.TextWarning{
	font-size:1.2em;
	color:#2c3e50;

}
.BtnWarning{
	margin-top:16px;
	width:40px;
}

.Success:hover{
	background-color:var(--ColorSave);
	border:1px solid var(--ColorSave);
	color:var(--BackWht);
}
.Reject:hover{
	background-color:var(--ColorCancel);
	border:1px solid var(--ColorCancel);
	color:var(--BackWht);
}
/*Mensaje Warning-End*/

/****************************************Messenger - End****************************************************/

/************************************Reportes ************************************************************/
.contentMenuReports{
	grid-column: 5/11;
	grid-row: 4/10;
	background-color:#f2f2f2;
	padding:16px;
	display: grid;
	grid-template-columns:repeat(2, 1fr);
}
.contentMenuReports>ul {
    list-style: none;
}
.BtnLinkReports:hover{
	background-color:#003366;
	color:white;
}
/*Reportes*/
.ContentModalReports{
	position: fixed;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	display: flex;
	justify-content:center;
	align-items:center;
	display: none;
/*	display: block;*/
	z-index:30;
}
.FormModalReports{
	background-color:#ffffff;
	margin-top:2%;
	margin-left:25%;
	width:50%;
	height:520px;
	border-radius:5px;
}
.HearderModalReports{
	background-color:#57606f;
	align-content:center;
}

.TitleModalReports{
	font-size:1.5em;
	padding:8px;
	color:#f9f9f9;
}
.TitleBodyModalReport{
	background-color:#c5c5c5;
	line-height:35px;

}

.InputModal{
	width:60%;
}
.BodyModalItem{
	display: grid;
	grid-template-columns:10% 35% 35% 10% 10%;	
	padding:0px 4px;
}
.BodyModalReport{
	height: 370px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.BodyModalItemReport{
	display: grid;
	grid-template-columns:10% 35% 35% 10% 10%;
	padding:0px 4px;
	line-height:25px;
}
.BodyModalItemReport:nth-child(even) {
    background-color: #ecf0f1;
}
.ModelcontentReport{
	display: none;
	position: fixed;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	min-height:100vh;
	z-index:25;
	justify-content:center;
}
.BackGroundInput{
	background-color:#c8c8c8;
}
.Notation{
	padding:8px;
}


.FormReports{
	background-color: #ffffff;
	margin-top: 1%;
	margin-left: 10%;
	width: 35%;
	height: auto; /* Cambiado a auto */
	max-height:550px;
	border-radius: 5px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.HeaderReport{
	background-color:#34495E;
	padding:8px;
	color:#f9f9f9;
}
.BodyReports{
	padding: 16px;
}
.InputSearchAccountReport{
	display:flex;
	align-items:self-end;
/*	place-items:center;*/
}
.InputLarge{
	width:300px;
}

.InputDaysVence{
	width:300px;
}

.StatusSocio{
	width:180px;
}

.StatusLock{
	width:80px;
}
.InputTypeCheck{
	display: flex;
	justify-content:space-between;
}



.FocusHighlight {
      border: 2px solid blue; /* Cambia el color del borde según tus preferencias */
    }
/************************************Reportes - END*******************************************************/
/*******************************Opción de reporte de Liquidación */
.ContentModalPrintState{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	display: flex;
	justify-content:center;
	align-items:center;
	display: none;
}
.FormPrintState{
	background-color: #ffffff;
	width: 30%;
	height: 320px;
	margin-top: -150px;
}
.HeaderPrintState{
	background-color:#34495E;
	padding:8px;
	color:#f9f9f9;
}
.BodyPrintState{
	padding: 16px;
}
.ButtonGroupPrintState{
	padding: 16px 0;
}
/*******************************Opción de reporte de Liquidación */
/***********************************Setting menu*/
.MenuOptionUser{
	position: absolute;
	background-color:#dfe6e9;
	top:70px;
	right:25px;
	width:120px;
	padding:4px;
	display: none;
	flex-direction:column;
	justify-content:center;
}
.InfoHeader{
	margin-right:50px;
}

.BtnProfileUser,.BtnProfileUser2{
	padding:5px 10px;
	display: flex;
	align-items:center;
}

.BtnProfileUser:hover{
	background-color:#0A3D62;
	color:#f9f9f9;
}
.BtnProfileUser2:hover{
	background-color:#0A3D62;
	color:#f9f9f9;
}

.BtnProfileUser>img{padding-right:8px;}

.BtnProfileUser:hover{
	background-color:#0A3D62;
	color:#f9f9f9;
}
/***********************************Setting menu*/

/***********************************Payef*/
/***********************************Setting menu*/





/*Animation*/
.AnimationForm{
	animation-name: MenusApp;
	animation-duration: 0.5s;
}
.AnimationInput{
	animation-name: MenusApp;
	animation-duration: 0.5s;
}
.AnimationMsg{
	animation-name: MenusApp;
	animation-duration: 0.4s;
}

.Animation{
	display: flex;
	animation-name: MenusApp;
	animation-duration: 0.5s;
}

.AnimationModal{
	display: flex;
	animation-name: MenusApp;
	animation-duration: 0.1s;
}
.AnimationItem{
	display: block;
	animation-name: MenusApp;
	animation-duration: 0.5s;
}

.FormAnimation{
	display: flex;
	animation-name: MenusApp;
	animation-duration: 0.5s;
}

@keyframes MenusApp{
	from{opacity: 0;}
	to{opacity: 1;}
}
/*Animation*/


/****************************************Setting *************************************************************/
.ContentButtom{
	grid-column: 5/9;
	grid-row: 2/12;
	margin-top: 50px;
}
.ContentSetting{
	grid-column: 8/20;
	grid-row: 3/12;
	border: 1px solid #d5d5d5;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.HeaderSetting{
	background-color:#34495E;
	height:35px;
	display: flex;
	align-items:center

}
.TitleSetting{
	color:#f9f9f9;
	padding:8px;
	font-size:1.3em;
}
.BodySetting{
	display: flex;
	flex-direction:column;
	place-items:center;
	padding:36px;
}

.AccessFunction{
	background-color:#d3d3d3;
	padding:8px;
	margin:8px;
	width:60%;
	font-size:1.2em;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.AccessFunction:hover{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	background-color:#34495E;
	color:#f9f9f9;
	font-size:1.3em;
}

.BtnHistorySelect{
	width: 15%;
}
.SelectHistory{
	width: 30%;
}

/********************Elements company*********************************/
.ContentCompany{
	position: absolute;
	display: flex;
	top:80px;
	left: 30%;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;	
/*	max-height:400px;*/
}

.FormCompany{
	display:grid;
	grid-template-columns:repeat(12, 1fr);
	grid-template-rows: 35px repeat(11, 1fr);
	width:500px;
	height:450px;

}

.HeaderCompany{
	background-color:#34495E;
	grid-column:1/-1;
	grid-row:1/1;
	display:flex;
	align-items:center;
}
.TitleCompany{
	color:#f9f9f9;
	padding:16px;
	font-size:1.3em;
}
.BodyCompany{
	grid-column:1/-1;
	grid-row:2/-1;
	display: grid;
	/*grid-template-columns:repeat(12, 1fr);
	grid-template-rows: repeat(12, 1fr);*/
/*	min-height:400px;*/
	max-height:400px;
	padding: 16px;
}
.DateCompany{
	grid-column:1/3;
	grid-row:1/1;
/*	width:100%;*/
}
.DescriptionCompany{
/*	width:100%;*/
	grid-column:1/8;
	grid-row:2/2;
}
.DocumentCompany{
	grid-column:1/8;
	grid-row:3/3;
}

.InputAreaCompany{
	outline:none;
	resize: none;
    width: 100%;
    height: 80px;
    border-radius:5px;
	border:1px solid #d5d5d5;
}
.InputAreaCompany:focus{	
	border:1px solid #2c3e50;
}
.AdressCompany{
	width: 100%;
/*	margin-left: 15px;*/
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	grid-column:1/8;
	grid-row:4/6;	
}
.PhoneCompany{
	grid-column:1/5;
	grid-row:6/6;
}
.EmailCompany{
	grid-column:1/5;
	grid-row:7/7;
}
.ContentStudents{
	grid-column:8/12;
	grid-row:3/6;
	display: grid;
	grid-template-columns:repeat(6, 1fr);
}
.IdentifyCompany{
	grid-column:8/12;
	grid-row:1/1
}
.TitleInfoStudents{
	grid-column:1/-1;
	grid-row:1/1
}

.InitialCompany{
	grid-column:1/4;
	grid-row:2/2;
}
.PrimaryCompany{
	grid-column:4/-1;
	grid-row:2/2;
}
.SecundaryCompany{
	grid-column:1/4;
	grid-row:3/3;
}
.TotalStudent{
	grid-column:4/-1;
	grid-row:3/3;
}
.BottonGroupSetting{
	grid-column:1/-1;
	padding:8px;
	display: flex;
}

.ContentAuthorizer{
	position: fixed;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 420px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 15px 40px rgba(0,0,0,.25);
	z-index: 30;
}


.StatusAuthorizer{
	margin-top: 10px;
	width: 100%;
}

.BodyAuthorizer{
	padding: 8px;
	line-height: 15px;
}

.ContentViewAuthorizer{
	margin-top: 15px;
	grid-column:4/10;
	grid-row:2;
	height:470px;
	background-color:#ffffff;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	z-index:30;
}

.HeaderAuthorizer{
	background-color: #34495E;
	color: #f9f9f9;
	padding: 8px;
	height: 50px;
	display: flex;
	align-items: center;
}
.HeaderViewUser {
	background-color: #34495E;
	color: #f9f9f9;
	padding: 8px;
	height: 50px;
	display: flex;
	align-items: center;
}
.TitleViewUser {
	padding-left: 16px;
	font-size: 1.3em;
}
.InputGroupModal{
	padding: 16px;
}
.InputModal{
	width: 60%;
}
.TitleBodyModalUser {
	background-color: #c7c7c7;
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	padding: 8px;
	align-items: center;
}

.TitleBodyModalUser .Left { text-align: left; }
.TitleBodyModalUser .Center { text-align: center; }

.BodyModalUser {
	height: 250px;
	overflow-y: scroll;
	padding: 8px;
}
.BtnNewUser {
	color: #f9f9f9;
	border-color: #f9f9f9;
	width: 70px;
	height: 25px;
	font-size: 0.8em;
	background-color: transparent;
	margin-right: 15px;
}
.BtnNewUser:hover {
	color: #f9f9f9;
	background-color: #636e72;
	border-color: #636e72;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.BtnGroupUser {
	display: flex;
	justify-content: flex-end;
	padding: 16px;
}

.BodyModalItemUser{
	width: 100%;
}
/**parametros**/
.ParamtrosCompany{
	grid-column:3/10;
	grid-row:2;
	height:470px;
	background-color:#ffffff;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	z-index:30;
}
.BodyParametros{
	display: grid;
	grid-template-columns:repeat(2, 1fr);
	grid-template-rows:repeat(4, 1fr);
	grid-gap:1em;
	padding:8px;
}
.TittleLegend{
	color: #636e72;
	font-size:1.2rem;
}
.GroupCorrelativos,.GroupComisiones,.GroupImportes,.GroupTax{
	display: flex;
	flex-wrap:wrap;
	grid-gap:5px;
	align-content:flex-start;
	border:1px solid #c9c9c9;
	padding:8px;
}
.BottonGroupParametros{
	display: flex;
}
/**parametros**/
/********************Elements company*********************************/

/*Docuemtos aplicar*/
.ContentModalDocApply{
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100vw;
    height: 100vh;
    z-index: 20;
    justify-content: center;
    align-items: center; /* Asegura que el contenido esté centrado verticalmente */
    overflow: auto; /* Permite el desplazamiento si el contenido es mayor que la pantalla */
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.ContentModalPayedPend{
	display: none;
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	min-height:100vh;
	z-index:65;
	justify-content:center;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.FormModalPayedPend{
	background-color:#ffffff;
	margin-top:7%;
	margin-left:auto;
	margin-right:auto;
	width:40%;
	height:800x;
	border-radius:5px;
	z-index:65;
}
.FormModalDocApply{
	background-color:#ffffff;
	margin-top:7%;
	margin-left:auto;
	margin-right:auto;
	width:35%;
	height:800x;
	border-radius:5px;
	z-index:61;
}
.TotalAmountApply{
	width:30%;
	text-align:right;
}
.BtnGroupNc{
	display: flex;
	justify-content: flex-end;
	padding: 16px;
}
.InputAreaNc{
	width: 90%;
}
.ContentDataBalanceAplly{
	margin-top:16px
}

.HeaderDataApply{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	place-items: center;
	background-color: #c5c5c5;
	height: 35px;
}
.ListDetailLineCxcPayAplly{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	place-items: center;
	height: 35px;
}
/*Docuemtos aplicar*/


/********************Modulo de usuarios*********************************/
.ModelUser{
	grid-column: 4/9;
	grid-row: 2/9;
	margin-top:8px;
	border: 1px solid #d5d5d5;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


.HeaderModelUser{
	background-color:#34495E;
	height:35px;
	display: flex;
	align-items:center

}
.TitleModelUser{
	color:#f9f9f9;
	padding:8px;
	font-size:1.3em;
}
.BodyModelUser{
	display: flex;
	flex-direction:column;
/*	place-items:center;*/
	padding:8px 16px;
}

.InputUser{
	width:50%;
	padding:8px;
}
.DescriptionUser{
	width:90%;
}
.DateUser{
	width:30%;
}
.ContentViewUserProfile{
	grid-column: 4/10;
	grid-row: 2/12;
	margin-top:16px;
	border: 1px solid #d5d5d5;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.ContentViewUserProfileButton{
	grid-column: 4/10;
	grid-row: 2/12;
	margin-top:16px;
	border: 1px solid #d5d5d5;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.ContentCreateRol{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	z-index:20;
	justify-content:center;
}
.ContentAdminUser{
	position: absolute;
	background-color:rgba(0, 0, 0,0.7);
	width:100vw;
	height:100vh;
	z-index:20;
	justify-content:center;
}

.FormCreateRol{
	background-color:#ffffff;
	margin-top:10%;
	margin-left:35%;
	width:30%;
	height:150px;
	border-radius:5px;
	display: flex;
	flex-direction:column;
	justify-content:space-between;
}
.FormAdminUser{
	background-color:#ffffff;
	margin-top:10%;
	margin-left:35%;
	width:30%;
	height:350px;
	border-radius:5px;
	display: flex;
	flex-direction:column;
	justify-content:space-between;
}
.BodyUpdatePass{
	padding: 16px;
}


.CheckBoxProfileItem{
	background-color:#f9f9f9;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap:16px;
	min-height:300px;
	height:300px;
	line-height:25px;
	padding:16px;
}
.CheckBoxProfile{
	display: flex;
	flex-direction:column;
	justify-content:space-around;
	align-items:center;
}

.CheckBoxProfileBtn{
	display: flex;
	flex-direction:column;
/*	justify-content:space-around;*/
	align-items:center;
}

.BtnGroupUserProfile{
	display:flex;
	place-items:center;
	height: 80px;
	padding:16px;

}
.InputGroupModal{
	padding:8px;
	margin-bottom:8px;
}

.BtnNewUser{
	color: var(--ColorAdd);
	border-color: var(--ColorAdd);
	font-size:0.8em;
}
.BtnNewUser:hover{
	color: var(--BackWht);
	background-color: var(--ColorAdd);
	border-color: var(--ColorAdd);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
.ContentViewUser{
	grid-column: 3/10;
	grid-row: 2/10;
	border: 1px solid #d5d5d5;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.HeaderViewUser{
	background-color:#34495E;
	width:100%;
}

.TitleViewUser{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	padding:8px;
	font-size:1.2em;
	color:#f9f9f9;
}

.TitleBodyModalUser{
	background-color:#636e72;
	display: grid;
	grid-template-columns: 10% 25% 10% 15% 15% 20%;
	place-items:center;
	padding:8px;
}

.TitleBodyModalAuthorizer{
	background-color:#636e72;
	display: grid;
	grid-template-columns: 25% 10% 15% 20%;
	place-items:center;
	padding:8px;
	justify-content: space-between;
}

.BodyModalUser{
	height:280px;
}


.BodyModalItemUser{
	display: grid;
	grid-template-columns: 10% 25% 10% 15% 15% 25%;
	padding:8px;
}
.BodyModalItemAuthorizer{
	display: grid;
	grid-template-columns: 25% 10% 15% 20%;
	padding:8px;
	width:100%;
	justify-content: space-between;
}

.BodyModalItemAuthorizer:nth-child(even) {
    background-color: #ecf0f1;
}

.BodyModalItemUser:nth-child(even) {
    background-color: #ecf0f1;
}
.BodyListUser{
	overflow-y:scroll;
	height:260px;
}

.BtnGroupUser{
	display: flex;
	border-top:1px solid #d5d5d5;
	padding-top:8px;
	height: 50px;
}


.BtnGroupUserAction{
	display: flex;
	justify-content:space-between;
	align-items:center;
}

.BtnActionUser{
	width:50px;
	height:28px;
	margin-left: 8px;
}
.EditUser{
	background-color: #f9f9f9;
	border:1px solid var(--MenuFirst);
	color:var(--MenuFirst);
	border-radius: 5px;
	font-size:1.5em;
}

.EditUser:hover{
	background-color:var(--MenuFirst);
	border:1px solid var(--MenuFirst);
	color:#f9f9f9;
	border-radius: 5px;
/*	width:150px;
	height:32px;
	margin-left: 8px;*/
}
.EditUserPass{
	background-color: #f9f9f9;
	border:1px solid var(--MenuFirst);
	color:var(--MenuFirst);
	border-radius: 5px;
	font-size:1.5em;

}
.EditUserPass:hover{
	background-color:var(--MenuFirst);
	border:1px solid var(--MenuFirst);
	color:#f9f9f9;
	border-radius: 5px;
/*	width:150px;
	height:32px;
	margin-left: 8px;*/
}
.DeleteUser:hover{
	background-color:var(--ColorCancel);
	border:1px solid var(--ColorCancel);
	color:#f9f9f9;
	border-radius: 5px;

}
.DeleteUser{
	background-color:#f9f9f9;
	border:1px solid var(--ColorCancel);
	color:var(--ColorCancel);
	border-radius: 5px;
	font-size:1.5em;
}
.ProfileUser{
	background-color:#f9f9f9;
	border:1px solid var(--ColorBlue);
	color:var(--ColorBlue);
	border-radius: 5px;
}


.ProfileUser:hover{
	background-color:var(--ColorBlue);
	border:1px solid var(--ColorBlue);
	color:#f9f9f9;
	border-radius: 5px;
}
/********************Modulo de usuarios*********************************/

/*Módulo de Recovery*/

.loading-effect {
    animation: loadingPing 0.8s ease-out;
}

@keyframes loadingPing {
    0% { background-color: #f0f8ff; }
    50% { background-color: #e0ecff; }
    100% { background-color: #f0f8ff; }
}


.contentBtnRefactor{
/*	display: none;*/
	height: 70dvh;
	grid-column: 3/10;
	grid-row: 5/auto;
	place-items: center;
	align-items: center;
}
.contentRecovery{
	display: none;
	grid-column: 3/12;
	grid-row: 2/auto;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	margin-top: 15px;
}

.ContentModalLoan{
	position: fixed;
	background-color: rgba(0, 0, 0, 0.7);
	width: 100dvw;
	height: 100dvh;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}

.ContentGroupRecovery{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.contentFormLoan{
	width: 30%;
	background-color: #f9f9f9;
}
.titleFormLoan{
	background-color: var(--MenuSecond);
	color: #ffffff;
	font-size: 1.2em;
	padding: 8px;
}
.recordFormLoan{
	padding: 16px;
}

.GroupButton{
	display: flex;
	justify-content: space-between;
	padding: 16px 0;
	width: 180px;
}
.ContentCalculator{
	display: flex;
	align-items: flex-end;
}
.inputMonthRecovery{
	background-color: #f3f3f3;
}
.formRecovery{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding:8px;
	margin-left:100px;
}
.ContentLeft{
	width: 100%;
}
.ContentRight{
	display: flex;
	flex-direction: column;
	width: 100%;
	background-color: white;
}
.ContentInfoBasicRecovery{
	border-radius: 8px;
	background-color: #f6e58d;
	margin-bottom: 8px;
	line-height: 24px;
	font-size: 1.2em;
	padding: 8px;
}
.ContentInfoCreditRecovery{
	border-radius: 8px;
	background-color: #f6e58d;
	margin-bottom: 8px;
	line-height: 24px;
	font-size: 1.2em;
	padding: 8px;
}
.ContentRateInflation{
	border-radius: 8px;
	background-color: #f6e58d;
	margin-bottom: 8px;
	line-height: 24px;
	font-size: 1.2em;
	padding: 8px;
}

.titlesInflationCalculate{
	display:flex;
	justify-content:space-evenly;
	background-color:#d2d2d2;
	place-items:center;
}

.itemsInflationCalculate{
	display: flex;
	justify-content:space-evenly;
	place-items:center;
}
.InfoMembers{
	padding: 8px 0;
}
.contentInfoMembers{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.ContentDataInfoMembers{
	background-color:#c0c0c0;
	border-radius:0.55em;
	padding:4px;
	line-height:15px;
/*	height:150px;*/
	display: flex;
	flex-direction:column;
}
.DataInfoMembers{
	display: flex;
	flex-direction:column;
}

.InputTotalDue{
	background-color:#f3f3f3;
}
.InputBalanceDue{
	background-color:#f3f3f3;
}


/*Módulo de Recovery*/

/*body::-webkit-scrollbar {display: none;}*/
/* Estilo básico */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
    background-color: #808080; /* Color del thumb (barra de desplazamiento) */
    border-radius: 6px; /* Bordes redondeados */
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Color del track (fondo de la barra de desplazamiento) */
}

/* Estilo al hacer hover sobre la barra de desplazamiento */
::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

a{
	text-decoration:none;
	color:#353b48;
}

/*Config Inputs*/
input[type="password"] {
	-webkit-text-security: disc !important;
	padding: 1px 2px;
}
input{padding: 0 5px;}
textarea{padding: 0 5px;}

/*apagar el boton de aumertar numero*/
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

input[type=checkbox] {
	transform: scale(1.4);
	background-color: var(--ColorSave);
}
input[type=checkbox]:checked{
	transform: scale(1.4);
	background-color: var(--ColorSave);
}

/* Colores */
:root{
	--LetterWht:#f9f9f9;
	--BckFound:#ecf0f1;
	--MenuSecond:#34495e;
	--Pagination: #2c3e50;
	--MenuFirst:#0A3D62;
	--ColorSave: #28a745;
	--ColorAdd: #3f51b5 ;
	--ColorCancel: #f44336;
	--ColorUpdate: #9c27b0;
	--ColorInfo: #03a9f4;
	--ColorAction: #03a9f4;
	--ColorRed:#dc3545;
	--ColorBlue: #2980b9;
	--ColorYellow:#f1c40f;
	--ColorOrange:#ff9800;
	--ColorAdmin:#c0392b;
	--ColorAdmin2: #8C2540;
}
/* Colores */

/*Ajustes de texos*/
.Right{text-align:right;}
.Left{text-align:left;}
.Center{text-align:center;}
.DisplayShow{visibility: hidden;}
.Oculto{display: none;}
/*Ajustes de texos*/


/*Status socios*/

.statusColor{
	background-color: green;
	color: white;
	border: 1px solid green;
	border-radius: 12px;
	padding: 8px;
}

.ACTIVO{
	background-color: green;
	color: white;
	border: 1px solid green;
	border-radius: 5px;
	padding: 4px;
	font-size: 8px;
}

.DESAFILIADO{
	background-color: darkgray;
	color: white;
	border: 1px solid darkgray;
	border-radius: 5px;
	padding: 4px;	
}
.BAJA{
	background-color: darkred;
	color: white;
	border: 1px solid darkred;
	border-radius: 5px;
	padding: 2px 4px;
	width: 100px;
}
.MOROSO{
	background-color: red;
	color: white;
	border: 1px solid red;
	border-radius: 5px;
	padding: 4px;
}
.SEGURO{
	background-color: darkorange;
	color: white;
	border: 1px solid darkorange;
	border-radius: 5px;
	padding: 4px;
}
.nameCompany{
	font-size: 2rem;
	color: #f9f9f9;
}



/*panel history*/

/** variables de reportes (más color, más contraste) **/
:root{
  --panel:#f3f3f3;     /* fondo general claro azulado */
  --panel-2:#f3f3f3;   /* paneles / tarjetas */
  --accent:#7f8c8d;    /* azul brillante (primario) */
  --accent-2:#2c3e50;  /* azul más oscuro (hover / títulos) */
  --text:#1E2A36;      /* texto principal */
  --muted:#556677;     /* texto secundario */
  --chip:#ffffff;      /* botones / chips */
  --link:##BDBDBD;      /* enlaces y resaltes */
  --danger:#E53935;    /* rojo error */
  --warn:#FFB300;      /* amarillo advertencia */
  --ok:#2F9E44;        /* verde validación */
  --line:#ffffff;      /* bordes */
  --chip-hover:#3C4D5E;
  --chip-active:#BBD9F4;
  --chip-border:#A5C9E7;
  --focus:#1A73E8;
  --shadow:0 3px 8px rgba(26,115,232,.15);
  --radius:10px;
}

/* contenedor */
.containerReports{
  width: 100%;
  background-color: var(--panel);
  grid-column: 2/-1;
  padding: 8px;
  color: var(--text);
  line-height: 1.45;
  display: grid;
}

/* cabecera modal */
.headerModal{
  background-color: var(--accent);
  padding: 6px;
  color: white;
}

/* títulos */
.titleSectionReports{
  font-size: 1.2rem;
  color: var(--accent-2);
}

.titleDetailReport{
	padding-bottom: 8px;
}

/* footer */
.footerReports{
  display: flex;
  flex-direction: row;
}

/* punto de estado */
.dot{
  width:10px; height:10px; border-radius:50%; margin-top:4px; flex:0 0 auto;
  background: var(--ok);
  box-shadow: 0 0 0 4px rgba(47,158,68,0.25);
}

/* secciones */
.section{
  grid-column: 2/-1;
  background-color: var(--panel-2);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  overflow: hidden;
  padding: 10px;
  margin: 10px 0;
}

/* botones y menú */
.menu{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}

.btnReports{
  display:flex; flex-direction: column; align-items:flex-start; gap:10px; text-decoration:none;
  background: var(--chip);
  color: var(--text);
  font-size: 1.5rem;
  padding:14px; border-radius:12px;
  min-height:64px;
  transition: transform .15s ease, border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.menu .btnReports:hover{
  transform: translateY(-3px);
  background: var(--chip-hover);
  color:#f9f9f9;
  border-color: var(--accent);
  box-shadow: 0 4px 10px rgba(26,115,232,.25);
}
.menu .btnReports:active{
  background: var(--chip-active);
  border-color: var(--accent-2);
}
.menu .btnReports:focus{
  outline: 3px solid color-mix(in srgb, var(--focus) 50%, transparent);
  outline-offset: 2px;
}

.menu .btnReports .dot{
  width:10px; height:10px; border-radius:50%; margin-top:4px; flex:0 0 auto;
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(26,115,232,0.25);
}

/* textos secundarios */
.btnTitle{font-size: 1.5rem;}
/*.menu .btnReports .txt b{display:block; font-size:14px; margin-bottom:4px; color: var(--accent-2);}*/
/*.menu .btnReports .txt small{display:block; color:var(--muted); font-size:10px}*/

/*Cierre de periodo*/
.InputDate{	width: 100%;}

.headerClosed{
	background-color:#3c4d5e ;
}
.titleClosed{
	color:#f9f9f9;
	font-size: 1.5rem;
	padding: 4px;
}
.bodyFormClosed{
	padding: 16px;
}
.GroupButtonRow{
	display: flex;
	flex-direction: row;
	padding: 8px;
}

.contentModalCLosed{
	display: none;
	position: fixed;
	background-color:rgba(0, 0, 0,0.8);
	width:100vw;
	min-height:100vh;
	z-index:1100;
	margin: 0 auto;
	justify-content:center;
}

.formModalClosed{
	background-color: white;
	width: 20%;
	height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 100px;
	padding-bottom: 16px;
}

/* Dashboard index */
.DashboardHome{
	grid-column: 2/-1;
	grid-row: 2/-1;
	min-height: calc(100vh - 65px);
	overflow-y: auto;
	background: #f4f6f8;
	padding: 24px 28px 36px;
	color: #1f2d3d;
}

.DashboardHero{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	gap: 16px;
	background: #ffffff;
	border: 1px solid #dfe5ec;
	border-radius: 8px;
	padding: 22px 24px;
	box-shadow: 0 8px 22px rgba(31, 45, 61, 0.08);
}

.DashboardEyebrow,
.DashboardHero span,
.DashboardHero small,
.DashboardPanelHeader span,
.DashboardKpi small,
.DashboardDue span,
.DashboardCompanyItem span{
	color: #65758a;
}

.DashboardEyebrow{
	font-size: 1.2rem;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 6px;
}

.DashboardHero h1{
	font-size: 2.8rem;
	line-height: 1.15;
	color: #1f2d3d;
	margin-bottom: 8px;
}

.DashboardHero span,
.DashboardHeroMeta span,
.DashboardHeroMeta small,
.DashboardPanelHeader span,
.DashboardKpi p,
.DashboardKpi small,
.DashboardDue span,
.DashboardCompanyItem span,
.DashboardLink,
.DashboardActions a,
.DashboardEmpty{
	font-size: 1.2rem;
}

.DashboardHeroMeta{
	min-width: 230px;
	border-left: 4px solid #2980b9;
	background: #f7fafc;
	border-radius: 6px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.DashboardHeroMeta strong{
	font-size: 1.8rem;
	color: #1f2d3d;
	margin: 4px 0;
}

.DashboardKpis{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-top: 16px;
}

.DashboardKpi{
	background: #ffffff;
	border: 1px solid #dfe5ec;
	border-radius: 8px;
	padding: 16px;
	display: flex;
	gap: 12px;
	min-height: 118px;
	box-shadow: 0 6px 16px rgba(31, 45, 61, 0.06);
}

.DashboardKpi > span{
	width: 38px;
	height: 38px;
	border-radius: 8px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #e9f3fb;
	color: #2980b9;
	font-size: 2.2rem;
	flex: 0 0 38px;
}

.DashboardKpi strong{
	display: block;
	font-size: 2.1rem;
	line-height: 1.25;
	color: #17212f;
	margin: 6px 0;
	word-break: break-word;
}

.DashboardKpi p{
	font-weight: 700;
	color: #52606f;
}

.DashboardKpiStrong > span{
	background: #eaf7ef;
	color: #2f9e44;
}

.DashboardKpiAlert > span{
	background: #fff4e5;
	color: #f39c12;
}

.DashboardGrid{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	margin-top: 16px;
}

.DashboardPanel{
	background: #ffffff;
	border: 1px solid #dfe5ec;
	border-radius: 8px;
	padding: 16px;
	min-height: 245px;
	box-shadow: 0 6px 16px rgba(31, 45, 61, 0.06);
}

.DashboardWide{
	grid-column: span 2;
}

.DashboardPanelHeader{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 14px;
}

.DashboardPanelHeader h2{
	font-size: 1.8rem;
	color: #1f2d3d;
	margin-bottom: 4px;
}

.DashboardLink{
	border: 1px solid #2980b9;
	border-radius: 6px;
	color: #2980b9;
	padding: 7px 10px;
	white-space: nowrap;
}

.DashboardLink:hover,
.DashboardActions a:hover{
	background: #2980b9;
	color: #ffffff;
}

.DashboardTable{
	width: 100%;
	overflow-x: auto;
}

.DashboardTableHead,
.DashboardTableRow{
	display: grid;
	grid-template-columns: 14% 30% 18% 20% 18%;
	gap: 8px;
	align-items: center;
	min-width: 620px;
}

.DashboardTableHead{
	background: #eef2f6;
	color: #52606f;
	font-weight: 700;
	border-radius: 6px;
	padding: 9px 10px;
}

.DashboardTableHead span,
.DashboardTableRow span,
.DashboardTableRow mark{
	font-size: 1.2rem;
}

.DashboardTableRow{
	padding: 10px;
	border-bottom: 1px solid #edf1f5;
}

.DashboardTableRow mark{
	background: #edf7ed;
	color: #2f7d32;
	border-radius: 6px;
	padding: 4px 8px;
}

.DashboardDue{
	min-height: 92px;
	border: 1px solid #edf1f5;
	border-radius: 8px;
	background: #f8fafc;
	padding: 16px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.DashboardDue strong{
	font-size: 2.4rem;
	color: #1f2d3d;
	margin-bottom: 6px;
}

.DashboardActions{
	display: grid;
	gap: 8px;
	margin-top: 14px;
}

.DashboardActions a{
	border: 1px solid #dfe5ec;
	border-radius: 6px;
	padding: 9px 10px;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #1f2d3d;
}

.DashboardActions .material-icons{
	font-size: 1.8rem;
}

.DashboardBars{
	display: grid;
	gap: 12px;
}

.DashboardBarItem > div,
.DashboardCompanyItem{
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: center;
}

.DashboardBarItem span,
.DashboardBarItem strong,
.DashboardCompanyItem strong,
.DashboardCompanyItem p{
	font-size: 1.2rem;
}

.DashboardBarItem i{
	display: block;
	width: 100%;
	height: 10px;
	background: #edf1f5;
	border-radius: 10px;
	margin-top: 6px;
	overflow: hidden;
}

.DashboardBarItem b{
	display: block;
	height: 100%;
	background: #8c2540;
	border-radius: 10px;
}

.DashboardCompanyList{
	display: grid;
	gap: 10px;
}

.DashboardCompanyItem{
	border-bottom: 1px solid #edf1f5;
	padding-bottom: 10px;
}

.DashboardCompanyItem strong{
	display: block;
	font-size: 1.35rem;
	margin-bottom: 3px;
}

.DashboardCompanyItem p{
	font-weight: 700;
	color: #1f2d3d;
	white-space: nowrap;
}

.DashboardEmpty{
	color: #65758a;
	padding: 16px 0;
}

@media (max-width: 1100px){
	.DashboardKpis,
	.DashboardGrid{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 760px){
	.ContainerMain{
		grid-template-columns: 1fr;
	}
	.ContentMenu{
		display: none;
	}

	.DashboardHome{
		grid-column: 1/-1;
		top:100px;
		padding: 18px 14px 28px;
	}

	.DashboardHero,
	.DashboardPanelHeader{
		flex-direction: column;
	}

	.DashboardHeroMeta{
		width: 100%;
		min-width: 0;
	}

	.DashboardKpis,
	.DashboardGrid{
		grid-template-columns: 1fr;
	}

	.DashboardWide{
		grid-column: span 1;
	}
}

@media (max-width: 760px){
	.customer-page{
		background-color:#f4f6f8;
		overflow-x:hidden;
	}

	.customer-page .HeaderMain{
		position:sticky;
		top:0;
		z-index:100;
		padding-left:42px;
	}

	.customer-page .LogoHeader{
		padding:12px 10px;
		font-size:2rem;
	}

	.customer-page .nameCompany{
		font-size:1.4rem;
		max-width:45vw;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

	.customer-page .InfoHeader{
		margin-right:10px;
	}

	.customer-page .BtnNavBar{
		position:fixed;
		top:17px;
		left:10px;
		margin:0;
		z-index:1001;
	}

	.customer-page .ContentMenu{
		width:min(82vw, 300px);
	}

	.customer-page .ContentList{
		grid-column:1/-1;
		grid-row:2/-1;
		width:100%;
		height:auto;
		min-height:calc(100dvh - 65px);
		padding:10px;
	}

	.customer-page .HeaderGroup{
		display:block;
		padding:8px 0 10px;
	}

	.customer-page .InputSearch{
		width:100%;
		padding:8px 0;
	}

	.customer-page .InputItem,
	.customer-page .InputArea{
		width:100%;
		min-width:0;
		font-size:16px;
	}

	.customer-page .HeaderList{
		border-radius:6px 6px 0 0;
		overflow:visible;
	}

	.customer-page .HeaderListContentTitle{
		gap:12px;
		padding:10px;
	}

	.customer-page .HeaderListTitle{
		font-size:1.5rem;
	}

	.customer-page .BtnNew{
		margin-left:0;
		min-width:76px;
		height:32px;
		font-size:1.1rem;
	}

	.customer-page .HeaderTitleList{
		display:none;
	}

	.customer-page .BodyList{
		height:auto;
		max-height:none;
		overflow:visible;
		padding:10px 0;
	}

	.customer-page .BodyListItems{
		display:grid;
		grid-template-columns:1fr;
		grid-auto-rows:auto;
		gap:6px;
		margin-bottom:10px;
		padding:12px;
		background-color:#ffffff;
		border:1px solid #d9e0e7;
		border-radius:6px;
		box-shadow:rgba(15, 23, 42, 0.08) 0 1px 3px;
	}

	.customer-page .BodyListItems:nth-child(even){
		background-color:#ffffff;
	}

	.customer-page .BodyListItems h3{
		display:flex;
		justify-content:space-between;
		gap:12px;
		min-width:0;
		font-size:1.2rem;
		line-height:1.35;
		text-align:right;
		word-break:break-word;
	}

	.customer-page .BodyListItems h3::before{
		flex:0 0 92px;
		color:#5b6775;
		font-weight:bold;
		text-align:left;
	}

	.customer-page .BodyListItems h3:nth-child(1)::before{content:"Cedula";}
	.customer-page .BodyListItems h3:nth-child(2)::before{content:"Nombres";}
	.customer-page .BodyListItems h3:nth-child(3)::before{content:"Apellidos";}
	.customer-page .BodyListItems h3:nth-child(4)::before{content:"Empresa";}
	.customer-page .BodyListItems h3:nth-child(5)::before{content:"Estado";}
	.customer-page .BodyListItems h3:nth-child(6)::before{content:"Accion";}

	.customer-page .ActionList{
		height:auto;
		align-items:center;
		overflow:visible;
		position:relative;
	}

	.customer-page .BtnProcess{
		width:82px;
		height:30px;
		margin-left:auto;
		font-size:1.1rem;
	}

	.customer-page .MenuAction{
		position:absolute;
		right:0;
		top:34px;
		width:120px;
		margin-left:0;
		box-shadow:rgba(15, 23, 42, 0.18) 0 8px 20px;
	}

	.customer-page .FooterList{
		display:block;
		border-radius:0 0 6px 6px;
	}

	.customer-page .Pagination{
		display:flex;
		flex-wrap:wrap;
		gap:6px;
		padding:10px;
	}

	.customer-page .BtnPage{
		margin-left:0;
		min-width:34px;
	}

	.customer-page .TotalRecord{
		padding:0 10px 10px;
	}

	.customer-page .ContentRegister{
		position:relative;
		left:auto;
		top:auto;
		margin:10px;
		width:calc(100% - 20px);
		height:auto;
		min-height:calc(100dvh - 85px);
		overflow:visible;
	}

	.customer-page .ContentRegister.DisplayShow{
		display:none;
	}

	.customer-page .HeaderRegister{
		position:sticky;
		top:65px;
		z-index:20;
	}

	.customer-page .BodyRegisterCustomer{
		padding-bottom:16px;
	}

	.customer-page .ContentButtonAcordion{
		position:sticky;
		top:99px;
		z-index:19;
		gap:8px;
		padding:8px;
		background-color:#ffffff;
	}

	.customer-page .buttonAcordion{
		flex:1 1 0;
		margin-right:0;
		text-align:center;
		font-size:1.2rem;
	}

	.customer-page .ContentInfoBasic,
	.customer-page .ContentInfoJob{
		position:static;
		width:100%;
		display:grid;
		grid-template-columns:1fr;
		gap:10px;
		padding:12px;
	}

	.customer-page .ContentInfoBasic.DisplayShow,
	.customer-page .ContentInfoJob.DisplayShow,
	.customer-page .InputLocked.DisplayShow{
		display:none;
	}

	.customer-page .ContentItemGroup{
		display:grid;
		grid-template-columns:1fr;
		gap:10px;
	}

	.customer-page .StatusGroup,
	.customer-page .StatusGroupLocked,
	.customer-page .InputDateCreate{
		width:100%;
	}

	.customer-page .ItemSex .ContentItemGroup{
		display:flex;
		flex-wrap:wrap;
		gap:10px 16px;
	}

	.customer-page .ItemAgeOld,
	.customer-page .ItemAgeOldJob,
	.customer-page .Calification{
		width:100%;
		height:auto;
		min-height:30px;
		margin:0;
	}

	.customer-page .InputGroup,
	.customer-page .InputGroupArea{
		height:auto;
		min-height:0;
		gap:4px;
		margin-top:0;
	}

	.customer-page .BottonGroupClient{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:10px;
		margin:8px 0 0;
	}

	.customer-page .BottonGroupClient .Btn{
		width:100%;
		height:36px;
		margin-left:0;
		font-size:1.2rem;
	}
}

@media (max-width: 760px){
	.company-page,
	.associated-page{
		background-color:#f4f6f8;
		overflow-x:hidden;
	}

	.company-page .HeaderMain,
	.associated-page .HeaderMain{
		position:sticky;
		top:0;
		z-index:100;
		padding-left:42px;
	}

	.company-page .LogoHeader,
	.associated-page .LogoHeader{
		padding:12px 10px;
		font-size:2rem;
	}

	.company-page .nameCompany,
	.associated-page .nameCompany{
		font-size:1.4rem;
		max-width:45vw;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

	.company-page .InfoHeader,
	.associated-page .InfoHeader{
		margin-right:10px;
	}

	.company-page .BtnNavBar,
	.associated-page .BtnNavBar{
		position:fixed;
		top:17px;
		left:10px;
		margin:0;
		z-index:1001;
	}

	.company-page .ContentMenu,
	.associated-page .ContentMenu{
		width:min(82vw, 300px);
	}

	.company-page .ContentList,
	.associated-page .ContentList{
		grid-column:1/-1;
		grid-row:2/-1;
		width:100%;
		height:auto;
		min-height:calc(100dvh - 65px);
		padding:10px;
	}

	.company-page .ContentList.DisplayShow,
	.associated-page .ContentList.DisplayShow{
		display:none;
	}

	.company-page .HeaderGroup,
	.associated-page .HeaderGroup{
		display:block;
		padding:8px 0 10px;
	}

	.company-page .InputSearch,
	.associated-page .InputSearch{
		width:100%;
		padding:8px 0;
	}

	.company-page .InputItem,
	.company-page .InputArea,
	.associated-page .InputItem,
	.associated-page .InputArea{
		width:100%;
		min-width:0;
		font-size:16px;
	}

	.company-page .HeaderList,
	.associated-page .HeaderList{
		border-radius:6px 6px 0 0;
		overflow:visible;
	}

	.company-page .HeaderListContentTitle,
	.associated-page .HeaderListContentTitle{
		gap:12px;
		padding:10px;
	}

	.company-page .HeaderListTitle,
	.associated-page .HeaderListTitle{
		font-size:1.5rem;
	}

	.company-page .BtnNew,
	.associated-page .BtnNew{
		margin-left:0;
		min-width:76px;
		height:32px;
		font-size:1.1rem;
	}

	.company-page .HeaderTitleList,
	.associated-page .HeaderTitleList{
		display:none;
	}

	.company-page .BodyList,
	.associated-page .BodyList{
		height:auto;
		max-height:none;
		overflow:visible;
		padding:10px 0;
	}

	.company-page .BodyListItems,
	.associated-page .BodyListItems{
		display:grid;
		grid-template-columns:1fr;
		grid-auto-rows:auto;
		gap:6px;
		margin-bottom:10px;
		padding:12px;
		background-color:#ffffff;
		border:1px solid #d9e0e7;
		border-radius:6px;
		box-shadow:rgba(15, 23, 42, 0.08) 0 1px 3px;
	}

	.company-page .BodyListItems:nth-child(even),
	.associated-page .BodyListItems:nth-child(even){
		background-color:#ffffff;
	}

	.company-page .BodyListItems h3,
	.associated-page .BodyListItems h3{
		display:flex;
		justify-content:space-between;
		gap:12px;
		min-width:0;
		font-size:1.2rem;
		line-height:1.35;
		text-align:right;
		word-break:break-word;
	}

	.company-page .BodyListItems h3::before,
	.associated-page .BodyListItems h3::before{
		flex:0 0 92px;
		color:#5b6775;
		font-weight:bold;
		text-align:left;
	}

	.company-page .BodyListItems h3:nth-child(1)::before,
	.associated-page .BodyListItems h3:nth-child(1)::before{content:"RUT";}
	.company-page .BodyListItems h3:nth-child(2)::before{content:"Descripcion";}
	.associated-page .BodyListItems h3:nth-child(2)::before{content:"Razon social";}
	.company-page .BodyListItems h3:nth-child(3)::before,
	.associated-page .BodyListItems h3:nth-child(3)::before{content:"Contacto";}
	.company-page .BodyListItems h3:nth-child(4)::before,
	.associated-page .BodyListItems h3:nth-child(4)::before{content:"Telefono";}
	.company-page .BodyListItems h3:nth-child(5)::before,
	.associated-page .BodyListItems h3:nth-child(5)::before{content:"Estado";}
	.company-page .BodyListItems h3:nth-child(6)::before,
	.associated-page .BodyListItems h3:nth-child(6)::before{content:"Accion";}

	.company-page .ActionList,
	.associated-page .ActionList{
		height:auto;
		align-items:center;
		overflow:visible;
		position:relative;
	}

	.company-page .BtnProcess,
	.associated-page .BtnProcess{
		width:82px;
		height:30px;
		margin-left:auto;
		font-size:1.1rem;
	}

	.company-page .MenuAction,
	.associated-page .MenuAction{
		position:absolute;
		right:0;
		top:34px;
		width:120px;
		margin-left:0;
		box-shadow:rgba(15, 23, 42, 0.18) 0 8px 20px;
	}

	.company-page .FooterList,
	.associated-page .FooterList{
		display:block;
		border-radius:0 0 6px 6px;
	}

	.company-page .Pagination,
	.associated-page .Pagination{
		display:flex;
		flex-wrap:wrap;
		gap:6px;
		padding:10px;
	}

	.company-page .BtnPage,
	.associated-page .BtnPage{
		margin-left:0;
		min-width:34px;
	}

	.company-page .TotalRecord,
	.associated-page .TotalRecord{
		padding:0 10px 10px;
	}

	.company-page .ContentRegister,
	.associated-page .ContentRegister{
		position:relative;
		left:auto;
		top:auto;
		margin:10px;
		width:calc(100% - 20px);
		height:auto;
		min-height:calc(100dvh - 85px);
		overflow:visible;
		background-color:#ffffff;
	}

	.company-page .ContentRegister.DisplayShow,
	.associated-page .ContentRegister.DisplayShow{
		display:none;
	}

	.company-page .HeaderRegister,
	.associated-page .HeaderRegister{
		position:sticky;
		top:65px;
		z-index:20;
	}

	.company-page .BodyRegisterCompany,
	.associated-page .BodyRegisterCompany{
		display:grid;
		grid-template-columns:1fr;
		gap:10px;
		padding:12px;
	}

	.company-page .ContentItemGroup,
	.associated-page .ContentItemGroup{
		display:grid;
		grid-template-columns:1fr;
		gap:10px;
	}

	.company-page .StatusGroup,
	.associated-page .StatusGroup{
		width:100%;
		display:flex;
		align-items:center;
		min-height:36px;
	}

	.company-page .StatusGroup label,
	.associated-page .StatusGroup label{
		display:flex;
		align-items:center;
		justify-content:space-between;
		width:100%;
	}

	.company-page .InputGroup,
	.company-page .InputGroupArea,
	.associated-page .InputGroup,
	.associated-page .InputGroupArea{
		height:auto;
		min-height:0;
		gap:4px;
		margin-top:0;
	}

	.company-page .ButtonGroupCompany,
	.associated-page .ButtonGroupCompany{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:10px;
		margin:8px 0 0;
	}

	.company-page .ButtonGroupCompany .Btn,
	.associated-page .ButtonGroupCompany .Btn{
		width:100%;
		height:36px;
		margin-left:0;
		font-size:1.2rem;
	}
}

@media (max-width: 760px){
	.product-page,
	.seller-page{
		background-color:#f4f6f8;
		overflow-x:hidden;
	}

	.product-page .HeaderMain,
	.seller-page .HeaderMain{
		position:sticky;
		top:0;
		z-index:100;
		padding-left:42px;
	}

	.product-page .LogoHeader,
	.seller-page .LogoHeader{
		padding:12px 10px;
		font-size:2rem;
	}

	.product-page .nameCompany,
	.seller-page .nameCompany{
		font-size:1.4rem;
		max-width:45vw;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}

	.product-page .InfoHeader,
	.seller-page .InfoHeader{
		margin-right:10px;
	}

	.product-page .BtnNavBar,
	.seller-page .BtnNavBar{
		position:fixed;
		top:17px;
		left:10px;
		margin:0;
		z-index:1001;
	}

	.product-page .ContentMenu,
	.seller-page .ContentMenu{
		width:min(82vw, 300px);
	}

	.product-page .ContentList,
	.seller-page .ContentList{
		grid-column:1/-1;
		grid-row:2/-1;
		width:100%;
		height:auto;
		min-height:calc(100dvh - 65px);
		padding:10px;
	}

	.product-page .ContentList.DisplayShow,
	.seller-page .ContentList.DisplayShow{
		display:none;
	}

	.product-page .HeaderGroup,
	.seller-page .HeaderGroup{
		display:block;
		padding:8px 0 10px;
	}

	.product-page .InputSearch,
	.seller-page .InputSearch{
		width:100%;
		padding:8px 0;
	}

	.product-page .InputItem,
	.product-page .InputArea,
	.seller-page .InputItem,
	.seller-page .InputArea{
		width:100%;
		min-width:0;
		font-size:16px;
	}

	.product-page .HeaderList,
	.seller-page .HeaderList{
		border-radius:6px 6px 0 0;
		overflow:visible;
	}

	.product-page .HeaderListContentTitle,
	.seller-page .HeaderListContentTitle{
		gap:12px;
		padding:10px;
	}

	.product-page .HeaderListTitle,
	.seller-page .HeaderListTitle{
		font-size:1.5rem;
	}

	.product-page .BtnNew,
	.seller-page .BtnNew{
		margin-left:0;
		min-width:76px;
		height:32px;
		font-size:1.1rem;
	}

	.product-page .HeaderTitleList,
	.seller-page .HeaderTitleListSeller{
		display:none;
	}

	.product-page .BodyList,
	.seller-page .BodyList{
		height:auto;
		max-height:none;
		overflow:visible;
		padding:10px 0;
	}

	.product-page .BodyListItems,
	.seller-page .BodyListItemsSeller{
		display:grid;
		grid-template-columns:1fr;
		grid-auto-rows:auto;
		gap:6px;
		margin-bottom:10px;
		padding:12px;
		background-color:#ffffff;
		border:1px solid #d9e0e7;
		border-radius:6px;
		box-shadow:rgba(15, 23, 42, 0.08) 0 1px 3px;
	}

	.product-page .BodyListItems:nth-child(even),
	.seller-page .BodyListItemsSeller:nth-child(even){
		background-color:#ffffff;
	}

	.product-page .BodyListItems h3,
	.seller-page .BodyListItemsSeller h3{
		display:flex;
		justify-content:space-between;
		gap:12px;
		min-width:0;
		font-size:1.2rem;
		line-height:1.35;
		text-align:right;
		word-break:break-word;
	}

	.product-page .BodyListItems h3::before,
	.seller-page .BodyListItemsSeller h3::before{
		flex:0 0 92px;
		color:#5b6775;
		font-weight:bold;
		text-align:left;
	}

	.product-page .BodyListItems h3:nth-child(1)::before{content:"Codigo";}
	.product-page .BodyListItems h3:nth-child(2)::before{content:"Descripcion";}
	.product-page .BodyListItems h3:nth-child(3)::before{content:"Tipo";}
	.product-page .BodyListItems h3:nth-child(4)::before{content:"Detalle";}
	.product-page .BodyListItems h3:nth-child(5)::before{content:"Estado";}
	.product-page .BodyListItems h3:nth-child(6)::before{content:"Accion";}

	.seller-page .BodyListItemsSeller h3:nth-child(1)::before{content:"Codigo";}
	.seller-page .BodyListItemsSeller h3:nth-child(2)::before{content:"Nombres";}
	.seller-page .BodyListItemsSeller h3:nth-child(3)::before{content:"Apellidos";}
	.seller-page .BodyListItemsSeller h3:nth-child(4)::before{content:"Telefono";}
	.seller-page .BodyListItemsSeller h3:nth-child(5)::before{content:"Estado";}
	.seller-page .BodyListItemsSeller h3:nth-child(6)::before{content:"Accion";}

	.product-page .ActionList,
	.seller-page .ActionList{
		height:auto;
		align-items:center;
		overflow:visible;
		position:relative;
	}

	.product-page .BtnProcess,
	.seller-page .BtnProcess{
		width:82px;
		height:30px;
		margin-left:auto;
		font-size:1.1rem;
	}

	.product-page .MenuAction,
	.seller-page .MenuAction{
		position:absolute;
		right:0;
		top:34px;
		width:120px;
		margin-left:0;
		box-shadow:rgba(15, 23, 42, 0.18) 0 8px 20px;
	}

	.product-page .FooterList,
	.seller-page .FooterList{
		display:block;
		border-radius:0 0 6px 6px;
	}

	.product-page .Pagination,
	.seller-page .Pagination{
		display:flex;
		flex-wrap:wrap;
		gap:6px;
		padding:10px;
	}

	.product-page .BtnPage,
	.seller-page .BtnPage{
		margin-left:0;
		min-width:34px;
	}

	.product-page .TotalRecord,
	.seller-page .TotalRecord{
		padding:0 10px 10px;
	}

	.product-page .ContentRegisterProduct,
	.seller-page .ContentRegisterSeller{
		position:relative;
		left:auto;
		top:auto;
		grid-column:1/-1;
		grid-row:2/-1;
		margin:10px;
		width:calc(100% - 20px);
		height:auto;
		min-height:calc(100dvh - 85px);
		overflow:visible;
		background-color:#ffffff;
	}

	.product-page .ContentRegisterProduct.DisplayShow,
	.seller-page .ContentRegisterSeller.DisplayShow{
		display:none;
	}

	.product-page .HeaderRegister,
	.seller-page .HeaderRegister{
		position:sticky;
		top:65px;
		z-index:20;
	}

	.product-page .BodyRegisterProduct,
	.seller-page .BodyRegisterSeller{
		display:grid;
		grid-template-columns:1fr;
		gap:10px;
		padding:12px;
	}

	.product-page .GroupInputCodeStatus,
	.product-page .ContentItemGroup,
	.seller-page .ContentItemGroup{
		display:grid;
		grid-template-columns:1fr;
		gap:10px;
	}

	.product-page .StatusGroup,
	.seller-page .StatusGroup{
		width:100%;
		display:flex;
		align-items:center;
		min-height:36px;
	}

	.product-page .StatusGroup label,
	.seller-page .StatusGroup label{
		display:flex;
		align-items:center;
		justify-content:space-between;
		width:100%;
	}

	.product-page .StatusPosition{
		width:100%;
	}

	.product-page .InputGroup,
	.product-page .InputGroupArea,
	.seller-page .InputGroup,
	.seller-page .InputGroupArea{
		height:auto;
		min-height:0;
		gap:4px;
		margin-top:0;
	}

	.seller-page .ItemSexSeller{
		width:100%;
		display:flex;
		flex-wrap:wrap;
		gap:10px 16px;
	}

	.seller-page .ItemAgeOld{
		width:100%;
		height:auto;
		min-height:30px;
		margin:0;
	}

	.product-page .ButtonGroupProduct,
	.seller-page .BottonGroupSeller{
		display:grid;
		grid-template-columns:1fr 1fr;
		gap:10px;
		margin:8px 0 0;
	}

	.product-page .ButtonGroupProduct .Btn,
	.seller-page .BottonGroupSeller .Btn{
		width:100%;
		height:36px;
		margin-left:0;
		font-size:1.2rem;
	}
}
/* Cronograma de amortización: vista informativa, sin persistencia. */
.AmortizationModal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 1200;
	align-items: center;
	justify-content: center;
	padding: 24px;
	background: rgba(10, 28, 50, 0.62);
	backdrop-filter: blur(3px);
}

.AmortizationModal.is-open {
	display: flex;
}

.AmortizationDialog {
	display: flex;
	flex-direction: column;
	width: min(1180px, 96vw);
	max-height: 92vh;
	overflow: hidden;
	background: #fff;
	border-radius: 14px;
	box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.AmortizationHeader {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	padding: 22px 26px 18px;
	color: #fff;
	background: linear-gradient(135deg, #15395f 0%, #2473b8 100%);
}

.AmortizationHeader h2,
.AmortizationHeader p {
	margin: 0;
}

.AmortizationHeader h2 {
	font-size: 1.35rem;
}

.AmortizationHeader p {
	margin-top: 5px;
	font-size: 0.86rem;
	opacity: 0.88;
}

.AmortizationClose {
	border: 0;
	background: transparent;
	color: #fff;
	font-size: 2rem;
	line-height: 1;
	cursor: pointer;
}

.AmortizationSummary {
	display: grid;
	grid-template-columns: repeat(4, minmax(150px, 1fr));
	gap: 10px;
	padding: 16px 26px;
	background: #f3f7fb;
	border-bottom: 1px solid #d8e2ec;
}

.AmortizationSummaryItem {
	padding: 10px 12px;
	background: #fff;
	border: 1px solid #dce5ee;
	border-radius: 8px;
}

.AmortizationSummaryItem span,
.AmortizationSummaryItem strong {
	display: block;
}

.AmortizationSummaryItem span {
	margin-bottom: 3px;
	color: #607387;
	font-size: 0.72rem;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.AmortizationSummaryItem strong {
	color: #163a5e;
	font-size: 1rem;
}

.AmortizationTableWrap {
	overflow: auto;
	padding: 0 26px;
}

.AmortizationTable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	font-size: 0.88rem;
}

.AmortizationTable th {
	position: sticky;
	top: 0;
	z-index: 1;
	padding: 12px 10px;
	color: #fff;
	background: #193f68;
	border-right: 1px solid #466787;
	white-space: nowrap;
}

.AmortizationTable td {
	padding: 11px 10px;
	text-align: right;
	border-right: 1px solid #dbe4ed;
	border-bottom: 1px solid #dbe4ed;
}

.AmortizationTable td:first-child,
.AmortizationTable td:nth-child(2) {
	text-align: center;
}

.AmortizationTable tbody tr:nth-child(even) {
	background: #f7f9fc;
}

.AmortizationTable tbody tr:hover {
	background: #eaf3fb;
}

.AmortizationFooter {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 14px 26px 18px;
	color: #52677c;
}

#btn_amortization:disabled {
	cursor: not-allowed;
	opacity: 0.55;
}

@media (max-width: 760px) {
	.AmortizationModal {
		padding: 8px;
	}

	.AmortizationDialog {
		width: 100%;
		max-height: 96vh;
	}

	.AmortizationSummary {
		grid-template-columns: repeat(2, minmax(130px, 1fr));
	}

	.AmortizationHeader,
	.AmortizationSummary,
	.AmortizationTableWrap,
	.AmortizationFooter {
		padding-left: 14px;
		padding-right: 14px;
	}
}