.bg {
  /* The image used */
  background-image: url("../images/garzon.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-danger, .bg-success, .bg-info {
    padding: 2px 5px;
    border-radius: 0.3em;
    box-shadow: 0 0 3px 0 #9E9E9E;
    font-size: large;
    text-align: justify;
}

body {
    background: #ffffff;
	height: 100%;
}

a {
    color: #EF1F2F;
    text-decoration: none;
}

input[type="checkbox"] {
	width: 25px;
	height: 25px;
	cursor: pointer;
}


input[type="date"]
{
    display: block;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    min-height: 1.2em;
}

input::-webkit-date-and-time-value {
  text-align: left;
  vertical-align: center;
  height: 24px;
  line-height: 24px;
}

label {
	cursor: pointer;
	font-size: larger;
	vertical-align: bottom;
}

.marketing {
    margin-top: 5px;
}

a:hover {
    text-decoration: none;
}

.right {
    float: right;
}

.left {
    float: left;
}

.inactive {
    background: gray;
}

.padright {
	padding-right: 30px;
}

.markgrid1 {
  display: grid;
  grid-template-columns: 30px auto;
  vertical-align: middle;
  line-height: 34px;
}

.markgrid2 {
  display: grid;
  grid-template-columns: 30px auto;
  vertical-align: middle;
  line-height: 34px;
}

.markgrid3 {
  display: grid;
  grid-template-columns: auto;
  vertical-align: middle;
  line-height: 34px;
}

/*
@media only screen and (max-width: 1200px) {
	
	label {
		cursor: pointer;
		font-size: small;
		margin-bottom: 0px;		
	}	
}
*/

@media only screen and (max-width: 450px) {
	
	input[type="checkbox"] {
		width: 20px;
		height: 20px;
		cursor: pointer;
	}

	/*
	label {
		cursor: pointer;
		font-size: larger;		
		font-weight: normal;
		margin-bottom: 0px;		
	}	
	*/
	
	.markgrid1 {
	  line-height: 30px;
	}	
	
	.markgrid2 {
	  line-height: 30px;
	}	
	
	.markgrid3 {
	  line-height: 30px;
	}
	
	.padright {
		padding-right: 0px;
	}
	
}