/* XS */
@media all and (max-width: 575.99px)
{
	.row { margin-right: 0em !important; }
	.col-1, .col-2 { padding-right: 0.5em !important; padding-left: 0.5em !important; }
	.v-space { margin-top: 0.2em; margin-bottom: 0.2em; }

	/* Mapas: 1 */
	.celda3x2 { height: 3.6em; width: 2.67em; }
	.celda2x3 { height: 2.67em; width: 3.6em; }
	/* Mapas: 3 */
	.celda4x2 { height: 4em; width: 2.2em; }
	.celda5x1 { height: 5em; width: 1.5em; }
	.celda4x2 input[type=button], .celda5x1 input[type=button] { font-size: 0.6em; padding: 0.5em !important; }
	/* Mapas: 7 */
	.celda1x3 { height: 2.1em; width: 1.2em; }
	.celda1x3 input[type=button] { font-size: 0.5em; padding: 0.5em !important; }
}

/* SM y MD */
@media all and (min-width: 576px) and (max-width: 991.99px)
{
	.v-space { margin-top: 0.4em; margin-bottom: 0.4em; }
	
	/* Mapas: 1 */
	.celda3x2 { height: 5.2em; width: 4em; } 
	.celda2x3 { height: 4em; width: 5.2em; }
	/* Mapas: 3 */
	.celda4x2 { height: 6em; width: 3.25em; }
	.celda5x1 { height: 7.5em; width: 2.5em; }
	.celda4x2 input[type=button], .celda5x1 input[type=button] { font-size: 0.7em; padding: 0.5em !important; }
	/* Mapas: 7 */
	.celda1x3 { height: 2.9em; width: 2em; }
	.celda1x3 input[type=button] { font-size: 0.6em; padding: 0.5em !important; }

	.ventana-modal
	{
		min-width: 570px;
	}
}

/* LG y XL */
@media all and (min-width: 992px)
{
	.v-space { margin-top: 0.6em; margin-bottom: 0.6em; }
	
	/* Mapas: 1 */
	.celda3x2 { height: 6.7em; width: 5em; }
	.celda2x3 { height: 5em; width: 7em; }
	/* Mapas: 3 */
	.celda4x2 { height: 8em; width: 4.5em; }
	.celda5x1 { height: 10em; width: 3em; }
	.celda4x2 input[type=button], .celda5x1 input[type=button] { font-size: 0.8em; }
	/* Mapas: 7 */
	.celda1x3 { height: 4em; width: 2.8em; }
	.celda1x3 input[type=button] { font-size: 0.8em; }

	.ventana-modal
	{
		min-width: 850px;
	}
}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.custom-footer{
	background-color: #e9ecef!important;     
	text-align:center; 
	display: flex; 
	align-items:center;
    width: 100%;
    height: 90px;
  	margin-top: -90px;
	 
}

html, body {
	height: 100%;
	margin: 0;
  }
.content {
	min-height: 100%;
  }

.content-inside {
	padding: 20px;
	padding-bottom: 150px;
	
  }

/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 28px;
  }
  
  /* Hide default HTML checkbox */
.switch input {
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  /* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
.slider:before {
	position: absolute;
	content: "";
	height: 21px;
	width: 21px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
input:checked + .slider {
	background-color: #2196F3;
  }
  
input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
  }
  
input:checked + .slider:before {
	-webkit-transform: translateX(21px);
	-ms-transform: translateX(21px);
	transform: translateX(21px);
  }
  
  /* Rounded sliders */
.slider.round {
	border-radius: 28px;
  }
  
.slider.round:before {
	border-radius: 60%;
  }