@import url('../fonts-portal/monserat.css');


* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*font-family: 'interstatelight';*/
  
}


/*
.container-bancos-rnp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
}*/

.radio-tile-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.radio-tile-group .input-container {
	position: relative;
	height: 3rem;
	width: 9rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	border-radius: 15px;
	background-color: #FFFFFF;
}
/*.radio-tile-group .input-container {
	position: relative;
	height: 3rem;
	width: 9rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	border-radius: 15px;
	background-color: #FFFFFF;
}*/
.radio-tile-group .input-container .radio-button {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  margin: 0;
  cursor: pointer;
}
.radio-tile-group .input-container .radio-tile {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;*/
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	/*border: 1px solid #F80000;*/
	border: 1px solid #CCCCCC;
	border-radius: 15px;
	padding: 1rem;	/*-webkit-transition: -webkit-transform 300ms ease;
	transition: -webkit-transform 300ms ease;
	transition: transform 300ms ease;
	transition: transform 300ms ease, -webkit-transform 300ms ease;*/
}

.radio-tile-group .input-container .radio-tile-label {
	font-family: 'monseratlight';
	font-size: 12px;
	font-style: normal;
	text-align: center;
	color: #6F6F6F;
	font-weight: normal;
	width: 110px;
}
.radio-tile-group .input-container .radio-tile-label-si-no {
	font-family: 'monseratlight';
	font-size: 12px;
	font-style: normal;
	text-align: center;
	color: #6F6F6F;
	font-weight: normal;
	width: 50px;
}
.radio-tile-group .input-container .radio-button:hover + .radio-tile {
	border: 2px solid #4183BC;
/*  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);*/
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile {
	border: 2px solid #4183BC;
/*  -webkit-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);*/
}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {
	color: #6F6F6F;
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.radio-tile-group .input-container {
	position: relative;
	height: 3rem;
	width: 7rem;
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
}

	.radio-tile-group .input-container .radio-tile-label {
	font-family: 'monseratlight';
	font-size: 12px;
	font-style: normal;
	text-align: center;
	color: #6F6F6F;
	font-weight: normal;
	width: 130px;
	margin-bottom: 3px;
	vertical-align: middle;
}
.recuadro02 {
	width: 40%;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	padding-left: 20px;
}
	/**.radio-tile-group .input-container {
	position: relative;
	height: 3rem;
	width: 10rem;
	margin-top: 0.3rem;
	margin-right: -0.9rem;
	margin-left: -0.9rem;
	margin-bottom: 0.3rem;
}*/
/*.radio-tile-group .input-container .radio-tile-label-si-no {
	font-family: 'monseratlight';
	font-size: 12px;
	font-style: normal;
	text-align: center;
	color: #6F6F6F;
	font-weight: normal;
	width: 50px;
}*/
	
	}
@media only screen and (min-width: 620px) and (max-width: 767px) {
		/*.radio-tile-group .input-container {
	position: relative;
	height: 3rem;
	width: 30rem;
	margin-top: 0.3rem;
	margin-right: -0.9rem;
	margin-left: -0.9rem;
	margin-bottom: 0.3rem;
}*/
	}
	@media only screen and (min-width: 480px) and (max-width: 619px) {
				/*.radio-tile-group .input-container {
	position: relative;
	height: 3rem;
	width: 25rem;
	margin-top: 0.3rem;
	margin-right: -0.9rem;
	margin-left: -0.9rem;
	margin-bottom: 0.3rem;
}*/
		
		}
		@media only screen and (max-width: 479px) {
			
				/**.radio-tile-group .input-container {
	position: relative;
	height: 3rem;
	width: 30rem;
	margin-top: 0.3rem;
	margin-right: -0.9rem;
	margin-left: -0.9rem;
	margin-bottom: 0.3rem;
}*/
			}