
.enabled { color: #888; }
/* Botón de Elementos */
.config {
	border: .5px solid;
	border-radius: 10px;
	margin: 0;
	padding: 0 5px;
	float: right;
}
#debito a {
	color: #ec008b;
	transition: 0.5s;
  }
  
  #debito a:hover,
  #debito a:active,
  #debito a:focus {
	color: #ec008b;
	outline: none;
	text-decoration: none;
  }
.wrap {
	width: 90%;
	max-width: 800px;
	padding: 20px;
	margin: auto;
	background: #fff;
	box-shadow: 0px 0px 3px gray; 
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }

	  .logo {
		  min-height: 120px;
		  border: .5px solid #D32F2F;
		  border-radius: 10px;
		  margin: 0;
		  padding: 10px 0;
		  float: right;
		  display: flex;
		  flex-flow: column wrap;
		  justify-content: flex-end;
		  align-items: center;		}
	   .input-group, td.input-group {
		position: relative;
		margin-bottom: 28px; }
		.input-group input[type="text"],
		tbody .input-group input[type="text"],
		.input-group input[type="email"],
		tbody .input-group input[type="email"],
		.input-group input[type="password"],
		.input-group input[type="date"],
		.input-group input[type="time"],
		.input-group select,
		select.meses,
		.input-group textarea {
		  font-family: "Roboto";
		  font-size: 16px;
		  color: #006ab6;
		  width: 100%;
		  outline: none;
		  padding: 5px;
		  background: none;
		  border: none;
		  border-bottom: 2px solid #BBDEFB;}
		    .input-group textarea {
		  border-right: 2px solid #BBDEFB;}
		    .input-group input[type="text"]:focus, 
		    .input-group input[type="text"]:active,
		  tbody .input-group input[type="text"]:focus, 
		  tbody .input-group input[type="text"]:active,
		    .input-group input[type="date"]:focus, 
		    .input-group input[type="date"]:active,
		    .input-group input[type="time"]:focus, 
		    .input-group input[type="time"]:active,
		    .input-group input[type="email"]:focus,
		    .input-group input[type="email"]:active,
		  tbody .input-group input[type="email"]:focus,
		  tbody .input-group input[type="email"]:active,
		    .input-group input[type="password"]:focus,
		    .input-group input[type="password"]:active,
		    .input-group select:focus,
		    .input-group select:active {
			outline: none;
			border-bottom: 2px solid #006ab6; }
		    .input-group input[type="text"].error,
		  tbody .input-group input[type="text"].error
		    .input-group input[type="date"].error,
		    .input-group input[type="time"].error,
		    .input-group input[type="email"].error,
		    .input-group input[type="password"].error,
			select.error {
			border-bottom: 2px solid #D32F2F; }
			  .input-group input[type="text"].error + label,
			tbody .input-group input[type="text"].error + label,
			  .input-group input[type="date"].error + label,
			  .input-group input[type="time"].error + label,
			  .input-group input[type="email"].error + label,
			tbody .input-group input[type="email"].error + label,
			  .input-group input[type="password"].error + label {
			  color: #D32F2F; }
		  .input-group label, 
		tbody .input-group label { color: #006ab6; }
		    .input-group label.label,
		  tbody .input-group label.label {
			-webkit-transition: all 0.3s ease;
			-o-transition: all 0.3s ease;
			transition: all 0.3s ease;
			margin-left: 5px;
			font-size: 16px;
			line-height: 16px;
			position: absolute;
			top: 16px;
			left: 0; }
			.input-group label.label.active,
			tbody .input-group label.label.active {
			  top: -12px;
			  font-size: 12px;
			  line-height: 12px;
			  color: #ec008b; }
		  .input-group.checkbox label, 
		  .input-group.radio label {
		  display: inline-block;
		  cursor: pointer;
		  color: #006ab6;
		  position: relative;
		  padding: 5px 15px 5px 51px;
		  font-size: 1em;
		  border-radius: 3px;
		  -webkit-transition: all 0.3s ease;
		  -o-transition: all 0.3s ease;
		  transition: all 0.3s ease; }
		    .input-group.checkbox label:hover, 
		    .input-group.radio label:hover {
			background: #bbdefb; }
		    .input-group.checkbox label:before, 
		    .input-group.radio label:before {
			content: "";
			display: inline-block;
			width: 17px;
			height: 17px;
			position: absolute;
			left: 15px;
			border-radius: 50%;
			background: none;
			border: 2px solid #006ab6; }
		  .input-group.error label,
		tbody .input-group.error label {
		  color: #D32F2F; }
		    .input-group.error label:hover
		  tbody .input-group.error label:hover {
			background: rgba(211, 47, 47, 0.2); }
		    .input-group.error label:before {
			border: 2px solid #D32F2F; }
		  .input-group.radio input[type="radio"] {
		  display: none; }
		    .input-group.radio input[type="radio"]:checked + label:before {
			display: none; }
		    .input-group.radio input[type="radio"]:checked + label {
			padding: 5px 15px;
			background: #006ab6;
			border-radius: 2px;
			color: #f2f2f2; }
		  .input-group.checkbox label:before {
		  border-radius: 3px; }
		  .input-group.checkbox input[type="checkbox"] {
		  display: none; }
		    .input-group.checkbox input[type="checkbox"]:checked + label:before {
			display: none; }
		    .input-group.checkbox input[type="checkbox"]:checked + label {
			background: #006ab6;
			color: #f2f2f2;
			padding: 5px 15px; }
	    input[type="submit"] {
		background: #006ab6;
		border-radius: 1px;
		border: 2px solid #f2f2f2;
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-family: "Roboto";
		font-size: 16px;
		padding: 15px;
		width: 100%;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease; }
		  input[type="submit"]:hover {
		  background: #1976D2; }
		    .card ul{
			  max-height: 200px;
			  overflow-y: auto;
		  }
		    .card ul li { 
			  color: #006ab6;
			}
		    button {
			color: #df0b80;
			border: .5px solid #df0b80;
			border-radius: 10px; }
	#terminos ol { list-style-type: decimal; }
	#terminos ol ol { list-style-type: lower-alpha;}
@media screen and (max-width: 672px) {
	.wrap { width: 100%; }
}