
body.shadow:after {
	content: "";
	height: 100%;
	width: 100%;
	display: block;
	position: fixed;
	top: 0;
	background-color: rgba(56, 59, 66, 0.4);
	opacity:1;
}

#detail2 {
	display: none;
	margin: 34px 0;
}

.section-block {
	/* padding: 30px 0 0; */
}


.container {
	margin: 0 auto;
	max-width: 1024px;
}

.res-screen {
	background: #fff;
	display: none;
	/* margin: 0 0 0px; */
	/* margin: 0 0 40px; */
}

#detail-panel {
	display: none;
	margin: 0 0 32px;
}

 #infoModalScreen {
	z-index: 2;
	left: 0;
	right: 0;
	margin: 0 auto;
	position: fixed;
	border-radius: 10px 10px 0 0;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	bottom: -300px;
	background: #fff;
	opacity: 0;
	padding: 22px;
	pointer-events: none;
}

.show, #infoModalScreen.show {
	bottom: 0px;
	opacity: 1;
	pointer-events: all;
}

.tags-options {
	display: none;
}

.simple-section {
	max-width: 550px;
	margin: 30px auto 30px;
	padding: 0 20px;
	color: #323138;
	font-family: "Open Sans";
}

.menu_principal h6 i{
	vertical-align:inherit;

}
.simple-format h2 {
   font-family: "Open Sans";
	font-size: 22px;
	font-weight: bold;
	line-height: normal;
	letter-spacing: 0.17px;
	text-align: center;
	color: #414047;
	margin: 0 0 30px;
}

.simple-format h4 {
	/* font-size: 18px; */
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.14px;
	margin: 0 0 16px;
	text-align: left;
	font-family: 'Open Sans';
	line-height: 26px;
}
.simple-format h5 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 140%;
	margin: 0 0 30px;
}
.simple-format p {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 19px;
	margin: 0 0 15px;
}
.simple-format p sup{
	vertical-align:top;

}
.simple-format p a {
	color: #73cb51;
	text-decoration: underline;
}

.btn-std {
	height: 56px;
	border-radius: 4px;
	display: block;
	cursor: pointer;
}

.btn-std-green.disabled-btn {
	pointer-events: none;
	/* opacity: 0.5; */
	background: #D6D6D7;
	color: #ADADAF;
	box-shadow: none;
}

.btn-std-green {
	background: #2E9F30;
	box-shadow: 0px 4px 8px rgba(50, 49, 56, 0.08), 0px 20px 32px -10px rgba(46, 159, 48, 0.36);
	border-radius: 8px;
	font-family: "Open Sans";
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 54px;
	text-align: center;
	letter-spacing: 0.03em;
	color: #FFFFFF;
}

.btn-std-green:hover {
	color: #ffffff;
}

.btn-bt-1 {
	margin: 60px 0 0;
}

.btn-width-1 {
	width: 280px;
	margin: 0 auto;
}

.btn-width-2 {
	width: 86px;
}

.btn-std-border-green {
	background: #FFFFFF;
	border: 1px solid #2E9F30;
	font-size: 18px;
	font-style: normal;
	color: #2E9F30;
	line-height: 49px;
	text-align: center;
	cursor: pointer;
	font-weight: bold;
	font-family: "Open Sans";
	font-size: 16px;
	box-sizing: border-box;
	box-shadow: 0px 4px 8px rgba(50, 49, 56, 0.08), 0px 20px 32px -10px rgba(46, 159, 48, 0.36);
	border-radius: 8px;
}

.btn-std-border-green:hover {
	color: #2E9F30;
}

.group-btn-row {
	max-width: 220px;
	display: flex;
	justify-content: space-between;
	margin: 25px auto 60px;
}

.card-options {
	margin: 40px auto 0;
}

.card-options p {
	margin: 0 0 9px 0;
	text-align: center;
}

.card-options p  sup{
	vertical-align:revert;
}
.card-options h3 {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: bold;
	font-size: 30px;
	line-height: 120%;
}
.card-opts__inner {
	display: flex;
	justify-content: space-between;
	max-width: 342px;
	margin: 0 auto 0;
}

.card-opt {
	position: relative;
	width: 166px;
	height: 166px;
	padding: 20px 8px 0;
	box-sizing: border-box;
	cursor: pointer;
	background: #FFFFFF;
	box-shadow: 0px 8px 24px rgba(50, 49, 56, 0.16);
	border-radius: 4px;
}
.card-opt strong{
	font-family: "Open Sans";
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 19px;
	text-align: center;
	width: 130px;
	display: block;
	margin: 0 auto 21px;
}

.card-opt span {
   font-family: "Open Sans";
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	letter-spacing: -0.1px;
	text-align: center;
	color: #414047;
	width: 100%;
	text-align: center;
	display: block;
}


.card-opt.active {
	border: 2px solid #2E9F30;
}



.card-opt.inactive {
	opacity: 0.5;
}

.card-ammount {

    text-align: center;
}

.card-quantity {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 120%;
}

.card-quantity-currency {
    font-size: 14px;
}

.opt-group {
	margin: 24px 0 0;
	text-align: center;
}

.opt-group li {
	width: 136px;
	height: 39px;
	padding: 0px 16px;
	box-sizing: unset;
	border-radius: 19.5px;
	background-color: #dfdfe0;
    font-family: "Open Sans";
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	line-height: 39px;
	letter-spacing: 0.14px;
	color: #414047;
	display: inline-block;
	margin: 0 23px 16px;
	cursor: pointer;
}

.opt-group li.active {
	border: solid 2px #73cb51;
	background-color: rgba(115, 203, 81, 0.3);
	line-height: 35px;
}

.set-options {
	margin-top: 32px;
	;
}

.section-ds .titulo-oferta h3, .simple-format h3 {
   font-family: "Open Sans";
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.14px;
	text-align: center;
	color: #414047;
	margin: 0 0 24px;
}

.section-ds__inner {
	position: relative;
	padding: 54px 20px 0;
	overflow: auto;
	height: 65vh;
}

.section-ds__inner::-webkit-scrollbar-track {
	border-radius: 10px;
}

.section-ds__cerrar {
	background: #ffffff url(../../images/reestructura/close-res.svg) no-repeat center;
	width: 12px;
	height: 12px;
	position: fixed;
	top: 23px;
	right: 23px;
	cursor: pointer;
}
.res-head {
	margin:0 0 20px;
}
.block-info h5 {
    margin: 0 0 20px;
}
.res-head h4 {
    margin: 0px 0 10px;
    line-height: 25px;
}
.res-head h4, .res-head p {
    text-align:center;
}

.res-head h4.res-h4.p-gray-s {
	font-size:16px;
}
.res-h4.res-mb-1   {
	margin:0 0 20px;
}

.p-gray-s {
    color: #848388;
}
.table-std {
	margin: 0 0 25px;
	background: #FBFBFB;
	box-shadow: 0px 8px 24px rgba(50, 49, 56, 0.16);
	border-radius: 4px 4px 0px 0px;
}
.table-std .res-data-highlight {
	padding:20px 0 0;
}
.table-std ul {
    padding: 0 18px 16px 18px;
}



.table-std ul li {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #D6D6D7;
	padding: 7px 0 7px;
}


.table-std ul li div {
	display: flex;
	justify-content: space-between;

}
.table-res-detail {
	display:none;	
} 

.res-ans {
	padding:0 16px;
	
}


.res-ans p {font-weight: 600;}
.field-res {
    background: #fff;
    position: relative;
    width: 100%;
    text-align: center;
    height: 80px;
    vertical-align: bottom;
    overflow: hidden;
}
.widthInput {
	 position: relative;
	 /* width: 58px; */
	 /* width: 200px; */
	 /* display: block; */
}
.field-res input {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: bold !important;
    font-size: 48px !important;
    line-height: 100%;
    box-sizing: border-box;
    border: none !important;
    text-align: center;
    position: absolute;
    width: 100% !important;
    left: 0;
    padding: 0;
    height: 80px;
}

.field-res .width-machine {
  /*   Sort of a magic number to add extra space for number spinner */
  padding: 0 8px;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: bold !important;
  font-size: 48px !important;
  line-height: 100%;
  box-sizing: border-box;
  border: none !important;
  text-align: center;
  /* width: 200px; */
  /* display: block; */
}

.currency-symbol {
    font-family: Open Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 140%;
    text-align: center;
    color: #323138;
    margin: 39px 0 0;
    display: inline-block;
}

.field-res input[type="text"]:focus {
    border:none !important;
    outline:none !important;
}

.table-std ul li:last-of-type {
	border: none;
}

.table-std ul li span {
	/* display: flex; */
	/* justify-content: space-between; */
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
	color: #848388;
}

.table-std ul li strong {


/* Quantity/[Big] */


font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
/* identical to box height */

text-align: right;

color: #58575D;
}

.table-std ul li span small {
	margin: 0 0 0 5px;
}

.sup-nota {
    /* color: red; */
    font-size: 12px;
    margin: 0;
    opacity: .8;
    color: #58575D;
    vertical-align: revert;
    padding: 0;
}
.res-data-highlight {}

.res-data-highlight h3{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 16px;
    line-height: 140%;
/* or 22px */
    text-align: center;
    color: #414047;
    margin: 0 0 16px;
}

.res-data-highlight p{
    text-align: center;
    margin: 0 0 10px;
}

.res-data-highlight h2{
    font-family: "Open Sans";
    font-weight: bold;
    font-size: 30px;
    line-height: 120%;
    text-align: center;
    margin: 0;
}
.res-data-highlight h2 small{
    font-size:14px;
      font-weight: normal
}
.res-head.res-head-mg-1 {
    margin: 0 0 40px;
}

.text-offer {
    /* font-family: Roboto Mono; */
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    letter-spacing: 0.02em;
    text-decoration-line: line-through;
    color: #ADADAF;
    margin: 0 8px 0 0;
}

.table-std ul li .green-txt-accent, .green-txt-accent {
    color: #2E9F30;
}
.btn-blkBtm {
	margin:0 0 10px;
}
.btn-std-und-green {
	   font-family: "Open Sans";
	   font-size: 16px;
	   font-weight: bold;
	   line-height: 49px;
	   letter-spacing: 0.14px;
	   color: #2E9F30;
	   text-decoration: underline;
	   text-align: center;
}

.btn-std-und-green:hover {
	color: #247F26;
}
.info-important {
    padding: 18px 60px 18px  48px;
    margin: 20px 0 20px ;

}


.info-important p {
   font-family: "Open Sans";
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
   line-height: 19px;
   margin: 0;
}
.info-important.blue-version {
    background: #d0e7ff  url("../../images/reestructura/info-icon.svg") no-repeat 15px 20px;
}
#simulador-amortizacion {
	margin: 0 0 30px;
}

.accent-1 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 0.17px;
}

.rsm {
	max-width: 327px;


	background-color: #ffffff;
	margin: 0 auto 32px;
	padding: 16px;


	background: #FFFFFF;
    box-shadow: 0px 8px 24px rgba(50, 49, 56, 0.24);
    border-radius: 4px;
}


.rsm-header .simple-format p{
	display:none;
}

.rsm-header h4 {
   font-family: "Open Sans";
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 14px;
	border-bottom: solid 1px #979797;
	line-height: normal;
	letter-spacing: 0.14px;
	text-align: center;
	color: #414047;
	margin: 0 0 20px;
}
.data-tasa {

font-style: normal;
font-weight: bold;
font-size: 24px;
line-height: 32px;


text-align: center;
}

.data-cat {

    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    /* identical to box height */

    text-align: center;

    color: #414047;
}

.rsm-header {
    border-bottom: 1px solid #2E9F30;
    margin:10px 0 20px;
}
.rsm-header .res-data-highlight h3{
  margin:0 0 18px;
}
.rsm-content p {
	  font-family: "Open Sans";
	  font-style: normal;
	  font-weight: normal;
	  font-size: 14px;
	  line-height: 19px;
/* identical to box height */
	  text-align: center;
	  color: #848388;
	  margin: 0 0 24px;
}


.rsm-content p small{
	 font-size:14px;
	 font-weight:normal;
}
.rsm-content p strong {


font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 24px;
/* identical to box height */


text-align: center;

color: #414047;
}
.vip-data {
	margin: 20px 0 0;
}

.vip-data p {
	text-align: center;
}

.vip-data strong {
	font-size: 20px;
	font-weight: bold;
}

.vip-data strong sup {
   font-family: "Open Sans";
   font-size: 12px;
   font-weight: normal;
   line-height: normal;
   letter-spacing: 0.11px;
   color: #414047;
   vertical-align: super;
}
.simple-format2 p {font-family: "Open Sans";font-style: normal;font-weight: normal;font-size: 16px;line-height: 140%;
/* or 22px */color: #414047;margin: 0 0 20px;}
.simple-format2 p a{font-weight:bold;color:#2E9F30;text-decoration: underline;}

.mr-top-1 {
	margin: 32px 0 0;
	;
}

.transition-screen {
	position: relative;
	margin: 0 0 50px;
}

.transition-screen__inner h4 {
	margin: 0 0 13px;
}

.response-screen__img {
	max-width: 297px;
	/* height: 94px; */
	margin: 40px auto 40px;
}

.response-screen__img.width-120 {
	max-width: 120px;

}

.response-screen__img.width-150 {
	max-width: 150px;
	/* height: 270px; */
	margin: 0 auto;
}

.response-screen__img.width-150 figure {

	overflow:hidden;

}
.block-text {
    max-width: 300px;
    margin: 0 auto;
}
.block-text p {
	font-family: "Open Sans";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 140%;
}

.block-text p a {
	text-decoration:none;
	color: #414047;
}
.response-screen__img img {
    width:100%;
    height:auto;
}
.transition-screen__loading {
	height: 267px;
	overflow: hidden;
	width: 140px;
	margin: 20px auto 20px;
	position: relative;
}

.transition-screen__loading img {
	overflow: hidden;
	width: 100%;
}

.listLoans {
	margin: 35px auto 40px;
}

.listLoans ul {
	margin: 20px 0 0;
}

.listLoans ul li {
	margin: 0 0 24px;
	list-style: none;
}

.check-radio {
	text-align: left;
	overflow: hidden;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
	background: #FFFFFF;
	box-shadow: 0px 8px 24px rgba(50, 49, 56, 0.16);
	border-radius: 4px;
	padding: 16px;
}
.check-radio.active {
	border: 2px solid #2E9F30;
}
.check-radio label {
	cursor: pointer;
}

.check-radio label span {
   font-family: "Open Sans";
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0.13px;
	color: #414047;
	display: block;
	float: right;
	width: calc(100% - 50px);
}

.check-radio_button {
	width: 30px;
	height: 30px;
	/* border: solid 1px #979797; */
	border-radius: 30px;
	margin: 0 10px 0 0;
	cursor: pointer;
	display: block;
	float: left;
	display: none;
	box-sizing: border-box;
	overflow: hidden;
}

.check-radio_button.active {
	background: url(../../images/reestructura/check-res.svg) no-repeat no-repeat center;
	/* border: solid 1px #73cb51; */
	/* border: 2px solid #2E9F30; */
}

.check-radio.disabled-check {
    opacity: 0.5;
}

.check-radio_button input {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0;
	padding: 0;
	opacity: 0;
}
.status-loan {
   border-radius: 100px;
   padding: 4px 8px;
   font-family: "Open Sans";
   font-style: normal;
   font-weight: bold;
   font-size: 10px;
   line-height: 14px;
   margin: 0 0 15px;
   display:inline-block;
}


.status-loan.corriente, .status-loan.verde {
  background: rgba(46, 159, 48, 0.2);
  color: #2E9F30;
}
.status-loan.atraso, .status-loan.rojo {
	  background: rgba(255, 90, 45, 0.2);
        color: #FF5A2D; 
}
.status-loan.azul {
	  background: #CCE8FF;
        color: #008AFF 
}
.status-loan.amarillo {
background: #F5F7DA;
        color: #F7CD03; 
}

.p-gray-s .status-loan {
    padding: 4px 20px;
    margin: 0 10px 0 0;
}

.status-loan.rojo {
    
}

#one-option-pay {
	display:none;
}
.one-option-pay-details {
    border-radius: 10px;
    background-color: #f7f7f9;
    padding: 24px 22px;
    margin: 0 0 29px;
}
.check-radio .res-data-highlight h2 {
	text-align:left;
	margin:0 0 20px;
	
}

.check-radio  .p-gray-s {
	margin:0 0 10px;
}
.check-radio  p:last-of-type {
margin:0;
}
.one-option-pay-details .titulo-oferta h3 {
   font-family: "Open Sans";
  font-size: 18px;
  font-weight: bold; 
  letter-spacing: 0.14px;
  text-align: center;
   margin:0 0 25px;
}
.btn-info {
    display: inline-block;
    background: url(../../images/reestructura/tool-tip2.svg) no-repeat no-repeat center;
    width: 18px;
    height: 18px;
    margin: 0 0 0 6px;
    cursor: pointer;
    vertical-align: middle;
}

.caso-noInteres, .table-std ul li span.caso-noInteres {
	display:none;
}
.currency-type1 {
	font-family: 'Roboto Mono', monospace;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	color: #58575D;
}

.currency-type2 {
	font-family: 'Roboto Mono', monospace;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	text-align: right;
	letter-spacing: 0.02em;
	text-decoration-line: line-through;
	color: #ADADAF;
}
.currency-type3 {
		font-family: 'Roboto Mono', monospace;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 24px;
	color: #414047;
}

.currency-type4 {
		font-family: 'Roboto Mono', monospace;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
	color: #414047;
}
.back-button {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 13px;
    color: #2E9F30;
    background: url(../../images/reestructura/back-btn2.svg) no-repeat top left;
    padding: 0 0  0 17px;
    background-size: 9px auto;
    cursor:pointer;
    margin: 0 0 30px;
    display:none;
}
 .back-button.visible-style {
 display:block;
 }

.back-button:hover {
   text-decoration:underline;
}
.image-res {
	width: 150px;
	height:auto;
}
.image-res img {
	width:100%;
	height:auto;
}
.content-msg{
	background: #FFFFFF;
	box-shadow: 0px 8px 24px rgba(50, 49, 56, 0.24);
	border-radius: 4px;
	padding:40px 22px;
}

.response-screen__img.image-res {
	/* margin: 0 auto 40px; */
}
.content-msg p{
	font-family: "Open Sans";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 140%;
	color: #414047;
}
.txt-center, .simple-format h4.txt-center {
	text-align:center;
}

.block-info-bottom {
    max-width: 380px;
    margin: 0 auto 120px;
}
.submoduleScreen {
	display:none;
}
#offerDetailLB {
	margin:0 0 20px;
}
#lastPaymentFieldRPLB, #nextPaymentFieldRPLB {
	display:none;
}
#resScreenNoLoan, #errorURLScreen {
    margin: 180px auto;
}


@media(min-width: 1024px) {
	.section-ds__inner::-webkit-scrollbar {
		-webkit-appearance: none;
	}
	.section-ds__inner::-webkit-scrollbar:vertical {
		width: 10px;
	}
	.section-ds__inner::-webkit-scrollbar-button:increment,
	.contenedor::-webkit-scrollbar-button {
		display: none;
	}
	.section-ds__innerr::-webkit-scrollbar:horizontal {
		height: 10px;
	}
	.section-ds__inner::-webkit-scrollbar-thumb {
		background-color: #dbdbdb;
		border-radius: 20px;
		border: 2px solid #f1f2f3;
	}
}

@media(max-width: 870px) {
	#res-2 {
		padding: 15px
	}
	.section-ds__inner {
		padding: 0px 10px 0;
		overflow: auto;
		height: 70vh;
	}
}

@media(max-width:550px) {
	.btn-width-1 {
		max-width: 300px;
		margin: 0 auto;
	}
}

