@media (min-width: 576px) {
    .h-sm-100 {
        height: 100%;
    }
}


#lista {
  min-height: auto;
}
.data_table a {
  text-decoration: none;
  color: #222;
}
.table a {
  text-decoration: none;
  color: blue;
}
.form-signin {
  width: 100%;
  max-width: 520px;
  padding: 15px;
  margin: auto;
  margin-top: 45px;
  margin-bottom: 45px;
}
.form-evento {
  width: 100%;
  max-width: 80%;
  padding: 15px;
  margin: auto;
  margin-top: 45px;
  margin-bottom: 45px;
}
.form_background {
  background-color: rgba(153, 153, 153, 0.378);
  border: #ccc 2px solid;
  border-radius: 4px;
}

footer {
  color: #222;
  background-color:#7ED956 ;
}

.scrollup {
  background: transparent;
  color: #343A40;
  bottom: 3.5em;
  cursor: pointer;
  display: none;
  padding: .25em .5em;
  position: fixed;
  right: 1.5em;
  font-weight:bold;
}

.nav-link {
  color:#fff
}

.form-clave {
  width: 100%;
  max-width: 620px;
  padding: 15px;
  margin: auto;
  margin-top: 45px;
  margin-bottom: 45px;
  background-color: #EBEDEF;
}
.form-mediano {
  width: 100%;
  max-width: 95%;
  padding: 5px;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
  background-color: #EBEDEF;
}
.form-amplio {
  width: 100%;
  max-width: 95%;
  padding: 10px;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 25px;
  background-color: #EBEDEF;
}

.tabla-pequena {
  font-size: 12px;
}
.trhead {
  background-color:#faca20;
}
.tdbody {
  background-color:#fff;
}
.data_table{
  background: #fff;
  padding: 15px;
  box-shadow: 1px 3px 5px #aaa;
  border-radius: 5px;
}
.table-center th, td {
	text-align: center;
	vertical-align: middle;
}
.td-center {
	text-align: center;
	vertical-align: middle;
}
.tr-center {
	text-align: center;
	vertical-align: middle;
}

/* Form Label group */

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group > input,
.form-label-group > label {
  height: 3.125rem;
  padding: .75rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group input::-moz-placeholder {
  color: transparent;
}

.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem;
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 12px;
  color: #777;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #777;
  }
}

/** Form label group small ***/
.form-label-group-sm {
  position: relative;
  margin-bottom: 1rem;
}

.form-label-group-sm > input,
.form-label-group-sm > label {
  height: calc(2.7em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-label-group-sm > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  pointer-events: none;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;
}

.form-label-group-sm input::-webkit-input-placeholder {
  color: transparent;
}

.form-label-group-sm input:-ms-input-placeholder {
  color: transparent;
}

.form-label-group-sm input::-ms-input-placeholder {
  color: transparent;
}

.form-label-group-sm input::-moz-placeholder {
  color: transparent;
}

.form-label-group-sm input::placeholder {
  color: transparent;
}

.form-label-group-sm input:not(:placeholder-shown) {
  padding-top: 1.25rem;
  padding-bottom: .25rem;
}

.form-label-group-sm input:not(:placeholder-shown) ~ label {
  padding-top: .25rem;
  padding-bottom: .25rem;
  font-size: 10px;
  color: #777;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group-sm > label {
    display: none;
  }
  .form-label-group-sm input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group-sm > label {
    display: none;
  }
  .form-label-group-sm input:-ms-input-placeholder {
    color: #777;
  }
}

/* Fin form label group

/* Calendario */
.leyendas {
	padding-top:10px;
  padding-bottom:30px;
  min-height: 25px;
	background-color:#fff;
	border:#999 solid 1px;
}
.calendar {
	background-color:#fff;
	padding:25px;
}
.closeon {
	color:#D1344B;
	position: absolute;
	top: 1px;
	right: 1px;
	cursor: pointer;
    background-color: #CCC;
	border: 1px solid #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:1px;
	z-index:9;
}
/* Cambiar el color de el ancabezado del fullcalendar */

.fc-day-header {
	background-color:#28a745;
	color:#FFF;
}
.fc-event {
  min-height:40px !important; 
  padding-top: 1px; 
  padding-bottom: 1px;
  padding-right: 7px;
}
.fc-day-grid-event .fc-content {
  white-space:unset;
  overflow:visible;
}
.boton-dash {
  width: 140px;
  max-height: 120px;
}

.fondocampos1 {
	color:#FFF;
}

.fondocampos2 {
	background-color:#447dd1;
	padding: 4px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}
.scroll_checkboxes {
  min-height: 180px;
  padding: 5px;
  overflow: auto;
  border: 1px solid #ccc;
  background-color:#FFF;
  color:#000;
  text-align:left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fec {
  display: none;
}

.table-responsive1 {
    max-height:500px;
}

.leyendas1 {
	margin-top:8px;
}
.leyendas1 h4 {
	margin-top:5px;
	margin-bottom:2px;
}

btn-default {
  color: #333;
  background-color: #3AF3B6;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #00f0a0;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

.btn-default1 {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default1:hover,
.btn-default1:focus,
.btn-default1:active,
.btn-default1.active,
.open .dropdown-toggle.btn-default1 {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default1:active,
.btn-default1.active,
.open .dropdown-toggle.btn-default1 {
  background-image: none;
}
.btn-default1.disabled,
.btn-default1[disabled],
fieldset[disabled] .btn-default1,
.btn-default1.disabled:hover,
.btn-default1[disabled]:hover,
fieldset[disabled] .btn-default1:hover,
.btn-default1.disabled:focus,
.btn-default1[disabled]:focus,
fieldset[disabled] .btn-default1:focus,
.btn-default1.disabled:active,
.btn-default1[disabled]:active,
fieldset[disabled] .btn-default1:active,
.btn-default1.disabled.active,
.btn-default1[disabled].active,
fieldset[disabled] .btn-default1.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default1 .badge {
  color: #fff;
  background-color: #333;
}

.btn-default2 {
  color: #fff;
  background-color: #810677;
  border-color: #ccc;
}
.btn-default2:hover,
.btn-default2:focus,
.btn-default2:active,
.btn-default2.active,
.open .dropdown-toggle.btn-default2 {
  color: #ccc;
  background-color: #810677;
  border-color: #810677;
}
.btn-default2:active,
.btn-default2.active,
.open .dropdown-toggle.btn-default2 {
  background-image: none;
}
.btn-default2.disabled,
.btn-default2[disabled],
fieldset[disabled] .btn-default2,
.btn-default2.disabled:hover,
.btn-default2[disabled]:hover,
fieldset[disabled] .btn-default2:hover,
.btn-default2.disabled:focus,
.btn-default2[disabled]:focus,
fieldset[disabled] .btn-default2:focus,
.btn-default2.disabled:active,
.btn-default2[disabled]:active,
fieldset[disabled] .btn-default1:active,
.btn-default2.disabled.active,
.btn-default2[disabled].active,
fieldset[disabled] .btn-default2.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default2 .badge {
  color: #fff;
  background-color: #333;
}