/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/


.btn_pointer{
	cursor: pointer;
}
.btn__container{
	display: flex;
}
a.loginLink{
	color: white;
	font: 500 1rem Arial, sans-serif;
	letter-spacing: 1px;
	line-height: 1.5;
}
.swal2-actions .swal2-confirm .swal2-styled.swal2-confirm{
	background-color: #2dbe60;
}
.swal2-actions .swal2-styled{
	box-shadow: none;
	background-color: #2dbe60;
	outline: none;
	font: 500 1rem Arial, sans-serif ;
}
.swal2-actions .swal2-confirm .swal2-styled:focus{
	outline: none;
	box-shadow: 0 0 0 3px rgb(45 190 96 / 50%) ;
}
.swal2-actions {
	justify-content: space-evenly !important;
}

/* Acordion */
#accordionExample{
	width: 100%;
}
#accordionExample .card{
	width: 100%;
}
.transaction-list__container{
	width: 100%;
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(2 , 1fr);
	align-items: center;
}
.transaction-list--destinatario{
	width: 100%;
	height: 44px;
	border-radius: 10px;
	display: grid;
	grid-gap: 4px;
	grid-template-columns: 20% 80%;
	grid-row: auto;
}
.transaction-list--destinatario:hover{
	background-color: rgba(45, 190, 96, 0.1);
}
.accordion:not(.accordion-alternate) .card-header a {
    background-color: transparent;
    color: #fff;
}
a:not([href]):not([tabindex]){
	color: #fff;
}
a:not([href]):not([tabindex]):hover{
	color: #fff;
}
.accordion .card-header a:before {
	left: 0;
}
#arrow{
	
	background-color: transparent;
	padding: 0px;
	color:#4A37FE!important;
	justify-self: center;
}
.transaction-list--destinatario button{
	padding: 0;
	background-color: transparent;
	border: 0;
	
}
.transaction-list--destinatario button div{
	font-size: 1rem;
	color:#4c4c4a ;
}
.transaction-list--destinatario button div:hover{
	cursor: pointer;
}
.transaction-list--buttons{
	display: grid;
	column-gap: 4px;
	grid-template-columns: auto;
	grid-template-rows: 60px;
	width: 100%;
	align-items: center;
	padding-right: 2%;
}

.transaction-list--agregar{
	grid-column: 2/3;
	width: 100%;
}
.transaction-list--btn{
	padding: 0;
	width: inherit;
	line-height: 1.9;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	
}
.btn-align{
	justify-self: center;
	display: flex;
	align-content: center;
	align-items: center;
}
.btn-align:hover{
	cursor: pointer;
}
.btn-editar{
	grid-column: 3/4;
}
.btn-eliminar{
	grid-column: 4/5;
	color:#CD1F37 ;
}
.accordion .card-body{
	padding: 0;
}

.list-group a > div > div{
	border-bottom: 1px solid #f1f5f6;
}
.card-body .card__details{
	border: 1px solid rgba(45, 190, 96, 15%);
	border-radius: 5px;
}
.list-group-item{
	border: 0;
}
.checkboxSize input[type=checkbox], input[type=radio]{
	width: 16px;
	height: 16px;
}
@media screen and (max-width: 447px) {
	.card-body, .card-body h6{
		font-size: 0.8rem;
	}
	.transaction-list__container{
		height: 70px;		
		grid-template-columns: 1fr 1fr;
		width: inherit;
	}
	.transaction-list--destinatario{
		height: 44px;
	}
	.transaction-list--destinatario button div{
		font-size: unset;
		
	}
	.transaction-list--buttons{
		height: unset;		
	}
	.btn-align > span{
		display: none;
	}
	  .btn-padding{
		padding: 5px;
	}  
	.checkboxSize input[type=checkbox], input[type=radio]{
		width: 20px;
		height: 20px;
	}
  }


	@media screen and (max-width: 767px) {
		#terminos-condiciones .modal-body {
			width: 100% !important;
			height: 50vh;
			overflow-y: scroll;
			border: 1px solid #2dbe60;
		}

		#terminos-condiciones-full .modal-body {
			width: 100% !important;
			height: 50vh;
			overflow-y: scroll;
			border: 1px solid #2dbe60;
		}

		#terminos-condiciones .modal-body{
			width: 100%!important; 
			height: 60vh;
			overflow-y: scroll;	
			border: 1px solid red;
		}

		.ventana{
			width: 100%;
		
		}
	}


  #terminos-condiciones .modal-body{
	width: 70vh!important; 
	height: 60vh;
	overflow-y: scroll;	
	border: 1px solid red;
}
  #terminos-condiciones-full .modal-content{
	width: 70vh!important;  
	border: 1px solid #2dbe60;
  }

  #terminos-condiciones-full .modal-body{
	width: 70vh!important; 
	height: 60vh;
	overflow-y: scroll;	
	border: 1px solid red;
}

.overlay, .overlayFull {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
}

.dialog {
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-height: 70%; /* El 70% de la altura de la ventana */
	overflow: auto; /* Habilitar desplazamiento si es necesario */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	display: flex;
	flex-direction: column;
}

.dialog-title {
	margin-top: 0;
	height: 15%;
}

.dialog-content {
	flex-grow: 1; /* El contenido crece para llenar el espacio restante */
	overflow-y: auto;
}

.dialog-footer {
	height: 15%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.accept-button,
.deny-button {
	padding: 10px 20px;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	width: 45%; /* El 45% del dialog-footer */
}

.accept-button {
	background-color: #007bff;
}

.deny-button {
	background-color: rgb(182, 3, 3);
}

.b-red{
	border: 1px solid #b60303;
	background-color: #b6030380;
	border-radius: 10px;
}

.w-100{
	width: 100%;
}

.dnone{
	display: none;
}

.dblock{
	display: block;
}

.select-count{
	border: 2px solid rgba(74, 55, 254, 0.5);
	border-radius: 10px;
	font-size: 12px;	
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	margin-bottom: 10px;
	cursor: pointer;
}

.select-count:hover{
	background-color: rgba(74, 55, 254, 0.1);
}

.select-count.active{
	background-color: rgba(74, 55, 254, 0.1);
	font-weight: bold;
}